< Anterior | Próximo >

Lição 4: Implementar seu Aplicativo

A Lição 4 conduz você pela criação de um JSP e Faces JSP para testar seu aplicativo.
Antes de começar, conclua a Lição 3: Criar um Método Java.
Nesta lição, você:
  1. Para criar um JSP, clique em Arquivo > Novo > Outro > J2C.
  2. Na página Selecionar um Assistente, selecione Página da Web, Serviço da Web ou EJB do Java Bean J2C e clique em Avançar.
  3. Na página de seleção do Java bean J2C, clique em Navegar.
  4. Na página Localizar Bean J2C, digite um asterisco (*) no campo Selecionar Entradas.
  5. No campo Tipos Correspondentes, selecione PhoneBookImpl.
  6. Clique em OK.
  7. Na página de seleção de Java bean J2C, clique em Avançar.
  8. Na página Informações de Implementação, selecione JSP Simples.
  9. Clique em Avançar.
  10. Na página Criação de JSP, selecione Gerar JSPs simples com campos de entrada padrão.
  11. No campo Pasta JSP, insira um nome de Pasta JSP, como SampleJSP.
  12. Clique em Concluir.
  13. Em seguida, execute a JSP: Clique com o botão direito do mouse em TestClient.jsp e selecione Executar no Servidor.
  14. Uma janela do navegador com o Cliente de Teste é ativada. Clique no método runPhoneBook.
  15. Use os valores a seguir como Entradas:
    • Digite IVTNO no campo In__trcd.
    • Digite 0 no campo In___zz.
    • Digite LAST1 no campo In__name1.
    • Digite DISPLAY no campo In__cmd.
    • Digite 59 no campo In__ll.
  16. Clique em Chamar e essa saída aparece no campo Resultado.

    test1

  17. Agora envie outro comando para incluir uma entrada de um catálogo telefônico. Clique no método runPhoneBook.
  18. Use os valores a seguir como Entradas:
    • Digite 59 no campo In__ll.
    • Digite 0 no campo In___zz.
    • Digite IVTNO no campo In__trcd.
    • Digite Add no campo In__cmd.
    • Digite Jane no campo In__name2.
    • Digite Doe no campo In__name1.
    • Digite 55555 no campo In__zip.
    • Digite 5-5555 no campo In__extn .
  19. Clique em Chamar e essa saída aparece no campo Resultado.

    test2

  20. Agora envie outro comando para exibir a entrada do catálogo telefônico que acabou de criar. Clique no método runPhoneBook.
  21. Use os valores a seguir como Entradas:
    • Digite 59 no campo In__ll.
    • Digite IVTNO no campo In__trd .
    • Digite 0 no campo In___zz.
    • Digite DISPLAY no campo In__cmd.
    • Digite Doe no campo In__name1.
    • Digite 93 no campo size.
  22. Clique em Chamar e essa saída aparece no campo Resultado.

    test3

  23. Agora você cria um Faces JSP para implementar o Java bean J2C:

  24. Expanda o projeto IMSPhoneBook e localize a pasta WebContent.
  25. Clique com o botão direito do mouse na pasta WebContent no projeto IMSPhoneBook e selecione Novo > Outro > Web > Arquivo JSP Faces.
  26. Digite Test no campo Nome.
  27. Aceite os padrões para todos os outros campos.
  28. Clique em Concluir.
  29. Em seguida, inclua o Java bean no Faces JSP: Após ter criado o arquivo JSP Faces, a página deverá abrir Test.jsp na página Design. Se a área de trabalho não abrir na página Design do editor, expanda a pasta WEB-INF sob a pasta WebContent. Clique com o botão direito do mouse em Test.jsp, selecione Abrir com e clique em Page Designer. Test.jsp é aberto na página Design.
  30. A visualização Paleta aparece no painel direito. Se ela não aparecer, no menu superior, clique em Janela > Mostrar Visualização > Paleta.
  31. Na pasta Dadosda visualização Paleta, clique na opção JavaBean da Paleta.
  32. Arraste JavaBean para o editor Test.jsp; o assistente Incluir JavaBean é aberto
  33. Selecione Incluir Novo JavaBean.
  34. No campo Nome, digite phonebookLookup.
  35. Clique no ícone de livro aberto, livro aberto, ao lado do campo Classe. A janela Seleção de Classe aparece.
  36. Na página Seleção de Classe, digite PhoneBookImpl no campo Procurar.
  37. Limpe a caixa de seleção Incluir controles de entrada/saída para exibir o JavaBean na página da web.
  38. Clique em Concluir.
  39. Você verá PhoneBookImpl na visualização Dados da Página.
  40. Incluindo controles de entrada e de saída no Faces JSP: Clique com o botão direito do mouse em phonebookLookup Java Bean na visualização Dados da Página e clique em Incluir Novo Método JavaBean.
  41. Na lista de métodos disponíveis, clique em runPhoneBook.
  42. Clique em OK.
  43. Expanda phonebookLookup Java Bean na visualização Dados da Página e selecione o método runPhoneBook().
  44. Arraste o método runPhoneBook() para o editor. O assistente Inserir JavaBean é aberto.
  45. No campo Criar controles para:, selecione Inserção de dados.
  46. No campo Campos para Exibir, selecione Nenhum para limpar o formulário.
  47. No campo Campos para Exibir, selecione estes campos de entrada
    • arg.in__trcd
    • arg.in__zz
    • arg.size
    • arg.in__name1
    • arg.in__cmd
    • arg.in__ll
  48. Clique em Concluir.
  49. Aceite os padrões para os outros campos.
  50. Clique em Avançar.
  51. Na página Configurar Controles de Dados, selecione Criar controles para exibição de resultados.
  52. No campo Campos para Exibir, selecione Nenhum para limpar o formulário.
  53. No campo Campos para Exibir, selecione estes campos de saída
    • out__zz
    • out__zip
    • out__extn
    • out__msg
    • out__cmd
    • out__ll
    • out__name2
    • out__name1
    • size
  54. Clique em Concluir.
  55. Salve a página do Faces JSP pressionando Ctrl-S ou clicando em Arquivo > Salvar na barra de ferramentas.
  56. Agora teste a página da web Faces: Selecione a guia Servidores. Inicie o servidor de teste, caso ele ainda não esteja em execução. Para iniciar o servidor, clique com o botão direito do mouse em WebSphere Application Server v8.0 ou 7.x e em Iniciar.
  57. Clique com o botão direito do mouse em Test.jsp (o Faces JSP que você criou) na visualização Explorador de Projetos e selecione Executar < Executar no Servidor.
  58. Selecione WebSphere Application Server v8.0 ou 7.x e clique em Concluir.
  59. O navegador abre para Test.jsp. Use os valores a seguir como Entradas:
    • Digite IVTNO no campo In__trcd.
    • Digite 59 no campo In__ll.
    • Digite 0 no campo In___zz.
    • Digite DISPLAY no campo In__cmd.
    • Digite LAST1 no campo In__name1.
    • Digite 93 no campo size.
    Nota: Assegure-se de que não haja espaços extra na caixa de texto antes de sua entrada.
  60. Clique em Enviar.
  61. É possível ver a saída exibida no navegador.
Você concluiu o tutorial PhoneBook.
< Anterior | Próximo >

Feedback