Curso Java EE

POR: FRANCISLON SILVA DE OLIVEIRA

Objetivo Este curso visa dar uma visão v isão geral da tecnologia Java voltada para web, demonstrando de forma prática como funciona as APIs de JSP e Servlets.

Objetivo Este curso visa dar uma visão v isão geral da tecnologia Java voltada para web, demonstrando de forma prática como funciona as APIs de JSP e Servlets.

Agenda Arquitetura Web Montagem de Ambiente Revisão HTML Servlets Java Server Pages

Módulo 1

Arquitetura Web

Arquitetura Web Funcionamento

HTTP/1.1 200 OK ...

Camada Cliente

Resposta

Requisição

GET /index.html HTTP/1.1 ...

Plataforma Web baseada em protocolo HTTP

Camada Servidor

Arquitetura Web Tecnologias

Camada Cliente

Camada Servidor

- HTML - CSS - Javascript

- PHP - ASP - Ruby - Python - Perl - Java EE

Resposta

Requisição

Plataforma Web baseada em protocolo HTTP

Arquitetura Web Tecnologias – Em nosso projeto

Camada Cliente - HTML - CSS - Javascript

Camada Servidor

Resposta

Requisição

JDBC

SQL SERVER

- JSP - Servlet JDBC ORACLE

Arquitetura Web Arquitetura Java EE

Arquitetura Web Arquitetura Java EE Web Components

Módulo 2

Montagem de ambiente

Montagem de Ambiente Ferramentas 1.

Editor: Eclipse WTP –

2.

Servidor de Aplicações: JBoss AS 6 –

3.

Z:\TI\Publico\francislon\CursoJavaEE\eclipse-jee-indigo-win32.zip Z:\TI\Publico\francislon\CursoJavaEE\jboss-as-distribution-6.0.0.Final.zip

Gerenciamento, empacotamento e implantação de Código Fonte: Maven –

Plugin M2Eclipse

Montagem de Ambiente Ferramentas 1. Para instalar o plugin M2Eclipse 1. Ir em Help > Install New Software

Montagem de Ambiente Ferramentas 1. Para instalar o plugin M2Eclipse 1. Ir em Help > Install New Software 2. No campo ‘Work With’ digite o link (http://download.eclipse.org/technology/m2e/releases ) e clique no botão Add colocando no campo ‘Name’ um valor descritivo.

Montagem de Ambiente Revisão HTML 1. HTML é uma linguagem de marcação, para escrever páginas web, formada por tags: –

Cabeçalho da página ... Página aqui...

Montagem de Ambiente Revisão HTML - Tags a

h1

img

frameset

q

tbody

option

sup

p

h2

strong

frame

code

thead

optgroup

big

i

h3

pre

link

ins

tfoot

button

small

b

h4

blockquote

meta

del

col

label

hr

u

h5

font

style

dfn

colgroup

fieldset

ul

h6

dl

abbr

kbd

caption

legend

ol

table

dt

acronym

samp

form

script

li

tr

dd

address

var

input

noscript

em td

center

bdo

base

textarea

tt

hr

div

cite

select

sub

Br

Montagem de Ambiente Revisão HTML - Tags a

h1

img

frameset

q

tbody

option

sup

p

h2

strong

frame

code

thead

optgroup

big

i

h3

pre

link

ins

tfoot

button

small

b

h4

blockquote

meta

del

col

label

hr

u

h5

font

style

dfn

colgroup

fieldset

ul

h6

dl

abbr

kbd

caption

legend

ol

table

dt

acronym

samp

form

script

li

tr

dd

address

var

input

noscript

em td

center

bdo

base

textarea

tt

hr

div

cite

select

sub

Br

Montagem de Ambiente Revisão HTML - Acentos

¼

®

¾

°

×

±

÷

²

À

³

Á

´

Â

µ

Ã

½

ç

Montagem de Ambiente Revisão HTML •

Exercício 1 (tempo estimado: 7 min ) –

Faça uma página html similar ao próximo slide:

Montagem de Ambiente Ferramentas 1. Descompactar o JBoss AS 6 em um diretório de sua preferência. 2. Criar uma variável de ambiente no Windows com o nome JBOSS_HOME apontando para o diretório descompactado.

Montagem de Ambiente Ferramentas 1. Para instalar o plugin JBossTools 1. Ir em Help > Install New Software 2. No campo ‘Work With’ digite o link ( http://download.jboss.org/jbosstools/updates/development /indigo) clique no botão Add colocando no campo ‘ Name’ um valor descritivo.

Montagem de Ambiente Revisão Javascript 1. Linguagem de script no lado do cliente. <script type="text/javascript"> function trataNome(){ var name = document.getElementById("name").value; if(name == ''){ alert("Campo nome vazio"); return false; }else{ return true; } } ---------------------------------------------------------------------------------------------------

Montagem de Ambiente Revisão Javascript No lugar do alert coloque: document.getElementById("erroNome").innerHTML="Não deixe o nome vazio."; E na onde tem o código HTML do campo nome coloque: Nome:

Montagem de Ambiente Revisão Javascript if (condicao1){ //codigo } else if(condicao2){ //codigo }else{ //codigo } ------------------------------------------------------------------------------------------------------------------------switch(valor){ case 1: //codigo break; case 2: //codigo break; default: //codigo }

Montagem de Ambiente Revisão Javascript for (variavel=inicial; variavel<=final; variavel=variavel+incremento){ //codigo } -------------------------------------------------------------------------------------------while (condicao){ //codigo } -------------------------------------------------------------------------------------------do{ //codigo } while (condicao);

Montagem de Ambiente Revisão HTML •

Exercício Exer cício 2 (tempo estimado: 12 min ) –

Faça uma página em html que possui um formulário para receber os seguintes dados: •

•

•

•

•

–

Nome Email Data de nascimento Salário Escolaridade (em combo)

Mostre uma mensagem ‘Dados inseridos’, se todos os

campos estiverem preenchidos, após pressionado o botão ‘Enviar’. Faça o tratamento dos campos utilizando Javascript.

Montagem de Ambiente Ferramentas 1. Par araa adic adicion ionar ar um novo novo serv servid idor or de aplic aplicaç ações ões:: –

Ir em Windows > Show View > Servers

Montagem de Ambiente Ferramentas 1. Para adicionar um novo servidor de aplicações: –

–

Ir em Windows > Show View > Servers Clica com o botão direito na aba Servers e seleciona New > Server

Módulo 3

Servlets

Servlets Visão Geral 1. Servlet é um objeto Java que recebe requisições (request) e produz algo (response), como uma página HTML dinamicamente gerada. 2. O comportamento das servlets foi definido na classe HttpServlet do pacote javax.servlet. 3. Para escrevermos uma servlet, criamos uma classe Java que estenda HttpServlet e sobrescreva um método chamado service. Esse método será o responsável por atender requisições e gerar as respostas adequadas. Sua assinatura: protected void service (HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException();

Servlets Visão Geral

Servlet

ServletRequest

ServletResponse

GenericServlet

HttpServletRequest

HttpServletResponse

HttpServlet

Servlets Visão Geral – Ciclo de Vida

Servlets Visão Geral – Criar projeto no eclipse 1. File > New > Other

Servlets Visão Geral – Criar projeto no eclipse 1. Maven > Maven Project

Servlets Visão Geral – Criar projeto no eclipse



Servlets Visão Geral – Primeira Servlet



Servlets Visão Geral – web.xml

Servlets Visão Geral - Exercício 1. Exercício 3 (tempo estimado : 3 min) –

Modifique o index.jsp do projeto criado para mostrar o formulário construído no Exercício 2.

Servlets Recebendo Parâmetros 1. No action do form fazemos: –

2. Na Servlet fazemos: –

String valorDoParametro = request.getParameter("nomeDoParametro");

Servlets Recebendo Parâmetros – Exercício 1. Exercício 4 (tempo estimado : 10 min) –

–

–

Faça o action do formulário no index.jsp enviar a requisição para a servlet OiMundo. Imprima todos os parâmetros recebidos pela servlet no browser. PS: É necessário importar a classe: •

import java.io.PrintWriter;

Servlets Trabalhando com Banco de Dados 1. Instale o MySQL que está localizado em: –

Z:\TI\Publico\francislon\CursoJavaEE\mysql-5.5.15-win32.msi

2. Caso tenha dificuldade na instalação favor consultar o link: –

http://www.sistemabasico.com.br/2011/06/30/instalando-omysql-5-5-8-no-windows-7/

3. Abra o prompt de comando e digite: mysql –

Caso o comando não seja reconhecido, reinicie o computador

4. Crie um banco de dados chamado: projeto

Servlets Trabalhando com Banco de Dados – Exercício 1. Exercício 5 (tempo estimado : 7 min) –

Crie uma tabela chamada usuario no banco com as colunas: •

•

•

•

•

Nome Email Data de Nascimento Salário Escolaridade

Servlets Trabalhando com Banco de Dados – Exercício

Servlets Trabalhando com Banco de Dados

Aplicação Java

Interface JDBC

Interface Específica

Banco de Dados

Servlets Trabalhando com Banco de Dados 1. Criando uma conexão com o banco:


Adicione à servlet OiMundo o código para criar conexão com o banco ‘projeto’

–

Mande rodar a aplicação no servidor

–

PS: Importar as classes: •

•

•

import java.sql.Connection; import java.sql.DriverManager; import java.sql.SQLException;


Servlets Trabalhando com Banco de Dados – Exercício 1. Solução: –

Crie uma pasta dentro do diretório WEB-INF chamada lib e adicione o arquivo •

Z:\TI\Publico\francislon\CursoJavaEE\mysql-connector-java5.1.17-bin.jar


Servlets Trabalhando com Banco de Dados 1. Inserindo um registro no banco de dados:

2. PS: Importar a classe: import java.sql.PreparedStatement;


Adicione à servlet OiMundo o código para criar conexão com o banco ‘projeto’ e adicionar os dados recebidos como parâmetros na tabela ‘usuario’

–

Mande rodar a aplicação no servidor e veja se o registro foi inserido no banco



Servlets Trabalhando com Banco de Dados 1. Recuperando registros no banco de dados:

2. PS: Importar a classe:


Crie uma página com as opções: •

•

–

Cadastrar Usuário Buscar Usuário

Quando o usuário clicar em ‘Cadastrar Usuário’, mostre o

formulário de cadastro de usuário, que já está feito. Se clicar em ‘Buscar Usuário’, mostre um formulário com a opção de

busca por nome. Este último formulário deverá chamar uma servlet que fará a consulta no banco de dados buscando usuários com o nome digitado.






Servlets Métodos de envios de dados 1. Método GET –

–

Padrão protected void doGet(HttpServletRequest req, HttpServletResponse resp)

2. Método POST –

protected void doPost(HttpServletRequest req, HttpServletResponse resp)

Servlets Tratando Erros em Servlets 1. Às vezes acontecem erros inesperados, ou exceções, que nem sempre o servidor trata da melhor forma possível.

Servlets Trabalhando com Banco de Dados – Exercício 1. Exer Exercí cíci cio o 9 (tem (tempo po est estim imado ado : 7 min) min) –

–

–

Crie uma página para tratar tratar erro do tipo 404 (Page Not Found) Crie uma página para tratar exceções Modifique o web.xml para exibir as páginas criadas quando acontecer as anormalidades associadas

Módulo 4

JavaServer Pages

JSP Visão Geral 1. É uma página html com extensão JSP. 2. Você pode colocar código Java dentro dela utilizando os scriptlets: <% String texto = “Olaá JSP!!!”; out.println(texto);

%>

JSP Visão Geral

JSP Visão Geral

JSP Visão Geral

JSP Visão Geral

JSP Visão Geral

Camada de Negócios Camada de Apresentação HTML JSP

JAVA Servlets e Classes de Negócios

JSP Visão Geral 1. Baixo acoplamento 2. Melhor manutenção 3. Maior reutilização

JSP Visão Geral 1. Padrão DAO

Négocios

Beans

BeansDAO

Banco de Dados

JSP Visão Geral

JSP Visão Geral

JSP Visão Geral

JSP Visão Geral

JSP Visão Geral

JSP Visão Geral

JSP Visão Geral

JSP Visão Geral – Exercício 1. Exercício 10 (tempo estimado : 15 min) –

–

Modifique a Servlet BuscaUsuario, deixando-a apenas com código Java Utilize a classe UsuarioDAO para auxiliar com o processamento

JSP Visão Geral

JSP Visão Geral

JSP Expression Language 1. Nem sempre precisamos criar uma Servlet para interceptar nossa requisição 2. Utilizada principalmente para visualização de dados vindos de outro JSP 3. Utilizamos a sintaxe –

${param.nomeDoParametro} •

–

Para parâmetros de requisição

${objeto.atributo} •

Para chamada de métodos get de objetos

JSP Expression Language

JSP Expression Language

JSP Expression Language – Exercício 1. Exercício 11 (tempo estimado : 10 min) –

Crie uma página JSP, o qual possui um formulário com os campos: nome, sobrenome, email e telefone, que vai enviar a requisição para outra página JSP. Esta última imprimirá os valores recebidos utilizando Expression Language.


–

Crie uma classe Estado com os atributos nome e sigla; crie seus setters e getters Crie uma classe ListaEstados, o qual possui um método getEstados que retornará um List


Imprima os dados dos estados em uma página JSP

JSP Taglibs 1. Baseada em bibliotecas de tags prontas que auxiliam na construção de páginas JSP 2. Utilizadas para diminuir quantidade de código Java nos JSPs

JSP Taglibs 1. Para instanciar um POJO(Plain Old Java Object), um Javabean com construtor público e getters e setters, fazemos: –

2. Para imprimir os dados desse objeto utilizamos sintaxe de Expression Language: 1.

${objeto.atributo}

JSP Taglibs 1. A JSTL(JavaServer Pages Standard Tag Library) é uma implementação de taglibs da Oracle 2. Para utilizá-la precisamos baixar a api e colocar na pasta WEB-INF\lib –

–

Z:\TI\Publico\francislon\CursoJavaEE\jstl-api-1.2.jar Z:\TI\Publico\francislon\CursoJavaEE\jstl-impl-1.2.jar

3. Temos de colocar o cabeçalho: –

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

JSP Taglibs 1. foreach

JSP Taglibs – Exercício 1. Exercício 14 (tempo estimado : 10 min) –

Refaça o exercício 13 utilizando JSTL

JSP Taglibs – Outras tags 1. forTokens 1.

;

2. if 1. ;

JSP Taglibs – Outras tags 1. choose 1.

${i} (par) ${i} (impar) if

2. set 1.

Curso de JavaEE Exercício Final 1. Exercício 15 (tempo estimado : 60 min) –

Faça um sistema de cadastro simples de biblioteca. O formulário de cadastro deve possuir: Nome do Livro ISBN Autor O cadastro possuirá duas funcionalidades: Inserção de novos livros no sistema Busca de livros cadastrados: Busca por Nome Busca por ISBN Busca por Autor

•

•

•

–

•

•

–

–

–

Curso de JavaEE Exercício Final 1. Crie um projeto novo de nome ‘ ultralibrary’ 2. O formulário precisa ser validado 3. No momento da busca o usuario terá apenas um radioButton para selecionar o tipo de busca e um campo de texto para fazer a busca 4. O retorno da busca deverá vir em uma tabela 5. Evite o uso de código Java em páginas JSPs e de html em Servlets

Perguntas

Curso Java EE

Recommend Documents