< Anterior | Próximo >

Lição 1.4: Criar um Novo Registro para Exibir e Atualizar o Banco de Dados

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:

  1. Dê um clique duplo no arquivo new_record.jsp na visualização Explorador de Projetos (Project Explorer) para abri-lo.
  2. Exclua o texto padrão Conteúdo padrão para área principal (Default content of bodyarea).
  3. Na visualização Paleta, clique na gaveta Dados (Data) para expandi-la.
  4. 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.
  5. No campo Nome (Name), digite create_record.
  6. Em Criar controles para (Create controls for), clique em Criar um novo registro (Creating a new record).
  7. 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:
    Janela Incluir Registro Relacional (Add Relational Record).
  8. Clique em Avançar (Next).
  9. Na caixa Tabela (Table), expanda W5SAMPLE e selecione ADS. Clique em Avançar (Next).
  10. 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.
  11. 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)
  12. 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)
  13. 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.
  14. Selecione CATEGORIA PRINCIPAL (MAINCATEGORY) e, em seguida, clique em Opções (Options). A janela Opções (Options) é aberta.
  15. Certifique-se de que a opção Botão Submeter (Submit button) esteja selecionada.
  16. 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:
    Janela Registro Relacional.
  17. Clique em Concluir (Finish) para gerar o formulário de entrada. Ele deve ser semelhante a este:
    Formulário de Entrada.
    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.
  18. 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.

Ponto de Verificação do Exercício

Você concluiu a Lição 1.4. Nela, você criou uma página que permite que os usuários criem novos anúncios classificados e os coloquem no banco de dados.

< Anterior | Próximo >