membuat servlet lanjut yakni dengan cara
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
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
• 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
<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
• 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
<%@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
• 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
<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
Tidak ada komentar:
Posting Komentar