Jsp
Upcoming SlideShare
Loading in...5
×
 

Jsp

on

  • 4,333 views

 

Statistics

Views

Total Views
4,333
Views on SlideShare
4,332
Embed Views
1

Actions

Likes
4
Downloads
255
Comments
0

1 Embed 1

http://localhost 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Jsp Jsp Document Transcript

  • 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 1. Buat Project baru dengan nama LatihanEmpat2 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>&nbsp;</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" %> <%@page contentType="text/html"%> <%@page pageEncoding="UTF-8"%> <html> <head> <title>Latihan 4.2</title> </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 1. Buat Project baru dengan nama LatihanEmpat3 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 <%@page contentType="text/html"%> <%@page pageEncoding="UTF-8"%> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Latihan 4.3</title> </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 <%@ include file="koneksi.jsp" %> <% 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 <%@page contentType="text/html"%> <%@page pageEncoding="UTF-8"%> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Latihan 4.3</title> </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 <%@ include file="koneksi.jsp" %> <% 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 <%@page contentType="text/html"%> <%@page pageEncoding="UTF-8"%> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Latihan 4.3</title> </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 <%@ include file="koneksi.jsp" %> <% 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