JSF - Internacionalización

La internacionalización es una técnica en la que los mensajes de estado, las etiquetas de los componentes de la GUI, la moneda y la fecha no están codificados en el programa. En su lugar, se almacenan fuera del código fuente en paquetes de recursos y se recuperan de forma dinámica. JSF proporciona una forma muy conveniente de manejar el paquete de recursos.

Se requieren los siguientes pasos para internalizar una aplicación JSF.

Paso 1: definir archivos de propiedades

Cree un archivo de propiedades para cada configuración regional. El nombre debe estar en formato <nombre-archivo> _ <locale> .properties.

La configuración regional predeterminada se puede omitir en el nombre del archivo.

messages.properties

greeting = Hello World!

messages_fr.properties

greeting = Bonjour tout le monde!

Paso 2: actualiza faces-config.xml

faces-config.xml

<application>
   <locale-config>
      <default-locale>en</default-locale>
      <supported-locale>fr</supported-locale>
   </locale-config>
   
   <resource-bundle>
      <base-name>com.tutorialspoint.messages</base-name>
      <var>msg</var>
   </resource-bundle>
</application>

Paso 3: use var del paquete de recursos

home.xhtml

<h:outputText value = "#{msg['greeting']}" />

Aplicación de ejemplo

Creemos una aplicación JSF de prueba para probar la internacionalización en JSF.

Paso	Descripción
1	Cree un proyecto con un nombre helloworld en un paquete com.tutorialspoint.test como se explica en el capítulo JSF - Primera aplicación .
2	Cree la carpeta de recursos en la carpeta src → mai .
3	Cree la carpeta com en src → main → carpeta de recursos .
4	Cree la carpeta tutorialspoint en src → main → resources → carpeta com .
5	Cree el archivo messages.properties en src → main → resources → com → carpeta tutorialspoint . Modifíquelo como se explica a continuación.
6	Cree el archivo messages_fr.properties en src → main → resources → com → carpeta tutorialspoint . Modifíquelo como se explica a continuación.
7	Cree faces-config.xml en WEB-INFf anterior como se explica a continuación.
8	Cree UserData.java en el paquete com.tutorialspoint.test como se explica a continuación.
9	Modifique home.xhtml como se explica a continuación. Mantenga el resto de los archivos sin cambios.
10	Compile y ejecute la aplicación para asegurarse de que la lógica empresarial funcione según los requisitos.
11	Finalmente, compile la aplicación en forma de archivo war e impleméntela en Apache Tomcat Webserver.
12	Inicie su aplicación web utilizando la URL adecuada como se explica a continuación en el último paso.

messages.properties

greeting = Hello World!

messages_fr.properties

greeting = Bonjour tout le monde!

faces-config.xml

<?xml version = "1.0" encoding = "UTF-8"?>
<faces-config
   xmlns = "http://java.sun.com/xml/ns/javaee"
   xmlns:xsi = "http://www.w3.org/2001/XMLSchema-instance"
   xsi:schemaLocation = "http://java.sun.com/xml/ns/javaee 
   http://java.sun.com/xml/ns/javaee/web-facesconfig_2_0.xsd"
   version = "2.0">
   
   <application>
      <locale-config>
         <default-locale>en</default-locale>
         <supported-locale>fr</supported-locale>
      </locale-config>
      
      <resource-bundle>
         <base-name>com.tutorialspoint.messages</base-name>
         <var>msg</var>
      </resource-bundle>
   </application>
</faces-config>

UserData.java

package com.tutorialspoint.test;

import java.io.Serializable;
import java.util.LinkedHashMap;
import java.util.Locale;
import java.util.Map;

import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
import javax.faces.context.FacesContext;
import javax.faces.event.ValueChangeEvent;

@ManagedBean(name = "userData", eager = true)
@SessionScoped
public class UserData implements Serializable {
   private static final long serialVersionUID = 1L;
   private String locale;

   private static Map<String,Object> countries;
      static {
      
      countries = new LinkedHashMap<String,Object>();
      countries.put("English", Locale.ENGLISH);
      countries.put("French", Locale.FRENCH);
   }

   public Map<String, Object> getCountries() {
      return countries;
   }

   public String getLocale() {
      return locale;
   }

   public void setLocale(String locale) {
      this.locale = locale;
   }

   //value change event listener
   public void localeChanged(ValueChangeEvent e) {
      String newLocaleValue = e.getNewValue().toString();
      
      for (Map.Entry<String, Object> entry : countries.entrySet()) {
         
         if(entry.getValue().toString().equals(newLocaleValue)) {
            FacesContext.getCurrentInstance()
               .getViewRoot().setLocale((Locale)entry.getValue());         
         }
      }
   }
}

home.xhtml

<?xml version = "1.0" encoding = "UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<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>JSF tutorial</title>	 	
   </h:head>
   
   <h:body> 
      <h2>Internalization Language Example</h2>
      
      <h:form>
         <h3><h:outputText value = "#{msg['greeting']}" /></h3>
         
         <h:panelGrid columns = "2"> 
            Language : 
            <h:selectOneMenu value = "#{userData.locale}" onchange = "submit()"
               valueChangeListener = "#{userData.localeChanged}">
               <f:selectItems value = "#{userData.countries}" /> 
            </h:selectOneMenu> 
         </h:panelGrid> 
      
      </h:form>
   </h:body>
</html>

Una vez que esté listo con todos los cambios realizados, compilemos y ejecutemos la aplicación como lo hicimos en JSF - Capítulo Primera aplicación. Si todo está bien con su aplicación, esto producirá el siguiente resultado.

Cambiar el idioma del menú desplegable. Verá el siguiente resultado.

↰ Previous page