Linguagem de Expressão, JSTL e DisplayTag. Fornece tags para encapsular funcionalidades complexas para utilização em JSPs

Transcrição

1 Linguagem de Expressão, JSTL e DisplayTag Fornece tags para encapsular funcionalidades complexas para utilização em JSPs 1

2 Motivação p/ utilização de Tags Customizadas Facilita o desenvolvimento de futuras páginas JSP e permite o reuso de código Pois, páginas com excesso de scriptlets dificultam a sua leitura, manutenção e expansão Facilitam a divisão de tarefas Possuem sintaxe similar a linguagem XML Podem substituir scriptlets e JavaBeans 2

3 Características Pode ser parametrizada com a utilização de atributos Pode acessar todos os objetos disponíveis em uma página JSP Pode modificar a resposta da página que a chamou Você pode criar e iniciar componentes JavaBeans 3

4 Como Utilizar as Taglibs 4

5 Tipos de Tag São expressas utilizando sintaxe XML <tlt:tag> body </tlt:tag> Uma tag sem corpo pode ser expressa da seguinte maneira <tlt:tag /> 5

6 Importando uma biblioteca de tags Utilize a diretiva taglib <%@ taglib uri= prefix= %> uri especifica a localização do TLD (Tag Lib Descriptor) prefix é uma string que é utilizada unicamente para identificar as tags personalizadas que vc deseja utilizar 6

7 TLD (Tag Lib Descriptor) É um arquivo XML que descreve o mapeamento entre as tags Há duas maneiras básicas de especificar esse mapeamento. URL relativo <%@ taglib uri= /WEB-INF/c.tld prefix= c %> URL absoluto <%@ taglib uri= prefix= c %> <?xml version="1.0"?>... <taglib> <tlib-version>1.0</tlib-version>... <uri> </taglib> A página tem que usar exatamente esta URI) 7

8 JSTL (JSP Standard Tag Libraries) 8

9 Visão Geral do JSTL Linguagem de Expressão (EL) Biblioteca de Tags Core Format SQL XML 9

10 Linguagem de Expressão Permite embutir em atributos expressões dentro de delimitadores ${...} facilitando o acesso a atributos, propriedades e métodos. Exemplos <%=((Usuario)request.getAttribute("usuario")). getgrupo().getnome()%> Corresponde a: ${usuario.grupo.nome} <jsp:getproperty name= usuario property= nome /> Corresponde a: ${usuario.nome} 10

11 Resolução de Identificadores A EL transforma identificadores em objetos fazendo uma chamada ao método PageContext.findAttribute(String id) que procura o atributo id nos quatros escopos JSP: page, request, session e application, respectivamente, e retorna um objeto associado ao identificador ou null, caso não seja encontrado 11

12 Objetos implícitos fornecidos pelas EL Além de acesso a JavaBean, a EL também facilitam a leitura de parâmetros de requisição, cabeçalhos HTTP, cookies e parâmetros de inicialização Os objetos implícitos têm precedência sobre as variáveis (objetos) de escopo param: acessa parâmetros de request. Exemplo campo login de um formulário: <%= request.getparameter("login") %> ${param.login} ou ${param[ login ]} paramvalues: quando o parâmetro tiver múltiplos valores. Ex: ${paramvalues[ perfies ][0]} 12

13 Objetos implícitos fornecidos pelas EL initparam: parametros de inicialização fornecidos no arquivo web.xml Ex: ${initparam.localizacao} equivale a: pagecontext.getservletcontext(). getinitparameter( localizacao ) <?xml version="1.0" encoding="utf-8"?> <web-app...> <context-param> <param-name>localizacao</param-name> <param-value>pt_br</param-value> </context-param>... </web-app> 13

14 Objetos implícitos fornecidos pelas EL header : acessa os atributos do cabeçalho HTTP. headervalues: para cabeçalhos de múltiplos valores Ex: ${header.host} ou ${header[ host ]} ${headervalues[ Accept-Language ][0]} 14

15 Objetos implícitos fornecidos pelas EL pagecontext: Mesmo objeto pagecontext do JSP Exemplo: ${pagecontext} pagescope, requestscope, sessionscope, applicationscope: acessa objetos em um contexto específico Ex: ${requestscope.funcionario} ${sessionscope.funcionario} cookies: retorna um cookie a partir do seu nome Ex: ${cookie.favorito} 15

16 Operadores A EL fornece operadores aritméticos, lógicos e relacionais Aritméticos: +, -, *, / (div), % (mod) Lógicos: && (and), (or),!(not), empty Relacionais: == (eq),!= (ne), < (lt), > (gt) <= (le), >= (ge) Exemplos: ${10 % 3} produz 1 ${-produto.preco} resultado -50 OBS: operador empty determina se um valor é nulo ou vazio. A operação emptyobj retorne true caso obj seja null Também retorna true para: uma string vazia, um array vazio, ou um objeto que implemete Map ou List e esteja vazio 16

17 JSTL JSP Standard Tag Library 17

18 JSTL É uma especificação do JCP (JSR-52) e faz parte do JSP 2.0 e do J2EE 1.4 É composta de quatro taglibs (Core, Format, XML e SQL) Suporta linguagem de expressão (EL) Oferece mais controle ao autor de páginas sem necessariamente aumentar a complexidade Estimula a separação da apresentação e lógica Estimula o investimento em soluções MVC 18

19 Histórico Julho/ Criado o projeto (JSR-052) Junho/2002 lançado o JSTL 1.0 baseado no JSP 1.2 (Tomcat4 e maioria dos servidores corporativos) Janeiro/ lançado o JSTL 1.1 baseado no JSP 2.0 (Tomcat 5) Julho/ lançado o JSTL

20 JSTL Core (núcleo): Contém tags usadas para controle de fluxo e saída de mensagens XML: Tags utilitárias para o processamento de XML Format (Internacionalização): usadas para formatação de texto, valores monetários e números com base em uma determinada localização SQL: fornece tags para acesso a banco de maneira simplificada sem a necessidade de código Java 20

21 JSTL - Core <c:out>: avalia uma expressão e exibe o resultado na página <c:out value="${usuario.nome}"> Usuário Anônimo </c:out> É equivalente a: Será exibido apenas quando o value for vazio ou null <c:out value="${usuario.nome}" default="usuário Anônimo /> <c:out value= escapexml= false > Usuario <i>anônimo</i>. </c:out> Atributo opcional, indica se caracteres especiais (<, &,...) devem ser convertidos para entidades XML equivalentes (&lt, &amp,...). Default é true 21

22 JSTL - Core <c:set>: define o valor de uma variável de escopo Valor default <c:set var="usuario" scope="page" value="${sessionscope.usuariologado}"/> ou uma propriedade É usado para nome de variáveis de escopo <c:set target="${usuario}" property="nome" value="maria" /> property e value correspondem a nome/valor da propriedade 22

23 JSTL - Core Exemplos: <c:set var="nome" value="maria"/> Variável nome: <c:out value="${nome}"/> <c:set target="${usuario}" property="nome" value="${nome}"/> Propriedade nome do objeto usuário: <c:out value="${usuario.nome}"/> 23

24 JSTL - Core <c:remove>: remove uma variável de escopo Não possui corpo Atributos var variável a ser removida scope escopo (opcional) da variável <c:remove var="usuario"/> Antes da remoção: <c:out value="${usuario}"/> <c:remove var="usuario"/> <c:out value="${usuario}" escapexml="false"> Variável <i>usuario</i> foi removida do escopo! </c:out> 24

25 JSTL - Core <c:catch>: captura uma exceção ocorrida no corpo da tag <c:catch var="excecao"> <c:set target="${usuario}" property="nome" value="joao" /> </c:catch> <c:out value="${excecao}" > tudo ok! </c:out> 25

26 JSTL - Core <c:if>: executa o corpo da tag apenas se uma expressão for verdadeira <c:if test="${empty sessionscope.usuariologado}"> <c:redirect url="login.jsp"/> </c:if> 26

27 JSTL - Core <c:chose>: executa uma tag quando a expressão da subtag for verdadeira <c:choose> <c:when test="${empty usuario.username}"> <b>campo login é obrigatório!<br> </c:when> <c:when test="${empty usuario.senha}"> <b>campo senha é obrigatório!<br> </c:when> <c:when test="${usuario.senha ne usuario.username}"> <b>senha inválida!<br> </c:when> <c:otherwise> <c:set var="usuariologado" scope="session" value="${usuario}"/> <c:redirect url="index.jsp"/> </c:otherwise> </c:choose> 27

28 JSTL - Core foreach - é usada para percorrer uma coleção de objetos ou uma faixa de valores <c:foreach var="item" items="${colecao}">... <c:out value="${item}" /> </c:foreach> Opcionalmente, pode-se utilizar os atributos begin e end (para definir o índice do primeiro) e step para definir o intervalo da interação <c:foreach var="i" begin="1" end="10"> <li> ${i} </c:foreach> 28

29 JSTL - Core c:param serve para passar nome e o valor de um parâmetro. É uma sub-tag das demais tags de manipulação de URL (<c:url>, <c:import> e <c:redirect>) Atributos name nome do parâmetro value valor de parâmetro (pode ser o corpo da tag) 29

30 JSTL - Core c:url cria uma string contendo uma URL c:import importa o conteúdo de uma URL c:redirect redireciona o cliente da aplicação para uma outra URL 30

31 JSTL Core (<c:import> Importa o conteúdo de uma URL Tem um comportamento semelhante a <jsp:include> e possibilita adicionar recursos localizados fora do container web O resultado será exibido na tela ou atribuído a uma variável definida pelos atributos opcionais (var e scope) ou a um java.io.reader (atributo varreader) Exemplo: <c:import url= /> 31

32 JSTL Format Fornece suporte: internacionalização (i18n, internationalization i + 18 letras + n ) Fornece tags para internacionalização de mensagens através de resource bundles Formatação Formata números, datas e horas de acordo com a localização (i10n localization) do usuário 32

33 JSTL Format (fmt:formatnumber) Formata um número, valor monetário ou porcentagem, de acordo com as preferências de localização Atributos value valor a ser formatado (pode ser o corpo da tag) type (opcional) number (default), currency ou percent pattern (opcional) mascara de formatação, de acordo com as regras de java.text.decimalformat currencysymbol (opcional) símbolo monetário (como R$ ou US$) currencycode (opcional) código ISO da moeda 33

34 JSTL Format (fmt:formatnumber) groupingused determina se os dígitos serão agrupados (ex: em vez de 5350). A formatação é determinada pelo Locale maxintegerdigits/minintegerdigits números mínimos e máximos da parte inteira maxfractiondigits/minfractiondigits números mínimos e máximos de casas decimais var variável (opcional) que conterá a saída scope - (opcional) escopo da variável Corpo da Tag: atributo value 34

35 JSTL Format (fmt:formatnumber) <fmt:formatnumber value=" ,21" type="currency"/> <fmt:formatnumber value="12,3" pattern=".000"/> <fmt:formatnumber value="123456,7891" pattern="#,#00.0#"/> <fmt:formatnumber value="1234" type="currency var= moeda"/> ${moeda} <fmt:formatnumber minfractiondigits="5 maxfractiondigits="5"> <%=Math.PI%> </fmt:formatnumber> R$ ,89 12, ,79 R$ 1.234,00 3,

36 JSTL Format <fmt:parsenumber> Obtém um Number a partir de uma String value valor a ser transformado integeronly (opcional) faz o parsing apenas da parte inteira do número Outros atributos opcionais: var, scope, type e pattern <c:set var="reais" value="r$ 8,90"/> <fmt:parsenumber value="${reais}" type="currency" parselocale="pt_br" /> Corpo da Tag: atributo value 36

37 JSTL Format <fmt:formatdate> Formata uma data e/ou hora de acordo com a Localização ou com parâmetros customizados Atributos: value: data a ser formatada Type (opcional): date (default), time ou both datestyle ou timestyle (opcional) : nível de detalhamento da data/hora timezone (opcional): define o fuso-horário Outros atributos opcionais: var, scope e pattern 37

38 JSTL Format <fmt:formatdate> <jsp:usebean id="agora" class="java.util.date" /> <br> <fmt:formatdate value="${agora}" timestyle="long" datestyle="long"/> <br> <fmt:formatdate value="${agora}" pattern="dd.mmm.yy"/> 38

39 JSTL Format <fmt:parsedate> Obtém um java.util.date a partir de uma String Atributos value: String que será transformada type: (opcional) date (default), time ou both datestyle ou timestyle : (opcional) nível de detalhamento da data/hora timezone: (opcional) define o fuso-horário parselocale: Locale usado para personalizar a transformação Outros atributos opcionais: var, scope e pattern 39

40 JSTL Format <fmt:parsedate> <fmt:parsedate value="13:15" pattern="hh:mm" /> <%-- para o formato americano --%> <fmt:parsedate value="07/16/2005" datestyle="short" parselocale="en_us" var="dataus" /> <%-- data formatada --%> <fmt:formatdate value="${dataus}" datestyle="full"/> Thu Jan 01 13:15:00 BRT 1970 Sábado, 16 de Julho de

41 Display Tag Library É uma suíte open source de tags customizadas que fornecem uma apresentação web de alto nível para ser usada em aplicações MVC É possível mostrar tabelas, isto é, listar as informações de objetos de uma aplicação com diversas funcionalidades: diferenciação nas cores das linhas, ordenação nas colunas, paginação dos dados, agrupamento de informações, exportação dos dados, links e decoração customizável 41

42 Exemplo taglib uri="/web-inf/displaytag-11.tld" prefix="display" %>... <% List teste = new ArrayList( 4 ); teste.add( "Teste String 1" ); teste.add( "Teste String 2" ); teste.add( "Teste String 3" ); teste.add( "Teste String 4" ); request.setattribute("teste", teste); %> <display:table name="teste" /> Saída Teste String 1 Teste String 2 Teste String 3 Teste String 4 42

43 Instalação Deve seguir os seguintes passos: Colocar o arquivo displaytag.tld no diretório WEB-INF da aplicação Colocar o displaytag.jar no WEB-INF/LIB Adicionar no CLASSPATH da aplicação as seguintes bibliotecas usadas pela DisplayTag: commons-logging.jar commons-lang.jar (versão 2.0) commons-collections.jar commons-beanutils.jar log4j.jar 43

44 <display:table> Gera um tabela html baseada em uma coleção de objetos Cada item é formatado de acordo com a tag column aninhada dentro dela java.util.list <display:table name="listpessoas"> <display:column property="id" title="id" /> <display:column property="name" /> <display:column property=" " /> <display:column property="status" /> <display:column property="description" title="commentários"/> </display:table> 44

45 Tags table e column <% List produtos = new ListaProdutos(); request.setattribute("produtos", produtos); %> <display:table name="produtos"> <display:column property="nome" title="nome"/> <display:column property="preco" title="preço"/> </display:table> O valor mostrado será o resultado da propriedade (atributo property) ou de um decorator (se houver um). Nome Preço Feijão 2.5 Arroz 4.0 Farinha 3.5 Trigo 5.8 Açucar

46 setproperty Deve ser colocada dentro de uma tag table, serve para setar uma determinada propriedade para a tabela Como alternativa pode-se criar um arquivo de propriedades para toda a aplicação As propriedades e os valores possíveis estão em Feijão 2.5 Arroz 4.0 Farinha 3.5 Trigo 5.8 Açúcar <display:table name="produtos"> <display:column property="nome"/> <display:column property="preco"/> <display:setproperty name="basic.show.header" value="false"/> </display:table> indicamos que a tabela gerada não deve mostrar a linha de título, onde ficam os nomes das colunas 46

47 footer Também deve estar dentro da tag table, ela irá fornecer um rodapé customizado para a tabela <% ListaProdutos produtos = new ListaProdutos(); request.setattribute("produtos", produtos); %> <display:table name="produtos"> <display:column property="nome" title="nome"/> <display:column property="preco" title="preço"/> <display:footer> <tr> <td>total:</td> <td><%= produtos.gettotal() %></td> </tr> </display:footer> </display:table> 47

48 Criando objeto implícito na tabela É possível criar um objeto implicitamente na tabela ou no escopo da página usando o atributo 'id' <display:table name="produtos" id="prod"> <display:column title="produto" property="nome" /> <display:column title="preço" property="preco" /> <display:column title="desconto 10%"> ${prod.preco * 0.9} </display:column> </display:table> Produto Preço Desc. 10% Feijão Arroz Farinha Trigo Açúcar

49 Links Dinâmicos Para criar links dinâmicos podemos usar duas formas diferentes. Uma forma é definir as propriedades na tag column e a outra é usando o Decorator 1ª Forma: a tag column tem cinco atributos que podem ser setados para criar o link dinâmico: href - a URL usada para construir o link paramid - o nome do parâmetro que será adicionado a URL paramname - nome do bean que contem o dado que será colocado na URL paramproperty - a propriedade chamada no objeto que retornará o valor que ficará na URL 49

50 Links Dinâmicos <display:table name="produtos"> <display:column property="id" href="details.jsp" paramid="id" paramproperty="id" /> <display:column property="nome" title="produto" /> <display:column property="preco" title="preço" /> </display:table> 50

51 Ordenação 51

52 Usando Decorator para transformar dados Um decorator é um design pattern onde um objeto fornece funcionalidades básicas encapsuladas para outros objetos Ajuda a formatar datas, valores monetários, números, etc de acordo com a nossa necessidade 52

53 Usando Decorator para transformar dados Para criar uma classe wrapper que atue como um Decorator, 4 pontos devem ser observados: O wrapper criado deve ser subclasse de TableDecorator Para aumentar a performance, deve-ser criar os formatters no método construtor Não é preciso fazer overload de todos os métodos no Decorator, somente daquele que serão formatados. o método getxxx do Decorator sempre será chamado primeiro para uma property, mas se ele não existir, é chamado o método da classe de negócio 53

54 Usando Decorator para transformar dados <display:table name="produtos"> <display:column property="id" href="details.jsp" paramid="id" paramproperty="id" /> <display:column property="nome" title="produto" /> <display:column property="preco" title="preço" /> <display:column property="datavalidade" title="validade" decorator="util.decorator.formatodatamedium" /> </display:table> public class FormatoDataMedium implements ColumnDecorator { public final String decorate(object columnvalue) { String retorno = " - "; Format formatadata = DateFormat.getDateInstance( DateFormat.SHORT); if(columnvalue!= null){ Date date = (Date) columnvalue; retorno = formatadata.format(date); } return retorno; }} 54

55 Bibliografia SCWCD Exam Study Kit Java Web Component Developer Certification. Autores: Hanumant Deshmukh, Jignesh Malavia, Jacquelyn Carter, 2003 Tag Libraries Tutorial. Sun Microsystems. Julho,