Série 2 JSF: Criando um newsLetter -NB

programmer 

Ae! pessoal nesse post vou mostrar uma funcionalidade com JSF. A criação de um newsletter com o recurso de campos required. Em outro post sobre JSF apresentei o framework e como esse facilita a criação de formulário com validação de dados. Nessa vamos ver a utilidade dentro de algo bem comum em paginas web os newsletters. Para não ficar um post muito grande não envolvi armazenar os dados em BD usando JSF. Mas, JSF + DB fica para um outro momento. Do not worry guy! 🙂

 Lets go...

 Outros Posts

  1. Primeiramente crie um projeto no seu Netbeans e chame esse de Newsletter.

  2. Clique em next e diga que vai usar o JavaServer Face como framework.

  3. Na proxima tela altere a imagem como abaixo:

    jsf1

  4. Agora vamos criar nossa classe JavaBean então clique com o botão direito no projeto e escolha Java Class e dê o nome NewsletterBean e no package coloque br.news.bean

  5. Precisamos criar as variáveis que tem relação com os campos do formulário, então temos que criar a variável nome e email e permitir o acesso via get/set.
    codenews1

  6. Em seguida temos um método que vai verificar ( acao () ) o que foi digitado antes de “cadastrar” os dados em um possível BD. Esse método retorna uma String pois a partir dessa string o JavaFaces toma as decisões.

    codenews2

  7. crie um arquivo .jsp chamado sucesso.jsp e deixe da forma conforme abaixo

    sucessonews

  8. mude o nome do arquivo welcomeJSP.jsp para index e deixe conforme a seguir

    indexnews

  9. Abra agora o arquivo faces-config.xml no formato XML.

  10. Clique com o botão direito em qualquer local e escolha a opção conforme a imagem abaixo

    faces

  11. Na tela que abriu deixe conforme a imagem a seguir. Assim estamos configurando nosso arquivo para saber qual Bean chamar, bem semelhante como fazemos com o mapeamento usando Servlet.

    faces2
    obs.: a mensagem em vermelho nao deve aparecer quando esse procedimento é executado pela primeira vez.

  12. Faça o mesmo procedimento do passo 10 e escolha Add navigation Rule e deixe como a imagem a seguir. Assim definimos quem será nossa página inicial

    facerule

  13. Seu arquivo faces-config.xml deve está semelhante a imagem a seguir.

    faces3

  14. Escolha o modo PageFlow e faça o link como na imagem a seguir. Não esqueça de colocar o nome de cada case. Observe que em caso de falha ele mantém a pagina e no caso de sucesso ele vai para página sucesso.jsp. Se vc fez a renomeação sua página deve ser index.jsp inves de welcomeJSF.jsp.

    faces4

  15. Agora teste sua aplicação, clique com o botão direito no projeto e em seguida escolha Run. Veja os testes que fiz:

    facetest1

    facetest2

    facetest3

    facetest4

Abraço a todos e espero que tenham gostado do post principalmente aqueles que estão iniciando os estudo com JSF. Até o próximo post.

Um comentário em “Série 2 JSF: Criando um newsLetter -NB”

Deixe um comentário

O seu endereço de e-mail não será publicado.