IDE ECLIPSE - como na aula anterior;
TOMCAT 7 - disponível em : https://tomcat.apache.org/download-70.cgi
JSF - disponível em https://javaserverfaces.java.net/nonav/2.2/download.html
Sabemos que a ferramenta JavaServer Faces (re)escreve o documento web com a estrutura de HTML e possibilita novos trabalhos e mais dinamismo nos resultados e trabalhos.
... ok
OS objetos acima são respectivamente, a plataforma de desenvolvimento java (IDE ECLIPSE), o servidor de paginas e banco de dados web (TOMCAT) e as funções de trabalho web com java(JSF).
Certo, agora que temos os sistemas, vamos iniciar o projeto java veja...
Assim como na aula anterior iniciamos um projeto web com Dynamic Web Project...
No entanto, escolheremos a opção JavaServer Faces como configuração e não mais TOMCAT. Veja...
Deste modo teremos as funções funcionando perfeitamente para o trabalho.
O restante é igual ao que já vimos antes, mas, não esqueça de escolher criar a "web.xml" no final do processo.
Com o projeto iniciado, vamos inserir a biblioteca JAR. Para isso copie de seus arquivos e cole na pasta "lib" de META-INF dentro de WebContent do projeto Veja...
Copiando o arquivo do local do computador.
Colando no local LIB ...
Agora as funções de Faces estão anexadas e podem ser utilizadas no projeto...
Para ligar o serviço WEB precisamos do servidor, o TomCat que pegamos...
Para inserir o server é igual a aula anterior, clicamos na guia "server" e inserimos o tomcat. veja
Neste campo clicamos em inserir ou clicamos com o botão direito e em inserir...
... depois escolhemos o servidor (tomcat) e o caminho onde ele está...
... e inserimos o projeto que criamos...
... ficou assim...
Com o tomcat e o projeto agora no sistema...
Com o tomcat sincronizado, e funcionando, podemos inserir as páginas e os comandos JSF... vamos inserir em WebContent a página HTML... como na aula anterior... veja.
Com o botão direito sobre WebContent podemis inserir "New" e HTML...
... agora colocamos o nome da página que DEVE possuir extensão XHTML...
veja.
E o tipo de configuração é transitional...
veja...
Agora temos uma página HTML para editar em Java...
... vamos ver o código que temos clicando sobre a página primeira duas vezes na guia de WebContent...
...O que temos é apenas uma página HTML comum, para inserirmos a possibilidade de alteração dos comandos como JSF temos que importar os comandos, para isso vamos inserir na linha 3 da imagem acima o comando necessário que é "xmlns:h="http://java.sun.com/jsf/html"...veja;
Deste modo podemos inserir os comandos JSF. Observe que na imagem abaixo no quadro com o endereço, está escrito CTRL + SPACE, este comando é utilizado para escolhermos o comando que queremos sobre uma determinada sentença, no caso dos endereços ele mostra todos os vinculados com o comando xmlns:h. O "h" utilizado no endereço significa que todos os comandos devem presidir com a letra h, veremos mais sobre isso a seguir...
Com o endereço permitindo o comando h na página agora temos uma gama de recursos que o java permite fazer no documento veja.
O "h" abre uma gama de novas possibilidades em relação ao HTML, ele (re)edita alguns comandos, para conhecer mais esses comandos aperte "<h:" com ctrl + espaço e uma janela abre mostrando os comandos e seus significados. No exemplo temos a TAG head alterada para <h:head> o que faz com que o tomcat e o navegador de internet, interprete de modo diferente a tag, que agora é vista como java.
Para exibir no navegador, clique com o botão direito sobre a página xhtml que criamos em WebContent e escolha "Run As.." e depois em "Run On Server.." e a página primeira será exibida normalmente como a escrevemos...
... veja o código da página alterado para JSF Java...
Observe que as tags BODY e HEAD foram alteradas para a reedição de JSF, possibilitando novos recursos como value em outputText para imprimir na página.
Veja a página com os resultados do exemplo...
É isso!...
... a página está escrita em formato JSF e HTML...
Pronto! Pronto!
Nenhum comentário:
Postar um comentário