Nessa lição, você criará uma página que permite que os usuários criem novos
anúncios classificados e os coloquem no banco de dados.
Primeiro você criará um
registro relacional para representar um novo registro no banco de dados, e em seguida você
criará uma visualização do registro em sua página como um conjunto de campos
de entrada.
Para criar um novo registro relacional:
- Dê um clique duplo no arquivo new_record.jsp na visualização Explorador de Projetos (Project Explorer) para abri-lo.
- Exclua o texto padrão Conteúdo padrão para área principal (Default content of bodyarea).
- Na visualização Paleta, clique na gaveta Dados (Data) para expandi-la.
- Arraste o componente Registro Relacional (Relational Record) da Paleta para a área de conteúdo em branco. A janela Incluir
Registro Relacional é aberta.
Nota: Se aparecer uma mensagem de aviso instruindo que não foi possível estabelecer uma conexão
ao banco de dados, você deixou o servidor em execução depois de testar
o Web site. Se isso acontecer, clique em
Cancelar (Cancel) em
cada diálogo e pare o servidor, conforme explicado na
Lição 1.3.
- No campo Nome (Name), digite create_record.
- Em Criar controles para (Create controls for), clique em Criar um novo registro (Creating a new record).
- Certifique-se de que Incluir controles de entrada/saída para exibir o registro na página da Web (Add input/output controls to display the record on the web page) esteja selecionado. A janela Incluir Registro Relacional (Add Relational Record) deve ser semelhante a esta:
- Clique em Avançar (Next).
- Na caixa Tabela (Table), expanda W5SAMPLE e
selecione ADS. Clique em Avançar (Next).
- Clique novamente em Avançar (Next). A página Configurar Controles de Dados (Configure
Data Controls) é aberta.
Dica: A página Configurar
Controles de Dados (Configure Data Controls) ajuda a customizar a visualização do
registro relacional. Por exemplo, é possível alterar as colunas, as etiquetas dos campos
e o botão Submeter em seu formulário de entrada. Depois de concluir essas etapas,
um formulário de entrada totalmente funcional estará na página.
- Na seção Campos a serem exibidos (Fields to display), limpe a caixa de opções próxima a todos os nomes de campos exceto os que desejar em seu formulário de entrada:
- DESCRIÇÃO (DESCRIPTION)
- ID
- CATEGORIA PRINCIPAL (MAINCATEGORY)
- FONE (PHONE)
- PREÇO (PRICE)
- TÍTULO (TITLE)
- Reorganize os campos na seguinte ordem, clicando nos botões Para Cima e Para Baixo:
- ID
- TÍTULO (TITLE)
- DESCRIÇÃO (DESCRIPTION)
- CATEGORIA PRINCIPAL (MAINCATEGORY)
- PREÇO (PRICE)
- FONE (PHONE)
- Renomeie as etiquetas como preferir. Por exemplo, abrevie a etiqueta "Categoria Principal:"
para simplesmente "Categoria:". Para renomear as etiquetas geradas para
os campos de entrada, clique em uma etiqueta na coluna Etiqueta (Label). O ícone do mouse muda para um cursor para que você possa digitar o novo texto.
- Selecione CATEGORIA PRINCIPAL (MAINCATEGORY) e, em seguida, clique em Opções (Options).
A janela Opções (Options) é aberta.
- Certifique-se de que a opção Botão Submeter (Submit button) esteja selecionada.
- Digite Colocar Nova Listagem no campo Etiqueta (Label) Em seguida, clique em OK. A janela Incluir Registro Relacional (Add Relational Record) deve ser semelhante a esta:
- Clique em Concluir (Finish) para gerar o formulário de entrada. Ele deve ser semelhante a este:
Nota: O formulário tem um campo Mensagens de Erro (Error Messages). Isso não significa que seu projeto
tenha erros; esse campo marca o lugar onde os erros serão exibidos se houver
algum quando o usuário submeter o formulário.
- Salve a página.
Quando o formulário de entrada é submetido, a página incluirá automaticamente o
novo registro no banco de dados. Na próxima lição, você programará o botão Postar Nova Listagem (Post New Listing) para retornar à página all_records.jsp, para que
você possa visualizar imediatamente o novo registro no banco de dados.