Ryan Diputra

Untuk mendeskripsikan tutorial membuat program dengan Scope session

buat lah project baru dengan nama "Javabean" lalu buat file jsp di dalam web pages dengan nama index.jsp dan struktur coding yang seperti ini

index.jsp
<%@ include file="/WEB-INF/jspf/header.jspf" %>
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">

        <title>Scope Session</title>

    </head>
    <body>
        <form name="login" action="sales.jsp" method="post">
            <table width=200" border="0">
                <tr>
                    <td width="56" >Nama </td>
                    <td width="128"><input type="text" name="namaUser"> </td>
                </tr>
                <tr>
                    <td> Kelas </td>
                    <td> <input type="text" name="kelas"></td>
                </tr>
                <tr>
                    <td> Umur </td>
                    <td> <input type="text" name="umur"> </td>
                </tr>
                <tr>
                    <td> Alamat </td>
                    <td> <input type="text" name="keterangan"></td>
                </tr>
                <tr>
                    <td> hobi </td>
                    <td> <input type="text" name="hobi"></td>
                </tr>
                <tr>
        </tr>

                <tr>
                    <td colspan="2"><input type="submit" name="submit" value="submit"></td>
                </tr>

            </table>
        </form>
    </body>
</html>

Setelah itu buat file jsp lagi di dalam webpages dengan nama sales.jsp dengan strukur coding seperti ini..

sales.jsp
<%@ include file="/WEB-INF/jspf/header.jspf" %>
<jsp:useBean id="userData" scope="session" class="com.infobean.UserData" />
<jsp:setProperty name="userData" property="*" />
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
    </head>
    <body>
        <h2> Selamat datang, <%=userData.getNamaUser()%> </h2>
        Kelas anda = <jsp:getProperty name="userData" property="kelas" /> <br>
        Umur Anda = <jsp:getProperty name="userData" property="umur" /> <br>
        Alamat Anda = <jsp:getProperty name="userData" property="keterangan" /> <br>
        Hobi Anda = <jsp:getProperty name="userData" property="hobi" /> <br>

        <a href="index.jsp"> Login </a>
    </body>
</html>

setelah itu buat lah pacakage pada source pacakage dengan nama com.infobean.. lalu buat class dengan nama userdata.class...

userdata.class
package com.infobean;
public class UserData{
        private String namaUser;
        private String kelas;
        private String keterangan;
        private int umur;
        private String hobi;


        public UserData(){
}


       /*Public String getnamaUser(){
            return namaUser;
        }
        public void setnamaUser(String namaUser) {
            this.namaUser = namaUser;
        }

        public String getkelas(){
            return kelas;
        }
        public void setkelas(String kelas){
            this.kelas = kelas;
        }

        public int getUmur(){
            return umur;
        }
        public void setumur(int umur){
            this.umur = umur;
        }

        public String getketerangan(){
            return keterangan;
        }
        public void setketerangan(String keterangan){
            this.keterangan = keterangan;
        }

        public String gethobi(){
            return hobi;
        }
        public void sethobi(String hobi){
            this.hobi = hobi;
        }*/

    public String getNamaUser() {
        return namaUser;
    }

    public void setNamaUser(String namaUser) {
        this.namaUser = namaUser;
    }

    public String getKelas() {
        return kelas;
    }

    public void setKelas(String kelas) {
        this.kelas = kelas;
    }

    public String getKeterangan() {
        return keterangan;
    }

    public void setKeterangan(String keterangan) {
        this.keterangan = keterangan;
    }

    public int getUmur() {
        return umur;
    }

    public void setUmur(int umur) {
        this.umur = umur;
    }

    public String getHobi() {
        return hobi;
    }

    public void setHobi(String hobi) {
        this.hobi = hobi;
    }
}


lalu buat header.jspf pada web inf seperti ini...

header.jspf
<%-- any content can be specified here e.g.: --%>
<%@ page pageEncoding="UTF-8" %>
<%@ page import ="java.util.*,java.text.*" %>
<h2>This is Scope Session</h2>
<%
    DateFormat tanggal = DateFormat.getDateInstance(DateFormat.FULL);
    String ds = tanggal.format(new Date());
%>
<h4> today : <%=ds%> </h4><hr>

Jika sudah selesai, run file pada index.jsp..
maka akan tampil pada layar browser seperti ini