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).

ÚLTIMOS DIAS PARA ECONOMIZAR!

Adquirindo uma licença anual do Tecnobyte SAC Lite, Tecnobyte SAC Plus ou Tecnobyte SAC Pro até 31/12/2024, você economiza 14,69% em relação ao novo valor mensal, pois evita o reajuste e ainda mantém os 10% de desconto da anuidade.

Tempo restante:

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!