Vista - RegistroUsuario.jsp - Agregar componente login al lienzo

En este paso vamos a agregar al lienzo el campo de texto Loginque va a estar asociado a su correspondiente etiqueta y mensaje de validación.

Para cumplir nuestro objetivo, vamos a seguir los siguientes pasos.

1. Agregar la etiqueta lblLogin

Para situar una etiqueta en el lienzo, vamos a arrastrar el icono Label en dicho lienzo tal y como hicimos en Vista - RegistroUsuario.jsp - Agregar componente Label al lienzo

En la propiedad id de la ventana Properties del componente Label, escribimos lblLogin.

En el fichero paqregusuariovwjsf/Bundle.properties añadimos las llaves

• literal_login
  

En la propiedad Text de la ventana Properties del componente Label, escribimos el valor de expresión (value expresssion) #{mensajes.literal_login}

2. Agregar el campo de texto login

Para situar un campo de texto en el lienzo, vamos a arrastrar el icono Text Field en dicho lienzo tal y como hicimos en Vista - RegistroUsuario.jsp - Agregar componente Text Field al lienzo

En la propiedad id de la ventana Properties del componente Text Field, escribimos login.

En la propiedad columns de la ventana Properties del componente Text Field, escribimos 46.

Ahora vamos a asociar la etiqueta lblLogin con el campo de texto.

Debido a que es obligatorio que el usuario introduzca un valor en este campo de texto, vamos a marcar la casilla de verificación required.

3. Agregar componente Message msgLogin

Para situar un mensaje de error en el lienzo, vamos a arrastrar el icono Message en dicho lienzo tal y como hicimos en Vista - RegistroUsuario.jsp - Agregar componente Message al lienzo.

En la propiedad id de la ventana Properties del componente Message, escribimos msgLogin.

Y también asociamos el mensaje de error al campo de texto