Aula 06 Projeto web ViewDadosProduto

Prévia do material em texto

Linguagem de Programação III
Projeto Web – View
Profª: Martha Ardaia, Esp
Projeto View
Vamos cria as interfaces para nosso projeto:
Página principal: 
Index.html
Página com os resultados da consulta:
Listagem.jsp
Nesta página teremos acesso as opções:
Alterar
Excluir 
Página para cadastrar um novo produto:
DadosDoProduto.jsp
Página dados do Produto
Crie um arquivo do tipo JSP file:
Selecione a pasta WebContent
Clique de direita
New
JSP File
Na janela que se abre:
Informe um nome para o arquivo no campo:
File name: dadosProdutos
Clique no botão Finish
Scriptlet
Podemos escrever também código Java em nossas páginas JSP,;
Assim adicionamos comportamento dinâmico em nossas páginas, como:
Declaração de variáveis, 
Condicionais (if), 
Loops (for, while) 
Entre outros.
Para escrever código Java na sua página, basta escrevê-lo entre as tags <% e %>. 
Esse tipo de código é chamado de scriptlet.
Scriptlet
Scriptlet é o código escrito entre <% e %> . 
Esse nome é composto da palavrascript 
pedaço de código em linguagem de script
com o sufixo let, que indica algo pequeno.
Página dados do Produto
Página dados do Produto
Página dados do Produto
Página dados do Produto
Página dados do Produto
Página dados do Produto
Página dados do Produto
Página dados do Produto - Testar
Vamos testar nossa página dadosProduto.jsp
Salve o arquivo dadosProduto.jsp
Clique de direita no arquivo dadosProduto.jsp e selecione as opções:
O banco deve estar inicializado
Página dados do Produto- Resultado
Página Salva os Dados
Crie um arquivo do tipo JSP file:
Selecione a pasta WebContent
Clique de direita
New
JSP File
Na janela que se abre:
Informe um nome para o arquivo no campo:
File name: salvarDado
Clique no botão Finish
Página Salva os Dados
Página Salva os Dados
Página Excluir Dados
Crie um arquivo do tipo JSP file:
Selecione a pasta WebContent
Clique de direita
New
JSP File
Na janela que se abre:
Informe um nome para o arquivo no campo:
File name: excluirDados
Clique no botão Finish
Página Excluir Dados
Página dados do Produto - Inserindo
Insira um produto
Verifique se o produto foi armazenado no banco
Atualize o banco F5
Faça um consulta pela listagem de produto na aplicação
Funcionou???
Página dados do Produto - Alterando
Experimente alterar clicando no ícone 
Consulte novamente para ver se as alterações foram aplicadas
Consulte no banco também, é só atualizar o banco
Funcionou???
Página dados do Produto - Excluindo
Experimente excluir um produto clicando no ícone 
Consulte novamente para ver se o produto foi mesmo excluido
Consulte no banco também, é só atualizar o banco
Funcionou???