Java server face (JSF) – trang đa ngôn ngữ


  1. -Create jsf web page support multi language interface
  2. -Using Face component Event
  3. -Setting current Locale and Global Locale


  1. Create JSF web site
  2. Create 03 jsp page and configure navigation rule for them from properties file support two language Vietnam and English
  3. Setting current Locale and Global Locale at runtime and design time

Create JSF website

  • Create 03 jsp file: index.jsp, add.jsp, list.jsp
  • Open Face-config.xml, design navigation rule as figure 01 and insert new code as code 01



Code 01: Register bundle file

Create properties file

  • Name: guiMessage in side package code
  • Add two Locale vi_VN and en_US
  • Rename file as figure 02


Right click o guiMessage file select open and insert some key as figure 03


Create manage bean

  • Language in code package
  • Modified code as
package code;

import java.util.Locale;
import javax.faces.context.FacesContext;
import javax.faces.event.ValueChangeEvent;

public class language {

    public String getLang() {
        return lang;

    public void setLang(String lang) {
        this.lang = lang;
    String lang = &amp;amp;quot;vi&amp;amp;quot;;

     * Creates a new instance of language
    public language() {

    public void change(ValueChangeEvent event) {
        lang = event.getNewValue().toString();
        FacesContext.getCurrentInstance().getApplication().setDefaultLocale(new Locale(lang));
        FacesContext.getCurrentInstance().getViewRoot().setLocale(new Locale(lang));

This code allow we setting Local and Global Locale of websie

Open index.jsp

Modified as figure 03 (using EL language: after bundle. Using Ctrl+Space bar for virtual code)


Index.jsp with two language


Add Add.jsp page


<%@page contentType="text/html"%> 
<%@page pageEncoding="UTF-8"%> 
<%@taglib uri="" prefix="h"%> 
<%@taglib uri="" prefix="f"%> 
 <td align="center" colspan="2"> 
 <h1><h:outputText value="#{bundle.register}"/></h1> 
 <h4><h:commandLink value="#{bundle.home}" action="home"/></h4> 
 <h:messages layout="table"/> 
 <f:attribute name="value" value="#{}"/> 
 <h:inputText value="#{Customer.customerID}"> 
 <td><h:outputText value="#{bundle.CompanyName}"/></td> 
 <td><h:inputText value="#{Customer.companyName}"/></td> 
 <td><h:outputText value="#{bundle.Address}"/></td> 
 <td><h:inputText value="#{Customer.address}"/></td> 
 <td></td> <td><h:commandButton value="#{bundle.register}" action="list" 

2 thoughts on “Java server face (JSF) – trang đa ngôn ngữ

Phản hồi

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập: Logo

Bạn đang bình luận bằng tài khoản Đăng xuất /  Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Đăng xuất /  Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Đăng xuất /  Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Đăng xuất /  Thay đổi )


Connecting to %s