JSF Example (Simple JSF Application)

Here is a code for Simple JSF Application, Getting input from the User and displaying it to User. This application is tested in Netbeans 8.0.2.

Files to be Created:
input.xhtml (JSF page)
show.xhtml (JSF page)
Student.java (JSF Managed Bean)

Student.java

import javax.inject.Named;
import javax.faces.bean.ManagedBean;

@ManagedBean
@Named(value = "student")

public class Student {

    String sname;
    String sdept;
    String semail;
    String scontact;

    public String getSname() {
        return sname;
    }

    public void setSname(String sname) {
        this.sname = sname;
    }

    public String getSdept() {
        return sdept;
    }

    public void setSdept(String sdept) {
        this.sdept = sdept;
    }

    public String getSemail() {
        return semail;
    }

    public void setSemail(String semail) {
        this.semail = semail;
    }

    public String getScontact() {
        return scontact;
    }

    public void setScontact(String scontact) {
        this.scontact = scontact;
    }

    public String getSid() {
        return sid;
    }

    public void setSid(String sid) {
        this.sid = sid;
    }
    String sid;
    public Student() {
    }
}

input.xhtml

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
         xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <title>Getting Input</title>
    </h:head>
    <h:body>
        
            <table>
                <h:form>
                <tr>
                   <td>Student Name: </td>
                   <td> <h:inputText value="#{student.sname}"/> </td>
                </tr>
                 <tr>
                   <td>Student ID: </td>
                   <td> <h:inputText value="#{student.sid}"/> </td>
                </tr>
                 <tr>
                   <td>Student Department: </td>
                   <td> <h:inputText value="#{student.sdept}"/> </td>
                </tr>
                 <tr>
                   <td>Student contact: </td>
                   <td> <h:inputText value="#{student.scontact}"/> </td>
                </tr>
                 <tr>
                   <td>Student Email: </td>
                   <td> <h:inputText value="#{student.semail}"/> </td>
                </tr>
                <tr>
                    <td> <h:commandButton value="submit" action="show"></h:commandButton> </td>
                </tr>
                    </h:form>
            </table>
        
    </h:body>
</html>

show.xhtml (Displaying to the user)

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <title>Show</title>
    </h:head>
    <h:body>
        <table>
            <tr>
                <td>Student Name: </td>
                <td> <h:outputLabel value="#{student.sname}"/> </td>
            </tr>
            <tr>
                <td>Student ID: </td>
                <td> <h:outputText id="o3" value="#{student.sid}"/> </td>
            </tr>
            <tr>
                <td>Student Department: </td>
               <td> <h:outputText id="o4" value="#{student.sdept}"/> </td>
            </tr>
            <tr>
                <td>Student Contact: </td>
               <td> <h:outputText id="o5" value="#{student.scontact}"/> </td>
            </tr>
            <tr>
                <td>Student Email: </td>
               <td> <h:outputText id="o1" value="#{student.semail}"/> </td>
            </tr>
        </table>
    </h:body>
</html>

 

By Sri

Leave a Reply

Your email address will not be published. Required fields are marked *