Upload file đơn giản với JSF 2.2


JSF (Java Server Face) 2.2 bổ sung thêm thẻ inputFile cho phép upload file lên server web trở nên đơn giản hơn bao giờ hết.

1. Tạo Website sử dụng JSF 2.2
2. Tạo managebean như sau:

package codes;
import java.io.IOException;
import java.util.logging.Level;
import java.util.logging.Logger;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.RequestScoped;
import javax.faces.context.FacesContext;
import javax.servlet.http.Part;
/**
 *
 * @author ntdan
 */
@ManagedBean
@RequestScoped
public class Upload_File {

    private Part file;
    private String fileName;
    private long fileSize;
    
    /**
     * Creates a new instance of Upload_File
     */
    public Upload_File() {
    }

    public Part getFile() {
        return file;
    }

    public void setFile(Part file) {
        this.file = file;
    }

    public String getFileName() {
        return fileName;
    }

    public void setFileName(String fileName) {
        this.fileName = fileName;
    }
    
    public String upload()
    {
        try {
            // get name of selected file
            fileName = file.getSubmittedFileName();
            // get file's size
            fileSize = file.getSize();
            // get fullpath of opload folder in web root
            String dirPath= FacesContext.getCurrentInstance().getExternalContext().getRealPath("/upload");
            // write file to upload folder
            file.write(dirPath + "/" + fileName);
            
        } catch (IOException ex) {
            Logger.getLogger(Upload_File.class.getName()).log(Level.SEVERE, null, ex);
        }
        
        return "view";
    }

    public long getFileSize() {
        return fileSize;
    }

    public void setFileSize(long fileSize) {
        this.fileSize = fileSize;
    }
}

3. Tạo trang index.xhtml để upload file như sau:

<?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://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
    <h:head>
        <title>Facelet Title</title>
    </h:head>
    <h:body>
        Demo for upload file
        <f:view>
            <h:form enctype="multipart/form-data">
                File:<br/>
                <h:inputFile value="#{upload_File.file}"/>
                <br/>
                <h:commandButton value="Upload" action="#{upload_File.upload()}"/>
                <br/>
                File:${upload_File.fileName} - #{upload_File.fileSize} bytes !
            </h:form>

        </f:view>

    </h:body>
</html>

4. Tạo trang xem ảnh vừa upload và thông tin về hình

<?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://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
    <h:head>
        <title>Facelet Title</title>
    </h:head>
    <h:body>
        <f:view>
            <br/>
                File:${upload_File.fileName} - #{upload_File.fileSize} bytes !
                <br/>
            <h:graphicImage url="/upload/#{upload_File.fileName}" width="400px"/>
        </f:view>

    </h:body>
</html>

OK, chạy trang index.xhtml –> chonj file upload hệ thống sẽ chuyển qua trang view.xhtml để xem ảnh vừa upload.

Advertisements

Sử dụng ValueChangeEvent tren Java Server Face


Một ví dụ sử dụng sự kiện ValueChangeEvent trên Face cho các bạn học viên mới tìm hiểu JSF
face_ValueChangeEvent1
Chọn loại sản phẩm -> danh sách sản phẩm sẽ được lọc lại:
face_ValueChangeEvent2

1. Tạo website sử dụng framework Face 2x (1x cũng được)
2. Định nghĩa 2 ManageBean (Products và Categories) và 2 JavaBean (Product và Category)
3. Thiết kế giao diện trang index.xhtml

Trong ví dụng này tôi sử dụng Netbean để demo
Tạo ManageBean (Products và Categories)
– File -> New File -> Other -> Java Server Face -> JSF ManageBean
Products

package codes;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.util.ArrayList;
import java.util.Collection;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.RequestScoped;
import javax.faces.event.ValueChangeEvent;
/**
 *
 * @author ntdan
 */
@ManagedBean
@RequestScoped
public class Products {

    /**
     * Creates a new instance of Products
     */
    public Products() {
    }
    
    private Collection list;
    private int id;
    private int cid;

    public int getCid() {
        return cid;
    }

    public void setCid(int cid) {
        this.cid = cid;
    }
    private String name;
    private String price;

    public int getId() {
        return id;
    }

    public void setId(int id) {
        this.id = id;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public String getPrice() {
        return price;
    }

    public void setPrice(String price) {
        this.price = price;
    }

    public Collection getList() {
        return list;
    }
    
    public void select_cid_change(ValueChangeEvent event)
    {
        try {
            Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver");
            Connection  conn = DriverManager.getConnection("jdbc:sqlserver://172.16.160.81\\sql2008;"
                    + "database=northwind;","sa","sa");
            
            PreparedStatement comm = conn.prepareStatement("Select categoryid, productid, productname, unitprice"
                    + " from products where categoryID=?");
            comm.setInt(1, Integer.parseInt(event.getNewValue().toString()));
            ResultSet rs = comm.executeQuery();

            list = new ArrayList<Product>();
            Product pro;
            
            while(rs.next())
            {
                pro = new Product();
                pro.setId(rs.getInt("productid"));
                pro.setcId(rs.getInt("categoryid"));
                pro.setName(rs.getString("productname"));
                pro.setPrice(rs.getString("unitprice"));
                
                list.add(pro);
            }            
        } catch (Exception e) {
            list = null;
        }
    }
}

Categories

package codes;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.util.ArrayList;
import java.util.Collection;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.RequestScoped;
/**
 *
 * @author ntdan
 */
@ManagedBean
@RequestScoped
public class Categories {
   public Categories() {
    }

    private int id;
    private String name;

    public int getId() {
        return id;
    }

    public void setId(int id) {
        this.id = id;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }
    private Collection list;

    public Collection getList() {
        try {
            Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver");
            Connection conn = DriverManager.getConnection("jdbc:sqlserver://172.16.160.81\\sql2008;"
                    + "database=northwind;", "sa", "sa");

            PreparedStatement comm = conn.prepareStatement("Select categoryid, categoryname"
                    + " from categories");
       
            ResultSet rs = comm.executeQuery();

            list = new ArrayList<Category>();
            Category ca;

            while (rs.next()) {
                ca = new Category();
                ca.setId(rs.getInt("categoryid"));
                ca.setName(rs.getString("categoryname"));
                list.add(ca);
            }
        } catch (Exception e) {
            list = null;
        }
        return list;
    }
}

Tạo 2 javabean như sau
– File -> New File -> Java Class
Product

package codes;
public class Product {
    public Product() {
    }
    
    private int id;
    private int cId;
    private String name;
    private String price;

    public int getId() {
        return id;
    }

    public void setId(int id) {
        this.id = id;
    }

    public int getcId() {
        return cId;
    }

    public void setcId(int cId) {
        this.cId = cId;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public String getPrice() {
        return price;
    }

    public void setPrice(String price) {
        this.price = price;
    }
}

Category

package codes;
public class Category {
    public Category() {
    }
    
     private int id;
    private String name;

    public int getId() {
        return id;
    }

    public void setId(int id) {
        this.id = id;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }
}

Thiết kế giao diện 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://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
    <h:head>
        <title>Value Change Event</title>
        <link type="text/css" rel="stylesheet" href="//codeproject.cachefly.net/App_Themes/CodeProject/Css/Main.min.css?dt=2.8.150901.1"></link>
    </h:head>
    <h:body>

        <f:view>
            <h:form>                 
                Categories:<br/>
                <h:selectOneMenu onchange="submit();"
                                 value="#{products.cid}"
                                 valueChangeListener="#{products.select_cid_change}"> 
                    <f:selectItems value="#{categories.list}" var="sate"
                                   itemLabel="#{sate.name}"
                                   itemValue="#{sate.id}"/>                                    
                </h:selectOneMenu>

                <h:dataTable border="1" id="t"  width="100%"
                             value="#{products.list}" var="product">
                    <h:column>
                        <f:facet name="header">
                            ID
                        </f:facet>                    
                        <h:outputText value="#{product.id}"/>
                    </h:column>

                    <h:column>
                        <f:facet name="header">
                            Name
                        </f:facet>                    
                        <h:outputText value="#{product.name}"/>
                    </h:column>

                    <h:column>
                        <f:facet name="header">
                            Price
                        </f:facet>                    
                        <h:outputText value="#{product.price}"/>
                    </h:column>
                    <h:column>
                        <f:facet name="header">
                            Operation
                        </f:facet>                    
                        <h:commandLink value="Delete" action="index"/>
                    </h:column>
                </h:dataTable>
            </h:form>
        </f:view>

    </h:body>
</html>

f:selectItems: sẽ render các phần tử (thẻ option của HTML) cho hộp chọn (thẻ select của HTML) với nội dung giữa thẻ option là tên nhóm sản phẩm (itemLabel=”#{sate.name}”) và thuộc tính value của option sẽ được điền mã nhóm (itemValue=”#{sate.id}”).

Mỗi khi chọn một phần tử trong hộp chọn sự kiện onchange sẽ phát sinh (HTML), chúng ta có thể đón nhận sự kiện này dưới ManageBean qua thuộc tính valueChangeListener=”#{products.select_cid_change}” của selectOneMenu để xử lý sự kiên và cập nhật lại danh sách sản phẩm.

Mã nguồn tham khảo –> ở đây

JSF and Strut questions and anwsers


  1. Struts was first developed
    1. in an online exchange between several open source developers
    2. over a long holiday weekend(TRUE)
    3. as a commercial package
  2. The reset method on an ActionForm
    1. Sets all properties to their initial value
    2. Sets all properties to null
    3. Repopulates all properties from the request parameters
    4. None of the above(TRUE)
  3. Each Struts Action element is uniquely identified by its
    1. Input attribute
    2. Name attribute
    3. Page attribute
    4. Path attribute(TRUE)
  4. The name of the Application Resources file is set by the servlet init-param named
    1. Application(TRUE)
    2. Resources
    3. ApplicationResources
    4. messages
  5. The validating init-param of the ActionServlet is used to
    1. Bypass calls to the ActionForm validate method
    2. Bypass validation of the Struts configuration file(TRUE)
    3. Generate an error message if an unknown message key is used
  6. To specify an ActionMapping to use when a request doesn’t match any other mapping, you can
    1. Use an asterisk for the path property
    2. Set the “default” property of the mapping to “true”
    3. Set the “unknown” property of the mapping to “true”(TRUE)
    4. Set the “missing” init-param of the ActionServlet to the mapping’s path
  7. In Struts 1.1, you can change how Struts populates a form by
    1. Overriding the populate method of the ActionForm
    2. Overriding the processPopulate method of the Request Processor(TRUE)
    3. Overriding the populateBean method of the ActionMapping
  8. The < bean:write > tag is:
    1. Always converts HTML markup to entity equivalents, like &lt;
    2. Never converts HTML markup to entity equivalents
    3. Converts markup when filter=true(TRUE)
    4. Converts markup when markup=false
  9. From a MVC perspective, Struts provides the
    1. Model
    2. View
    3. Controller(TRUE)
  10. Struts Framework is well suited for application of ____ size.
    1. Small
    2. Any(TRUE)
    3. Average
    4. Very small
  11. MVC is :
    1. Mode-View-Controller
    2. Model-View-Converter
    3. Model-Viewer-Controller
    4. Model-View-Controller(TRUE)
  12. What is Action Class ?
    1. The Action Class is a wrapper around the business logic and is a part of Model(TRUE)
    2. Nothing special about the Action class
    3. Action Class is a wrapper around the Internet logic
    4. None of the above
  13. An ActionForm is a JavaBean which extends the:
    1. struts.action.ActionForm(TRUE)
    2. apache.struts.action.ActionForm
    3. action.ActionForm
    4. ActionForm
  14. Use the following command (tag) to display the error on the jsp page:
    1. < html:errors/ >
    2. < html:errors/ >(TRUE)
    3. < errors / >
    4. < html=errors/ >
  15. What of following features can _not_ be configured in the JSF configuration file?
    1. Navigation rules
    2. Managed Beans
    3. Custom components
    4. Application Name(TRUE)
  16. In JSF – Which tag must enclose all other tags on a Faces JSP page?
    1. < f:faces >
    2. < f:view >(TRUE)
    3. < h:jsf >
    4. < h:view >
  17. In JSF – Why does the HtmlForm component render a <hidden> field?
    1. Command events
    2. Submit events
    3. Action events(TRUE)
    4. Click events
  18. In JSF – Why does the HtmlForm component render a < hidden > field
    1. To keep track of its identifier
    2. To keep track of the components in tree
    3. To set its submitted property(TRUE)
    4. For JavaScript integration
  19. What are the main features of JSF ? ( Choose many )
    1. Page navigation specification(TRUE)
    2. Standard user interface components like input fields, buttons, and links(TRUE)
    3. Read xml file
    4. Easy error handling(TRUE)
  20. In JSF – Components can be nested within another component
    1. True(TRUE)
    2. False

Next 20 –>

  1. Which one of the following tags renders a single radio button?
    1. <h:selectBooleanCheckbox>
    2. <h:selectOneRadio>
    3. <h:selectOneCheckbox>
    4. <h:selectManyCheckbox>
  2. The tag library that allows you to keep common content in a Web application, at a common location and insert it where necessary is
    1. HTML tag library
    2. Logic tag library
    3. Bean tag library
    4. Template tag library
  3. The tag used to create an input field that is not visible to the user is _______________.
    1. <h:inputSecret>
    2. <h:inputHidden>
    3. <h:inputPassword>
    4. <h:inputText>
  4. ______________ class is used to uniquely represent a locale of a country.
    1. faces.render.Locale
    2. util.Locale
    3. faces.context.Locale
  5. Creating and using a custom converter requires implementing _____________ and _____________ methods provided by Converter interface.
    1. getObject()
    2. getAsObject()
    3. getAsString()
    4. getString()
  6. It is possible to have more than one Faces configuration file.
    1. True
    2. False
  7. ________ classplays the role of the controller and is responsible for handling all the requests.
    1. Action
    2. ActionServlet
    3. RequestProcessor
    4. Plugin
  8. The tag used to create a text box to accept a password is _______________.
    1. <h:inputSecret>
    2. <h:inputHidden>
    3. <h:inputPassword>
    4. <h:inputText>
  9. Which of the following UI Component acts as a container for all other components?
    1. UIParameter
    2. UIForm
    3. UIViewRoot
    4. UISelectItem
  10. Which of the following statements are true about the reset() method of ActionForm class?
    1. Sets all properties to their initial value
    2. Sets all properties to null
    3. Repopulates all properties from the request parameters
    4. None of the above
  11. _______________________ declares a set of rules that define the next view for the user based on his/her actions.
    1. JSF Navigation Model
    2. JSF View Model
    3. JSF Forward Model
    4. JSF Model
  12. The file that provides a set of utility classes and interfaces that handle data structures used to store data in an application is _________.
    1. commons-beanutils.jar
    2. commons-collections.jar
    3. commons-digester.jar
    4. commons-logging.jar
  13. Which method of ActionServlet class maps the servlet name to a URL in the Web application?
    1. init()
    2. save()
    3. addmapping()
    4. addServletMapping()
  14. The JSF tag used to show all the error messages in a JSP page is ____________.
    1. <h:message>
    2. <h:messages>
    3. <f:messages>
    4. <f:message>
  15. Which one of the following JSF expressions, references an application’s context path?
    1. #{contextPath}
    2. #{requestContextPath}
    3. #{facesContext.externalContext.requestContextPath}
    4. ${request.contextPath}
  16. Each Struts Action element is uniquely identified by its __________.
    1. Input attribute
    2. Name attribute
    3. Path attribute
    4. Page attribute
  17. Which one of the following events is generated by the <h:commandButton> tag of JSF ?
    1. Command event
    2. Submit event
    3. Action event
    4. Click event
  18. Which one of the following Action classes provides a mechanism for switching between modules in a modularized Struts application?
    1. SwitchAction
    2. DispatchAction
    3. IncludeAction
    4. LocaleAction
  19. The Struts class which handles the actual execution of the request is ________.
    1. ActionForward
    2. Action
    3. RequestProcessor
    4. ActionServlet
  20. The Struts tag used to display the error in the JSP page is ______________.
    1. <html:errors/>
    2. <html:errors>
    3. <errors>
    4. <html=errors>

Next 13 (sun)

  1. Struts was first developed
    1. in an online exchange between several open source developers
    2. over a long holiday weekend
    3. as a commercial package
  2. The reset method on an ActionForm
    1. Sets all properties to their initial value
    2. Sets all properties to null
    3. Repopulates all properties from the request parameters
    4. None of the above (do nothing)
  3. Each Struts Action element is uniquely identified by its
    1. Input attribute
    2. Name attribute
    3. Page attribute
    4. Path attribute
  4. The name of the Application Resources file is set by the servlet init-param named
    1. application
    2. resources
    3. ApplicationResources
    4. messages
  5. The validating init-param of the ActionServlet is used to
    1. Bypass calls to the ActionForm validate method
    2. Bypass validation of the Struts configuration file
    3. Generate an error message if an unknown message key is used
  6. To specify an ActionMapping to use when a request doesn’t match any other mapping, you can
    1. Use an asterisk for the path property
    2. Set the “default” property of the mapping to “true”
    3. Set the “unknown” property of the mapping to “true”
    4. Set the “missing” init-param of the ActionServlet to the mapping’s path
  7. If you have created a custom ActionMapping subclass with the property “service”, you can initialize the value to “selectRecord” using
    1. <init-property name=”service” value=”selectRecord”/>
    2. <set-property property=”service” value=”selectRecord”/>
    3. <put-field key=”service” content=”selectRecord”/>
  8. In Struts 1.1, you can change how Struts populates a form by
    1. Overriding the populate method of the ActionForm
    2. Overriding the processPopulate method of the Request Processor
    3. Overriding the populateBean method of the ActionMapping
  9. The <bean:write> tag is:
    1. Always converts HTML markup to entity equivalents, like &lt;
    2. Never converts HTML markup to entity equivalents
    3. Converts markup when filter=true
    4. Converts markup when markup=false
  10. To prevent possible security issues with the <html:password> tag, you should
    1. Call the reset method if validation fails
    2. Set the tag’s redisplay property to false
    3. Set the tag’s reset property to false
    4. Use a plain html tag instead
  11. To localize Tiles, you can
    1. Create separate configuration files for each locale
    2. Specify an locale for a definition
    3. Either A or B
  12. To localize Validator forms, you can
    1. Create separate configuration files for each locale
    2. Specify a locale for a form-set
    3. Either A or B
  13. From a MVC perspective, Struts provides the
    1. Model
    2. View
    3. Controller

Next 20 –>> 20 question_3

Strut2 ví dụ căn bản


 

Basic exercise:

Using Strut 2 to develop login application.

clip_image002

If login fail

clip_image004

If login successful

clip_image006

1. Create Java web application base on Strut2 framework as figure below.

clip_image008

2. Create some file as structure

clip_image009

3. Open struts.xml and modify as

clip_image011

4. Open appResources: create some keys

clip_image012

5. Open Login class and add new code as

clip_image014

6. Generate getter/setter for two field above

clip_image016

7. Next, design login page

clip_image018

8. Next, index.jsp page

clip_image020

9. Next, error.jsp page

clip_image022

10. Now, deploy and run login.jsp page

Strut2-Validation

Using Strut validate input data

clip_image023

If input data invalid

clip_image024

If input data is valid

clip_image025

clip_image027

1. Design customer.jsp as

clip_image029

2. Add some new key to appResources

clip_image030

3. Assign Customer action in struts.xml

clip_image031

4. Add new class with name “Customer” into codes package

clip_image032

5. Generate setter and getter for 4 fields

6. Add new file “Customer-validation.xml” into package

clip_image033

Now, re-deploy and run

Using annotations

All action class must be inside actions package

clip_image034

Strut Controller now change to org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter

1 <filter> 2 <filter-name>struts2</filter-name> 3 <filter-class> 4 org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter 5 </filter-class> 6 <init-param> 7 <param-name>actionPackages</param-name> 8 <param-value>codes</param-value> 9 </init-param> 10 </filter> 11 <filter-mapping> 12 <filter-name>struts2</filter-name> 13 <url-pattern>/*</url-pattern> 14 </filter-mapping>

If your Action extend from ActionSupport, then your Action class name has no rule required.

Ex: Login action beloved

Otherwise, action class name must end with Action string

Ex: account action

1 @Namespace("/") 2 @ResultPath(value = "/") 3 @Results({ 4 @Result(name = "success", location = "index.jsp"), 5 @Result(name = "error", location = "error.jsp")} 6 ) 7 public class accountAction { 8 @Action(value="account") 9 public String execute() throws Exception { 10 if ("nvmit".equals(getName())) { 11 return SUCCESS; 12 } else { 13 return ERROR; 14 } 15 } 16 private String name =""; 17 public String getName() { 18 return name; 19 } 20 public void setName(String name) { 21 this.name = name; 22 } 23 }

@Namespace Annotation in Struts 2

@Namespace is used at class level or package level. This helps to change the namespace for action class. While accessing or calling action class, it hides package structure. When namespace is applied at package level, all the action of that package gets that namespace as default.

1 @Results({ 2 @Result(name = "SUCCESS", location = "/user/index.jsp"), 3 @Result(name = "ERROR", location = "/user/error.jsp") 4 }) 5 @Namespaces( 6 @Namespace("/user") 7 ) 8 public class Login extends ActionSupport{ 9 @Action(value = "/user/login") 10 public String execute() throws Exception { 11 if ("nvmit".equals(getName()) && "nvmit".equals(getPwd())) { 12 return "SUCCESS"; 13 } else { 14 return "ERROR"; 15 } 16 } 17 18 //Java Bean to hold the form parameters 19 private String name; 20 private String pwd; 21 22 public String getName() { 23 return name; 24 } 25 26 public void setName(String name) { 27 this.name = name; 28 } 29 30 public String getPwd() { 31 return pwd; 32 } 33 34 public void setPwd(String pwd) { 35 this.pwd = pwd; 36 } 37 } 38

The above class can be accessed by @Namespace + @Action that is /user/form
http://localhost:8080/Struts2Demo-1/user/form

Create Project with beloved structure

clip_image035

Project Structure

user/login.jsp

1 <%@ taglib uri="/struts-tags" prefix="s"%> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=US-ASCII"> 5 <title>Login Page</title> 6 </head> 7 <body> 8 <h3>Welcome User, please login below</h3> 9 <s:form action="/user/login"> 10 <s:textfield name="name" label="User Name"></s:textfield> 11 <s:textfield name="pwd" label="Password" type="password"></s:textfield> 12 <s:submit value="Login"></s:submit> 13 </s:form> 14 </body> 15 </html>

user/index.jsp

1 <%@page contentType="text/html" pageEncoding="UTF-8"%> 2 <%@taglib prefix="s" uri="/struts-tags" %> 3 <!DOCTYPE html> 4 <html> 5 <head> 6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 7 <title>JSP Page</title> 8 </head> 9 <body> 10 <h1>Hello <s:property value="name" /></h1> 11 </body> 12 </html>

account.jsp

1 <%@page contentType="text/html" pageEncoding="UTF-8"%> 2 <%@taglib prefix="s" uri="/struts-tags" %> 3 <!DOCTYPE html> 4 <html> 5 <head> 6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 7 <title>JSP Page</title> 8 </head> 9 <body> 10 <h1>Hello <s:property value="name" /></h1> 11 </body> 12 </html> 13

Index.jsp same above

 

Download source code ===> here

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


OBJECTIVES

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

Hints:

  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

page-flow

<application> 
 <view-handler>com.sun.facelets.FaceletViewHandler</view-handler> 
 <resource-bundle> 
 <var>bundle</var> 
 <base-name>code.guiMessage</base-name> 
 </resource-bundle> 
 <locale-config> 
 <default-locale>vi</default-locale> 
 </locale-config> 
</application>

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

bundle

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

properties

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

Index.jsp with two language

index1

Add Add.jsp page

add

<%@page contentType="text/html"%> 
<%@page pageEncoding="UTF-8"%> 
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%> 
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%> 
<f:view> 
 <h:form> 
 <table> 
 <tr> 
 <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"/> 
 </td> 
 </tr> 
 <tr> 
 <td> 
 <h:outputText> 
 <f:attribute name="value" value="#{bundle.id}"/> 
 </h:outputText> 
 </td> 
 <td> 
 <h:inputText value="#{Customer.customerID}"> 
 
 </h:inputText> 
 </td> 
 </tr> 
 <tr> 
 <td><h:outputText value="#{bundle.CompanyName}"/></td> 
 <td><h:inputText value="#{Customer.companyName}"/></td> 
 </tr> 
 <tr> 
 <td><h:outputText value="#{bundle.Address}"/></td> 
 <td><h:inputText value="#{Customer.address}"/></td> 
 </tr> 
 <tr> 
 <td></td> <td><h:commandButton value="#{bundle.register}" action="list" 
actionListener="#{Customer.AddNew}"/></td> 
 </tr> 
 </table> 
 </h:form> 
</f:view>