Pemisahan modular fungsi halaman front-end
Ketika suatu sistem memiliki banyak fungsi, tidak mungkin bagi semua halaman modul fungsional untuk ditulis dalam satu halaman.
Aplikasi ini menggunakan Spring+Struts+MyBatis+JSP untuk menyelesaikan pemisahan fungsi halaman front-end menggunakan dua solusi.
Rencana 1:
Di halaman JSP, data halaman diisi di latar belakang menggunakan Ex Expressions atau Java Code. Kemudian, di JS, sakelar halaman selesai.
Kode JSP:
Halaman Modul Detail Bisnis: RisikoDetailItem.JSP Kode Halaman Menggunakan Ex Expressions untuk Menyelesaikan Pengisian Data.
<dv> <Table style = "font-size: 14px;"> <tr> <td> Nama pelanggan </td> <td> $ {loanriskbean.cusname} </td> <td> Jumlah pinjaman </td> <td> </TR/TR/TR/TR/TR/TR/TR/TR/TR/TR/TR/TR/TR/TDUBILAMOUT}Kode File XML dari Struts:
Film Etis http://www.dotdy.com/
<action name = "riskDetailItem" Metode = "detailItem"> <name hasil = "sukses">/web-inf/jsp/riskrecheck/riskdetailitem.jsp </result> </cich>
Kode beraksi:
Pinjaman Privat LoanRiskBean; ion ("Exception terjadi dalam detail tampilan!"); this.loanriskBean = LOANRISKBEAN;} Kode di JS:
$ (dokumen) .on ('klik', '. Terkait', function () {var loan = $ (this) .attr ("pinjaman"); var urlswitch = "/hbpost/riskrecheck/riskrelatedItemswitch.action" devere (hm Detail Metode kueri var terkaitinfo = function () {$ .AJAX ({url: url, type: 'get', DataType: 'json', Sukses: function (data) {}})} // Permintaan untuk memuat halaman informasi anggota grup yang relevan dan menampilkannya dalam dialog $ .AJAX ({URL: URLSWITCH, TYPE: "GET", SUCCESS: FUNGSI (DATA) {ID: 'CONCORCORD:' CONCORCORD: 'CONCORCORD:' CONCORCORD: LAMPENT: 1000 CONTORMENT, "DATAVE," DATAVE, "DATAVE," DATAVE, "DATAVE," DATAVE, " , onshow: function () {$ (". ARUI-DIALOG"). CSS ("Max-Height", "450px"); $ (. Solusi kedua:
Di halaman JSP dari modul fungsional yang sesuai, itu hanya kode statis dan memerlukan pengisian data JS. elemen dom halaman. Pada saat ini, Anda perlu memuat halaman JSP terlebih dahulu. Artinya, dua permintaan perlu diinisiasi ke latar belakang.
Kode JSP: Semua kode statis
<div style="overflow:auto;width:100%;*+width:1000px;"> <div> <h5>Inconsistent business name</h5> <table> <thead> <tr> <th>Customer name</th> <th>IOUT NOTICE Amount</th> </tr> </thead> <tbody> </tbody> </table> </div> </div> </div>
File XML di Struts:
<action name = "RisikoRelatedItem" Metode = "RelatedItem"> </action> <!-Lewati ke halaman grup terkait-> <action name = "RisikoRelatedItemsWitch" Method = "RelationseTemsWitch"> <name = "Success">/web-inf/jsp/riskrecheck/riskrelatedeM.jsp </success> </action>
Atau:
<!-Lompat ke halaman grup yang relevan-> Tidak perlu menulis metode yang sesuai dalam tindakan, Struts bertanggung jawab atas lompatan. <action name = "RisikoReatedItemSwitch"> <rances> /web-inf/jsp/riskrecheck/riskrelateditem.jsp </rence> </cich>
Kode beraksi:
/ *** Informasi anggota grup yang relevan berdasarkan pinjaman*/ public void terkait () {Daftar <LoanRiskBean> tMPRELATEDLIST = NULL TRACE {TMPRELATEDLIST; Gerutil.info ("Pengecualian terjadi saat melihat informasi anggota grup terkait! ------ Terkait ()"); / *** Lompat ke halaman grup anggota yang relevan* @Return*/ Public String RelatedItemsWitch () {return Success;}Kode di JS:
/*** Tampilan Informasi Inspeksi Khusus Pasca-Pinjaman-Informasi Kustom [Terkait] Tampilan grup*/$ (dokumen) .on ('klik', '. waktu = "+tanggal baru ()+" & loanid = "+loanid; // query Informasi grup anggota yang relevan dan loop untuk menilai halaman var terkaitinfo = function () {$ .ajax ({{url: url, Jenis: 'Get', DataType: 'JSON', SUCCESS: FUNGSI (DATA) {var tmparray = data.Object ,, TipStr (var i = tmpArray.length-1; i> = 0; i-) {Tipstr = TMParray [i]. TIPSTR; mparray [i] .cusname+"</td> <td>"+tmpArray [i] .duebillno+"</td> </tr>"); $ (". SameAddress"). CSS ("Display", "Block"); "Informasi Terkait", CancelValue: 'Tutup', Konten: Data, Onshow: Function () {$ (". ARUI-DIALOG"). CSS ("Max-Height", "450px"); $ (.Di atas adalah solusi untuk menerapkan pemisahan modular dari fungsi halaman front-end oleh JSP, Struts, Spring, dan MyBatis yang diperkenalkan kepada Anda. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!