Ir ao topo

Tecnobyte

Logomarca da Tecnobyte
Contato por WhatsApp

WhatsApp

(69) 3421-6756

Contato por Telefone

(69) 3421-6756

(69) 3421-6757

Enviar mensagem

Enviar

mensagem

Contato por Facebook

Facebook

Vídeos

Vídeos

Atendimento de segunda a sexta, das 08h00 às 19h00 (horário de Brasília).

Banner

Java

Como criar um projeto Maven com JSF no Eclipse 2022-09?

Siga os passos abaixo para criar um projeto Maven com JSF no Eclipse IDE for Enterprise Java and Web Developers versão 2022-09.

  • Acesse o menu File > New > Mavem Project
  • Marque a opção Create a simple project (skip archetype selection).
  • Clique em Next.
  • Informe os seguintes dados, conforme exemplo:
    • Group Id: br.com.exemplo
    • Artifact Id: Exemplo
    • Version: 1.0
    • Packaging:war
  • Clique em Finish e aguarde a criação do projeto.
  • Clique com o botão direito do mouse no nome do projeto e acesse Java EE Tools > Generate Deployment Descriptor Stub. Este procedimento deve gerar o arquivo web.xml na pasta src/main/webapp/WEB-INF do projeto.
  • Clique com o botão direito do mouse no nome do projeto e escolha Properties.
  • Acesse a página Java Compiler.
  • Desmarque a opção Use compliance from execution environment 'J2SE-1.5' on then'Java Build Path'.
  • No campo Compiler compliance level escolha a versão do Java JDK que será usada no projeto.
  • Clique em Apply and Close e depois em Yes.
  • Agora abra o arquivo pom.xml e adicione as dependências e plugins conforme exemplo mostrado a seguir. Não esqueça de salvar o arquivo após as modificações.
    <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
    	<modelVersion>4.0.0</modelVersion>
    	<groupId>br.com.exemplo</groupId>
    	<artifactId>Exemplo</artifactId>
    	<version>1.0</version>
    	<packaging>war</packaging>
    
    	<!-- DEPENDÊNCIAS -->
    	<dependencies>
    		<dependency>
    			<groupId>com.sun.faces</groupId>
    			<artifactId>jsf-api</artifactId>
    			<version>2.2.2</version>
    		</dependency>
    		<dependency>
    			<groupId>com.sun.faces</groupId>
    			<artifactId>jsf-impl</artifactId>
    			<version>2.2.2</version>
    		</dependency>
    	</dependencies>
    
    	<!-- PLUGINS -->
    	<build>
    		<plugins>
    			<plugin>
    				<groupId>org.apache.maven.plugins</groupId>
    				<artifactId>maven-war-plugin</artifactId>
    				<version>3.3.1</version>
    			</plugin>
    			<plugin>
    				<groupId>org.apache.maven.plugins</groupId>
    				<artifactId>maven-compiler-plugin</artifactId>
    				<version>3.8.1</version>
    			</plugin>
    		</plugins>
    	</build>
    
    </project>
    
  • Clique novamente com o botão direito do mouse no nome do projeto e escolha Maven > Update Project e clique em OK.
  • Clique com o botão direito do mouse na pasta src/main/webapp e escolha New > HTML File.
  • Informe um nome para o arquivo (exemplo: exemplo.xhtml). Observe que a extensão do arquivo deve ser xhtml.
  • Clique em Next.
  • Escolha a opção New Facelet Template e clique em Finish.
  • Modifique a tag <html> conforme este exemplo:
    <html xmlns="http://www.w3.org/1999/xhtml"
    	xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
    	xmlns:h="http://java.sun.com/jsf/html"
    	xmlns:f="http://java.sun.com/jsf/core">
    
  • Troque todo o conteúdo que está entre <body> e </body> conforme exemplo abaixo:
    <body>
    	<h:commandButton value="Meu botão" />
    </body>
    
  • O arquivo completo deverá ficar assim:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
              "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"
    	xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
    	xmlns:h="http://java.sun.com/jsf/html"
    	xmlns:f="http://java.sun.com/jsf/core">
    <head>
    	<title><ui:insert name="title">Exemplo</ui:insert></title>
    </head>
    <body>
    	<h:commandButton value="Meu botão" />
    </body>
    </html>
    
  • Lembre-te de salvar o arquivo após as modificações.
  • Se já estiver com Tomcat configurado no Eclipse, clique com o botão direito do mouse no nome do arquivo exemplo.xhtml e escolha Run As > Run on Server, selecione o servidor e clique em Finish.
  • Se tudo ocorrer como esperado, a página deverá ser aberta no navegador, mostrando um botão com a legenda Meu botão.

O conteúdo desta página pode ajudar alguém? Compartilhe!