facelets com eclipse ide jboss tools

Download Facelets Com Eclipse IDE JBoss Tools

Post on 30-Jul-2015

58 views

Category:

Documents

1 download

Embed Size (px)

TRANSCRIPT

ContedoFACELETS E LAYOUT CSS ............................................................................................................... 2 O ECLIPSE IDE..................................................................................................................................... 2 OBTENDO E INSTALANDO O ECLIPSE IDE ................................................................................ 2 O PLUG-IN JBOSS TOOLS ................................................................................................................. 3 INICIANDO NA PLATAFORMA ECLIPSE ..................................................................................... 3 BAIXANDO O JAVASERVER FACES .............................................................................................. 4 AS BIBLIOTECAS DO JAVASERVER FACES ............................................................................... 4 ADICIONANDO O JAVASERVER FACES AO PROJETO NO ECLIPSE IDE .......................... 5 ONDE BAIXAR O FACELETS ........................................................................................................... 6 CRIANDO UM PROJETO SIMPLES COM FACELETS ................................................................ 6 CRIANDO UM JAVABEAN .............................................................................................................. 11 O ARQUIVO FACES-CONFIG.XML ............................................................................................... 13 O ARQUIVO WEB.XML .................................................................................................................... 15 AS PGINAS DA APLICAO ........................................................................................................ 15

Pgina 1

www.integrator.com.br

Facelets e Layout CSSJavaServer Faces muito bom para desenvolver aplicaes Web, principalmente se voc puder contar com uma boa ferramenta como o Eclipse IDE. Entretanto, podemos unir as facilidades dos componentes Faces com as caractersticas (X)HTML. Facelets um framework de templates JavaServer Faces, baseado em alguns simples princpios: Criao de uma rvore de objetos UIComponent e contedo entrelaado completamente com o processo de ciclo de vida do JavaServer Faces; mais rpido, pois no utiliza o engine do JSP para transformar em Servlets; Suporte a templates reutilizveis, aumentando a produtividade na criao de numerosas pginas, criando uma base padro; Integrao com os processos Faces e com as tags (X)HTML (usa diretamente o XHTML como tecnologia view do JSF) como membros da rvore de componentes. Isso possibilita a injeo de componentes JSF com um simples atributo jsfc; Erros mais amigveis e com maior preciso; Eliminao de tags JSF como e . Graas a estas integraes, as aplicaes podem ser escritas para serem visualizadas em uma interface Web 2.0.

O Eclipse IDEO Eclipse IDE, chamado por muitos de Plataforma Eclipse, considerada por uma grande maioria de desenvolvedores Java como a melhor ferramenta para desenvolvimento dessa linguagem. Desenvolvido inicialmente pela IBM e liberado o cdigo fonte a comunidade, ao qual se criou a fundao Eclipse (Eclipse Foundation), sua grande vantagem, na atualidade, est no uso de seus assistentes de cdigo e grande gama de plug-ins, podendo se adaptar a qualquer situao de desenvolvimento. At o momento em que esse tutorial est sendo escrito, a verso mais atual do Eclipse a 3.3.

Obtendo e instalando o Eclipse IDEPara desenvolver aplicaes Web usando a plataforma Eclipse, primeiramente voc dever ter o Eclipse em um ambiente voltado para o desenvolvimento Java EE. Para obter o Eclipse IDE, j configurado com o ambiente Web, v ao endereo http://www.eclipse.org/downloads/. Ao carregar a pgina, v ao link Eclipse IDE for Java EE Developers.

Figura 1 Seleo do Eclipse IDE que ser baixado na rea de downloads do site oficial

Pgina 2

www.integrator.com.br

Ao baixar, descompacte em um local desejado de sua mquina.

O plug-in JBoss ToolsAps a descompactao do Eclipse, sem execut-lo, voc vai baixar o plug-in JBoss Tools, que auxiliar no desenvolvimento da aplicao. Entre no endereo http://www.jboss.org/projects/download/ e v at Tools. Clique no link JBoss Tools, como exibe a Figura 2.

Figura 2 Seleo do JBoss Tools para download

Aps baixar, o arquivo compactado possui um diretrio chamado eclipse, contendo a estrutura que ser necessria para ser adicionada a instalao do Eclipse atual. Simplesmente cole sobre o diretrio eclipse original, obtido da descompactao anterior, que o sistema operacional se encarregar de adicionar os plug-ins existentes.

Iniciando na plataforma EclipseAps descompactar o Eclipse, voc pode inici-lo diretamente pelo executvel eclipse.exe no Windows. No Linux voc pode iniciar o Eclipse da seguinte maneira, desde que haja as devidas permisses: shell# /home/edson/eclipse/./eclipse Assim que iniciar o Eclipse IDE, voc pode selecionar ou aceitar o local onde ele vai armazenar seus projetos, o chamado Workspace. Caso no queira mais ter essa caixa de dilogo aparecendo, marque a opo Use this as the default and do not ask again. Confirme aps clicando no boto OK.

Pgina 3

www.integrator.com.br

Figura 3 O Workspace para o desenvolvimento das aplicaes

Baixando o JavaServer FacesPara trabalhar com o JavaServer Faces, primeiramente ser preciso configurar os arquivos e a estrutura necessria. O container Servlet usado para este tutorial ser o Tomcat 6 que, por padro, no possui suporte direto ao JavaServer Faces, ou seja, no contm as bibliotecas necessrias para o desenvolvimento com o mesmo. Para baixar o JSF, faa download no endereo http://java.sun.com/j2ee/javaserverfaces/download.html. Como ir trabalhar com JavaServer Faces voltado para um container compatvel com a tecnologia Java EE 5, voc dever baixar a verso JSF 1.2, a utilizada nesse tutorial. Ao baixar o arquivo, simplesmente desempacote em um diretrio de sua escolha. Ateno: Caso queira utilizar o GlassFish, esse passo desnecessrio.

As bibliotecas do JavaServer FacesPara ter o JavaServer Faces 1.2 em sua aplicao, voc possui dois arquivos do tipo JAR: 1. jsf-api.jar 2. jsf-impl.jar Para o trabalho com JSF 1.1, h a necessidade de oito arquivos do tipo JAR que incluem as bibliotecas do JSTL e Commons: Quatro JARs Commons: 1. 2. 3. 4. commons-beanutils.jar commons-collections.jar commons-digester.jar commons-logging.jar

Dois JARs JSF:Pgina 4

www.integrator.com.br

1. jsf-api.jar 2. jsf-impl.jar Dois JARs JSTL: 1. jstl.jar 2. standard.jar Para torn-los disponveis em sua aplicao simples, bastando apenas colocar esses arquivos listados e no diretrio lib, encontrado em WEB-INF de sua aplicao Web. Porm, como vamos utilizar um ambiente de trabalho baseado em IDE, ser mais fcil essa configurao.

Configurando o JavaServer Faces no Eclipse IDEO JSF 1.2 no vem com o plug-in e nem com o Eclipse, assim como o Tomcat. Isso significa que voc deve adicion-lo ao projeto separadamente. Porm, como voc poder fazer mais de um projeto usando JSF, ser mais fcil criar uma biblioteca personalizada para que possamos adicionar no projeto com mais facilidade. V ao menu Window e clique em Preferences. Na caixa de dilogo Preferences, digite na parte superior, onde aparece type filter text, a palavra user. Observe que haver uma filtragem, onde voc dever selecionar User Libraries. Em User Libraries, clique no boto New. Na caixa de dilogo New User Library digite JSF 1.2 em User library name e confirme.

Figura 4 Adio das bibliotecas JSF 1.2 ao Eclipse IDE

Com a biblioteca selecionada, clique no boto Add JARs. Selecione os arquivos JARs (jsf-api.jar e jsf-impl.jar) descompactados do JSF 1.2 que voc baixou no incio deste captulo. Confirme a caixa de dilogo Preferences.Pgina 5

www.integrator.com.br

Figura 5 A biblioteca de usurio JSF 1.2 configurada com os JARs

O FaceletsVoc pode baixar o Facelets na sua ltima verso no endereo oficial https://facelets.dev.java.net/. Na parte inferior do site, h o link downloadable from here.

Criando um projeto simples com FaceletsO Eclipse IDE possui mais opes de criao de pginas com o framework JavaServer Faces devido a utilizao do plug-in JBoss Tools. V ao menu File, em New, e selecione Project. Na caixa de dilogo New Project, expanda JBoss Tools Web > JSF e selecione JSF Project. Clique no boto Next para prosseguir.

Pgina 6

www.integrator.com.br

Figura 6 Seleo de JSF Project do plug-in JBoss Tools

Digite TrabComFacelets no campo Project Name e altere para JSF 1.2 with Facelets em JSF Environment. Mantenha ento a opo FaceletsBlankWithoutLibs em Template e clique no boto Next.

Figura 7 Novo projeto JSF com Facelets

Na terceira etapa ser necessrio adicionar um servidor ao Eclipse IDE. Clique no boto New, em Runtime. Na caixa de dilogo New Server Runtime, expanda Apache e selecione Apache Tomcat v6.0. Clique no boto Next para prosseguir.Pgina 7

www.integrator.com.br

Figura 8 Seleo do Apache Tomcat 6

Em seguida, em Tomcat installation directory, clique no boto Browse e selecione o Tomcat instalado em sua mquina. Conclua a adio do Tomcat 6 atravs do boto Finish.

Figura 9 Apache Tomcat selecionado no seu local de instalao no Windows

Aps a adio do Runtime, clique no boto Finish para concluir o assistente.Pgina 8

www.integrator.com.br

Figura 10 Final da criao do projeto no Eclipse IDE

Assim que finalizar, a caixa de dilogo Open Associated Perspective sugira, perguntando se deseja abrir a perspectiva associada ao projeto. Clique no boto Yes para confirmar.

Figura 11 Dilogo perguntado se deseja abrir a perspectiva associada ao projeto

Adicionando a biblioteca JSF criada ao projetoPara adicionar ao projeto a biblioteca JSF criada, c

Recommended

View more >