3

Você está em
DevMedia

Artigo

Invista em você! Saiba como a DevMedia pode ajudar sua

carreira.

Criando um projeto web no Eclipse

Veja neste artigo um pequeno tutorial de como criar um projeto web com servidor Apache Tomcat
e aprenda sobre a importação das bibliotecas necessárias para começar um projeto web no IDE
Eclipse.

Marcar como concluído Anotar

Artigos

Java

Criando um projeto web no Eclipse

Antes de tudo, deve ser veri cada a perspectiva do Eclipse, se está para
desenvolvimento Java EE. De acordo com a perspectiva que estiver aberta, não é
possível visualizar certas opções de criação do projeto web.
7
 Para con rmar a perspectiva, acesse o menu Window -> Open Perspective ->
3

Other, como mostrado na gura 1.

Você está em
DevMedia

Figura 1: Menu de acesso à perspectiva

Figura 2: Abrindo uma perspectiva de ambiente

De acordo com a gura 2, basta apenas selecionar a opção Java EE e con rmar
para conseguir criar um projeto web. 7
 ** Conheça o curso Curso de Java: Desenvolvimento de aplicações Web no Eclipse3

Para criar um projeto web, clique com o botão direito na view Project Explorer,
Você está em
selecione a opção New -> Dynamic Web Project, como mostrado na gura 3.
DevMedia

Figura 3: Selecionando o tipo do projeto

7
 3

Você está em
DevMedia

Figura 4: Con gurações de um novo projeto web

Acima, na gura 4, foram realizadas algumas marcações com números de

referência para as explicações logo abaixo:

1. Project Name – Especi car um nome para o projeto.

2. Target Runtime – Após con gurar o servidor Tomcat, essa opção é
preenchida automaticamente, mas vale sempre observar se está marcando
algum servidor.
3. Con guration – Clique no botão Modify e marque a opção JavaServer Faces e
7
con rme a janela, de acordo com a gura 4.
 3

Você está em
DevMedia

Figura 5: Lista de componentes para habilitar no projeto

Após isso, clique no botão Next que irá mostrar a gura 6.

7
 Figura 6: Local onde os códigos Java irão car, por padrão não é alterado, clique
3

em Next

Você está em
DevMedia

Figura 7: Con guração do módulo Web

Na gura 7, é importante selecionar a opção destacada para gerar o arquivo

web.xml, conhecido como Deployment Descriptor. Clique em Next.

7
 3

Você está em
DevMedia

Figura 8: Con gurações de bibliotecas

Ao chegar na tela da gura 8, é preciso realizar os seguintes ajustes que estão

destacados:

Type: Deixar selecionada a opção Disable Library Con guration.

URL Mapping Patterns: Adicionar os seguintes mapeamentos *.jsf e *.xhtml.

Estrutura projeto web

Para entender mais sobre cada compartimento, abaixo são mostrados os

principais itens dessa estrutura, que são:

Deployment Descriptor – É o arquivo web.xml (WEB-INF) que contém as

informações para realizar os ajustes dos parâmetros da aplicação, como
segurança, mapeamentos, ltros, conversores, entre outros.
7
 Java Resources – Nesse elemento que cam armazenados os packages3do
projeto, podendo serem acessado os arquivos Java.

Você estáArquivo
em faces-con g.xml – É o arquivo de con guração de uma aplicação
DevMedia
JSF, sendo responsável por descrever os elementos e sub-elementos que
compõem o projeto, tais como as regras de navegação, managed-beans,
con gurações de localização, entre outros.
WebContent– Local onde ca conteúdo raiz do projeto, a partir dele se cria
as pastas e arquivos como: .html, .jsf, .jsp, .xhtml, entre outros.
WebContent/WEB-INF – Nesse local é que os arquivos de con guração,
bibliotecas ( jar) e classes cam armazenados.
WebContent/WEB-INF/lib – Local onde devme car todos os arquivos Jar
necessários para o funcionamento da aplicação.

Figura 9: Estrutura projeto web

Con gurando um projeto JavaServer Faces

Inicialmente será preciso obter o pacote do JavaServer Faces através do site

Mojarra, que é a implementação do JSF. Para isso acesse o endereço
http://javaserverfaces.java.net e clique na versão 2.0.0 destacado, de acordo com a

gura 10.

7
 3

Você está em
DevMedia

Figura 10: Download do pacote JSF/p>

Ao baixar o arquivo javax.faces-2.0.10.jar, copie o arquivo para a pasta WEB-

INF/lib.

Após isso, é necessário ter um conjunto de tags de apoio que auxiliam no

desenvolvimento, esse conjunto é conhecido como JSTL. Obtenha através do
endereço http://jstl.java.net/download.html e acesse os links JSTL API e JSTL
Implementation.

Ao entrar no link JSTL API, baixe o arquivo javax.servlet.jsp.jstl-api-1.2.1.jar

destacado na gura 11.

Figura 11: Página direcionada após acesso ao link JSTL API

7
 Quando entrar no link JSTL implementation, baixe o arquivo javax.servlet.jsp.jstl-
3

1.2.1.jar destacado na gura 12.

Você está em
DevMedia

Figura 12: Página direcionada após acesso ao link JSTL Implementation

Após isso, falta baixar alguns arquivos do projeto Apache Commons que são
necessários. Abaixo é apresentada a lista e o signi cado de cada arquivo com o
link de download na seção Binary.

commons-beautils – utilitário para acessar as propriedades dos componentes

JavaBeans.

commons-collections – extensão do Java 2 SDK Collections Framework.

commons-digester – processamento de arquivos XML.

commons-logging – gera mensagens de log.

Depois dos arquivos baixados, copie-os para a pasta WEB-INF/lib do projeto na

Eclipse, de acordo com a gura 13. Caso tenha problemas no download, estará
disponível o download dessas bibliotecas no cabeçalho do artigo.

7
 3

Você está em
DevMedia

Figura 13: Estrutura do projeto com as bibliotecas instaladas

Con guração do JSF

O arquivo web.xml, localizado na pasta WEB-INF, é responsável por este tipo de

con guração. Nesse arquivo é feita a con guração do servidor para reconhecer e
repassar uma requisição para que o JSF consiga realizar o processamento. Essa
con guração será afetada em todas as requisições do tipo .jsf e .xhtml. Segue o
código de con guração do arquivo web.xml apresentado na listagem 1.

Listagem 1: Con guração web.xml

1 <?xml version="1.0" encoding="UTF-8"?>

2 <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns
3 <display-name>Projeto_Teste_Web</display-name>
4 <welcome-file-list>
5 <welcome-file>index.html</welcome-file>
6 <welcome-file>index.htm</welcome-file>
7 <welcome-file>index.jsp</welcome-file>
8 <welcome-file>default.html</welcome-file>
9 <welcome-file>default.htm</welcome-file>
10 <welcome-file>default.jsp</welcome-file>
11 </welcome-file-list>
7
12 <servlet>
 13 <servlet-name>Faces Servlet</servlet-name>
3
14 <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
15 <load-on-startup>1</load-on-startup>
16 </servlet>
Você está em
17 <servlet-mapping>
DevMedia
18 <servlet-name>Faces Servlet</servlet-name>
19 <url-pattern>*.jsf</url-pattern>
20 <url-pattern>*.xhtml</url-pattern>
21 </servlet-mapping>
22 </web-app>

Concluindo, no arquivo web.xml também pode ser alterado as principais páginas

que irão executar quando rodar o projeto. Para con gurar a página, altere os
nomes que estão nas tags welcome- le.

Espero que tenham gostado e até a próxima.

Tecnologias:

Eclipse JSF

Marcar como concluído Anotar

Inicie agora sua carreira de

programador por apenas
R$49,90/mês
Ainda está em dúvida? Experimente a plataforma grátis durante 7 dias.
Faça um teste grátis
7
 BENEFÍCIOS 3

Você está em Suporte em tempo real

DevMedia Certi cado de autoridade

Exercícios para praticar

Estudo gami cado

Planos de estudo para

cada carreira de
programador

Assine Agora

Por Thiago
Em 2013

Suporte ao aluno - Tire a sua dúvida.

7
Tecnologias
 Exercicios 3

Cursos

Você está em Artigos

DevMedia
Revistas
Fale conosco

Trabalhe conosco

Assinatura para empresas

Assine agora

Hospedagem web por Porta 80 Web Hosting