Aula 03 - Projeto Java Web

Transcrição

1 Aula 03 - Projeto Java Web Para criação de um projeto java web, vá em File/New. Escolha o projeto: Em seguida, na caixa Categorias selecione Java Web. Feito isso, na caixa à direita selecione Aplicação Web e avance. Nome e local: Nesta etapa, altere o nome do projeto para JavaWeb01. Certifique-se do projeto estar setado com projeto principal e avance. Servidores e configurações: Selecione o servidor Tomcat, que será o servidor de aplicação utilizado no projeto. Caso não apareça para seleção, clique em Adicionar e com a ajuda do netbeans faça o download. Note que existem outros servidores, como JBoss e o Tomcat, que embora possuam algumas diferenças podem cumprir o mesmo papel. Certifique-se de que a versão do Java EE 6 Web ou superior esteja selecionada em Versão do Java EE e avance. Frameworks: Nesta etapa é possível selecionar algum framework de desenvolvimento, cujos serão abordados futuramente. Não selecione nenhum e finalize a criação do projeto. O Projeto Feito a criação do projeto, tem-se criada a primeira página JSP, que ao ser executada, deve jogar na tela um Hello World!, caso contrário, algum problema com o seu servidor de aplicação ocorreu. Na Figura 1 podemos observar o código da página criada, observando apenas a utilização de uma tag jsp que seta configurações de página, cuja será comentada em mais detalhe posteriormente, e o restante é código HTML.

2 Figura 1. Projeto Default Conectando o MySQL ao Netbeans Vá até a janela Serviços e expanda o nó Banco de Dados. Expanda agora o nó Drivers e certifique-se de que possui o driver MySQL (ver Figura 2). Em caso negativo, baixe o MySQL Connector, e clicando com o botão direito sobre o diretório Drivers adicione um novo driver utilizando o arquivo baixado. Figura 2. Driver MySQL

3 Após ter certeza de estar com o driver instalado, clique com o botão direito sobre o nó Databases e selecione Nova conexão. Na janela para localização do driver, mude o Driver para o MySQL (Connector /J driver). Na janela seguinte é feita a configuração da conexão (ver Figura 3), onde é possível configurar endereço do host, porta, e configurações de conta com o banco (login/senha). No caso de uma conexão local e utilizando o banco com as configurações default, não é necessário alterar nenhum parâmetro. É possível fazer um teste de conexão antes de avançar (ver Figura 3). Faça e certifique-se de estar tudo ok. Avance e Finalize. Figura 3. Configuração de conexão Agora, expandindo o nó Banco de dados é possível localizar todas suas bases MySQL. Procure a sua base desenvolvida na aula anterior e tente fazer algumas buscas e inserir alguns dados através do Netbeans. Servlet Um Servlet, é uma classe Java que funciona como uma extensão de servidores. É ele que processa dinamicamente requisições e respostas de usuários. Para melhor compreender, crie um novo servlet, conforme apresentado na figura 4.

4 Figura 4. Criação de um Servlet Renomeie o servlet para PrimeiroServlet e coloque-o em um pacote chamado br.com.aula03 (Figura 5), e avance. Figura 5. Configurando Nome e Local do servlet No passo seguinte, é muito importante selecionar o campo Adicionar informação ao descritor de implementação (web.xml), pois através dele é possível manipular e analisar as configurações do servlet (ver Figura 6). Os demais campos não serão alterados no momento, futuramente suas funcionalidades serão entendidas. Clique em Finalizar.

5 Figura 6. Adicionando informações no descritor de desenvolvimento O Servlet Criado Abrindo o arquivo PrimeiroServlet.java pode-se observar que a classe estende HttpServlet, que é uma classe abstrata que estende a GenericServlet, sendo assim, a HttpServlet é uma classe específica para trabalhar com servidores web. Em caso de desejar trabalhar com outros tipos de servidores, pode-se utilizar diferentes classes. Na Figura 7, é possível observar o método processrequest, que é o método responsável por tratar as requisições e respostas entre cliente e servidor. Nesta aplicação, processrequest é invocado pelos métodos doget e dopost, e é ele que vai tratar os formulários enviados via GET e POST.

6 Figura 7. Método Process Request Os métodos doget e dopost podem ser observados na Figura 8, onde é possível notar que os métodos recebem requisições de formulários e as enviam para que o método processrequest o trate. Figura 8. Métodos doget e dopost

7 JSP JSP é uma tecnologia desenvolvida pela SUN utilizada no desenvolvimento de aplicações WEB, similar a PHP e ASP. Tags As tags mais comuns em JSP são apresentadas na Tabela 1. Tabela 1. Tags JSP Tag <% %> <%= %> <%@ %> <%! %> Descrição Tag de Scriptlet. Tag utilizada para inserir código java dentro da página JSP. Tag de Expressão. Expressões de resultado. Ex.: Imprimir o valor de uma variável. Tag de Diretivas. Esta tag permite dar informação sobre a página ao motor JSP. Existem 3 tipos de diretivas: page Permite a importação de classes, customização de super classes servlet, entre outras. include Permite a inserção de conteúdo. taglib Permite a importação de bibliotecas de tags. Tag para declaração de variáveis e métodos. Tarefa 01 Criar uma tela de Login Crie/Altere a página index.jsp, que pode ser vista sem alterações na Figura 9. Apague o conteúdo da tag body e faça as alterações necessárias na página utilizando a linguagem de marcação HTML para criar uma página de autenticação de usuário. Para isso, crie um formulário que irá possuir uma tabela com campos de login, senha e um botão Entrar. O formulário criado (JSP) deve submeter os dados para um novo Servlet, cujo deve ser criado com o nome LoginServlet. Este Servlet deve testar se o login do usuário é admin e a senha admin123, caso negativo, deve ser apresentada uma página de erro no próprio Servlet, informando que houve um erro de autenticação, caso positivo, o Servlet deve imprimir uma mensagem de boas vindas ao usuário. Para buscar os dados do formulário request.getparameter(string Nome). deve-se utilizar uma chamada a

8 Execute o projeto e certifique-se de estar funcionando corretamente. Redirecionando para outra página Altere o servlet para quando houver um erro na autenticação, que o usuário seja redirecionado para a página de login. Para isso, você precisará criar um objeto do tipo RequestDispatcher e mandá-lo executar através de um forward. Procure uma alternativa ao RequestDispatcher, utilizando o objeto response. Figura 9. Página index.jsp Criando página de erro Crie uma página JSP que irá apresentar um erro de arquivo não encontrado, semelhante ao que ocorre no servidor mussum (ver Figura 10). Para setar como uma página de erro, vá ao arquivo web.xml, localizado no diretório WEB-INF, e na aba Páginas é possível setar arquivos de boas vindas e também páginas de erro. Na diretiva page, adicione um iserrorpage= true para indicar que esta é uma página de erro. Rode a aplicação e insira uma URL inválida, com isso deve ser apresentada a página recém criada.

9 Figura 10. Página não encontrada Monitorar transações HTTP O Netbeans fornece um monitor de transações HTTP embutido, com isso é possível analisar todos os pedidos feitos por métodos GET e POST. Os pedidos são armazenados até o encerramento da IDE, porém é possível salvá-los para que estejam disponíveis em uma sessão posterior. Nem todos servidores fornecem a possibilidade de monitoramento de recursos. Vá a aba Serviços, expanda o nó Servidores e localize o servidor Tomcat. Clique com o direito e vá em Propriedades. Procure por Ativar Monitor HTTP, conforme Figura 11, e finalize.

10 Figura 11. Ativando monitor HTTP Criar Views da base de dados criada Para exercitar, utilizando jsp, html e servlets e baseando-se no banco de dados criado anteriormente, crie as views de cadastros e listagens que julgar necessária para uma aplicação que fomentaria o banco de dados implementado, utilize servlets para receber os dados dos formulários e emitir algum tipo de mensagem ou tratamento aos dados da view. Obs.: Considera a listagem como sendo apenas a apresentação dos dados do formulário cadastrado.