Você está na página 1de 22
 

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:

      • 1. Selecione a pasta WebContent

      • 2. Clique de direita

      • 3. New

      • 4. JSP File

  • Na janela que se abre:

    • 1. Informe um nome para o arquivo no campo:

      • 1. File name: dadosProdutos

    • 2. 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
    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

      • 1. Salve o arquivo dadosProduto.jsp

      • 2. Clique de direita no arquivo dadosProduto.jsp e selecione as opções:

    Página dados do Produto - Testar  Vamos testar nossa página dadosProduto.jsp 1. Salve o arquivo

    O banco deve estar inicializado

    Página dados do Produto- Resultado

    Página dados do Produto- Resultado

    Página Salva os Dados

    • Crie um arquivo do tipo JSP file:

      • 1. Selecione a pasta WebContent

      • 2. Clique de direita

      • 3. New

      • 4. JSP File

  • Na janela que se abre:

    • 1. Informe um nome para o arquivo no campo:

      • 1. File name: salvarDado

    • 2. Clique no botão Finish

  • Página Salva os Dados

    Página Salva os Dados

    Página Salva os Dados

    Página Excluir Dados

    • Crie um arquivo do tipo JSP file:

      • 1. Selecione a pasta WebContent

      • 2. Clique de direita

      • 3. New

      • 4. JSP File

  • Na janela que se abre:

    • 1. Informe um nome para o arquivo no campo:

      • 1. File name: excluirDados

    • 2. Clique no botão Finish

  • Página Excluir Dados

    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

    Página dados do Produto - Inserindo  Insira um produto  Verifique se o produto foi
     

    Funcionou???

     
    Funcionou???
       

    Página dados do Produto - Alterando

    • Experimente alterar clicando no ícone

    Página dados do Produto - Alterando  Experimente alterar clicando no ícone  Consulte novamente para
    • Consulte novamente para ver se as alterações foram aplicadas

    • Consulte no banco também, é só atualizar o banco

    Página dados do Produto - Alterando  Experimente alterar clicando no ícone  Consulte novamente para
     

    Funcionou???

     
    Página dados do Produto - Alterando  Experimente alterar clicando no ícone  Consulte novamente para

    Página dados do Produto - Excluindo

    • Experimente excluir um produto clicando no ícone

    Página dados do Produto - Excluindo  Experimente excluir um produto clicando no ícone  Consulte
    • Consulte novamente para ver se o produto foi mesmo excluido

    • Consulte no banco também, é só atualizar o banco

    Página dados do Produto - Excluindo  Experimente excluir um produto clicando no ícone  Consulte

    Funcionou???

    Página dados do Produto - Excluindo  Experimente excluir um produto clicando no ícone  Consulte