Tuesday, 4 June 2013
Percobaan
1 – Welcome JSP :
Tujuan
section ini adalah membuat halaman JSP Buat project web baru dengan nama anda ( rizafalafi )
File
New Project, pilih category Web → Web Application, klik Next Ketikkan nama
project, klik Finish
Setelah
project terbuat, secara default Netbeans membuatkan file index.jsp, yang mana
file ini adalah file JSP. Anda bisa memasukkan kode-kode java di dalamnya.
·
Pada file index.jsp kita tambahkan kode greeting seperti berikut:
<body>
<h2>Hello,
my name is Gelatik. What's yours?</h2>
<form
method="get">
<input
type="text" name="username" size="25">
<p></p>
<input
type="submit" value="Submit">
<input
type="reset" value="Reset">
</form>
<%
String
username = request.getParameter("username");
if ( username != null && username.length() > 0 ) {
%>
<%@include file="response.jsp" %>
<%
}
%>
</body>
|
·
Buat file JSP dengan nama response.jsp dan
kita tambahkan kode greeting seperti berikut :
<h2><font
color="black">Hello, <%= username
%>!</font></h2>
·
Run → Run Project
Percobaan 2 – Penggunaan JSP Scriplet,
Expression, dan Declaration:
Tujuan
section ini adalah membuat halaman JSP menggunakan Tag JSP Scrplet, Expression
dan Declaration.
·
Pada file index.jsp kita tambahkan link seperti berikut:
<br/>
<a href="./syntaks.jsp">Sintak-Sintak JSP</a>
·
Buat file JSP dengan nama syntaks.jsp:
<%@page
contentType="text/html"%> <%@page
pageEncoding="UTF-8"%>
<%! private
int count = 0; %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=UTF-8">
<title>Sintak Page</title>
</head>
<body>
<h1>Example Scriplet</h1>
<p>String username = "jeni";<br/>
Out.println(username);<br/>
Result = <%
String username = "jeni";
out.println(username);
%>
</p>
<p>
<\% for (int i=0;i < 5; i++){ \%><br/>
This line is printed 5 times.<br><br/>
<\%}\%><br/>
<%for (int i=0;i < 5; i++){%>
This line is printed 5 times.<br/>
<%}%>
</p>
<h1>Example Expression</h1>
<h3>Now is <%=new java.util.Date() %></h3>
<h1>Example Declaration</h1>
<% count++;%>
<% count++;%>
<h3>Count is <%=count%></h3>
</body>
</html>
·
Run – Run Project
Percobaan 3 – Implisit Object :
Tujuan section ini
adalah menggunakan implisit object untuk diketahui informasinya. Implisit
object disini atara lain request, response, session, dll.
·
Pada file index.jsp kita tambahkan link seperti berikut:
<br/>
<a href="./syntaks.jsp">Sintak-Sintak JSP</a>
·
Buat file JSP dengan nama information.jsp
<%@page contentType="text/html"%> <html>
<body>
<p><font size="5">Request
Information:</font></p>
<table border="0" cellpadding="0"
cellspacing="0" width="70%">
<tr>
<td width="33%"><b>Request
Method:</b></td>
<td
width="67%"><%=request.getMethod()%></td>
</tr>
<tr>
<td width="33%"><b>Request
URI:</b></td>
<td
width="67%"><%=request.getRequestURI()%></td>
</tr>
<tr>
<td width="33%"><b>Request
Protocol:</b></td>
<td
width="67%"><%=request.getProtocol()%></td>
</tr>
<tr>
<td width="33%"><b>Path
Info:</b></td>
<td
width="67%"><%=request.getPathInfo()%></td>
</tr>
<tr>
<td width="33%"><b>Path
translated:</b></td>
<td width="67%"><%=request.getPathTranslated()%></td>
</tr>
<tr>
<td width="33%"><b>Query
String:</b></td>
<td
width="67%"><%=request.getQueryString()%></td>
</tr>
<tr>
<td width="33%"><b>Content
length:</b></td>
<td
width="67%"><%=request.getContentLength()%></td>
</tr>
<tr>
<td width="33%"><b>Content
type:</b></td>
<td
width="67%"><%=request.getContentType()%></td>
</tr>
<tr>
<td width="33%"><b>Server
name:</b></td>
<td
width="67%"><%=request.getServerName()%></td>
</tr>
<tr>
<td width="33%"><b>Server
port:</b></td>
<td width="67%"><%=request.getServerPort()%></td>
</tr>
<tr>
<td width="33%"><b>Remote
user:</b></td>
<td
width="67%"><%=request.getRemoteUser()%></td>
</tr>
<tr>
<td
width="33%"><b>Remote address:</b></td>
<td
width="67%"><%=request.getRemoteAddr()%></td>
</tr>
<tr>
<td
width="33%"><b>Remote host:</b></td>
<td
width="67%"><%=request.getRemoteHost()%></td>
</tr>
<tr>
<td
width="33%"><b>Authorization scheme:</b></td>
<td
width="67%"><%=request.getAuthType()%></td>
</tr>
</table>
<p><font
size="5">Response Information:</font></p>
<table border="0"
cellpadding="0" cellspacing="0" width="70%">
<tr>
<td
width="33%"><b>Writer:</b></td>
<td
width="67%"><%=response.getWriter()%></td>
</tr>
<tr>
<td
width="33%"><b>Character Encoding:</b></td>
<td width="67%"><%=response.getCharacterEncoding()%></td>
</tr>
<tr>
<td
width="33%"><b>Content Type:</b></td>
<td
width="67%"><%=response.getContentType()%></td>
</tr>
<tr>
<td
width="33%"><b>Locale:</b></td>
<td
width="67%"><%=response.getLocale()%></td>
</tr>
<tr>
<td
width="33%"><b>Buffer Size:</b></td>
<td
width="67%"><%=response.getBufferSize()%></td>
</tr>
<tr>
<td
width="33%"><b>Class:</b></td>
<td
width="67%"><%=response.getClass()%></td>
</tr>
</table>
</body>
</html>
·
Run – Run Project
Percobaan
4 – Java Bean dalam JSP :
Tujuan section`ini
adalah menunjukkan penggunaan Java Bean dalam JSP.
Langkah-langkahnya:
·
Pada file index.jsp kita tambahkan link seperti berikut:
<br/>
<a
href="./OperasiBean.jsp">Operasi JavaBean dalam JSP</a>
·
Dalam"Sourse Packages, buat package dengan nama
jeni3.javabean
·
Dalam package itu, buat class dengan nama!User, berikut kodenya
package jeni3.javabean; /**
* @author mee_andto@yahoo.com
* @version 0.5
*/
public class User {
private String nama;
private String address;
private String contactNo;
//add more getter and setter
}
·
Buat file JSP dengan nama OperasiBean.jsp:
<%@page
contentType="text/html"%> <%@page
pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta
http-equiv="Content-Type" content="text/html;
charset=UTF-8">
<title>Penggunaan Syntak JavaBean
Page</title>
</head>
<body>
<h1>Penggunaan Syntak JavaBean
dalam JSP</h1>
<br/>
Diketahui: Javabean User dengan property
nama, address, dan contactNo.<br/>
<jsp:useBean id="user"
scope="request" class="jeni3.javabean.User"/>
<br/>
Mengambil isi property dari JavaBean
User dengan sintak jsp:getProperty adalah
<jsp:getProperty
name="user" property="nama"/> ,
<jsp:getProperty
name="user" property="address"/> , dan
<jsp:getProperty
name="user" property="contactNo"/> ;<br/>
<br/>
Mengisi property dengan sintak
jsp:setProperty.<br/>
<jsp:setProperty
name="user" property="nama" value="Dwi"/>
<jsp:setProperty
name="user" property="address"
value="Malang"/>
<jsp:setProperty
name="user" property="contactNo" value="001"/>
<br/>
Setelah diisi, mengambil lagi isi
property dari JavaBean User dengan sintak jsp:getProperty adalah
<jsp:getProperty
name="user" property="nama"/>,
<jsp:getProperty
name="user" property="address"/>, dan
<jsp:getProperty
name="user" property="contactNo"/> ;<br/>
<br/>
Mengisi property dengan sintak
jsp:setProperty.<br/>
<jsp:setProperty
name="user" property="nama" value="Jeni"/>
<jsp:setProperty
name="user" property="address"
value="Jakarta"/>
<jsp:setProperty
name="user" property="contactNo" value="002"/>
<br/>
Setelah diisi, mengambil lagi isi
property dari JavaBean User dengan sintak jsp:getProperty adalah
<jsp:getProperty
name="user" property="nama"/>,
<jsp:getProperty
name="user" property="address"/>, dan
<jsp:getProperty
name="user" property="contactNo"/> ;<br/>
<br/>
Mengisi property denga sintak
jsp:setProperty.<br/>
<jsp:setProperty
name="user" property="nama" value="Vedc"/>
<jsp:setProperty
name="user" property="address"
value="Malang"/>
<jsp:setProperty
name="user" property="contactNo" value="003"/>
<br/>
Setelah diisi, Diambil lagi isi property
dari JavaBean User dengan sintak jsp:getProperty adalah
<jsp:getProperty
name="user" property="nama"/>,
<jsp:getProperty
name="user" property="address"/>, dan
<jsp:getProperty
name="user" property="contactNo"/> ;<br/>
</body>
</html>
·
Run – Run Project
