| Registrar a un usuario en un sitio Web con Visual Web JSF |
| Paso 3: Operativa |
Vista - RegistroUsuario.jsp - Agregar componente Button al lienzo
Para situar un botón en el lienzo, vamos a arrastrar el icono Button en dicho lienzo
En la propiedad id de la ventana Properties del componente Button, escribimos btnEnviar.
En el fichero proregusuariovwjsf/Bundle.properties añadimos la llave
literal.registroUsuario=Registro de usuario
literal.camposRequeridos=Campos requeridos
literal_nombre=Nombre
literal_enviar=Enviar
|
En la propiedad Text de la ventana Properties del componente Label, escribimos el valor de expresión (value expresssion) #{mensajes.literal_enviar} tal y como hicimos en el apartado Utilizar expresiones de valor (value expressions) para traducir las llaves del Resource Bundle.
Esta es la página JSP RegistroUsuario.jsp que ha ampliado el asistente de NetBeans
<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="2.1"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:jsp="http://java.sun.com/JSP/Page"
xmlns:webuijsf="http://www.sun.com/webui/webuijsf"
>
<jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
<f:view>
<f:loadBundle basename="paqregusuariovwjsf.Bundle" var="mensajes"/>
<webuijsf:page id="page1">
<webuijsf:html id="html1">
<webuijsf:head id="head1" title="Registro Usuaro">
<webuijsf:link id="link1" url="/resources/stylesheet.css"/>
</webuijsf:head>
<webuijsf:body id="body1" style="-rave-layout: grid">
<webuijsf:form id="form1">
<webuijsf:staticText id="stxRegistroUsuario"
style="left: 24px; top: 24px; position: absolute" text="#{mensajes.literal_registroUsuario}"
/>
<webuijsf:staticText id="stxCamposRequeridos"
style="left: 210px; top: 40px; position: absolute" text="#{mensajes.literal_camposRequeridos}"
/>
<webuijsf:label for="nombre"
id="lb1nombre"
style="left: 28px; top: 80px; position: absolute" text="#{mensajes.literal_nombre}"
/>
<webuijsf:textField required="true"
id="nombre"
style="left: 28px; top: 100px; position: absolute"
/>
<webuijsf:message for="nombre" id="msgNombre"
showDetail="false" showSummary="true"
style="left: 28px; top: 123px; position: absolute"
/>
<webuijsf:button id="btnEnviar"
style="position: absolute; left: 96px; top: 168px" text="#{mensajes.literal_enviar}"
/>
</webuijsf:form>
</webuijsf:body>
</webuijsf:html>
</webuijsf:page>
</f:view>
</jsp:root> |
- <webuijsf:button id="btnEnviar"
- cuando el usuario hace clic sobre este componente, entonces se realiza un submit del formulario
Esta es la página Web que recibe el usuario cuando se ejecuta la aplicación Web
Esta es la página Web que recibe el usuario después de hacer clic sobre el botón Enviar
