1
Buat
file index.jsp dengan isi seperti ini :
<%@include
file="/WEB-INF/jspf/header.jspf" %>
<html>
<head>
<title>Tes biodata</title>
</head>
<body>
<form name="login" action="tesbiodata.jsp"
method="post">
<table width="50%" border="1">
<tr>
<td
width="56">Nama
</td>
<td
width="128"><input type='text' name='nama'></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>No telp </td>
<td><input
type='text' name='notelp'></td>
</tr>
<tr>
<td
colspan='2'><input type='submit' name='submit'
value='kirim'></td>
</tr>
</table>
</form>
<table border="1">
<tr><td>
<form
method="GET" action="index.jsp">
<select
name="image" size="5">
<option
value="putih.jpg" selected>Bunga Putih</option>
<option
value="merah.jpg">Bunga Merah</option>
<option
value="pink.jpg">Bunga Pink</option>
</select>
<br>
<input
type="submit" value="submit"/>
</form>
</td>
<%
String imgref="images/";
String param=
request.getParameter("image");
if (param==null)
imgref += "putih.jpg";
else
imgref += param;
%>
<td>
<img src="<%=imgref%>">
<p align="center"><%=imgref%></p>
</td>
</tr>
</table>
</body>
</html>
2. Buat
Package “com.infobean” pada Source Package
3. Buat
file java dengan nama”userrdata.java” didalam package com.infobean. file tersebut
berisi :
package com.infobean;
public class UserrData {
private String nama;
private String kelas;
private String umur;
private String notelp;
public UserrData () {
}
public String getNama(){
return nama;
}
public void setNama(String nama){
this.nama = nama;
}
public String getKelas(){
return kelas;
}
public void setKelas(String kelas) {
this.kelas = kelas;
}
public String getUmur(){
return umur;
}
public void setUmur(String umur) {
this.umur = umur;
}
public String getNotelp(){
return notelp;
}
public void setNotelp(String notelp) {
this.notelp = notelp;
}
}
4. Dalam
folder Web Page -> WEB-INF, buat file jsp “tesbiodata.jsp” dengan isi :
<html>
<head>
<title>Tes Biodata</title>
</head>
<body>
<h2> Selamat Datang, <%=UserrData.getNama()%></h2>
Nama kamu = <jsp:getProperty name="UserrData"
property="nama" /><br>
Kelas kamu = <jsp:getProperty name="UserrData"
property="kelas" /><br>
Umur kamu = <jsp:getProperty name="UserrData"
property="umur" /><br>
No telp kamu = <jsp:getProperty name="UserrData"
property="notelp" /><br>
<p></p>
<a href="index.jsp">Masuk</a>
<%
String imgref="images/";
String param=
request.getParameter("image");
if (param==null)
imgref += "putih.jpg";
else
imgref += param;
%>
<td>
<img src="<%=imgref%>">
<p align="center"><%=imgref%></p>
</body>
</html>
5. Untuk
menambah/membuat session scope pada program tes biodata ini, buatlah /
tambahkan :
<%@include
file="/WEB-INF/jspf/header.jspf" %>
<jsp:useBean id="UserrData"
scope="session" class="com.infobean.UserrData" />
<jsp:setProperty
name="UserrData" property="*" />
Sebelum tag html.
6. Cek
hasil program sederhana ini dengan me- run index.jsp
