Tutorial - Projeto Web usando JSF com CRUD em JPA (Netbeans 7)

(1)

Prof. Cláudio Martins

Prof. Cláudio Martins_{([email protected])}_{([email protected])} _{Página 1}_{Página 1}

Tutorial para criar um Projeto Web usando JSF com CRUD

em JPA

Prof. Cláudio Martins Prof. Cláudio Martins

[email protected] [email protected]

Introdução

O objetivo deste tutorial é utilizar os assistentes do Netbeans 7 para gerar uma aplicação web, usando JSF e O objetivo deste tutorial é utilizar os assistentes do Netbeans 7 para gerar uma aplicação web, usando JSF e manipuladores JPA para acesso e atualização de tabelas de banco de dados.

manipuladores JPA para acesso e atualização de tabelas de banco de dados.

Este tutorial é dividido em duas partes. A primeira, diz respeito ao processo de criação das classes de entidade Este tutorial é dividido em duas partes. A primeira, diz respeito ao processo de criação das classes de entidade com as tabelas de banco de dados. A segunda, é a geração das páginas JSF

com as tabelas de banco de dados. A segunda, é a geração das páginas JSF para manipulação dessas entidades,para manipulação dessas entidades, o que denominamos CRUD (Create, Read,

o que denominamos CRUD (Create, Read, Update, Delete).Update, Delete).

Antes, defina e crie um projeto web, utilizando JSF e um servidor web (Glassfish, Tomcat, etc). Antes, defina e crie um projeto web, utilizando JSF e um servidor web (Glassfish, Tomcat, etc).

PARTE 1

1) Primeiramente, crie um banco de dados (no MySQL, Postgres, HSQLDB,

1) Primeiramente, crie um banco de dados (no MySQL, Postgres, HSQLDB, etc) e não esqueça de definir aetc) e não esqueça de definir a conexão na aba "Serviços" de Banco com esse banco.

conexão na aba "Serviços" de Banco com esse banco.

2 - Defina as classes de entidade com o banco de dados. Use o assistente, como na figura 1. 2 - Defina as classes de entidade com o banco de dados. Use o assistente, como na figura 1.

Figura 1 - Escolhendo a opção do assistente de criação de entidades JPA. Figura 1 - Escolhendo a opção do assistente de criação de entidades JPA.

3 - Escolha as tabelas para mapeamento. Antes escolha a conexão na Fonte de dados (criado anteriormente), 3 - Escolha as tabelas para mapeamento. Antes escolha a conexão na Fonte de dados (criado anteriormente), conforme é visto na Figura 2.

(2)

Trusted by over 1 million members

Try Scribd

FREE for 30 days to access over 125 million titles without ads or interruptions!

Start Free Trial

Cancel Anytime.

Try Scribd

FREE for 30 days to access over 125 million titles without ads or interruptions!

Start Free Trial

Cancel Anytime.

(3)

Try Scribd

FREE for 30 days to access over 125 million titles without ads or interruptions!

Start Free Trial

Cancel Anytime.

Figura 2 - Escolhendo as tabelas do banco de dados a partir da conexão (fonte de dados). Figura 2 - Escolhendo as tabelas do banco de dados a partir da conexão (fonte de dados). 4 - Para finalizar, gere a(s) classe(s) JPA

4 - Para finalizar, gere a(s) classe(s) JPA e a unidade de persistência. Defina o nome do pacote que irá receber oe a unidade de persistência. Defina o nome do pacote que irá receber o código. Em seguida, finalize.

código. Em seguida, finalize.

Figura 3 - Gerando a classe e a unidade de persistência. Figura 3 - Gerando a classe e a unidade de persistência. O resultado do processo pode ser visto na Figura 4. O resultado do processo pode ser visto na Figura 4.

(4)

Try Scribd

FREE for 30 days to access over 125 million titles without ads or interruptions!

Start Free Trial

Cancel Anytime.

(5)

Try Scribd

FREE for 30 days to access over 125 million titles without ads or interruptions!

Start Free Trial

Cancel Anytime.

Figura 4 - Geração do código

Figura 4 - Geração do código da classe de entidade e o arquivo de configuração (Persistence.xml).da classe de entidade e o arquivo de configuração (Persistence.xml).

PARTE 2

1 - Utilize o assistente de "Novo arquivo" - "Web" , e escolha a opção "Páginas JSF de classes de entidade", 1 - Utilize o assistente de "Novo arquivo" - "Web" , e escolha a opção "Páginas JSF de classes de entidade", conforme é visto na Figura 5.

conforme é visto na Figura 5.

Figura 5 - Opção para cria

Figura 5 - Opção para criar páginas JSF de classes de entidade.r páginas JSF de classes de entidade. 2 - Escolha a(s) classe(s) que serão tratadas no processo. 2 - Escolha a(s) classe(s) que serão tratadas no processo.

(6)

Try Scribd

FREE for 30 days to access over 125 million titles without ads or interruptions!

Start Free Trial

Cancel Anytime.

(7)

Try Scribd

FREE for 30 days to access over 125 million titles without ads or interruptions!

Start Free Trial

Cancel Anytime.

Figura 6 -

Figura 6 - Escolha da(s) Escolha da(s) classe(s)classe(s)

3 - Em seguida, defina os locais onde serão criados os códigos. Observe os locais na Fi

3 - Em seguida, defina os locais onde serão criados os códigos. Observe os locais na Fi gura 7: os nomes dosgura 7: os nomes dos pacotes (usamos "beans" para sessão bean e classes JSF), na pasta de páginas JSP escolhemos a pasta raiz ("/"). pacotes (usamos "beans" para sessão bean e classes JSF), na pasta de páginas JSP escolhemos a pasta raiz ("/").

Figura 7 - Definição de locais dos códigos gerados. Figura 7 - Definição de locais dos códigos gerados.

O Netbeans irá criar vários arquivos de código, entre eles, o código

O Netbeans irá criar vários arquivos de código, entre eles, o código da página inicial foi modificada para oda página inicial foi modificada para o seguinte código visto na Figura 8. Nas f

seguinte código visto na Figura 8. Nas f iguras a seguir (9, 10, 11 e 12iguras a seguir (9, 10, 11 e 12) são visualizados o resultado das páginas) são visualizados o resultado das páginas JSF para o crud.

(8)

Try Scribd

FREE for 30 days to access over 125 million titles without ads or interruptions!

Start Free Trial

Cancel Anytime.

(9)

Try Scribd

FREE for 30 days to access over 125 million titles without ads or interruptions!

Start Free Trial

Cancel Anytime.

Figura 8 - Código da página index.xhtml, modificado

Figura 8 - Código da página index.xhtml, modificado para exibir mensagens em português.para exibir mensagens em português.

Figura 9 - Página "index" renderizada no

(10)

Try Scribd

FREE for 30 days to access over 125 million titles without ads or interruptions!

Start Free Trial

Cancel Anytime.

(11)

Try Scribd

FREE for 30 days to access over 125 million titles without ads or interruptions!

Start Free Trial

Cancel Anytime.

Figura 10 - Página "Create" de cidade Figura 10 - Página "Create" de cidade

Figura 11 - Alteração (Edit) de

(12)

Try Scribd

FREE for 30 days to access over 125 million titles without ads or interruptions!

Start Free Trial

Cancel Anytime.

(13)

Try Scribd

FREE for 30 days to access over 125 million titles without ads or interruptions!

Start Free Trial

Cancel Anytime.

Try Scribd

FREE for 30 days to access over 125 million titles without ads or interruptions!

Start Free Trial

Cancel Anytime.

Conclusão

O Netbeans, versão 7, oferece assistentes de código que tentam facilitar a geração de aplicativos. No exemplo O Netbeans, versão 7, oferece assistentes de código que tentam facilitar a geração de aplicativos. No exemplo mostrado neste tutorial, o objetivo é

mostrado neste tutorial, o objetivo é criar páginas JSF que criar páginas JSF que manipulem classes entidades, que traduzem tabelasmanipulem classes entidades, que traduzem tabelas de banco de dados.

de banco de dados.

Apesar das facilidades, é necessário

Apesar das facilidades, é necessário que o programador ajuste alguns elementos gerados. Mque o programador ajuste alguns elementos gerados. M ensagens devemensagens devem ser traduzidas e melhoradas, a estética visual deve ser adaptada para o padrão adotada no projeto, e muitos ser traduzidas e melhoradas, a estética visual deve ser adaptada para o padrão adotada no projeto, e muitos outros "refactoring".

outros "refactoring".

Para mais detalhes, utilize as

Para mais detalhes, utilize as seguintes referências:seguintes referências:

http://netbeans.org/kb/docs/web/jsf20-crud_pt_BR.html http://netbeans.org/kb/docs/web/jsf20-crud_pt_BR.html http://netbeans.org/kb/docs/web/jsf20-support_pt_BR.html http://netbeans.org/kb/docs/web/jsf20-support_pt_BR.html http://www.c-sharpcorner.com/UploadFile/0d4935/creating-web-application-on-netbeans-using-jsf/ http://www.c-sharpcorner.com/UploadFile/0d4935/creating-web-application-on-netbeans-using-jsf/