Linguagem

Técnica de
Programação III

Prof. Amanda Fonseca

 Projeto Java
Web
• O Projeto ETB-Contacts
• Criação de um novo projeto
• CRUD (Cadastrar, Consultar,
Alterar e Excluir)
• Arquivo web.xml
• Bibliotecas
Projeto de Exemplo
 Faremos um projeto de uma agenda de
contatos para a Escola Técnica de Brasília –
ETB.
 Para tal, desenvolveu-se:
 Diagrama de classe;
 Modelo de Entidade-Relacionamento (MER);
 Modelo físico de Banco de Dados (script SQL);
 E o projeto Java Web.

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Diagrama de Classe

Diagrama de Classe

Prof. Amanda Fonseca | amandaf.eti@gmail.com

Mapa da Aplicação Web
 Index
 Ajuda
 Sobre
 Cadastrar-se
 Entrar
 Área restrita
 Home
 Minha conta
 Meus contatos
 Aniversários
 Sair
 Área restrita
 Usuários
 Contatos Prof. Amanda Fonseca |
amandaf.eti@gmail.com
 Ambiente de desenvolvimento

 IDE (Ambiente de
Desenvolvimento
Integrado);
 Iniciado em 1996, por
dois estudantes tchecos,
na Universidade de
Charles, em Praga;
 Comprado pela Sun
Microsystems em 1999.
 Em 2000 tornou-se
OpenSource.
Prof. Amanda Fonseca |
amandaf.eti@gmail.com
CRUD
 CRUD é o acrônimo de:
 Create: Criar;
 Read: Ler;
 Update: Atualizar;
 Delete: Excluir.
 Emprogramação, refere-se ao processo
de manipulação de um registro no
banco de dados.
Prof. Amanda Fonseca |
amandaf.eti@gmail.com
CRUD
 Pararealizar o CRUD numa Aplicação
Java Web, precisamos de:
 Pacotes Java:
 javabeans;
 dao;
 servlets;
 Páginas JSP para efetuar as ações.
 Arquivo web.xml;
 Bibliotecas:
 Driver JDBC do MySQL;
 JSTL. Prof. Amanda Fonseca |
amandaf.eti@gmail.com
Pacotes Java: javabeans
 Uma classe javabean pode ser definida
como uma classe Java que expõe
propriedades, seguindo uma convenção
de nomenclatura simples para os
métodos getter e setter.
 É uma classe “modelo”.

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Pacotes Java: dao
 DAO (Data Access Object – Objeto de
Acesso a Dados), é um padrão para
persistência de dados que permite
separar regras de negócios das regras de
acesso a banco de dados.

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Pacotes Java: servlets
 Servlets são classes Java, desenvolvidas
de acordo com uma estrutura bem
definida que quando instaladas e
configuradas em um Servidor que
implemente um Servlet Container, podem
tratar requisições recebidas de clientes
Web, como por exemplo os Browsers
(Internet Explorer e Mozilla Firefox).

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Páginas JSP
 JavaServer Pages (JSP) é uma tecnologia
que ajuda os desenvolvedores de
softwares a criarem páginas web geradas
dinamicamente baseadas em HTML, XML
ou outros tipos de documentos.
 Lançada em 1999 pela Sun Microsystems,
JSP é similar ao PHP, mas usa a linguagem
de programação Java.

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Arquivo web.xml
O arquivo web.xml é o Arquivo Descritor
de Implantação Padrão.
 Nele podemos mapear as Servlets, criar
grupos de propriedades, definir uma
páginas de erro, dentre outras coisas.

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Bibliotecas: Driver JDBC MySQL
 Java Database Connectivity (JDBC) é um
conjunto de classes e interfaces (API)
escritas em Java que fazem o envio de
instruções SQL para qualquer banco de
dados relacional, no exemplo usamos o
Banco de Dados MySQL.

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Bibliotecas: JSTL
 JavaServer Pages Standard Tag Library
(JSTL) é a API que encapsulou em tags
simples toda a funcionalidade que
diversas páginas Web precisam, como
controle de laços (fors), controle de fluxo
do tipo if else, manipulação de dados
XML e a internacionalização de sua
aplicação.

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Mão na
massa!

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Novo Projeto
1. Click no menu
“Arquivo”;
2. Click no submenu
“Novo Projeto”.

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Novo Projeto

Prof. Amanda Fonseca | amandaf.eti@gmail.com

Novo Projeto
3. Click na Categoria “Java Web”;
4. Click no Projeto “Aplicação Web”;
5. Click no botão “ Próximo >”.

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Novo Projeto

Prof. Amanda Fonseca | amandaf.eti@gmail.com

Novo Projeto
6. Dê um nome para o projeto, no campo
“Nome do Projeto”, no exemplo foi
dado o nome “ETB-Contacts” (pois se
trata de um projeto de uma agenda de
contatos para a ETB);
7. Click no botão “Próximo >”.

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Novo Projeto

Prof. Amanda Fonseca | amandaf.eti@gmail.com

Novo Projeto
8. Selecione o servidor web da Aplicação
(no exemplo, Apache Tomcat);
9. Click no botão “Finalizar”, caso não for
utilizar Frameworks.
10. Se for utilizar Frameworks, click no botão
“Próximo >” e marque o(s) Framework(s).

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Novo Projeto
 Pronto! Projeto criado.

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Pacotes Java

Prof. Amanda Fonseca | amandaf.eti@gmail.com

Pacotes Java
1. Click com o botão direito do mouse
sobre o item “Pacotes de Códigos-
fonte”;
2. Click no subitem “Novo”;
3. Click no subitem “Pacote Java...”.

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Pacotes Java:

Prof. Amanda Fonseca | amandaf.eti@gmail.com

Pacotes Java:
4. Dê o nome ao pacote, no exemplo
“javabeans”;
5. Click no botão “Finalizar”.

A criação dos demais pacotes segue

esse mesmo processo.

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Pacotes Java
 Agora que o
pacote foi criado,
vamos criar as
classes dentro
dele.

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Pacotes Java

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Pacotes Java
1. Click com o botão direito do mouse
sobre o pacote;
2. Click em “Novo”;
3. Click em “Classe Java...”.

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Pacotes Java

Prof. Amanda Fonseca | amandaf.eti@gmail.com

Pacotes Java
4. Dê o nome à classe, no exemplo foi
“Pessoa”;
5. Click no botão “Finalizar”.

A criação das demais classes segue esse

mesmo processo.
 O código das classes encontra-se
comentado no projeto.
Prof. Amanda Fonseca |
amandaf.eti@gmail.com
Pacotes Java

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Páginas JSP

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Páginas JSP
1. Click com o botão direito do mouse
sobre a pasta “Páginas Web”;
2. Click no item “Novo”;
3. Click no subitem “JSP...”.

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Páginas JSP

Prof. Amanda Fonseca | amandaf.eti@gmail.com

Páginas JSP
4. Dê um nome para a página, no
exemplo “home”;
5. Click no botão “Finalizar”.

 A criação das demais páginas segue o

mesmo processo.

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Arquivo web.xml

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Arquivo web.xml
1. Click com o botão direito do mouse
sobre a pasta “WEB-INF”;
2. Click no item “Novo”;
3. Click no subitem “Descritor de
Implantação Padrão (web.xml)”.

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Arquivo web.xml

Prof. Amanda Fonseca | amandaf.eti@gmail.com

Arquivo web.xml
4. Não mexa no nome do arquivo, esse é o
padrão mesmo;
5. Click no botão “Finalizar”.

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Arquivo web.xml
 Grupos de propriedades:

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Arquivo web.xml
1. No arquivo web.xml, click no menu
“Páginas”;
2. Click no botão “Adicionar grupo de
propriedade JSP...”.

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Arquivo web.xml

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Arquivo web.xml
3. Dê um nome ao grupo no item “Nome
p/ Exibição”;
4. Descreva o grupo no item “Descrição”,
a descrição é opcional;
5. Click no botão “Procurar...” e selecione
cada página que fará parte do grupo,
no item “Padrão de URL”;
6. Click no botão “OK”.
Prof. Amanda Fonseca |
amandaf.eti@gmail.com
Arquivo web.xml

Prof. Amanda Fonseca | amandaf.eti@gmail.com

Arquivo web.xml
7. No item “Incluir Preludes (Cabeçalhos)”,
click no botão “Procurar...” e selecione
o segmento JSP (menu.jspf, por
exemplo) que estará no top das páginas
do grupo.
8. Caso tenha algum Segmento JSP para o
rodapé, insira-o no item “Incluir Codas
(Rodapés);
9. Salve o Projeto (Ctrl + S).
Prof. Amanda Fonseca |
amandaf.eti@gmail.com
Arquivo web.xml
 Páginas de erro

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Arquivo web.xml
1. No arquivo web.xml, na aba “Páginas”,
click no “[+] Páginas de erro”, depois no
botão “Adicionar...”.

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Arquivo web.xml

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Arquivo web.xml
2. Click no botão “Procurar...” e selecione
a página que será exibida caso ocorra
o erro;
3. No item “Código de erro” preencha
com o número do erro (Ex.: 404 – Página
não encontrada, 500 – Erro de servidor);
4. Click no botão “OK”.

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Arquivo web.xml
 Mapeamento de Servlet

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Arquivo web.xml
1. No arquivo web.xml, click na aba
“Servlets”;
2. Click no botão “Adicionar elemento
servlet...”.

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Arquivo web.xml

Prof. Amanda Fonseca | amandaf.eti@gmail.com

Arquivo web.xml
3. Dê um nome para o mapeamento no item
“Nome do servlet”;
4. Click no botão “Procurar...” no item “Classe
do servlet”;
5. Selecione a classe da Servlet e click no
botão “Selecionar Arquivo”;
6. No item “Padrão de URL” escreva como a
Servlet será acessada, o “endereço” dela,
sempre iniciado com a “/”;
7. Click no botão “OK”.
Prof. Amanda Fonseca |
amandaf.eti@gmail.com
Arquivo web.xml

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Arquivo web.xml
 Todas as Servlets seguem o mesmo
processo para serem mapeadas.

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Bibliotecas

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Bibliotecas
1. Click com o botão direito do mouse
sobre a pasta “Bibliotecas”;
2. Click no item “Adicionar biblioteca...”;

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Bibliotecas

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Bibliotecas
3. Click na biblioteca que deseja
adicionar;
4. Click no botão “Adicionar Biblioteca”.

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Bibliotecas

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Bibliotecas
A inserção das demais bibliotecas segue
o mesmo processo.

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Dúvidas?

Prof. Amanda Fonseca |

amandaf.eti@gmail.com
Obrigada pela
atenção!

Prof. Amanda Fonseca