Tutorial Criar Aplicação Web JAVA (Usando JPA E JDBC)

Prévia do material em texto

Manual de Laboratório para Desenvolvimento de Sistema Web
Disciplina: Programação Java para Web
Proposta: Desenvolver um Sistema Web para Cadastro de Funcionários
Introdução
A linguagem de programação Java possui muitos recursos e frameworks de desenvolvimento, permitindo a implementação de aplicações robustas, tanto web como desktops.
Inicializando o Desenvolvimento da Aplicação Web
Abaixo estão listados passos importantes para o desenvolvimento de uma aplicação web com linguagem de programação Java, caso você tiver dúvidas de como iniciar. É apresentado o desenvolvimento de aplicação Java utilizando o banco de dados relacional Mysql.
Requisitos
instale o servidor de aplicação “Wildfly” e o configure no Eclipse. Este servidor permite o desenvolvimento de aplicações com as tecnologias de persistência JDBC e JPA. (Manual de configuração do Eclipse e Servidor de Aplicação Wildfly no outro arquivo PDF da trilha).
Além disso, não esqueça de instalar o mysql, disponível em https://dev.mysql.com/downloads/installer/ . Depois de instalado o Mysql, crie um banco de dados chamado “Uniasselvi”, e neste, crie uma tabela chamada “Funcionario”, com os seguintes campos: codigo, nome, cargo, descricaoCargo, setor e salario.
Preparar o banco de dados no SGBD Mysql
Vamos criar agora nosso banco de dados e suas tabelas, necessárias para nossa aplicação web. Acesse a linha de comando do Mysql, atalho sendo apresentado na figura a seguir.
CENTRO UNIVERSITÁRIO LEONARDO DA VINCI NÚCLEO DE EDUCAÇÃO A DISTÂNCIA - NEAD
Será aberta a tela, conforme ilustrada na figura a seguir. Informe a senha “root”, caso você manteve esta senha durante a instalação do Mysql, e então pressione ENTER.
Crie o banco de dados, através do comando “create database uniasselvi;”, conforme apresentado a seguir. Neste caso, o nome de nosso banco de dados será “Uniasselvi”.
Conecte no banco de dados “Uniasselvi”, através do comando “connect uniasselvi;”, para então serem criadas, neste, as tabelas necessárias para nossa aplicação web. Tente utilizar a mesma nomenclatura descritas neste manual para o banco de dados e tabelas, assim ficará mais fácil tirar dúvidas com seu tutor de sala.
Após conectado no banco de dados Uniasselvi, basta criar a tabela "Funcionario" que utilizaremos nas duas aplicações desenvolvidas nesta disciplina.
Segue o comando para criação da tabela:
CREATE TABLE FUNCIONARIO (CODIGO INT(9), NOME VARCHAR(30), CARGO INT(4), DESCRICAO_CARGO VARCHAR(200), SETOR INT(4), SALARIO DOUBLE(4,2) );
Criar e configurar o projeto da aplicação web utilizando o JDBC
1º Dentro do ambiente de desenvolvimento Eclipse (manual de instalação e configuração do ambiente em outra apresentação em sua trilha de aprendizagem), clique com o botão direito do mouse sobre a área de projetos, e então selecione a opção “Dynamic Web Project”, conforme figura a seguir.
2º Na janela que abrir, informe o nome do projeto no campo “Projectname”, conforme próxima figura, e então pressione o botão “Finish”. Não esqueça de deixar as configurações conforme segue abaixo, principalmente no campo “Dynamic web modula version”, com exceção da versão do servidor de aplicação que neste caso é o WildFly 8, e caso você estiver utilizando uma versão mais recente, basta selecioná-la.
3º No diretório “WebContent” do projeto, clique com o botão direito do mouse, e então selecione “New” .
Segue exemplo da arquitetura de nossa aplicação.
Segue o código-fonte da classe “ConexaoBD”, a qual nos retorna um objeto “Connection” com a conexão com o banco de dados.
A seguir é apresentada a classe entidade “Funcionario”, a qual referencia a tabela do banco de dados, isto é, todas as colunas da tabela estão dispostas como atributos da classe.
A seguir está sendo apresentada a classe de persistência para a tabela Funcionario, isto é, nesta classe são realizadas consultas e manutenção da tabela Funcionario. Esta classe está implementada utilizando o padrão de projeto DAO.
Os métodos “alterar” e “excluir” da classe FuncionarioDAO estão implementados como testes, não realizando alteração no banco de dados, o que pode ser implementado por você, acadêmico!
CENTRO UNIVERSITÁRIO LEONARDO DA VINCI NÚCLEO DE EDUCAÇÃO A DISTÂNCIA - NEAD
A seguir é apresentada nossa classe de controle, o servlet, chamado de “CadastroFuncionario”, no qual foi implementado o método “doPost”, que recebe a requisição do submit do formulário (tela HTML). Neste método é criado o objeto “func”, do tipo “Funcionario”, sendo que entre as linhas 47 a 49 do código-fonte, são atribuídos valores, pegos dos parâmetros (os quais são oriundos dos campos do fomulário HTML – perceba que cada parâmetro possui mesmo nome dos campos do formulário). Entre as linhas 55 a 57 são atribuídos valores fixos, apenas como exemplo, os quais poderiam ser pegos também por parâmetros (campos da tela). Na linha 59 é invocado o método para realizar a gravação (INSERT), isto é, um funcionário é inserido na tabela funcionário.
CENTRO UNIVERSITÁRIO LEONARDO DA VINCI NÚCLEO DE EDUCAÇÃO A DISTÂNCIA - NEAD
A seguir estão nossos dois arquivos html, “index” e “cadastroFuncionario”. Perceba que a página “index” possui apenas um link que redireciona o usuário para a página “cadastroFuncionario”. Esta página é aberta assim que chamada nossa aplicaçãoatravés da nossa URL “http://localhost:8080/JDBC/”.
Na página “cadastroFuncionario”, ilustrada na próxima figura, foi criado o formulário para informar dados do funcionário e cadastrar na tabela do banco de dados.
Pronto! A aplicalção JDBC está pronta. Basta adicionar a aplicação ao Wildfly, apresentado no final deste manual e acessar a aplicação pelo navegador de internet, através da URL http://localhost:8080/JDBC/.
Criar e configurar o projeto da aplicação web utilizando o JPA
1º Dentro do ambiente de desenvolvimento Eclipse (manual de instalação e configuração do ambiente em outra apresentação em sua trilha de aprendizagem), clique com o botão direito do mouse sobre a área de projetos, e então selecione a opção “Dynamic Web Project”, conforme figura a seguir.
2º Na janela que abrir, selecione a opção “Modify”, conforme próxima figura.
3º Será aberta a tela ilustrada na figura a seguir. Deixe selecionadas as opções, conforme figura abaixo.
O nosso exemplo de cadastro de funcionário, figura a seguir, possui a seguinte estrutura:
Classe “Funcionario”  Classe que referencia a tabela do banco de dados;
Classe “FuncionarioRepository”  Classe que realiza a persistência no banco de dados;
Classe “CadastroFuncionario”  Classe Servlet, a qual recebe requisições do cliente e responde ao mesmo.
Dentro do diretório “WebContent” do projeto, crie um arquivo chamado “web.xml”, conforme segue figura. Copie o código XML sendo apresentado na figura a seguir para dentro deste novo arquivo “web.xml”.
Dentro do diretório “lib”, o qual está dentro do diretório “WEB-INF”, “cole” todas as bibliotecas, conforme está sendo apresentado na figura a seguir. Pesquise na internet os arquivos .JAR, de mesma versão, e as coloque dentro de diretório “lib”.
Dentro do diretório “META-INF”, conforme próxima figura, está o arquivo “persist.xml”, criado automaticamente durante a criação do projeto.
Altere o arquivo “persist.xml” conforme o código-fonte sendo apresentado a seguir. Note que neste arquivo definimos nossa classe entidade “Funcionario”, assim como a definção de qual banco de dados conectar, que em nosso caso é “Uniasselvi”.
A seguir são exemplificadas as classes, bastando você copiar o mesmo código para seu projeto.
A seguir é apresentada a classe “FuncionarioRepository”,na qual é realizada a persistência (gravação e consulta) no banco de dados para a tabela “Funcionario”.
E por último, o nosso Servlet, classe que controla as requisições de nossa página HTML. Note que na linha 63 é invocado o método para inserir o novo registro na tabela “Funcionario”.
Na página “index.html”, apenas foi incluído um link para a página de cadastro “cadastroFuncionario.html”, conforme seguem fontes.
Segue a página “cadastroFuncionario.html”:
Está pronta a aplicação. Note que as páginas HTML para os dois projetos acima são idênticas, diferenciando-os apenas pela tecnologia utilizada para persistência no banco de dados: JDBC e JPA.
Clique com o botão direito do mouse sobre o servidor “Wildfly” e então adicione o projeto “JPA” para à direita, conforme segue figura.
Basta acessar a aplicação no navegador pela URL http://localhost:8080/JPA/.
Acima, foi apresentado o desenvolvimento de um sistema web para cadastro de funcionários, para o qual foi descrito passo a passo a implementação da funcionalidade de inserção de registro na tabela funcionário.