A área de um formulário, na codificação HTML da página, é delimitada pelo par de marcadores <FORM> e </FORM>.

Transcrição

1 Formulário em JSP Revisão de formulários em HTML Formulários Formulários estão presentes na Internet para possibilitar cadastros, pesquisas, envio de comentários, aumentando o poder de interação com os visitantes dos sites. Um formulário HTML é uma página Web que contém, além de texto, elementos especiais chamados controles, representados por caixas de checagem, botões tipo rádio, caixas de seleção, campos de texto, etc. Usuários preenchem os campos de um formulário submetendo-o em seguida a algum agente de processamento. Neste momento, todas as informações fornecidas são enviadas a um programa, escrito especialmente para processar esses dados de acordo com alguma necessidade ou especificação. Em alguns casos os dados são gravados em um banco de dados, em outros, por exemplo, uma nova página é construída, em outros ainda as informações são encaminhadas via . O processamento dos formulários será tratado posteriormente. O marcador <FORM> e seus principais atributos A área de um formulário, na codificação HTML da página, é delimitada pelo par de marcadores <FORM> e </FORM>. <FORM NAME="nome_do_formulario" METHOD="valor" ACTION="tratador_do_formulario"> elementos do_formulário </FORM> NAME: especifica o nome do formulário. Útil em casos de validação de campos, por exemplo, quando se utiliza uma linguagem de scripts como JavaScript. METHOD: método que define como os dados serão transmitidos para o programa que irá processá-los. Deve ter os valores GET ou POST, sendo que a diferença entre estes dois valores está no modo como os dados são empacotados. Normalmente o programa que será utilizado para processar o formulário já especifica o valor para o atributo METHOD. ACTION: indica o endereço do programa que receberá os dados do formulário. Exemplos: <FORM name="maladireta" method="post" action="maladireta.jsp"> <FORM method="post" action="busca_simples.jsp" > <INPUT TYPE="tipo" NAME="nome" VALUE="valor" SIZE="tamanho" MAXLENGHT="tamanho_maximo">: Em sua forma geral, utilizado para indicar um novo campo no formulário, diferenciado pelo seu tipo. INPUT: especifica um campo de entrada de dados. TYPE: atributo mais importante do marcador por definir o tipo de elemento a ser inserido no formulário. NAME: nome do elemento. Útil em casos de validação de campos, por exemplo, quando se utiliza uma linguagem de scripts como JavaScript. VALUE: Valor que pode ser predefinido para o campo. MAXLENGHT: Comprimento máximo do campo. CHECKED: Em casos de caixas de checagem, predefine como checada. Professor: Edison Pires edp009@gmail.com 1

2 A seguir, cada tipo será detalhado e exemplificado para melhor compreensão dos elementos de um formulário. Caixa de Texto <INPUT TYPE=TEXT NAME=... VALUE=... SIZE=... MAXLENGHT=...>: O valor TEXT (texto) no atributo TYPE indica que o campo será de texto, ou seja, um campo onde o usuário poderá entrar com dados. O atributo SIZE (tamanho) configura o tamanho do campo e é baseado no número de caracteres. Este valor não limita o tamanho do campo; somente define o tamanho em que será mostrado na página. Quem define o número máximo de caracteres que podem ser digitados é o atributo MAXLENGHT (comprimento máximo), que é opcional. Senha <INPUT TYPE=PASSWORD NAME=... VALUE=... SIZE=... MAXLENGHT=...> Para o valor PASSWORD (senha) no atributo TYPE aplicam-se todos os atributos do tipo TEXT exceto que todas as letras digitadas aparecem como um asterisco "*". Caixa de texto com várias linhas <TEXTAREA NAME="nome" ROWS="numero_de_linhas" COLS="numero_de_colunas">... </TEXTAREA> O marcador TEXTAREA (área de texto) permite definir um campo de texto com várias linhas. ROWS: define o números de linhas da caixa de texto. COLS: define quantos caracteres (colunas) cada linha possui. NAME: define o nome da caixa de texto. Caixa de combinação (combo box) <SELECT NAME="nome" SIZE="quantidade_de_opcoes_visiveis".> <OPTION VALUE="valor">Texto_a_aparecer</OPTION> <OPTION VALUE="valor">Texto_a_aparecer</OPTION> </SELECT> O marcador SELECT permite a criação de uma lista de opções a serem escolhidas pelo usuário. NAME: nome da lista de opções. SIZE: define o número de opções a serem exibidas simultaneamente na tela. Se valor omitido ou igual a 1 é exibida uma opção por vez. O marcador OPTION define cada opção a ser exibida pela lista. Este texto pode ter qualquer tamanho e deve vir entre os marcadores <OPTION> e </OPTION>. O atributo VALUE irá determinar o valor de cada opção. Assim, se por exemplo o texto a aparecer para o usuário for "Produtos destinados ao consumo imediato", não é isto que ficará armazenado quando o formulário for submetido e sim o VALUE associado a este texto, que pode ser uma abreviação como "PROD". Caixa de checagem <INPUT TYPE=CHECKBOX NAME=... VALUE=... CHECKED> O valor CHECKBOX no atributo TYPE define uma caixa de checagem. Na prática as caixas de checagem aparecem em grupos e o usuário pode escolher uma ou mais opções. NOME: define o nome da caixa de checagem. No caso de várias caixas, cada uma deve ter um nome diferenciado. VALUE: contém o valor do campo, que será passado ao programa interpretador do formulário. CHECKED: atributo opcional que pode ser utilizado quando se deseja que a opção já apareça selecionada na página. botão Submit (ou de envio) <input type="submit" value="enviar" name="b1"> Submit: Este tipo de botão ao ser pressionado envia automaticamente todas as informações inseridas no formulário para que estas possam ser processadas por uma aplicação no servidor. É possível um mesmo formulário possuir mais de um botão de envio. Neste caso o atributo NAME da tag <INPUT> do botão deve ter o mesmo dado para os dois botões mas o valor do atributo VALUE deve ser distinto. Desta forma o browser vai identificar qual botão foi pressionado. Botão de escolha: <INPUT TYPE=RADIO NAME=... VALUE=... CHECKED> Professor: Edison Pires edp009@gmail.com 2

3 O valor RADIO no atributo TYPE define um botão de escolha. Na prática os botões de escolha parecem em grupos e podem permitir que apenas uma opção seja escolhida dentre as existentes (exclusão mútua). NAME: define o nome do botão de escolha. No caso de botões de escolha com exclusão mútua, cada botão do grupo deverá utilizar um mesmo nome. VALUE: contém o valor do campo, que será passado ao programa interpretador do formulário. CHECKED: atributo opcional que pode ser utilizado quando se deseja que a opção já apareça selecionada na página. Botão Limpa/Cancela <INPUT TYPE=RESET VALUE=" texto_que_aparece_no_botão "> O valor RESET no atributo TYPE define um botão que limpa todos os campos, devolvendo os mesmos valores de quando a página foi carregada. No atributo VALUE, pode-se definir o que estará escrito no botão. Caso nenhum valor seja definido, aparecerá somente "Reset". Modelo de banco de dados relacional O modelo relacional desenvolvido por Codd é uma representação lógica dos dados que permite considerar relacionamentos entre os dados sem se envolver com a implementação física das estruturas de dados. Um banco de dados relacional é composto de tabelas. Qualquer linha particular da tabela é chamada de registro (ou linha). As tabelas em um banco de dados normalmente têm chave primária, que pode ser composta de uma ou mais colunas (ou campo) no banco de dados. Os campos de chave primária em uma tabela não podem ter valores duplicados. Cada coluna da tabela representa um campo diferente. Os registros são normalmente únicos dentro de uma tabela, mas os valores dos campos particulares podem ser duplicados. Exemplo Tabela Funcionários Numero Nome Departamento Salário Locado em Mario Rocha Bauru Luis Gustavo Bauru Valmir Costa Campinas Joel Castro Jundiaí A linha destacada é o que denominamos um registro. Acesso à banco de dados A plataforma Java permite o acesso a banco de dados relacionais por meio de uma API (Application Programming Interface) denominada JDBC. JDBC é um sinônimo para DataBase Access from Java, sendo a sigla para Java Database Connectivity, criado em 1996 pela Sun. Consiste em um pacote de classes escritas em linguagem Java que permite escrever aplicações que envolvam bancos de dados em linguagem puramente Java. A JDBC permite o uso de declarações SQL, podendo ser utilizadas em conjunto com os diversos tipos de bancos de dados existentes no mercado (e alguns ainda com acesso nativo). A JDBC é um pacote embutido no aplicativo JDK, distribuído gratuitamente pela Sun. Além disso, será necessário possuir um driver específico para a conexão. Para cada SGBD existe o driver apropriado que deverá ser usado, consulte a documentaçã o do SGBD para obter informações sobre o driver. A JDBC é considerada por muitos a mais importante API do Java, um argumento difícil de combater, dado que qualquer aplicação ou sistema de porte necessita armazenar grandes quantidades de dados de forma organizada, o que é feito pelos bancos de dados. A idéia central da JDBC é prover às aplicações Java o acesso aos bancos de dados relacionais locais ou remotos, possibilitando que as aplicações utilizem dados existentes em um SGBD remoto, isto é, localizados em outras máquinas interligadas a uma rede. Outra característica importante do JDBC é o uso extensivo do SQL uma linguagem destinada à operação dos SGBD. Conceitos sobre a JDBC Tipo 1 JDBC-ODBC Providencia o aceso através de drivers ODBC. Tipo 2 Native API É a mais veloz. Faz chamada nativa a diversos tipos de bancos via API; entre eles destacam-se Oracle, Informix e DB2. O banco de dados é quem deve fornecer o acesso. Tipo 3 JDBC-Net É um driver de tradução JDBC, para chamadas ao banco de dados indep endente do protocolo da rede, é dependente do protocolo do servidor, é dependente de quem fornece a rede Tipo 4 Protocolo-Nativo com Driver Java Professor: Edison Pires edp009@gmail.com 3

4 Converte diretamente as chamadas JDBC para os protocolos de rede. É a solução mais prática para acesso de uma Intranet. Quadro comparativo Tipo Puro Java Protocolo Rede Facilidade Uso JDBC-ODBC Não Direto Extremamente simples Native API Não Direto Dependente que o banco de dados forneça acesso JDBC-Net Sim Requer Conector Depende dos Serviços da rede Protocolo Nativo Sim Direto A Mais Prática solução para uma Intranet Quais bancos de dados podem ser acessados com a JDBC Não existe um número específico de banco de dados que podem ser acessados através da JDBC, pode-se dizer que qualquer banco que possua um driver de conexão do tipo ODBC pode ser acessado, além disso, muitos fabricantes disponibilizam este acesso nativo via Java. Como fazer o acesso a JDBC O acesso via JDBC é bem simples e é feito seguido de três passos: 1. Estabelecer uma conexão com o banco de dados. 2. Enviar o comando SQL. 3. Processar o resultado. Esta aplicação é composta de quatro códigos: agendacriar.jsp (este arquivo é independente dos demais e o primeiro que deve ser executado) estilo.css (este arquivo está disponível para cópia no site do professor) agendainclui.jsp agendamenu.jsp Os quatro códigos devem estar digitados e disponíveis para que a aplicação funcione. Verifique se o Mysql está ativo, pois se não estiver sua aplicação não vai funcionar. Professor: Edison Pires edp009@gmail.com 4

5 Professor: Edison Pires 5

6 Professor: Edison Pires 6

7 Professor: Edison Pires 7