Criando variáveis via URL

Transcrição

1 7 Criando variáveis via URL Prof. Autor: Daniel Morais dos Reis e-tec Brasil Programação Avançada Para Web Página1

2 Meta Aprender a enviar e receber dados via variáveis da barra de endereços do browser Objetivos Ao final desta aula, você deverá ser capaz de: Enviar e receber dados em variáveis passadas pela barra de endereços do navegador. Página2

3 1 Passando informações através da URL Você pode usar a url para enviar variáveis através do método get, como se fossem formulários. Esta técnica nos auxilia a ter componentes diferentes dos tradicionais botões submit do HTML, permitindo que possamos usar links para enviar dados. Para enviar dados através de urls (barra de endereços dos navegadores) o formato para as mesmas deve seguir o modelo Note que para enviar variáveis para o servidor web do domínio deve-se seguir a regra de usar uma? antes de criar a primeira variável, em seguida o nome da primeira variável, o símblo = e o valor da variável. Para as demais variáveis devese usar o nome da variável, o símbolo =, o valor da variável e separá-la com um com &. Caso deseje enviar valor com espaço entre seus dados, utilize o símbolo %20. Crie uma pasta chamada img dentro das Páginas web de seu projeto, baixe do Moodle as imagens editar.jpg e excluir.jpg disponibilizadas pelo seu tutor. Criaremos uma nova coluna na tabela da página index.jsp, onde será possível o usuário clicar nos links editar e excluir para os registros. Para tanto, altere o código de seu arquivo index.jsp para o código da figura a seguir (note que estão destacados os locais onde devem ser feitas as alterações). Página3

4 Na linha 23 é adicionada uma coluna que ocupa o espaço de duas células da tabela (parâmetro colspan igual a 2, indica a mesclagem de duas células da tabela) antes da linha ser fechada. Nas linhas o código foi modificado inserindo links (tag <a>) para o usuário clicar nas imagens (tag <img>) e poder ser conduzido as respectivas páginas. Nestes links foram adicionadas variáveis que serão enviadas via método GET para o SerletBD no caso de uma exclusão de registro ou para a página de editar registros. Página4 Adicione ao seu AlunoBean o método Excluir, logo após o método inserir. O código para este método encontra-se na figura a seguir.

5 A única novidade para este código é a sentença SQL que usa o comando delete na linha 94 (relembre-a em seu material da disciplina de Bancos de dados caso necessário). Vamos adicionar ao ServletBD em sua estrutra switch o código necessário para excluir um registro do banco de dados e voltar para a página index.jsp em seguida. Para tanto, note na primeira linha destacada na imagem acima que a variável acao tem o valor excluir e a variável id possui o id do aluno a ser excluído. Página5

6 A alteração feita no método processrequest do ServletBD é destacada na figura acima, na linha 40 foi adicionada uma comparação ao switch para verificar se a variável acao possui o valor excluir. Em caso positivo, o AlunoBean aluno tem seu método excluir invocado, o qual recebe como parâmetro a variável id. Esta variável foi capturada da url do browser através do método getparameter do objeto request na linha 41. Após executar o método para excluir o registro selecionado, a aplicação é novamente redirecionada para a página index.jsp. Ao executar seu projeto, você deve ter o resultado da figura a seguir. Ao clicar no link para excluir o registro do aluno Alessandro Santros, o Servlet executar a exclusão e reenvia o usuário para a página index.jsp, ao para o mouse sobre o X sem clica-lo pode-se notar a formação da url com variáveis no método get pelo navegador conforme mostra a figura a seguir. Página6

7 Página7 Centro Federal de Educação Tecnológica de Minas Gerais