การแยกโมดูลาร์ของฟังก์ชั่นหน้าส่วนหน้า
เมื่อระบบมีฟังก์ชั่นมากมายมันเป็นไปไม่ได้สำหรับทุกหน้าของโมดูลการทำงานที่จะเขียนในหน้าเดียว ในเวลานี้หน้าของโมดูลการทำงานที่แตกต่างกันจะต้องแยกออกเช่นเดียวกับเทมเพลต หน้าของฟังก์ชั่นที่จำเป็นจะถูกเรียกและจากนั้นข้อมูลที่เกี่ยวข้องจะถูกโหลดและแสดงในหน้าเว็บที่เกี่ยวข้อง
แอปพลิเคชั่นนี้ใช้ Spring+Struts+MyBatis+JSP เพื่อแยกฟังก์ชั่นหน้าส่วนหน้าโดยใช้สองโซลูชัน
แผน 1:
ในหน้า JSP ข้อมูลหน้าจะถูกกรอกข้อมูลในพื้นหลังโดยใช้ EL Expressions หรือ Java Code จากนั้นทำการสลับหน้าใน JS ให้เสร็จสมบูรณ์
รหัส JSP:
รายละเอียดธุรกิจหน้าโมดูล: RiskDetailItem.jsp รหัสหน้าใช้ EL Expressions เพื่อเติมข้อมูลให้เสร็จสิ้น
<div> <table style = "Font-Size: 14px;"> <tr> <td> ชื่อลูกค้า </td> <td> $ {Loanriskean.cusname} </td> <td> จำนวนเงินกู้ </td> <td> $ {loanriskean.dueBillamount} yuan </td>รหัสไฟล์ XML ของ struts:
ภาพยนตร์จริยธรรม http://www.dotdy.com/
<action name = "RiskDetailItem" method = "DetailItem"> <ชื่อผลลัพธ์ = "ความสำเร็จ">/web-inf/jsp/revishrecheck/riskdetailitem.jsp </result> </action>
รหัสในการดำเนินการ:
LoanRiskBean Private LoanRiskean; Public String DetailItem () {ลอง {LoanRiskBean = RiskRecheckServiceImpl.DetailItem (RiskId);-เรียกวิธีการในบริการเพื่อสอบถามข้อมูล} catch (Exception e) {e.printstacktrace (); loggerutil.info ("ข้อยกเว้นเกิดขึ้นในรายละเอียดการดู! ------ DetailItem ()"); โยน runtimeException ใหม่ ("ข้อยกเว้นเกิดขึ้นในรายละเอียดการดู!"); } คืนความสำเร็จ; } โมฆะสาธารณะ SetloanRiskean (LoanRiskBean LoanRiskean) {this.loanriskebean = LoanRiskBean; - รหัสใน JS:
$ (เอกสาร) .on ('คลิก', '. ที่เกี่ยวข้อง', function () {var loan = $ (this) .attr ("loanid"); var urlswitch = "/hbpost/riskrecheck/riskrelateditemswitch.action" varl = "/hbpost/riskrecheck/riskrecheck // ประกาศวิธีการสอบถามรายละเอียด var ที่เกี่ยวข้อง = function () {$ .ajax ({url: url, type: 'get', datatype: 'json', ความสำเร็จ: ฟังก์ชั่น (ข้อมูล) {}})} // การร้องขอให้โหลดข้อมูลสมาชิกกลุ่มที่เกี่ยวข้อง เกี่ยวข้องกับ (); // โทรหาวิธีการสอบถามรายละเอียดวิธีการที่เกี่ยวข้องกับ dialog = $ dialog ({id: 'regatialog', ความกว้าง: 1000, ชื่อเรื่อง: "ข้อมูลที่เกี่ยวข้อง", cancelValue: 'close', เนื้อหา: ข้อมูล, onshow: function () {$ ("arui-dialog"). $ (. arui-dialog "). CSS (" Min-Height "," 300px "); ทางออกที่สอง:
ในหน้า JSP ของโมดูลการทำงานที่สอดคล้องกันเป็นเพียงรหัสคงที่และต้องการการกรอกข้อมูลใน JS อย่างไรก็ตามเนื่องจากหน้าโมดูลฟังก์ชั่น JSP ที่สอดคล้องกันยังไม่ได้รับการโหลด (แม้ว่าคุณสามารถแนะนำ JS ที่สอดคล้องกันในหน้าโมดูล JS ที่ใช้งานได้หรือใช้ SEA.JS เพื่อโหลดไฟล์ JS แต่สาระสำคัญคือไฟล์ JS ที่สอดคล้องกันจะถูกโหลดเฉพาะเมื่อโหลดหน้า HTML หรือ JS) ในเวลานี้คุณต้องโหลดหน้า JSP ก่อน ตัวอย่างเช่นคุณสามารถข้ามหน้าเว็บได้โดยไม่ต้องร้องขอไปยังพื้นหลัง กล่าวคือต้องมีการร้องขอสองคำขอไปยังพื้นหลัง คำขอแรกคือการโหลดหน้าโมดูลการทำงานที่สอดคล้องกันและคำขอที่สองคือการขอข้อมูลจากพื้นหลังจากนั้นกรอกข้อมูลลงในหน้าของคำขอแรกและแสดง
รหัส JSP: รหัสคงที่ทั้งหมด
<div style = "overflow: auto; width: 100%;*+width: 1000px;"> <div> <h5> ชื่อธุรกิจที่ไม่สอดคล้องกัน </h5> <table> <thead> <tr> <th> ชื่อลูกค้า </th> <th> iout
ไฟล์ XML ใน struts:
<action name = "RiskRelatedItem" method = "ResitiveItem"> </action> <!-ข้ามไปยังหน้ากลุ่มที่เกี่ยวข้อง-> <action name = "RiskRelatedItemSwitch" method = "ReseriveTemswitch"> <name result = "ความสำเร็จ">/web-inf/jsp/jsp/risk
หรือ:
<!-ข้ามไปยังหน้ากลุ่มที่เกี่ยวข้อง-> ไม่จำเป็นต้องเขียนวิธีการที่เกี่ยวข้องในการกระทำ Struts รับผิดชอบการกระโดด <action name = "RiskRelatedItEmswitch"> <result> /web-inf/jsp/riskrecheck/riskrelatedItem.jsp </result> </action>
รหัสในการดำเนินการ:
/ *** ข้อมูลสมาชิกกลุ่มที่เกี่ยวข้องตาม Loanid*/ Public Void RethulItem () {list <soNRiskBean> TMPRELATEDLIST = NULL; ลอง {tmprelatedList = Riskrecheckserviceimpl.RelatedItem (Loanid); this.OutputStreamModelandView (TMPRELATEDLIST); } catch (exception e) {e.printstacktrace (); loggerutil.info ("ข้อยกเว้นเกิดขึ้นเมื่อดูข้อมูลสมาชิกกลุ่มที่เกี่ยวข้อง! ------ refactiTem ()"); โยน runtimeException ใหม่ ("ข้อยกเว้นเกิดขึ้นเมื่อดูข้อมูลสมาชิกกลุ่มที่เกี่ยวข้อง!"); }} / *** ข้ามไปที่หน้ากลุ่มสมาชิกที่เกี่ยวข้อง* @return* / สตริงสาธารณะที่เกี่ยวข้องกับ MSWITCH () {คืนความสำเร็จ; -รหัสใน JS:
/*** ข้อมูลการตรวจสอบพิเศษโพสต์การตรวจสอบข้อมูลการแสดงผล-ข้อมูล-ลูกค้า [เกี่ยวข้อง] การแสดงกลุ่ม*/$ (เอกสาร) .on ('คลิก', '. ที่เกี่ยวข้อง', ฟังก์ชั่น () {var loan = $ (นี้) .attr ("loanid"); var urlswitch = "/hbpost/riskrecheck/riskrelateditem "/hbpost/riskrecheck/riskrelatedItem.action?time="+New Date ()+" & Loanid = "+Loanid; tmparray = data.Object ,, tipstr; tbody "). ผนวก (" <tr> <td> "+tmparray [i] .cusname+" </td> <td> "+tmparray [i] .duebillno+" </td> </tr> "); หน้าข้อมูลสมาชิกกลุ่มที่เกี่ยวข้องและแสดงในกล่องโต้ตอบ $ .ajax ({url: urlswitch, ประเภท: "รับ", ความสำเร็จ: ฟังก์ชั่น (ข้อมูล) {เกี่ยวข้องกับ Info (); RegaseDialog = $ dialog ({id: 'regasialdialog', ความกว้าง: 1000, ชื่อเรื่อง: "ข้อมูลที่เกี่ยวข้อง", cancelValue: 'close', เนื้อหา: ข้อมูล, onshow: function () {$ (". arui-dialog"). css ("สูงสุด", "450px"); $ (". Arui-Dialog"). CSS ("Min-Height", "300px"); -ด้านบนเป็นวิธีแก้ปัญหาการแยกฟังก์ชั่นหน้าส่วนหน้าโดย JSP, struts, spring และ mybatis แนะนำให้คุณรู้จัก ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับคุณทันเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!