Divisão modular das funções de página front-end
Quando um sistema possui muitas funções, é impossível para todas as páginas dos módulos funcionais a serem gravados em uma página.
Este aplicativo usa Spring+Struts+Mybatis+JSP para concluir a divisão das funções da página front-end usando duas soluções.
Plano 1:
Nas páginas JSP, os dados da página são preenchidos em segundo plano usando expressões EL ou código Java. Em seguida, preencha a troca de página em JS.
Código JSP:
Detalhes da empresa Página do módulo: RiskDetailItem.jsp O código da página usa expressões EL para concluir o preenchimento de dados.
<div> <tabela style = "font-size: 14px;"> <tr> <td> nome do cliente </td> <td> $ {whomnsriskbean.cusname} </td> <td> valor empréstimo </td> <td> $ {whomriskbean.duebillamount} yuan </td>O código do arquivo XML de Struts:
Filme ético http://www.dotdy.com/
<ação name = "riskDetailItem" método = "detalheItem"> <resultado name = "succcess">/web-inf/jsp/riskrecheck/riskDetailItem.jsp </sireld> </ction>
Código em ação:
PRIVADO PRILITO IMPROVERSÁRIO; Detalhes! ");} Return Success;} public void setLaanRiskbean (WHONSHERRISKBEAN WHONHERRISKBEAN) { this.loanRiskBean = BomanRiskBean; Código em JS:
$ (documento) .on ('clique', ' método ery var relacionadoInfo = function () {$ .ajax ({url: url, tipo: 'get', datatype: 'json', Sucesso: function (dados) {}})} // Solicite para carregar a página de informações do membro do grupo relevante e exibi -la na caixa de diálogo $ .ajax ({url: urlswitch, type: "get", succen: function (dados) {RelatedInfo (); , ONSHOW: function () {$ (". Arui-Dialog"). CSS ("Max-Hight", "450px"); ". A segunda solução:
Na página JSP do módulo funcional correspondente, é apenas o código estático e requer o preenchimento de dados em JS. Tain o elemento DOM da página. No momento, você precisa carregar a página JSP primeiro. Ou seja, duas solicitações precisam ser iniciadas para o segundo plano.
Código JSP: todo o código estático
<div style = "Overflow: Auto; largura: 100%;*+largura: 1000px;"> <div> <h5> Nome da empresa inconsistente </h5> <table> <Tead> <tr> <th> Nome do cliente </th> <Th> Iout Aviso
O arquivo XML em suportes:
<ação name = "riskRelatedItem" method = "RELEDItem"> </ction> <!-Pule para a página do grupo relacionada-> <ação name = "RiskRelatedItemSwitch" Method = "RelatedItemSwitch"> Result Name = "Securce">/Web-Inf/JSP/RiskRecheck/RiskReLatedItem.jsp </resultado>
Ou:
<!-pule para a página do grupo relevante-> Não há necessidade de escrever o método correspondente na ação, o Struts é responsável pelo salto. <ação name = "RiskRelatedIdImSwitch"> <SIFFLUE> /web-inf/jsp/riskrecheck/riskrelatedItem.jsp </resultado> </action>
Código em ação:
/ *** Informações relevantes para membros do grupo com base no empréstimo*/ public void relacionado () {List <SangrelRiskBean> tmprelatedlist = null; Informações (exceção ocorreu ao visualizar informações relacionadas ao membro do grupo! ------ relacionadas () "); / *** Pule para a página do grupo de membros relevantes* @return*/ public String RelatedItemSwitch () {Return Success;Código em JS:
/*** Informações de entrada de inspeção especial pós-empréstimo Exibição de entrada-Informações do cliente [Relacionado] Exibição do grupo*/$ (documento) .on ('clique', '. time = "+new Date ()+" & empréstimo = "+empréstimo; // Consulte as informações e loop do grupo de membros relevantes para julgar o anexo à página var relacionadoInfo = function () {$ .ajax ({url: url, Tipo: 'Get', Datatype: 'JSON', Sucesso: function (dados) {var tmparray = data.object ,, TIPSTR; mParray [i] .cusname+"</td> <td>"+tmparray [i] .duebillno+"</td> </tr>"); $ (". "Informações relacionadas", CancelValue: 'Fechar', Conteúdo: Dados, Onsshow: function () {$ (". Arui-Dialog"). CSS ("Max-Hight", "450px"); ".O acima é a solução para implementar a divisão modular das funções de página front-end por JSP, Struts, Spring e Mybatis apresentado a você. Muito obrigado pelo seu apoio ao site wulin.com!