Modulare Aufteilung der Front-End-Seitenfunktionen
Wenn ein System viele Funktionen hat, ist es unmöglich, dass alle Seiten der Funktionsmodule in einer Seite geschrieben werden.
Diese Anwendung verwendet Spring+Struts+MyBatis+JSP, um die Aufteilung von Front-End-Seitenfunktionen mit zwei Lösungen zu vervollständigen.
Plan 1:
Auf JSP -Seiten werden die Seitendaten im Hintergrund mit EL -Ausdrücken oder Java -Code ausgefüllt. Führen Sie dann den Seitenschalter in JS aus.
JSP -Code:
Unternehmensdetails -Modulseite: riskDetailItem.jsp -Seitencode verwendet EL -Ausdrücke, um die Datenfüllung zu vervollständigen.
<div> <table style="font-size: 14px;"> <tr> <td>Customer name</td><td>${loanRiskBean.cusName}</td> <td>Loan Amount</td><td>${loanRiskBean.dueBillAmount} Yuan</td> </tr> </table> </div>Der XML -Dateicode von Struts:
Ethischer Film http://www.dotdy.com/
<Action name = "riskDetailItem" methode = "detailItem"> <result name = "success">/web-inf/jsp/riskRecheck/riskDetailItem.jsp </result> </action>
Code in Aktion:
privates lousicbean laneriusRiskbean; Details anzeigen! ");} Return Success;} public void setloanriskbean (lankranz langeRiskbean) { this.loanriskbean = lanerungsriskbean; Code in JS:
$ (Dokument) .on ('Click', '. Related', Function () {var lanual = $ (this) .Attr ("links"); var urlswitch = "/hbpost/risklecheck/rkrsrelatedItemSwitch.action"; Ery -Methode var relatedInfo = function () {$ .ajax ({url: url, type: 'get', DataType: 'JSON',, Erfolg: Funktion (Daten) {}})} // Anfrage zum Laden der relevanten Gruppenmitglied -Informationsseite und im Dialog $ .AJAX ({url: urlswitch, type: "get", Erfolg: Funktion (Daten) {verwandtes Inhalt (); // Die Details -Query -Methode rufen Sie die Detail -Methode mit: 1000 -Dialog: "-DAILGALE", {id: "verwandt", "verwandt", "verwandt", "verwandt", "verwandt", "verwandt", "verwandt", "verwandt", "verwandt", "verwandt", "verwandt", "verwandt", "verwandt", "verwandt", "verwandte Onshow: function () {$ (". Arui-dialog"). CSS ("max-height", "450px"); $ (". ARUI-DIALOG"). Die zweite Lösung:
Auf der JSP -Seite des entsprechenden Funktionsmoduls handelt es sich nur um einen statischen Code und erfordert Daten, die JS füllen. DOM -Element der Seite. Zuerst müssen Sie zuerst die JSP -Seite laden. Das heißt, zwei Anfragen müssen in den Hintergrund initiiert werden.
JSP -Code: Alle statischen Code
<div style = "Überlauf: Auto; Breite: 100%;*+Breite: 1000px;"> <div> <h5> Inkonsistenter Geschäftsname </h5> <table> <TR> <Th> Kundenname </th> <Tbody is iut hindienmenge.
Die XML -Datei in Streben:
<actionname = "riskReLatedItem" methode = "relatedItem"> </action> <!-Überspringen
Oder:
<!-Springe zur relevanten Gruppenseite-> Keine Notwendigkeit, die entsprechende Methode in die Aktion zu schreiben, Struts ist für den Sprung verantwortlich. <action name = "riskRelatedItemSwitch"> <Eltrib> /web-inf/jsp/risklecheck/rkrsrelatedItem.jsp </result> </action>
Code in Aktion:
/ *** Relevante Gruppeninformationen basierend auf LoanID ("Ausnahme erfolgt bei der Anzeige der verwandten Gruppenmitgliederinformationen! ------ verwandten ()"); / *** Spring zur relevanten Mitgliedsgruppe* @return*/ public String recordEmSwitch () {Return Success;Code in JS:
/*** Post-Loan-Inspektionsinformationsinformationen-Customer Information [Related] Group Display*/$ (Dokument) .on ('Click', Related ', Function () {var lanual = $ (this) .Attr ("lankraut"); var urlswitch = "/hbpost/risklEck/riscrelateditematem. TIME = "+neues Datum ()+" & lankte = "+lanciid; // Abfragen Sie die relevanten Mitgliedergruppeninformationen und schleifen Sie die Anhang an die Seite var verwandtesInfo = function () {$ .ajax ({url: url: url, beurteilen, um die Anhang zu beurteilen. Typ: 'get', DataType: 'JSON', Erfolg: Funktion (data) {var tmparray = data.object, tipstr; mpArray [i] .cusname+"</td> <td>"+tmparray [i] .Duebillno+"</td> </tr>"); $ (". Sameaddress"). CSS ("Display", "Block"); Verwandte Informationen ", CancelValue: 'Close', Inhalt: Daten, Onshow: function () {$ (". Arui-dialog "). CSS (" max-height "," 450px "); $ (". ARUI-DIALOG").Die oben genannte Lösung zur Implementierung der modularen Aufteilung der Front-End-Seitenfunktionen von JSP, Struds, Frühling und MyBatis, die Ihnen vorgestellt wurden. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!