Configurando o Maven

Configurando o maven da vdeo aula https://www.youtube.com/watch?
v=hePl79mjEwQ
1 ir no Help e clicar em Eclipse Markteplace e buscar por JBOSS
Instalar o maven:
2 copiar as dependncias do Primefaces pro arquivo pom.xml

1.
<dependency>
2.
<groupId>org.primefaces</groupId>
3.
<artifactId>primefaces</artifactId>
4.
<version>5.2</version>
5.
</dependency>
3 copiar os repositrios do Primefaces:

<repository>
<id>prime-repo</id>
<name>PrimeFaces Maven Repository</name>
<url>http://repository.primefaces.org</url>
<layout>default</layout>
</repository>
4 - Iniciar e fechar a dependncia e o repositrio


<dependencies>
<dependency>
<groupId>org.primefaces</groupId>
<artifactId>primefaces</artifactId>
<version>5.2</version>
</dependency>
</dependencies>

<repositories>
<repository>
<id>prime-repo</id>
<name>PrimeFaces Maven Repository</name>
<url>http://repository.primefaces.org</url>
<layout>default</layout>
</repository>
</repositories>
5 Habilitar o JSF nas propriedades do projeto e colocar como xhtml

6 Criar as camadas MVC e o xhtml
7 baixar o Bootstrap, criar uma pasta CSS em webapp, copiar os

arquivos do bootstrap em bootstrap-3.3.5-dist\bootstrap-3.3.5-dist\css
bootstrap.css e bootstrap-theme.css
8 importar os arquivos do bootstrap
<h:head>
<link rel="stylesheet" href="css/bootstrap.css" type="text/css"
media="all"/>
<link rel="stylesheet" href="css/bootstrap-theme.css" type="text/css"
media="all"/>
<link rel="stylesheet" href="css/style.css" type="text/css" media="all"/>
</h:head>
9 criar um arquivo style.css em webapp, e nesse arquivo vai ter os

seguintes comandos:
.formularioCorpo{
border-bottom: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
width: 66%;
height: 873px;
margin: 50px auto 100px auto;
}
Esse arquivo vai servir como template para todas as pginas.
10 criar o arquivo template.xhtml:
<!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://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui">
<h:head>
<link rel="stylesheet" href="css/bootstrap.css" type="text/css"
media="all"/>
<link rel="stylesheet" href="css/bootstrap-theme.css" type="text/css"
media="all"/>
<link rel="stylesheet" href="css/style.css" type="text/css" media="all"/>
</h:head>
<h:body>
<fieldset>
</h:body>
<div class="formularioCorpo">
<div class="form-group">
</div>
</div>
</fieldset>
</html>
11 Criar outro div dentro do div form-group para criar um template q vai
aparecer nas outras pginas;
<div id="page-vrapper">
<ui:insert name="corpo"></ui:insert>
</div>
12 chamar o template que foi criado no template.xhtml:
Criar um outro xhtml de cadastro
Chamar o template com esse cdigo:
<ui:composition template="template.xhtml">
<ui:define name="corpo"></ui:define>
</ui:composition>
13 estilizar a janela de cadastro:
<ui:define name="corpo">
<h:outputText value="Cadastro" style="margin-left: 45%; margin-top: 3%;
margin-bottom: 5%;
font-family: cursive;
color: darkcyan;
width: 30%;
font-size: 300%;"/>
</ui:define>
14 colocando um inputText com Bootstrap
<div class="col-sm-5">
<label for="nome" class="control-label">Nome </label>
<h:inputText class="form-control" name="nome"id="inome">
Nome</h:inputText>
</div>
Obs: No esquecer de configurar o style.css para ajustar o div col-sm-5
15 criando um boto e modificando a sua posio com classes CSS
Classe pai precisa ter a classe filha que fica dentro ui:define
<div class="botao">
<h:commandButton class="btn btn-success btn-sm"

value="Gravar" />
</div>
Classe CSS do arquivo style.css que contm a classe .form-group.
Nesse form group, contm a subclasse que vai ser chamada dentro da
pgina que chamou o template.
.form-group .botao{
margin-left: 34%;
margin-top: 3%;
}
Cap 2 Trabalhando com o Hibernate no Maven
Abrir o pom.xml e colocar as dependncias do Hibernate:

Configurando o Maven

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Configurando o Maven

Enviado por

Direitos autorais:

Formatos disponíveis

Configurando o maven da vdeo aula https://www.youtube.com/watch?

2 copiar as dependncias do Primefaces pro arquivo pom.xml

3 copiar os repositrios do Primefaces:

4 - Iniciar e fechar a dependncia e o repositrio

5 Habilitar o JSF nas propriedades do projeto e colocar como xhtml

7 baixar o Bootstrap, criar uma pasta CSS em webapp, copiar os

9 criar um arquivo style.css em webapp, e nesse arquivo vai ter os

<h:commandButton class="btn btn-success btn-sm"

Você também pode gostar