Laporan Praktikum Modul 910 Prima Si2018D

LAPORAN PRAKTIKUM
MODUL 9 & 10
Dosen Pembimbing: Dede Irawan, M.Kom
DISUSUN OLEH:
(20180910145) Prima Augustina Rachmat
UNIVERSITAS KUNINGAN
FAKULTAS ILMU KOMPUTER
SISTEM INFORMASI
2019/2020
TUGAS
1. Dalam pembuatan database mahasiswa yang tersambung dengan JSP. Pertama
buat terlebih dahulu database mahasiswa dengan nama “mahasiswa”.
1. Pertama koneksikan MySQL dalam xampp
2. Kemudian buat sebuah database klik kanan pada MySQL Server => create
database => beri nama database “mahasiswa” => ok.
3. Setelah itu isi database dengan tabel dengan cara klik database mahasiswa =>
klik kanan pada table => create table => isi tabel seperti berikut.
4. Tambahkan isi pada table dengan klik kanan pada database mahasiswa =>
execute command => isi sesuai dengan data untuk database tersebut.
Maka akan menjadi seperti ini hasilnya.
2. Membuat sebuah project JSP.

1. Untuk membuat project JSP klik project baru => java web => web application.
Beri nama dengan modul9 => next => pilih server apache tomcat => next =>
finish.
2. Setelah itu akan ada tabel indeks lalu masukan sebuah source code seperti
dibawah ini
<%--
Document : index
Created on : 17 Jun 20, 14:32:42
Author : Prima Augustina.R
--%>
<%@page import="java.sql.DriverManager"%>
<%@page import="java.sql.ResultSet"%>
<%@page import="java.sql.Statement"%>
<%@page import="java.sql.Connection"%>
<%@page contentType="text/html" pageEncoding="UTF-

8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=UTF-8">
<title>JSP Page</title>
</head>
<body>
<div id="con">
<h3 align="center">Aplikasi CRUD</h3>
<h1 align="center">Biodata Mahasiswa</h1>
<a href="tambah.jsp">Tambah</a>
<p></p>
<%
try{
String
Host="jdbc:mysql://localhost:3306/mahasiswa";
Connection connection = null;
Statement statement = null;
ResultSet rs = null;
Class.forName("com.mysql.jdbc.Driver");
connection =
DriverManager.getConnection(Host,"root","");
statement =
connection.createStatement();
String Data="select*from
mahasiswa";
rs =
statement.executeQuery(Data);
%>
<table border="1" cellspacing="0"
cellpadding="0" width="100%">
<tr>
<th>Nim</th>
<th>Nama</th>
<th>Alamat</th>
<th>JK</th>
<th></th>
</tr>
<%
while(rs.next()){
%>
<tr>
<td><%=rs.getString("nim")%></td>
<td><%=rs.getString("nama")%></td>
<td><%=rs.getString("alamat")%></td>
<td><%=rs.getString("jk")%></td>
<td><a
href="update.jsp?u=<%=rs.getString("nim")%>">EDIT</a>
/<a
href="delete.jsp?d=<%=rs.getString("nim")%>">HAPUS</a
></td>
</tr>
<%
}
%>
</table>
<%
rs.close();
statement.close();
connection.close();
}catch (Exception ex){
out.println("Tidak dapat terhubung ke
database");
}
%>
</div>
</body>
</html>
Tabel indeks merupakan tabel menu utama untuk menampilkan sebuah data
base mahasiswa
3. Tambahkan JSP baru dengan nama tambah untuk dapat menambahkan sebuah
inputan untuk biodata mahasiswa. Kemudian setelah itu tambahkan syntax
dibawah ini
<%--
Document : tambah
Created on : 17 Jun 20, 14:59:08
--%>
<%@page import="java.sql.PreparedStatement"%>
<%@page import="javax.swing.JOptionPane"%>
8"%>
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
*{margin:auto;padding:0;}
#con2{width:500px;padding:30px;}
p{margin-bottom:10px;}
label{display:inline-block;width:150px;}
</style>
</head>
<body>
<div id="con2">
<h3 align="center">Tambah
Data</h3><p></p>
<form action="" method="post">
<p>
<label>NIM</label><input
type="text" name="nim"/>
</p>
<p>
<label>Nama</label><input
type="text" name="nama"/>
</p>
<p>
<label>Alamat</label><input
type="text" name="alamat"/>
</p>
<p>
<label>JK</label><input
type="text" name="jk"/>
</p>
<p>
<label></label><input
type="submit" name="submit" value="Simpan"/>
<a href="index.jsp">Kembali</a>
</p>
</form>
</div>
</body>
</html>
<%
String a=request.getParameter("nim");
String b=request.getParameter("nama");
String c=request.getParameter("alamat");
String d=request.getParameter("jk");
//variabel untuk menampung alamat akses database
String
url="jdbc:mysql://localhost:3306/mahasiswa";
//koneksi ke database dengan jdbc

Connection conn=null;
PreparedStatement ps=null;
Class.forName("com.mysql.jdbc.Driver").newInstance();
int updateQuery=0;
//untuk mengecek
if(a!=null && b!=null && c!=null && d!=null){
if(a!="" && b!="" && c!="" && d!=""){
try{
conn=DriverManager.getConnection(url,"root","");
String query = "insert into
mahasiswa(nim,nama,alamat,jk) values(?,?,?,?)";
ps=conn.prepareStatement(query);
ps.setString(1,a);
ps.setString(2,b);
ps.setString(3,c);
ps.setString(4,d);
updateQuery=ps.executeUpdate();
if(updateQuery!=0){
JOptionPane.showMessageDialog(null,"Berhasil Tambah
Data");
response.sendRedirect("index.jsp");
}
}catch(Exception ex){
}finally{
ps.close();
conn.close();
}
}
}
%>
Kemudian setelah menambahkan syntax tersebut selanjutnya jalankan untuk

mengetahui hasilnya
Dapat dilihat telah bertambah mahasiswa baru dengan nama FRANS.
Kemudian buat JSP baru dengan nama update. Setelah itu tambahkan syntax
dibawah.
<%--
Document : update
Created on : Jun 16, 2020, 1:09:40 PM
--%>
<%@page import="javax.swing.JOptionPane"%>
<%@page import="java.sql.ResultSet"%>
<%@page import="java.sql.PreparedStatement"%>
8"%>
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
*{margin:auto;padding:0;}
#con2{width:500px;padding:30px;}
p{margin-bottom:10px;}
label{display:inline-block;width:150px;}
</style>
</head>
<body>
<div id="con2">
<h3 align="center">Update
Data</h3><p></p>
<form action="" method="post">
<%
try{
String Host =
"jdbc:mysql://localhost:3306/mahasiswa";
Connection connection = null;
Statement statement = null;
ResultSet rs = null;
Class.forName("com.mysql.jdbc.Driver");
connection =
DriverManager.getConnection(Host, "root", "");
statement =
connection.createStatement();
String
u=request.getParameter("u");
int num=Integer.parseInt(u);
String Data = "select * from
mahasiswa where nim='"+num+"'";
rs =
statement.executeQuery(Data);
while (rs.next()) {
%>
<p>
type="hidden" name="nim"
value='<%=rs.getString("nim")%>'/>
</p>
<p>
<label>Nama</label><input type="text" name="nama"

value='<%=rs.getString("nama")%>'/>
</p>
<p>
<label>alamat</label><input type="text" name="alamat"
value='<%=rs.getString("alamat")%>'/>
</p>
<p>
<label>JK</label><input type="text" name="jk"

value='<%=rs.getString("jk")%>'/>
</p>
<p>
type="submit" name="submit" value="Update"/>
<a
href="index.jsp">Kembali</a>
</p>
<%}
rs.close();
statement.close();
connection.close();
}catch (Exception ex){
out.println("Can't connect to
database.");
}
%>
</form>
</div>
</body>
</html>
<%
String
a=request.getParameter("nim");
String
b=request.getParameter("nama");
String
c=request.getParameter("alamat");
String
d=request.getParameter("jk");
//variabel untuk menampung alamat

akses database
String
url="jdbc:mysql://localhost:3306/mahasiswa";
//koneksi ke database dengan jdbc

Connection conn=null;
PreparedStatement ps=null;
int updateQuery=0;
//untuk mengecek
if(a!=null && b!=null && c!=null
&& d!=null){
if(a!="" && b!="" && c!="" &&
d!=""){
try{
conn=DriverManager.getConnection(url,"root","");
String query="update
mahasiswa set nama=?,alamat=?,jk=? where
nim='"+a+"'";
ps=conn.prepareStatement(query);
ps.setString(1,b);
ps.setString(2,c);
ps.setString(3,d);
updateQuery=ps.executeUpdate();
if(updateQuery!=0){
JOptionPane.showMessageDialog(null, "Berhasil Update

Data");
}
}catch(Exception ex){
}finally{
ps.close();
conn.close();
}
}
}
%>
Setelah itu run file tersebut kemudian lihat hasilnya

Dapat dilihat nama FRANS telah berganti menjadi FIRMAN.
4. Dan yang tekahir DELETE.
<%--
Document : delete
Created on : Jun 16, 2020, 1:55:34 PM
--%>
8"%>
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<%
String id=request.getParameter("d");
int no=Integer.parseInt(id);
try {
Connection conn =
DriverManager.getConnection("jdbc:mysql://localhost:3
306/mahasiswa", "root", "");
Statement st =
conn.createStatement();
st.executeUpdate("DELETE FROM
mahasiswa WHERE nim = '"+no+"'");
}catch(Exception e){}
%>
</body>
</html>
Kita coba untuk klik tombol delete dalam tabel tersebut yang terdapat dalam
FIRMAN. Dan hasilnya dapat dilihat dibawah ini.
~SEKIAN & TERIMA KASIH~

Laporan Praktikum Modul 910 Prima Si2018D

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Laporan Praktikum Modul 910 Prima Si2018D

Diunggah oleh

Hak Cipta:

Format Tersedia

LAPORAN PRAKTIKUM

Dosen Pembimbing: Dede Irawan, M.Kom

(20180910145) Prima Augustina Rachmat

Maka akan menjadi seperti ini hasilnya.

2. Membuat sebuah project JSP.

<%@page contentType="text/html" pageEncoding="UTF-

//koneksi ke database dengan jdbc

Kemudian setelah menambahkan syntax tersebut selanjutnya jalankan untuk

<label>Nama</label><input type="text" name="nama"

<label>JK</label><input type="text" name="jk"

//variabel untuk menampung alamat

//koneksi ke database dengan jdbc

JOptionPane.showMessageDialog(null, "Berhasil Update

Setelah itu run file tersebut kemudian lihat hasilnya

~SEKIAN & TERIMA KASIH~

Anda mungkin juga menyukai