Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • EngWeb 05 Arquitetura MVC CompDisplayTag

    Enviado por

    claudio_martins_13
    79 visualizações17 páginas
    Demonstração da arquitetura MVC em aplicações usando componente para visualização de tabelas (DisplayTag).

    Direitos autorais

    © Attribution Non-Commercial (BY-NC)

    Formatos disponíveis

    PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento
    Demonstração da arquitetura MVC em aplicações usando componente para visualização de tabelas (DisplayTag).

    Direitos autorais:

    Attribution Non-Commercial (BY-NC)
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    79 visualizações17 páginas

    EngWeb 05 Arquitetura MVC CompDisplayTag

    Enviado por

    claudio_martins_13
    Demonstração da arquitetura MVC em aplicações usando componente para visualização de tabelas (DisplayTag).

    Direitos autorais:

    Attribution Non-Commercial (BY-NC)
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 17

    IFPA Curso de Tecnologia em Anlise e Desenvolvimento de Sistemas

    Engenharia da Web
    Desenvolvimento de Software na Web - Exemplos de componente MVC - Aplicao web com JSP e Servlet
    Prof. Cludio Martins claudiomartins2000@gmail.com
    1

    Objetivos da Aula

    Apresentar um componente que segue o modelo MVC (arquitetura web) Utilizar o componente DisplayTag como exemplo MVC-web.

    Usando DisplayTag para exibir tabela de dados

    Sobre o DisplayTag

    DisplayTag uma biblioteca (library) open source com tags personalizadas que fornecem uma apresentao de alto nvel para aplicaes web que seguem o modelo MVC. Est disponvel em

    http://www.displaytag.org

    O displaytag utiliza-se de dados armazenados em objetos JavaBeans (entidades de dados).


    4

    Exemplos com DisplayTag


    1) Uso simplificado, usando a mesma estrutura do JavaBean .

    2) Auto paginao para exibir uma lista (coleo) de dados extensa.

    Exemplos com DisplayTag


    3) Utilizando opes de exportao (csv, Excel, Xml, Pdf, Rtf)

    Homepage do DisplayTag

    Pgina com exemplos: http://demo.displaytag.org/displaytag-examples-1.2/index.jsp


    7

    Configurao e uso do DisplayTag

    Em um projeto web, considerando a estrutura de diretrios/pastas default:

    Na pasta src deve estar o arquivo displaytag.properties. * Este arquivo contm a traduo e as propriedades padro do DisplayTag na aplicao.

    Na pasta raiz (WebContent ou Pginas Web) devem estar as pginas jsp configuradas com a seguinte taglib:
    <%@taglib uri="http://displaytag.sf.net" prefix="display"%>

    Na pasta raiz (WebContent) devem estar as pastas de imagens (img) e arquivos css de estilos (css). Se voc usa Eclipse, na pasta lib devem estar as bibliotecas .jar: displaytag-1.2.jar e vrias outras de apoio.

    No NetBeans basta adicionar todos os arquivos .jar como Bibliotecas do projeto.

    Exemplo da aplicao Simulador

    Cdigo na pgina JSP


    <%@taglib uri="http://displaytag.sf.net" prefix="display"%>
    <head>
    <style type="text/css" media="all"> @import url("css/maven-base.css"); @import url("css/maven-theme.css"); @import url("css/site.css"); @import url("css/screen.css"); </style> <link rel="stylesheet" href="./css/print.css" type="text/css" media="print" />

    </head> <body> <display:table name="rend_bean"> <display:column title="MES" property="mes"/> <display:column title="VALOR" property="valor"/> </display:table>
    </body> </html>
    10

    Exemplos paginao

    Cdigo:

    <display:table name="rend_bean" pagesize="12" requestURI="Simulador" > <display:column title="MES" property="mes"/> <display:column title="VALOR" property="valor"/> </display:table>
    11

    Exemplo - Exportao
    Cdigo:

    <display:table name="rend_bean" pagesize="12" requestURI="Simulador" export="true" > <display:column title="MES" property="mes"/> <display:column title="VALOR" property="valor"/> </display:table>

    12

    Exemplo Classificao de Colunas

    Cdigo:

    <display:table name="rend_bean" pagesize="12" sort="list" requestURI="Simulador" export="true" > <display:column title="MES" property="mes" sortable="true"/> <display:column title="VALOR" property="valor" sortable="true"/> </display:table>
    13

    Exerccio Atividade Prtica

    Mini Blog

    Elabore um formulrio que solicita uma noticia Envie para um servlet (controlador) que armazene a noticia, junto com a data/hora da criao da notcia, em uma lista (coleo) em tempo de sesso. Crie uma pgina para exibir todas as notcias postadas e o horrio que foi criada a notcia.

    Como sugesto, use a mesma pgina do formulrio.

    14

    Pgina de envio de notcias

    15

    Exibindo notcias

    16

    Referncias

    Site do Display tag library verso 1.2: http://www.displaytag.org/1.2/

    17

    Você também pode gostar