División modular de las funciones de la página front-end
Cuando un sistema tiene muchas funciones, es imposible que todas las páginas de módulos funcionales se escriban en una página. En este momento, las páginas de diferentes módulos funcionales deben dividirse, al igual que una plantilla. Se llamarán a las páginas de qué función se necesitan, y luego los datos correspondientes se cargarán y se mostrarán en la página correspondiente.
Esta aplicación usa Spring+Struts+MyBatis+JSP para completar la división de funciones de página front-end utilizando dos soluciones.
Plan 1:
En las páginas JSP, los datos de la página se completan en segundo plano utilizando EL expresiones o código Java. Luego, en JS, el interruptor de página se completa.
Código JSP:
Detalles del negocio Página del módulo: RiskDetailItem.JSP El código de página utiliza EL Expresiones para completar el llenado de datos.
<div> <table style = "font-size: 14px;"> <tr> <td> Nombre del cliente </td> <td> $ {prestadoRiskBean.cusname} </td> <td> Monto del préstamo </td> <td> $ {préstamoEl código de archivo XML de Struts:
Película ética http://www.dotdy.com/
<Action name = "RiskDetailItem" Method = "DetellItem"> <Result Name = "Success">/Web-INF/JSP/RiskRecheck/RiskDetailItem.jsp </resultado> </Action>
Código en acción:
Prestado privado public String DetailItem () {try {LoanRiskBean = RiskRecheckserviceImpl.DetailItem (RiskId);-Llame al método en el servicio para consultar los datos} Catch (Exception e) {E.PrintStackTrace (); Loggerutil.info ("La excepción se produjo en los detalles de la vista! ------ DetellItem ()"); tirar nueva runtimeException ("¡La excepción ocurrió en los detalles de la vista!"); } return éxito; } public void setLoanRiskBean (préstamos préstamos préstamosriskbean) {this.loanRiskBean = LoanRiskBean; } Código en JS:
$ (documento) .on ('Click', '. // Declarar el método de consulta de detalles var RelationInfo = function () {$ .AJAX ({url: url, type: 'get', dataType: 'json', éxito: function (data) {}})} // Solicitar para cargar la página de información del grupo relevante y mostrarlo en el diálogo $ .AJAX ({urlSwitch, tipo, tipo: "Get", Success: Function (Data (Data) {Data). RelationInfo (); // Llame al método de consulta de detalles RelationDialog = $ dialog ({id: 'RelationDialog', Width: 1000, Título: "Información relacionada", CancelValue: 'Close', Content: Data, Onshow: Function () {$ (". $ (". Arui-Dialog"). La segunda solución:
En la página JSP del módulo funcional correspondiente, solo es código estático y requiere el complemento de datos en JS. Sin embargo, debido a que la página del módulo de función JSP correspondiente aún no se ha cargado (aunque puede introducir JS correspondiente en la página del módulo funcional JS, o usar SEA.js para cargar el archivo JS, pero la esencia es que el archivo JS correspondiente se cargará solo cuando la página HTML o JS esté cargada), no puede usar JQuery en JS para obtener el elemento DOM de la página. En este momento, primero debe cargar la página JSP. Por ejemplo, puede saltar una página en Struts sin hacer una solicitud en el fondo. Es decir, se deben iniciar dos solicitudes en el fondo. La primera solicitud es cargar la página del módulo funcional correspondiente, y la segunda solicitud es solicitar datos desde el fondo, y luego llenarlo en la página de la primera solicitud y mostrarlo.
Código JSP: todo código estático
<div style = "overflow: auto; ancho: 100%;*+ancho: 1000px;"> <div> <h5> nombre comercial inconsistente </h5> <table> <thead> <tr> <th> Nombre del cliente </th> <th> IOUT ADITA
El archivo XML en Struts:
<Action name = "RiskRelatedItem" Method = "RelationItem"> </Action> <!-Skip a la página de grupo relacionada-> <Action name = "RiskRelatedItemSwitch" Method = "RelationItemSwitch"> <Result Name = "Success">/Web-INF/JSP/RiskRecheck/RiskRelatedItem.jsp </resultado> </Action>
O:
< <Action name = "RiskRelatedItemSwitch"> <resultado> /webinf/jsp/riskrecheck/riskrelatedItem.jsp </resultado> </acción>
Código en acción:
/ *** Consulta Información del miembro del grupo relevante basada en Loanid*/ public void RelationItem () {List <LowRiskBean> tmPrelatedList = null; intente {tmPrelatedList = RiskRecheckserviceImpl.RelatedItem (LATAID); this.outputStreamModelandView (TMPrelatedList); } catch (Exception e) {E.PrintStackTrace (); Loggerutil.info ("La excepción se produjo al ver la información relacionada del miembro del grupo! ----- RelationItem ()"); Lanzar nueva runtimeException ("Se produjo una excepción al ver la información relacionada del miembro del grupo!"); }} / *** Saltar a la página del grupo de miembros relevante* @return* / public string RelationItemSwitch () {return éxito; }Código en JS:
/*** Pantalla de información de entrada de inspección especial post-Loan-Información del cliente [Relacionado] Pantalla de grupo*/$ (documento) .on ('Click', '. Related', function () {var préstamo = $ (this) .Attr ("LoanD"); var urlswitch = "/hbpost/riskriskrecheck/riskelatedeMSwitch.accation"; var url = "/hbpost/riskrecheck/riskrelatedItem.action?time="+New date ()+" & LoanD = "+LoanD; data.Object ,, TipStr; +tmParray [i] .dueBillno +"</td> </tr>"); RelationInfo (); RelationDialog = $ dialog ({id: 'RelationDialog', Width: 1000, Título: "Información relacionada", CancelValue: 'Close', Content: Data, Onshow: function () {$ (". Arui-dialog"). CSS ("Máx-Height", "450px"); $ (". Arui-dialog"). }})})Lo anterior es la solución para implementar la división modular de las funciones de la página front-end de JSP, Struts, Spring y MyBatis presentados a usted. Espero que te sea útil. Si tiene alguna pregunta, déjeme un mensaje y el editor le responderá a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!