Struts Características Avançadas Agenda • • • • • • • • Tags do Struts DispatchAction Multiplos arquivos de configuração Command Pattern DynaActionForm Array’s Validation Framework JSP2.0 Expression Language html • • • • • • • • • • • html:submit html:cancel html:button html:hidden html:checkbox html:messages html:errors html:file html:form html:javascript html:image/img html • • • • • • • • • html:link html:messages html:multibox html:selection/option/options/optionsCollection html:radio html:reset html:rewrite html:text html:textarea bean • • • • • • • • • bean:cookie bean:header bean:parameter bean:define bean:include bean:message bean:page bean:resource bean:size bean • bean:struts • bean:write logic • • • • logic:empty logic:present logic:iterate logic:{...} Preparação do Ambiente • Crie dois projetos (SistemaDeNoticias e SistemaDeNoticiasWeb) • Configure o nome do contexto web para noticia • Adicione a lib struts-extras.jar. Utilize, claro, a versão mais recente • Crie as páginas Menu.jsp e index.jsp Menu.jsp <%@ page language="java" contentType="text/html; charset=UTF-8"%> <%@ taglib uri="/tags/struts-html" prefix="html"%> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>.: Menu :.</title> <link rel="stylesheet" href="css/Estilo.css" type="text/css" /> </head> <body> <table> <tr> <td><html:link page="/PaginaInicial.do">Página Inicial | </html:link></td> </tr> </table> </body> </html> index.jsp <body onLoad="window.location='PaginaInicial.do';"> DispatchAction • Subtipo de Action que implementa o padrão Command • Ao invés de ter várias classes Action, você centraliza todas as ações num único DispatchAction e seleciona a uma ação específica através de um parâmetro (comando) na url • Muito prático, economiza várias classes, pois uma mesma Action responde a várias solicitações NoticiaAction package net.noticias.action; import java.util.*; import javax.servlet.http.*; import net.noticias.form.*; import net.noticias.persistencia.*; import org.apache.struts.action.*; import org.apache.struts.actions.*; public class NoticiaAction extends DispatchAction { public ActionForward listar(ActionMapping mapping, ActionForm form, HttpServletRequest request, HttpServletResponse response) { DAONoticia daoNoticia = new DAONoticia(); request.setAttribute("noticias", daoNoticia.consultaNoticias()); return mapping.findForward("MostrarPaginaDeConsulta"); } } Invocando um método do Dispatch • Essa é uma subclasse de DispatchAction • Todos os métodos devem ter a seguinte lista de parâmetros: – ActionMapping mapping, ActionForm form, HttpServletRequest request, HttpServletResponse response • O nome do método (no nosso caso listar) será invocado pela url “Noticia.do?comando=listar” • A url completa é http://localhost:8080/noticia/Noticia.do?comando=listar Parâmetros do dispath • Noticia.do – Chama a ação respectiva no strutsconfig.xml, acionando a classe NoticiaAction – O método listar faz carrega uma coleção de notícias na variável noticias e chama o forward MostrarPaginaDeConsulta abrindo a página ConsultarNoticias.jsp • comando=listar – Parâmetro http utilizado para escolher o método NoticiaForm package net.noticias.form; import org.apache.struts.action.*; public class NoticiaForm extends ActionForm { private String id; private String texto; private String titulo; private String data; private String tipoDeNoticia; private String[] noticiasSelecionadas; {...} } Detalhes • Crie os métodos getter e setters • Temos um atributo do tipo array • Array’s são utilizados para recuperar valores de componentes como listas de seleção múltipla e checkboxes • Essa é uma característica do html, não do Struts DAONoticia package net.noticias.persistencia; import java.util.*; import net.noticias.form.*; public class DAONoticia { public Collection<NoticiaForm> consultaNoticias() { Collection<NoticiaForm> lista = new ArrayList<NoticiaForm>(); NoticiaForm n = new NoticiaForm(); n.setId("1"); n.setData("01-01-2001"); n.setTexto("Texto da notícia 1"); n.setTitulo("Título da notícia 1"); lista.add(n); n = new NoticiaForm(); n.setId("2"); n.setData("01-01-2002"); n.setTexto("Texto da notícia 2"); n.setTitulo("Título da notícia 2"); lista.add(n); n = new NoticiaForm(); n.setId("3"); n.setData("01-01-2003"); n.setTexto("Texto da notícia 3"); n.setTitulo("Título da notícia 3"); lista.add(n); return lista; } DAONoticia public NoticiaForm consultaNoticiaPeloId(String id) { NoticiaForm n = new NoticiaForm(); n.setId(id); n.setData("01-01-2001"); n.setTexto("Texto da notícia " + id); n.setTitulo("Título da notícia " + id); n.setTipoDeNoticia("3"); return n; } } web.xml <?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN" "http://java.sun.com/dtd/web-app_2_3.dtd"> <web-app> <display-name>Sistema de Notícias</display-name> <servlet> <servlet-name>action</servlet-name> <servlet-class> org.apache.struts.action.ActionServlet </servlet-class> <init-param> <param-name>config</param-name> <param-value> /WEB-INF/struts-config.xml,/WEB-INF/struts-config-form-beans.xml </param-value> </init-param> <load-on-startup>1</load-on-startup> </servlet> web.xml <!-- Standard Action Servlet Mapping --> <servlet-mapping> <servlet-name>action</servlet-name> <url-pattern>*.do</url-pattern> </servlet-mapping> <taglib> <taglib-uri>/tags/struts-bean</taglib-uri> <taglib-location>/WEB-INF/lib/struts-bean.tld</taglib-location> </taglib> <taglib> <taglib-uri>/tags/struts-html</taglib-uri> <taglib-location>/WEB-INF/lib/struts-html.tld</taglib-location> </taglib> <taglib> <taglib-uri>/tags/struts-logic</taglib-uri> <taglib-location>/WEB-INF/lib/struts-logic.tld</taglib-location> </taglib> </web-app> Múltiplos arquivos de configuração • Arquivos de configuração tendem a crescer bastante, dificultando sua visualização • Nesse exemplo separamos os form-beans do resto da aplicação • Para isso, adicione os arquivos de configuração no parâmetro config separados por vírgula struts-config.xml <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE struts-config PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 1.3//EN" "http://struts.apache.org/dtds/struts-config_1_3.dtd"> <struts-config> <global-forwards> <forward name="AbrirPaginaPrincipal" path="/PaginaInicial.do" /> </global-forwards> <action-mappings> <action path="/PaginaInicial" forward="/Menu.jsp" /> <action path="/Noticia" type="net.noticias.action.NoticiaAction" name="noticiaForm" parameter="comando"> <forward name="MostrarPaginaDeEdicao" path="/EditarNoticia.jsp" /> <forward name="MostrarPaginaDeConsulta" path="/ConsultarNoticias.jsp" /> </action> </action-mappings> <message-resources parameter="MessageResources" /> </struts-config> Command Pattern • A ação Noticia deve ter um parâmetro • O nome padrão é comando • Esse parâmetro será usado para escolher o método a ser executado Forwards globais • São forwards que podem ser utilizados por todos os actions <global-forwards> <forward name="AbrirPaginaPrincipal" path="/PaginaInicial.do" /> </global-forwards> struts-config-form-beans.xml <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE struts-config PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 1.3//EN" "http://struts.apache.org/dtds/struts-config_1_3.dtd"> <struts-config> <form-beans> <form-bean name="noticiaForm" type="net.noticias.form.NoticiaForm" /> <form-bean name="tipoDeNoticiaForm" type="net.noticias.form.TipoDeNoticiaForm" /> </form-beans> </struts-config> ConsultarNoticias.jsp <%@ page language="java" contentType="text/html; charset=UTF-8"%> <%@ taglib uri="/tags/struts-html" prefix="html"%> <%@ taglib uri="/tags/struts-bean" prefix="bean"%> <%@ taglib uri="/tags/struts-logic" prefix="logic"%> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>.: Consulta Notícias :.</title> <link rel="stylesheet" href="css/Estilo.css" type="text/css" /> </head> <body> <table width=90% border> <tr> <td colspan=4 align=center> <h2>Consulta Notícias</h2> </td> </tr> <tr> <td align=center>Data</td> <td>Título</td> <td>Texto</td> <td>Editar</td> ConsultarNoticias.jsp </tr> <logic:iterate id="noticia" name="noticias"> <tr> <td align=center><bean:write name="noticia" property="data" /></td> <td><bean:write name="noticia" property="titulo" /></td> <td><bean:write name="noticia" property="texto" /></td> <td><html:link page="/Noticia.do?comando=editar" paramId="idDaNoticia" paramName="noticia" paramProperty="id"> <html:image src="imagens/edit.gif" /> </html:link> </tr> </logic:iterate> <tr> <td colspan=4 align=center><html:button onclick="window.location='PaginaInicial.do'" property="btnVoltar" value="Sair" /></td> </table> </body> </html> html:link e html:button html:link <html:link page="/Noticia.do?comando=editar" paramId="idDaNoticia" paramName="noticia" paramProperty="id"> • • • • /Noticia.do?comando=editar – chama a mesma action (NoticiaAction) executando dessa vez o comando editar paramId – nome do parâmetro passado na url paramName – nome do bean paramProperty – valor da propriedade html:button <html:button onclick="window.location='PaginaInicial.do'" property="btnVoltar" value="Sair" /> • Botão com javascript para voltar à página inicial Novo Menu.jsp <%@ page language="java" contentType="text/html; charset=UTF-8"%> <%@ taglib uri="/tags/struts-html" prefix="html"%> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>.: Menu :.</title> <link rel="stylesheet" href="css/Estilo.css" type="text/css" /> </head> <body> <table> <tr> <td><html:link page="/PaginaInicial.do">Página Inicial | </html:link></td> <td><html:link page="/Noticia.do?comando=listar">Notícia | </html:link></td> </tr> </table> </body> </html> Tela de Consulta Comando editar • Esse novo comando consulta uma notícia pelo parâmetro idDaNoticia • Teremos um combobox com os tipos de notícia, para montá-lo precisamos da coleção de tipos • Em seguida é só chamar o forward MostrarPaginaDeEdicao NoticiaAction public ActionForward editar(ActionMapping mapping, ActionForm form, HttpServletRequest request, HttpServletResponse response) { String id = request.getParameter("idDaNoticia"); DAONoticia daoNoticia = new DAONoticia(); DAOTipoDeNoticia daoTipo = new DAOTipoDeNoticia(); Collection<TipoDeNoticiaForm> tipos = daoTipo.consultaTiposDeNoticia(); NoticiaForm n = daoNoticia.consultaNoticiaPeloId(id); request.setAttribute("noticia", n); request.setAttribute("tipos", tipos); return mapping.findForward("MostrarPaginaDeEdicao"); } EditarNoticia.jsp <%@ page language="java" contentType="text/html; charset=UTF-8"%> <%@ taglib uri="/tags/struts-html" prefix="html"%> <%@ taglib uri="/tags/struts-bean" prefix="bean"%> <%@ taglib uri="/tags/struts-logic" prefix="logic"%> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>.: Editar Notícia :.</title> <link rel="stylesheet" href="css/Estilo.css" type="text/css" /> </head> <body> <table width=90% border> <html:form action="/Noticia?comando=confirmar"> <tr> <td colspan=3 align=center> <h2>Editar Notícia</h2> EditarNoticia.jsp </td> </tr> <tr> <td align=center>ID</td> <td><html:text name="noticia" property="id" /></td> </tr> <tr> <td align=center>Data</td> <td><html:text name="noticia" property="data" /></td> </tr> <tr> <td align=center>Título</td> <td><html:text name="noticia" property="titulo" /></td> </tr> <tr> <td align=center>Texto</td> <td><html:text name="noticia" property="texto" /></td> </tr> <tr> <td colspan=3>&nbsp; <tr> EditarNoticia.jsp <td align=center>Tipo de notícia: <td colspan=2> <html:select name="noticia" property="tipoDeNoticia"> <html:optionsCollection name="tipos" value="id" label="descricao" /> </html:select></td> </tr> <tr> <td colspan=3 align=center> <html:submit value="Confirmar" /> <html:button onclick="action='Noticia.do?comando=listar';submit()" value="Sair" property="btnSair" /></td> </tr> </html:form> </table> </body> </html> html:form/select <html:form action="/Noticia?comando=confirmar"> • Os dados dessa página serão enviados para o método confirmar através da NoticiaForm <html:select name="noticia" property="tipoDeNoticia"> <html:optionsCollection name="tipos" value="id" label="descricao" /> </html:select> • html:select – tag para montar uma combobox, inclusive de seleção múltipla – • name, property – nome/propriedade do bean html:optionsCollection – valores do combobox – – – – name – nome da collection value – valor de cada option (id de cada tipoDeNoticia) label – valor que será mostrado ao usuário Se o id do bean for igual ao id da combo, essa opção virá selecionada html:submit <html:submit value="Confirmar" /> • Submete o form para a ação do form <html:button onclick="action='Noticia.do?comando=listar';submit()" value="Sair" property="btnSair" /> • Muda o valor da ação através de javascript e a submete Tela de Edição Confirmando a ação • O método confirmar recebe os dados do formulário de edição e faz a persistência dos dados • Nossos exemplos não têm bancos de dados, mas um DAO acessando o Hibernate poderia fazer isso facilmente NoticiaAction public ActionForward confirmar(ActionMapping mapping, ActionForm form, HttpServletRequest request, HttpServletResponse response) { NoticiaForm f = (NoticiaForm) form; System.out.println("Dados informados pelo usuário"); System.out.println("ID: " + f.getId()); System.out.println("Data: " + f.getData()); System.out.println("Título: " + f.getTitulo()); System.out.println("Texto: " + f.getTexto()); System.out.println("ID do Tipo: " + f.getTipoDeNoticia()); return mapping.findForward("AbrirPaginaPrincipal"); } Camadas de Persistência e Negócio • O Struts não fornece nenhuma API para a camada de negócio • Seguindo as melhores práticas, a Action deveria acessar um fachada • No nosso exemplo temos acessamos um DAO diretamente • O próximo passo seria acessar efetivamente o banco relacional TipoDeNoticiaForm package net.noticias.form; import org.apache.struts.action.*; public class TipoDeNoticiaForm extends ActionForm { private String id; private String descricao; {...} } Alternativa • A classe TipoDeNoticia é bastante simples, tem apenas código e descrição • Esse tipo de classe é forte candidata a se transformar em formulário dinâmico, discutido posteriormente struts-config.xml • Acrescente a ação respectiva no arquivo de configuração (siga o padrão da ação Noticia) • Já é possível notar a quantidade reduzida de classes Action <action path="/TipoDeNoticia" name="tipoDeNoticiaForm" type="net.noticias.action.TipoDeNoticiaAction" parameter="comando"> <forward name="MostrarPaginaDeEdicao" path="/EditarTipoDeNoticia.jsp" /> <forward name="MostrarPaginaDeConsulta" path="/ConsultarTipoDeNoticia.jsp" /> </action> TipoDeNoticiaAction package net.noticias.action; import java.util.*; import javax.servlet.http.*; import net.noticias.form.*; import net.noticias.persistencia.*; import org.apache.struts.action.*; import org.apache.struts.actions.*; public class TipoDeNoticiaAction extends DispatchAction { public ActionForward editar(ActionMapping mapping, ActionForm form, HttpServletRequest request, HttpServletResponse response) { String id = request.getParameter("idDoTipo"); DAOTipoDeNoticia dao = new DAOTipoDeNoticia(); TipoDeNoticiaForm tipo = dao.consultaTipoDeNoticiaPeloId(id); request.setAttribute("tipo", tipo); return mapping.findForward("MostrarPaginaDeEdicao"); } TipoDeNoticiaAction public ActionForward listar(ActionMapping mapping, ActionForm form, HttpServletRequest request, HttpServletResponse response) { DAOTipoDeNoticia d = new DAOTipoDeNoticia(); Collection<TipoDeNoticiaForm> lista = d.consultaTiposDeNoticia(); request.setAttribute("tipos", lista); return mapping.findForward("MostrarPaginaDeConsulta"); } public ActionForward confirmar(ActionMapping mapping, ActionForm form, HttpServletRequest request, HttpServletResponse response) { TipoDeNoticiaForm f = (TipoDeNoticiaForm) form; System.out.println("Dados informados pelo usuário"); System.out.println("ID: " + f.getId()); System.out.println("Data: " + f.getDescricao()); return mapping.findForward("AbrirPaginaPrincipal"); } } DAOTipoDeNoticia package net.noticias.persistencia; import java.util.*; import net.noticias.form.*; public class DAOTipoDeNoticia { public Collection<TipoDeNoticiaForm> consultaTiposDeNoticia() { Collection<TipoDeNoticiaForm> lista = new ArrayList<TipoDeNoticiaForm>(); TipoDeNoticiaForm n = new TipoDeNoticiaForm(); n.setId("1"); n.setDescricao("Tipo 1"); lista.add(n); n = new TipoDeNoticiaForm(); n.setId("2"); n.setDescricao("Tipo 2"); lista.add(n); n = new TipoDeNoticiaForm(); n.setId("3"); n.setDescricao("Tipo 3"); lista.add(n); return lista; } public TipoDeNoticiaForm consultaTipoDeNoticiaPeloId(String id) { TipoDeNoticiaForm tipo = new TipoDeNoticiaForm(); tipo.setId(id); tipo.setDescricao("Tipo " + id); return tipo; } } TipoDeNoticia • Apesar de simples, temos vários elementos utilizados em ConsultarTipoDeNoticia.jsp <%@ page language="java" contentType="text/html; charset=UTF-8"%> <%@ taglib uri="/tags/struts-html" prefix="html"%> <%@ taglib uri="/tags/struts-bean" prefix="bean"%> <%@ taglib uri="/tags/struts-logic" prefix="logic"%> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>.: Consulta Tipos de Notícia :.</title> <link rel="stylesheet" href="css/Estilo.css" type="text/css" /> </head> <body> <table width=90% border> <tr> <td colspan=4 align=center> <h2>Consulta Tipo de Notícia</h2> </td> </tr> <tr> <td align=center>ID</td> <td>Descrição</td> <td>Editar</td> </tr> ConsultarTipoDeNoticia.jsp <logic:iterate id="tipo" name="tipos"> <tr> <td align=center><bean:write name="tipo" property="id" /></td> <td><bean:write name="tipo" property="descricao" /></td> <td><html:link page="/TipoDeNoticia.do?comando=editar" paramId="idDoTipo" paramName="tipo" paramProperty="id"> <html:img src="imagens/edit.gif" border="0" /> </html:link> </tr> </logic:iterate> <tr> <td colspan=4 align=center><html:button onclick="window.location='PaginaInicial.do'" property="btnVoltar" value="Sair" /></td> </table> </body> </html> Consultas • As consultas seguem o mesmo princípio: a Action salva uma coleção de objetos numa variável (geralmente) de sessão e através do logic:iterate a gente escreve os vários valores na tela EditarTipoDeNoticia.jsp <%@ page language="java" contentType="text/html; charset=UTF-8"%> <%@ taglib uri="/tags/struts-html" prefix="html"%> <%@ taglib uri="/tags/struts-bean" prefix="bean"%> <%@ taglib uri="/tags/struts-logic" prefix="logic"%> <html:html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>.: Editar Tipo de Notícia :.</title> <link rel="stylesheet" href="css/Estilo.css" type="text/css" /> </head> <body> <table width=90% border> <html:form action="/TipoDeNoticia?comando=confirmar" onsubmit="return validateTipoDeNoticiaForm(this);"> <tr> <td colspan=3 align=center> <h2>Edição de Tipo de Notícia</h2> </td> </tr> EditarTipoDeNoticia.jsp <tr> <td align=center>ID</td> <td><html:text name="tipo" property="id" /></td> </tr> <tr> <td align=center>Descrição</td> <td><html:text name="tipo" property="descricao" /></td> </tr> <tr> <td colspan=3 align=center><html:submit value="Confirmar" /><html:button onclick="action='TipoDeNoticia.do?comando=listar';submit()" value="Sair" property="btnSair" /></td> </tr> </html:form> </table> </body> </html:html> Edição • O id de um dos objetos da lista é enviado pela url para a Action, executando o comando de edição • A aplicação deve recuperar o objeto do banco e guardar seus valores em uma variável de sessão • A página de edição espera essa variável e escreve seus valores através das tags html DynaActionForm • Formulário dinâmico baseado na interface java.util.Map • Não é necessário criar uma classe ActionForm • Configurado no struts-config como um simples <form-bean> • Grande flexibilidade • Não utiliza reflexão struts-config-form-beans.xml • Adicione o form-bean para Fonte <form-bean name="fonteForm" type="org.apache.struts.action.DynaActionForm"> <form-property name="id" type="java.lang.String" /> <form-property name="descricao" type="java.lang.String" /> </form-bean> • Os atributos podem usar todas as classes wrapper, collections e arrays • Não é necessário criar a classe! struts-config.xml • Acrescente a Action para o novo form-bean • Veja a diferença: nenhuma <action path="/Fonte" type="net.noticias.action.FonteAction" name="fonteForm" parameter="comando"> <forward name="MostrarPaginaDeEdicao" path="/EditarFonte.jsp" /> <forward name="MostrarPaginaDeConsulta" path="/ConsultarFontes.jsp"> </forward> </action> FonteAction package net.noticias.action; import javax.servlet.http.*; import net.noticias.persistencia.*; import org.apache.struts.action.*; import org.apache.struts.actions.*; public class FonteAction extends DispatchAction { public ActionForward listar(ActionMapping mapping, ActionForm form, HttpServletRequest request, HttpServletResponse response) { DAOFonte dao = new DAOFonte(); request.setAttribute("fontes", dao.consultaFontes()); return mapping.findForward("MostrarPaginaDeConsulta"); } } Poucas diferenças • o método para listar as fontes não difere dos outros • A principal diferença fica por conta do DAO, pois os formulários dinâmicos não têm classes concretas • Todos são implementados através de mapas DAOFonte package net.noticias.persistencia; import java.util.*; public class DAOFonte { public Collection<Map<String, String>> consultaFontes() { Collection<Map<String, String>> lista = new ArrayList<Map<String, String>>(); Map<String, String> mapa = new HashMap<String, String>(); mapa.put("id", "1"); mapa.put("descricao", "Fonte 1"); lista.add(mapa); mapa = new HashMap<String, String>(); mapa.put("id", "2"); mapa.put("descricao", "Fonte 2"); lista.add(mapa); mapa = new HashMap<String, String>(); mapa.put("id", "3"); mapa.put("descricao", "Fonte 3"); lista.add(mapa); return lista; } public Map<String, String> consultaFontePeloId(String id) { Map<String, String> mapa = new HashMap<String, String>(); mapa.put("id", id); mapa.put("descricao", "Tipo " + id); return mapa; } } Tudo é Map • Como não há classe concreta, nosso valores ficam encapsulados em mapas • Para fazer a persistência num banco relacional, você deve implementar utilitários que mapeiem os mapas para seus DTO’s ConsultarFontes.jsp <%@ page language="java" contentType="text/html; charset=UTF-8"%> <%@ taglib uri="/tags/struts-html" prefix="html"%> <%@ taglib uri="/tags/struts-bean" prefix="bean"%> <%@ taglib uri="/tags/struts-logic" prefix="logic"%> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>.: Consulta Notícias :.</title> <link rel="stylesheet" href="css/Estilo.css" type="text/css" /> </head> <body> <table width=90% border> <tr> <td colspan=4 align=center> <h2>Consulta Fontes</h2> </td> </tr> <tr> <td align=center>ID</td> <td>Descrição</td> <td>Editar</td> </tr> ConsultarFontes.jsp <logic:iterate id="fonte" name="fontes"> <tr> <td align=center><bean:write name="fonte" property="id" /></td> <td><bean:write name="fonte" property="descricao" /></td> <td><html:link page="/Fonte.do?comando=editar" paramId="idDaFonte" paramName="fonte" paramProperty="id"> <html:image src="imagens/edit.gif" /> </html:link> </tr> </logic:iterate> <tr> <td colspan=4 align=center><html:button onclick="window.location='PaginaInicial.do';submit()" property="btnVoltar" value="Sair" /></td> </tr> </table> </body> </html> Consulta com DynaActionForm • A página de consulta é idêntica a todas as outras • Atenção ao DAO, pois temos que usar apenas Map’s FonteAction public ActionForward editar(ActionMapping mapping, ActionForm form, HttpServletRequest request, HttpServletResponse response) { DAOFonte dao = new DAOFonte(); String id = request.getParameter("idDaFonte"); request.setAttribute("fonte", dao.consultaFontePeloId(id)); return mapping.findForward("MostrarPaginaDeEdicao"); } EditarFonte.jsp <%@ page language="java" contentType="text/html; charset=UTF-8"%> <%@ taglib uri="/tags/struts-html" prefix="html"%> <%@ taglib uri="/tags/struts-bean" prefix="bean"%> <%@ taglib uri="/tags/struts-logic" prefix="logic"%> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>.: Editar Fonte :.</title> <link rel="stylesheet" href="css/Estilo.css" type="text/css" /> </head> <body> <table width=90% border> <html:form action="/Fonte?comando=confirmar"> <tr> <td colspan=3 align=center> <h2>Editar Fonte</h2> </td> </tr> EditarFonte.jsp <tr> <td align=center>ID</td> <td><html:text name="fonte" property="id" /></td> </tr> <tr> <td align=center>Descrição</td> <td><html:text name="fonte" property="descricao" /></td> </tr> <tr> <td colspan=3 align=center><html:submit value="Confirmar" /> <html:button onclick="action='Fonte.do?comando=listar';submit()" value="Sair" property="btnSair" /></td> </tr> </html:form> </table> </body> </html> Edição com DynaActionForm • Para preencher a página de edição precisamos fornecer um mapa com os atributos da fonteForm public Map<String, String> consultaFontePeloId(String id) { Map<String, String> mapa = new HashMap<String, String>(); mapa.put("id", id); mapa.put("descricao", "Tipo " + id); return mapa; } A utilização de array’s • Em várias situações precisamos utilizar estruturas complexas, mas quando trabalhamos com ambientes web, temos uma série de limitações • Não é interessante, por exemplo, transmitir objetos entre as requisições de usuário. Esse tipo de recurso deve ser evitado ao máximo • Os valores transmitidos entre as páginas são sempre do tipo String e quando temos vários componentes em uma requisição com o mesmo nome, o request encapsula seus valores em um array • E trabalhar com array sempre foi razoavelmente complicado struts-config.xml • Abaixo está a Action dessa nova funcionalidade • O escopo está configurado para request. Depois do primeiro teste, mude para session • O parâmetro attribute=“noticia” cria a variável noticia e a passa para a página seguinte, preenchida com os dados da página atual <action path="/SelecaoMultiplaDeNoticias" type="net.noticias.action.SelecaoMultiplaDeNoticiasAction" name="noticiaForm" attribute="noticia" scope="request" parameter="comando"> <forward name="MostrarPaginaDeConsulta" path="/SelecaoMultiplaDeNoticias.jsp" /> <forward name="MostrarNoticiasSelecionadas" path="/ResultadoDaSelecaoMultiplaDeNoticias.jsp" /> </action> SelecaoMultiplaDeNoticiasAction package net.noticias.action; import javax.servlet.http.*; import net.noticias.persistencia.*; import org.apache.struts.action.*; import org.apache.struts.actions.*; public class SelecaoMultiplaDeNoticiasAction extends DispatchAction { public ActionForward mostrarTodasAsNoticias(ActionMapping mapping, ActionForm form, HttpServletRequest request, HttpServletResponse response) { DAONoticia d = new DAONoticia(); request.setAttribute("noticias", d.consultaNoticias()); return mapping.findForward("MostrarPaginaDeConsulta"); } public ActionForward mostrarAsNoticiasSelecionadas(ActionMapping mapping, ActionForm form, HttpServletRequest request, HttpServletResponse response) { return mapping.findForward("MostrarNoticiasSelecionadas"); } } Página de seleção • A Action simplesmente envia uma coleção de notícias para a página de seleção que mostra seus valores com uma tag html:selection SelecaoMultiplaDeNoticias.jsp <%@ page language="java" contentType="text/html; charset=UTF-8"%> <%@ taglib uri="/tags/struts-html" prefix="html"%> <%@ taglib uri="/tags/struts-bean" prefix="bean"%> <%@ taglib uri="/tags/struts-logic" prefix="logic"%> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>.: Consulta Notícias :.</title> <link rel="stylesheet" href="css/Estilo.css" type="text/css" /> </head> <body> <table width=90% border> <html:form action="/SelecaoMultiplaDeNoticias.do?comando=mostrarAsNoticiasSelecionadas"> <bean:size id="quantidadeDeNoticias" name="noticias" /> <tr> <td colspan=2 align=center> <h2><bean:write name="quantidadeDeNoticias" /> Notícia(s) Cadastrada(s)</h2> </td> SelecaoMultiplaDeNoticias.jsp </tr> <tr> <td align=center>Notícias: <td><html:select name="noticia" property="noticiasSelecionadas" multiple="true"> <html:optionsCollection name="noticias" value="id" label="titulo" /> </html:select></td> </tr> <tr> <td colspan=2 align=center><html:button onclick="submit()" property="btnSelecionar" value="Selecionar" /></td> </tr> </html:form> </table> </body> </html> html:select e bean:size <html:select name="noticia" property="noticiasSelecionadas" multiple="true"> <html:optionsCollection name="noticias" value="id" label="titulo" /> </html:select> • multiple=“true” – Indica que esse select aceitará seleção múltipla – Os itens selecionados serão armazenados em um array do formBean <bean:size id="quantidadeDeNoticias" name="noticias" /> • Cria a variável quantidadeDeNoticias com a quantidade de itens do bean noticias <bean:write name="quantidadeDeNoticias" /> • Escreve o valor da variável quantidadeDeNoticias Tela de seleção ResultadoDaSelecaoMultiplaDeNoticias.jsp <%@ page language="java" contentType="text/html; charset=UTF-8"%> <%@ taglib uri="/tags/struts-html" prefix="html"%> <%@ taglib uri="/tags/struts-bean" prefix="bean"%> <%@ taglib uri="/tags/struts-logic" prefix="logic"%> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>.: Seleção Múltipla de Notícia :.</title> <link rel="stylesheet" href="css/Estilo.css" type="text/css" /> </head> <body> <table width=90% border> <bean:size id="quantidadeDeNoticiasSelecionadas" name="noticia" property="noticiasSelecionadas" /> <tr> <td colspan=2 align=center> <h2><bean:write name="quantidadeDeNoticiasSelecionadas" /> Notícia(s) Selecionada(s)</h2> </td> ResultadoDaSelecaoMultiplaDeNoticias.jsp </tr> <tr> <td align=center>ID</td> </tr> <logic:iterate id="idDaNoticiaSelecionada" property="noticiasSelecionadas" name="noticia"> <tr> <td align=center><bean:write name="idDaNoticiaSelecionada" /></td> </tr> </logic:iterate> <tr> <td colspan=2 align=center><html:button onclick="window.location='SelecaoMultiplaDeNoticias.do?comando=mostrarTodasAsNoticias';submit()" property="btnSelecionar" value="Voltar" /><html:button onclick="window.location='PaginaInicial.do';submit()" value="Sair" property="btnSair" /></td> </tr> </table> </body> </html> bean:size e logic:iterate <bean:size id="quantidadeDeNoticiasSelecionadas" name="noticia" property="noticiasSelecionadas" /> • Cria a variável quantidadeDeNoticiasSelecionadas com a quantidade itens da property noticiasSelecionadas do bean noticia <bean:write name="quantidadeDeNoticiasSelecionadas" /> • Escreve a quantidadeDeNoticiasSelecionadas <logic:iterate id="idDaNoticiaSelecionada" property="noticiasSelecionadas" name="noticia"> • Cria a variável idDaNoticiaSelecionada com o valor de cada item do array <bean:write name="idDaNoticiaSelecionada" /> • Escreve o id na tela Tela de resultado Agora é sua vez • O Struts entrega os dados, mas o processamento quem faz é você • Seguindo as boas práticas, agora é a vez consultar as notícias pelo id, através de uma fachada/DAO • Nunca coloque regras de negócio em suas Actions Validation Framework • • • • • A lógica de validação é escrita em arquivos XML Originado do Validator Framework do Jakarta Incluído no Struts a partir da versão 1.1 Permite validação declarativa para vários campos Valida datas, números, email, cartão de crédito, código postar (USA), tamanhos, range e expressões regulares Regras de Validação • Regras são definidas para campos específicos de um form • Já dispõe de vários validadores prontos – required, minLength, maxLength, date, integer, mask • Extensível: você pode criar seus próprios validadores Validação do ActionForm • Para usar o Validator, torne seus ActionForm’s subclasses de ValidatorForm ou ValidatorActionForm • Se estiver usando DynaActionForm, passe a extender de DynaValidatorForm ou DynaValidatorActionForm NoticiaForm package net.noticias.form; import org.apache.struts.validator.*; public class NoticiaForm extends ValidatorActionForm { private String id; private String texto; private String titulo; private String data; private String tipoDeNoticia; private String[] noticiasSelecionadas; {...} } validation.xml • Específico da sua aplicação • Configuração das regras aplicadas a cada campo do seu formulário • Torna desnecessário o método validate() do ActionForm validator-rules.xml • Fornecido pelo Struts • Regras que já fazem parte do Validator • Fica dentro da lib struts-core.jar, no pacote org.apache.struts.validator Plugin Validator • Para começar a usar o Validator, acrescente o plugin no struts-config.xml <plug-in className="org.apache.struts.validator.ValidatorPlugIn"> <set-property property="pathnames" value="/org/apache/struts/validator/validator-rules.xml, /WEB-INF/validation.xml" /> </plug-in> Validação no Cliente • O Validator pode fazer a validação no lado do cliente • Para tanto, acrescente a tag seguinte logo após o <head> • Essa tag irá gerar todo o código javascript para validar seu formulário <head> <html:javascript formName="noticiaForm" /> Validação no Cliente • É gerado automaticamente um método javascript validateXxx, onde Xxx é o nome do seu formulário • Atualize a tag html:form para seus formulários <html:form action="/Noticia?comando=confirmar" onsubmit="return validateNoticiaForm(this)"> MessageResources # erro.tipodenoticia.id.requerido={0} é requerido erro.tipodenoticia.descricao.requerido={0} é requerida # tipodenoticia.id=ID tipodenoticia.descricao=Descrição # noticia.id=ID noticia.data=Data # errors.required={0} is required. errors.minlength={0} can not be less than {1} characters. errors.maxlength={0} can not be greater than {1} characters. errors.invalid={0} is invalid. errors.byte={0} must be a byte. errors.short={0} must be a short. errors.integer={0} must be an integer. errors.long={0} must be a long. errors.float={0} must be a float. errors.double={0} must be a double. errors.date={0} is not a date. errors.range={0} is not in the range {1} through {2}. errors.creditcard={0} is an invalid credit card number. errors.email={0} is an invalid e-mail address. Mensagens Personalizadas • O Validator já tem várias mensagens configuradas (em inglês) • Você pode definir suas próprias mensagens validation.xml <?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE form-validation PUBLIC "-//Apache Software Foundation//DTD Commons Validator Rules Configuration 1.3.0//EN" "http://jakarta.apache.org/commons/dtds/validator_1_3_0.dtd"> <form-validation> <formset> <form name="tipoDeNoticiaForm"> <field property="id" depends="required,integer"> <arg key="tipodenoticia.id" /> </field> <field property="descricao" depends="required"> <msg name="required" key="erro.tipodenoticia.descricao.requerido" /> <arg key="tipodenoticia.descricao" /> </field> </form> validation.xml <form name="noticiaForm"> <field property="id" depends="required,integer"> <arg key="noticia.id" /> </field> <field property="data" depends="required,date"> <arg key="noticia.data" /> <var> <var-name>datePattern</var-name> <var-value>dd/MM/yyyy</var-value> </var> </field> </form> </formset> </form-validation> Regras de Validação <form name="tipoDeNoticiaForm"> • Nome do formulário definido no struts-config.xml <field property="id" depends="required,integer"> • Nome da propriedade e suas dependências (definidas no validator-rules.xml) <arg key="tipodenoticia.id" /> • Essa é a mensagem que substitui o parâmetro {0} no MessageResources caso o campo não tenha um valor válido <field property="descricao" depends="required"> <msg name="required" key="erro.tipodenoticia.descricao.requerido" /> • Essa é a mensagem personalizada para o validador required <var-name>datePattern</var-name> <var-value>dd/MM/yyyy</var-value> • Padrão para data. Veja a lista na documentação da SimpleDateFormat Exemplo de Popup’s • Ao lado você pode ver alguns exemplos de mensagens • No primeiro você pode ver uma mensagem padrão (em inglês) e uma personalizada • Para entender o mecanismo de troca de mensagens, veja todos os arquivos envolvidos Exercícios • Crie as regras de validação para o Formulário FonteForm JSP2.0 EL • Linguagem padrão da Sun para a camada de apresentação • Acesso conciso, rápido e prático • Acessa subpropriedades dos beans • Sintaxe incrivelmente simples • É da Sun... Concorrentes • jsp:useBean e jsp:getProperty – Não pode acessar subpropriedades do bean – Complexo e nem um pouco prático • bean:write – Também não pode acessar subpropriedades do bean – Não é a saída mais prática • Elementos de script JSP – Resulta em um código JSP impossível de manter – Destrói o principal propósito do MVC Instalação da EL • Para instalar você só precisa alterar o cabeçalho do web.xml • Já faz parte dos containers mais novos, como Tomcat 5 • Parte integrante do JSP2.0 web.xml <?xml version="1.0" encoding="ISO-8859-1"?> <web-app xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee web-app_2_4.xsd" version="2.4"> {...} </web-app> Invocando a EL • Forma básica – ${expressão} – ${bean.propriedade} • Você pode combiná-la com as demais notações – • <jsp:include page="${expr1}blah${expr2}" /> Exemplo com Struts <%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %> <UL> <LI>First name: <bean:write name="contactFormBean" property="firstName"/> <LI>Last name: <bean:write name="contactFormBean" property="lastName"/> <LI>Email address: <bean:write name="contactFormBean" property="email"/> <LI>Fax number: <bean:write name="contactFormBean" property="faxNumber"/> </UL> Agora com EL <UL> <LI>First name: ${contactFormBean.firstName} <LI>Last name: ${contactFormBean.lastName} <LI>Email address: ${contactFormBean.email} <LI>Fax number: ${contactFormBean.faxNumber} </UL> Exercícios • No formulário de consulta notícias, combine as tags Struts com a JSP EL