Material Didático

Cursos / Informática para Internet / Desenvolvimento Web II / Aula

Aula 02 - Conhecendo as Tags do JSF

Vamos agora à criação de duas páginas JSF: form.xhtml e sucesso.xhtml, apresentadas respectivamente nas Listagens 24 e 25. Lembre-se que elas precisam estar dentro da pasta WebContent. Na página “form”, teremos o formulário que utilizando as tags do JSF obterão os seguintes dados do usuário: nome (campo obrigatório), endereço (campo obrigatório), data de nascimento e sexo. Na página “sucesso”, iremos apenas apresentar os dados capturados.

<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core">
	
<h:head> 
	<title>Formulário</title>
</h:head>

<h:body>
<h:messages/>
<h:form>

<table> 
	<tr>
		<td>Nome:</td>
		<td><h:inputText value="#{cadastroMBean.pessoa.nome}" size="50" required="true" requiredMessage="Nome: Campo obrigatório." /> </td>
	</tr> 
	<tr> 
		<td>Endereço:</td>
		<td><h:inputTextarea value="#{cadastroMBean.pessoa.endereco}" cols="50" rows="4" required="true" requiredMessage="Endereço: Campo obrigatório." /> </td> 
	</tr>
	<tr> 
		<td>Data de nascimento: </td>
		<td>
			<h:inputText value="#{cadastroMBean.pessoa.dataNascimento}" size="5" maxlength="10">
			<f:convertDateTime pattern="dd/MM/yyyy" /> 
			</h:inputText>
		</td>
	</tr>
	<tr> 
		<td> Sexo: </td> 
		<td> 
			<h:selectOneRadio value="#{cadastroMBean.pessoa.sexo}"> 
			<f:selectItem itemValue="M" itemLabel="Masculino" /> 
			<f:selectItem itemValue="F" itemLabel="Feminino" /> 
			</h:selectOneRadio> 
		</td> 
	</tr>
	<tr>
		<td colspan="2" align="center"> 
			<h:commandButton value="Cadastrar" action="#{cadastroMBean.cadastrar}" />
		</td>
	</tr>
</table>

</h:form>
</h:body>
</html>

Listagem 24 - Código da página form.xhtml.

Listagem 25 - Código da página sucesso.xhtml.

Após a codificação das classes e páginas JSF, apresentadas nas Listagens 22, 23, 24 e 25, vamos iniciar o servidor de aplicação Apache Tomcat e acessar nossa aplicação pela URL: http://localhost:8080/AulaTagsJSF/form.jsf . Ao acessar, a página apresentada na Figura 2 é exibida, e ao preenchermos e clicarmos no botão de cadastrar obtemos a página apresentada na Figura 3.

Janela para criação do projeto AulaTagsJSF.

Termo de uso

arrow_back Aula 02 - Conhecendo as Tags do JSF

Aula 02 - Conhecendo as Tags do JSF