Jsp

Modul Praktikum Pemrograman Java

Tahun Ajaran 2006/2007

Konsep :
Emha Taufiq Luthfi

J2EE

Materi 4
Bekerja dengan Cookie, Session, dan Database
Tujuan
Setelah melaksanakan praktikum diharapkan mahasiswa dapat :
Mengetahui tentang cookies, session dan penggunaannya
Mengetahui cara melakukan koneksi dan pemroresan database dengan JSP

Teori Singkat
Cookies
Cookies digunakan untuk meletakkan informasi tertentu pada client. Cookies dikirimkan oleh
web server kepada browser dan browser mengembalikan nilai cookie yang tetap setiap
mengunjungi website atau domain yang sama.
Beberapa keuntungan penggunaan cookies antara lain :
- Mengidentifikasi pengguna selama sesi dalam e-commerce
- Mengingat username dan password
- Kustomisasi website
Penggunaan umum :
Membuat cookie :
Cookie c = new Cookie(“name”,”value”)
Menentukan waktu hidup :
c.setMaxAge(…);
Membaca Cookie dari browser :
Cookie[] cookies = request.getCookies();
For (int i=0; i<cookies.length; i++) {
Cookie c = cookies[i];
if (c.getName().equals(“someName”)){
doSomethingWith(c);
break;
}
}
atau Cookie dapat dibaca dengan cara sederhana :
ServletUtilities.getCookie atau ServletUtilities.getCookieValue

Session
HTTP merupakan protocol yang “stateless”. Setiap kali client melakukan request ke web page,
maka akan dibuka koneksi ke web server dan server tidak secara otomatis menyimpan informasi
mengenai client. Untuk penanganan sesi, servlet menyediakan API HttpSession. Dalam JSP
HttpSession diwujudkan dalam variabel yang telah didefinisikan dengan nama session.
Tiga metode utama yang dimiliki obyek session :
setAttribute(String nama, Object value)
getAttribute(String nama)
removeAttribute(String nama, Object value)

1

J2EE

Database
Untuk bekerja dengan database pada JSP, maka dilakukan mekanisme serupa dengan bekerja
menggunakan pemrograman java standar. Pada java, JDBC menyediakan pustaka standar untuk
bekerja dengan database.
7 langkah untuk bekerja dengan database :
1. Buka JDBC driver
Contoh : Class.forName(”package.DriverClass”);
2. Definisikan URL koneksi
Contoh : String oracleURL = ”jdbc:oracle:thin:@host:port:dbname”
3. Buka Koneksi
Contoh : Connection conn = DriverManager.getConnection(URL, username, password);
4. Buat obyek statement
Contoh : Statement sttmt = conn.createStatement();
5. Jalankan query atau update
Contoh : ResulSet rs = statement.executeQuery(query);
6. Proses hasil
Contoh : while (rs.next()) {
Rs.getString(columnName);
}
7. Tutup koneksi
Contoh : connection.close();

Latihan 4.1
1. Buat Project baru dengan nama LatihanEmpat1
2. Dalam project baru tersebut, ubah file index.jsp sehingga listing kodenya menjadi seperti
pada listing 4.1
Listing 4.1

<p>HALAMAN INI MEMBUAT COOKIES</p>
<%
Cookie c = new Cookie("pengguna","STMIK AMIKOM Yogyakarta");
c.setMaxAge(60);
response.addCookie(c);
%>

<p><a href="bacacookie.jsp">Halaman Baca Cookie</a></p>

3. Tambahkan sebuah file jsp, beri nama bacacookie.jsp. Ubah kode file bacacookie.jsp menjadi
seperti pada listing 4.2

2

J2EE

Listing 4.2

<p>INFO DALAM COOKIES :</p>
<%
Cookie[] cookies = request.getCookies();
for (int i=0;i<cookies.length;i++) {
out.println("<p>" + cookies[i].getName() + " = "
+ cookies[i].getValue() + "</p>");
}
%>
<p><a href="index.jsp">Index</a></p>

4. Simpan, Compile dan Coba jalankan !

Latihan 4.2
2. Dalam project baru tersebut, ubah file index.jsp sehingga listing kodenya menjadi seperti
pada listing 4.3

3

J2EE

Listing 4.3

<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Latihan 4.2</title>
</head>
<body>
<h3>HALAMAN LOGIN</h3>
<form name="frmlogin" method="post" action="ceklogin.jsp">
<table border="0">
<tr>
<td>Nama Pengguna :</td>
<td><input type="text" name="namapengguna" size="10"></td>
</tr>
<tr>
<td>Password :</td>
<td><input type="password" name="password" size="10"></td>
</tr>
<tr>
<td><input type="submit" name="login" value="Login"></td>
<td> </td>
</tr>
</table>
</form>
</body>
</html>

3. Tambahkan sebuah file jsp, beri nama ceklogin.jsp. Ubah kode file ceklogin.jsp menjadi
seperti pada listing 4.4
Listing 4.4

<%
String pengguna = request.getParameter("namapengguna");
String password = request.getParameter("password");

if ((pengguna.trim().equals("amikom"))&&(password.trim().equals("oke"))) {
session.setAttribute("sudahlogin","ok");

%>
<jsp:forward page="content.jsp"></jsp:forward>
<%
} else {
%>
<h4>Nama Pengguna atau Password Salah, Silakan Cek !</h4>
<h4><a href="index.jsp">Halaman Login</a></h4>
<%
}

%>

4. Tambahkan sebuah file jsp, beri nama sesi.jsp. Ubah kode file sesi.jsp menjadi seperti pada
listing 4.5

4

J2EE

Listing 4.5

<%
if (session.getAttribute("sudahlogin")==null) {
%>
<jsp:forward page="index.jsp"></jsp:forward>
<%
}
%>

5. Tambahkan sebuah file jsp, beri nama content.jsp. Ubah kode file content.jsp menjadi seperti
pada listing 4.6
Listing 4.6

<%@ include file="sesi.jsp" %>
<html>
<head>
</head>
<body>
<p>ANDA AKAN DAPAT MELIHAT HALAMAN INI KALO SUDAH LOGIN</p>
<p><a href="logout.jsp">Keluar</a></p>
</body>
</html>

6. Tambahkan sebuah file jsp, beri nama logout.jsp. Ubah kode file logout.jsp menjadi seperti
pada listing 4.7
Listing 4.7

<%
session.removeAttribute("sudahlogin");
%>
<jsp:forward page="index.jsp"></jsp:forward>

7. Simpan, compile semua file, coba jalankan dan pelajari !

5

J2EE

Latihan 4.3
2. Buat database baru dengan javadb, melalui menubar. Klik tools → Java Db Database →
Create Java Db Database

3. Beri nama database : TOKO BUKU
User Name : buku
Password : buku

6

J2EE

4. Aktifkan tab run time, kemudian klik kanan pada : jdbc:derby://localhost:1527/TOKO
BUKU kmd klik connect

5. Klik Kanan pada Table → kemudian execute command

6. Buat table dan baris datanya dengan query berikut :
Table Pemasok :

7

J2EE

Tabel Buku :

8

J2EE

7. Ubah index.jsp seperti pada listing 4.8
Listing 4.8

<html>
<head>
</head>
<body>
<h3>TOKO BUKU</h3>
<p><a href="tampilpemasok.jsp">Data Pemasok</a></p>
<p><a href="tampilbuku.jsp">Data Buku</a> </p>
</body>
</html>

8. Tambahkan sebuah file koneksi.jsp, ubah listingnya seperti pada listing 4.9
Listing 4.9

<%@ page import="java.sql.*" %>
<%
Class.forName("org.apache.derby.jdbc.ClientDriver");
String url = "jdbc:derby://localhost:1527/TOKO BUKU";
String user = "buku";
String passwd = "buku";
Connection conn = DriverManager.getConnection(url,user,passwd);

%>

9. Tambahkan sebuah file tampilpemasok.jsp, ubah listingnya seperti pada listing 4.10
Listing 4.10

<%@ include file="koneksi.jsp" %>

<%
ResultSet rsPemasok = sttmt.executeQuery("SELECT * FROM pemasok");
%>
<html>
<head><title>Latihan 4.3</title></head>
<body>
<h3>DATA PEMASOK</h3>
<table border="1">
<tr>
<td>ID PEMASOK</td>
<td>NAMA PEMASOK</td>
<td>ALAMAT PEMASOK</td>
<td colspan="2">PROSES</td>
</tr>
<%
while (rsPemasok.next()) {
String idpmsk = rsPemasok.getString(1);
String nmpmsk = rsPemasok.getString(2);
String almpmsk = rsPemasok.getString(3);
%>

9

J2EE

<tr>
<td><%=idpmsk%></td>
<td><%=nmpmsk%></td>
<td><%=almpmsk%></td>
<td><a href="editpemasok.jsp?id=<%=idpmsk%>">Edit</td>
<td><a href="hapuspemasok.jsp?id=<%=idpmsk%>">Hapus</td>
</tr>
<%
}
%>
</table>
<p><a href="tambahpemasok.jsp">Tambah Pemasok</a></p>
<p><a href="index.jsp">Home</a></p>
</body>
</html>

10. Tambahkan sebuah file tampilbuku.jsp, ubah listingnya seperti pada listing 4.11
Listing 4.11


<%
ResultSet rsBuku = sttmt.executeQuery("SELECT * FROM buku");
%>
<html>
<head><title>Latihan 4.3</title></head>
<body>
<h3>DATA BUKU</h3>
<table border="1">
<tr>
<td>ID BUKU</td>
<td>JUDUL BUKU</td>
<td>ID PEMASOK</td>
<td colspan="2">PROSES</td>
</tr>
<%
while (rsBuku.next()) {
String idbuku = rsBuku.getString(1);
String jdlbuku = rsBuku.getString(2);
String idpmsk = rsBuku.getString(3);
%>
<tr>
<td><%=idbuku%></td>
<td><%=jdlbuku%></td>
<td><%=idpmsk%></td>
<td><a href="editbuku.jsp?id=<%=idbuku%>">Edit</td>
<td><a href="hapusbuku.jsp?id=<%=idbuku%>">Hapus</td>
</tr>
<%
}
%>
</table>
<p><a href="tambahbuku.jsp">Tambah Buku</a></p>
<p><a href="index.jsp">Home</a></p>
</body>
</html>

10

J2EE

11. Tambahkan sebuah file tambahpemasok.jsp, ubah listingnya seperti pada listing 4.12
Listing 4.12

<html>
<head>
</head>
<body>

<h3>Tambah Pemasok</h3>
<form name="tambahpemasok" action="tambahpemasok2.jsp" method="POST">
<table border="0">
<tbody>
<tr>
<td>ID PEMASOK</td>
<td>:</td>
<td><input type="text" name="idpmsk" value="" size="5" /></td>
</tr>
<tr>
<td>NAMA PEMASOK</td>
<td>:</td>
<td><input type="text" name="nmpmsk" value="" size="20" /></td>
</tr>
<tr>
<td>ALAMAT PEMASOK</td>
<td>:</td>
<td><input type="text" name="almpmsk" value="" size="20" /></td>
</tr>
<tr>
<td colspan="3">
<input type="submit" value="simpan" name="simpanpemasok" /></td>
</tr>
</tbody>
</table>

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

12. Tambahkan sebuah file tambahpemasok2.jsp, ubah listingnya seperti pada listing 4.13
Listing 4.13

<%
String id = request.getParameter("idpmsk");
String nm = request.getParameter("nmpmsk");
String alm = request.getParameter("almpmsk");

sttmt.executeUpdate
("insert into pemasok values ('"+ id +"','"+ nm +"','"+ alm +"')");

%>
<jsp:forward page="tampilpemasok.jsp"></jsp:forward>

11

J2EE

13. Tambahkan sebuah file tambahbuku.jsp, ubah listingnya seperti pada listing 4.14
Listing 4.14

<html>
<head>
</head>
<body>

<h3>Tambah Buku</h3>
<form name="tambahbuku" action="tambahbuku2.jsp" method="POST">
<table border="0">
<tbody>
<tr>
<td>ID BUKU</td>
<td>:</td>
<td><input type="text" name="idbuku" value="" size="5" /></td>
</tr>
<tr>
<td>JUDUL BUKU</td>
<td>:</td>
<td><input type="text" name="jdlbuku" value="" size="20" /></td>
</tr>
<tr>
<td>ID PEMASOK</td>
<td>:</td>
<td><input type="text" name="idpmsk" value="" size="20" /></td>
</tr>
<tr>
<td colspan="3">
<input type="submit" value="simpan" name="simpanbuku" /></td>
</tr>
</tbody>
</table>

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

14. Tambahkan sebuah file tambahbuku2.jsp, ubah listingnya seperti pada listing 4.15
Listing 4.15

<%
String id = request.getParameter("idbuku");
String jdl = request.getParameter("jdlbuku");
String idpmsk = request.getParameter("idpmsk");

sttmt.executeUpdate
("insert into buku values ('"+ id +"','"+ jdl +"','"+ idpmsk +"')");

%>
<jsp:forward page="tampilbuku.jsp"></jsp:forward>

12

J2EE

TUGAS
1. Tambahkan file untuk mengubah dan menghapus pemasok
2. Tambahkan file untuk mengubah dan menghapus buku
3. Bagaimana kalo id pemasok pada tambahbuku.jsp diganti pake combobox

13

Jsp

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (18)

Ähnlich wie Jsp

Ähnlich wie Jsp (20)

Jsp