TUGAS ADVANCE JAVA WEB

PEMBUATAN CRUD JAVA WEB DENGAN NETBEANS

Disusun Oleh:

Tiko Fridayanto 152310140

DIAN CIPTA CENDIKIA BANDAR LAMPUNG

TAHUN AJARAN 2018/2019

1.Apa Itu Database?

Data base adalah adalah sekelompok data yang ditaruh secara sistematis dalam
perangkat/komputer Anda. Data itu bisa diolah atau juga dimanipulasi memakai
program aplikasi tertentu/software. Tujuannya adalah agar dapat menghasilkan
informasi berguna di kemudian hari. Adapun berbagai spesifikasi terkait database
yaitu tipe datanya, struktur datanya dan juga berbagai batasan yang ada pada data
yang ingin Anda simpan.

Database ini juga merupakan bagian yang amat penting dalam sebuah sistem
informasi. Mengapa? Karena database bisa berfungsi sebagai tempat penyimpanan
data-data penting yang nantinya bakal diolah lagi untuk keperluan di waktu yang
akan datang. Database juga punya kemampuan untuk mengorganisasikan seluruh
data yang ada, mengenali jika ada data duplikat, serta yang terpenting yaitu
mencegah terbentuknya hubungan antar data yang tidak membantu semacam data
yang tdak ‘nyambung’ dan update yang rumit.

Selanjutnya, Anda akan mempelajari bagaimana cara membuat database di

XAMPP. Simak lebih lanjut penjelasan berikut ini!

A. Star xampp melalui xampp control panel,ada beberapa yang wajin di

koneksikan antara nya:
1.apache
2.mysql
3.filezilla
Jika sudah di star maka cukup close control panel xampp nya.
B. Pergi ke browser lalu ketikkan localhost/phpmyadmin,maka kita akan di
arahkan ke halaman phpmuadmin,disana kamu dapat mmebuat database dan
lain lain.

C. Tekan menu database dan isikan nama database yang anda inginkan
D. Lalu jika sudah maka kita bisa membuat tabel di dalam data base yang kita
buat tadi.
E. Lalu isikan sesuai kebutuhan jangan lupa pilih prmary untuk karakter yang
tidak boleh sama di setiap field pada tabel yang kita buat bbiasanya di berikan
untuk id.

F. Lalu selesai pada bagian ini anda sudah selesai pada tahap dasar jika ingin
menyatkan dua tabel maka anda dapat memilihmenu query atau memasukkan
database yang sudah anda miliki dari pc lain anda bisa meilih menu insert.

2.Membuat Projek Crud Atau Create,Read,Update,Delete Menggunkan

Bahasa Java Dengan Ide Netbeans Berbasis Web.

Kali ini kita akan membuat web crud tentang data penggajian atau data
karyawan,ada beberapa kebutuhan yang harus di penuhi antara lain:

1. Database dan tablenya

2. Membuat project yang nanti berisi beberapa class-class untuk membut
menu yang di inginkan.
3. Di bawah ini adalah cara membuat project web di netbeans.

Step 1.
Buka netbeans ide anda untuk memulai membuat project baru. Kali ini buatlah
sebuah project Java Web -> Web Application
Step 2.
Kemudian klik Next dan dan beri nama project WebServices seperti gambar berikut
ini. Kemudian pilih JDK 6 dan Application Servernya pilih Glassfish agar kita bisa
melakukan testing pada web service yang kita buat

Step 3.
Setelah selesai maka akan tampil project baru pada editor netbeans seperti ini :
Step 4.
Kemudian buatlah pacakage untuk menyimpan class-class yang akan kita gunakan
dalam webservice ini. Kita pisahkan antara package untuk util (Koneksi database
helper class), model untuk merepresentasikan tabel karyawan dan service untuk web
servicenya sendiri.

3.fungsi setiap class pada project.

a) Class Koneksi
Class koneksi berfungsi untuk menghubungkan project ke databse yang telah kita buat di
xampp atau php myadmin.dan menaganilisa kesalahan yang ada pada proses tampil
data atau lainnya,jadi class koneksi wajib ada jika project kamu ingin terkoneksi ke
database.caranya sebagai berikut:
1.Membuat Class Koneksi

Untuk membuat koneksi ke database kita membuat class koneksi terlebih dahulu
pada package model.Klik kanan pada package net.tutorialpedia.model yang
sebelumnya telah kita buat pada artikel Membuat CRUD dengan Java Web : Persiapan
Awal, lalu pilih New > Java Class dan beri nama dengan Koneksi. Lihat gambar dibawah
ini

coding

public class Koneksi {

private Connection conn;
private Statement st;
public static void ambilKoneksi() {
try {
String db = "jdbc:mysql://localhost:3306/latihan_crud";
String user = "root";
String pass = "";
Class.forName("com.mysql.jdbc.Driver");
Connection con = DriverManager.getConnection(db, user, pass);
} catch (Exception x) {
System.out.println("Terjadi kesalahan ambil koneksi : " + x);
}
}
public void koneksi() {
 try {
String db = "jdbc:mysql://localhost:3306/latihan_crud";
String user = "root";
String pass = "";
Class.forName("com.mysql.jdbc.Driver");
conn = DriverManager.getConnection(db, user, pass);
st = conn.createStatement();
} catch (Exception x) {
System.out.println("Terjadi kesalahan koneksi : " + x);
}
}
public void diskonek(ResultSet rs) {
try {
if (rs != null) {
rs.close();
}
st.close();
conn.close();
} catch (Exception x) {
System.out.println("Terjadi kesalahan diskoneksi : " + x);
}
}
public ResultSet ambilData(String sql) {
ResultSet rs = null;
try {
koneksi();
rs = st.executeQuery(sql);
 } catch (Exception x) {
System.out.println("Terjadi kesalahan ambil data : " + x);
}
return rs;
}
public void simpanData(String sql) {
try {
koneksi();
st.executeUpdate(sql);
} catch (Exception x) {
System.out.println("Terjadi kesalahan simpan data : " + x);
}
}
}

2.membuat class model

Pada class user model ini digunakan untuk menyimpan semua query mysql yang
didalamnya terdapat insert,update dan delete. yang mana ketiga query ini sangat
di perlukan dalam membuat crud dengan java web

Klik kanan pada package net.tutorialpedia.model lalu klik New > Java Class. Isi
nama dengan UserModel

Lalu buat setter dan getter berdasarkan field yang telah dibuat pada table tb_user.

public class UserModel {

String no_slip,tanggal,nik,nama,jabatan,gapok,tunjangan,gaji_bersih;

public String getNo_slip() {

 return no_slip;
}
public void setNo_slip(String no_slip) {
this.no_slip = no_slip;
}
public String getTanggal() {
return tanggal;
}
public void setTanggal(String tanggal) {
this.tanggal = tanggal;
}
public String getNik() {
return nik;
}
public void setNik(String nik) {
this.nik = nik;
}
public String getNama() {
return nama;
}
public void setNama(String nama) {
this.nama = nama;
}
public String getJabatan() {
return jabatan;

public void setJabatan(String jabatan) {

 this.jabatan = jabatan;
}
public String getGapok() {
return gapok;
}
public void setGapok(String gapok) {
this.gapok = gapok;
}
public String getTunjangan() {
return tunjangan;
}
public void setTunjangan(String tunjangan) {
this.tunjangan = tunjangan;
}
public String getGaji_bersih() {
return gaji_bersih;
}
public void setGaji_bersih(String gaji_bersih) {
this.gaji_bersih = gaji_bersih;
}
public Koneksi getDb() {
return db;
}
public void setDb(Koneksi db) {
this.db = db;
}
Koneksi db = null;
 public void simpan(){
String sql="INSERT INTO tb_user
values(null,'"+no_slip+"','"+tanggal+"','"+nik+"',,'"+nama+"','"+jabatan+"','"+gapo
k+"',,'"+tunjangan+"',,'"+gaji_bersih+"',)";
db.simpanData(sql);
}
public void update(){
String sql="UPDATE tb_user SET
tanggal='"+tanggal+"',nik='"+nik+"',nama='"+nama+"',jabatan='"+jabatan+"',gapo
k='"+gapok+"',tunjangan='"+tunjangan+"',gaji_bersih='"+gaji_bersih+"' WHERE
no_slip='"+no_slip+"'";
db.simpanData(sql);
System.out.println(sql);
}
public void hapus(){
String sql="DELETE FROM tb_user WHERE no_slip='"+no_slip+"'";
db.simpanData(sql);
System.out.println("");
}
public List tampil() {
List<UserModel> data = new ArrayList<UserModel>();
ResultSet rs = null;
try {
String sql = "select * from tb_user order by tiko";
rs = db.ambilData(sql);
while (rs.next()) {
UserModel um = new UserModel();
um.setNo_slip(rs.getString("no_slip"));
um.setTanggal(rs.getString("tanggal"));
 um.setNik(rs.getString("nik"));
um.setNama(rs.getString("nama"));
um.setJabatan(rs.getString("jabatan"));
um.setGapok(rs.getString("gapok"));
um.setTunjangan(rs.getString("tunjangan"));
um.setGaji_bersih(rs.getString("gaji_bersih"));
data.add(um);
}
db.diskonek(rs);
} catch (Exception ex) {
System.out.println("Terjadi Kesalahan Saat menampilkan data User" +
ex);
}
return data;
}
public List cariID() {
List<UserModel> data = new ArrayList<UserModel>();
ResultSet rs = null;
try {
String sql = "SELECT * FROM tb_user WHERE no_slip='"+no_slip+"'";
rs = db.ambilData(sql);
while (rs.next()) {
UserModel m = new UserModel();
m.setNo_slip(rs.getString("no_slip"));
m.setTanggal(rs.getString("tanggal"));
m.setNik(rs.getString("nik"));
m.setNama(rs.getString("nama"));
 m.setJabatan(rs.getString("jabatan"));
m.setGapok(rs.getString("gapok"));
m.setTunjangan(rs.getString("tunjangan"));
m.setGaji_bersih(rs.getString("gaji_bersih"));
data.add(m);
}
db.diskonek(rs);
} catch (Exception ex) {
System.out.println("Terjadi Kesalah Saat menampilkan Cari no_slip" +
ex);
}
return data;
}
}

3.membuat file jsp

a)index.jsp

berfungsi sebagai halaan utama yang menampilkann data dari data base.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>gaji karyawan</title>
</head>
<body>
<center><h1>gaji karyawan</h1></center>
<h2><a herf="laporan.jsp" > laporan gaji kariawan </a></h2>
<center>
<a class="tambah" href="UserController?proses=input-user">Tambah</a>
</center>
<table style="margin:20px auto;" border="1">
<tr>
<th>No_slip</th>
<th>tanggal</th>
<th>nik</th>
<th>nama</th>
<th>jabatan</th>
<th>gapok</th>
<th>tunjangan</th>
<th>gaji_bersih</th>
<th>Action</th>
</tr>
<%
UserModel km = new UserModel();
List<UserModel> data = new ArrayList<UserModel>();
String ket = request.getParameter("ket");
if (ket == null) {
data = km.tampil();
}
for (int x = 0; x < data.size(); x++) {
%>
<tr>
<td><%=x + 1%></td>
<td><%=data.get(x).getTanggal()%></td>
 <td><%=data.get(x).getNik()%></td>
<td><%=data.get(x).getNama()%></td>
<td><%=data.get(x).getJabatan()%></td>
<td><%=data.get(x).getGapok()%></td>
<td><%=data.get(x).getTunjangan()%></td>
<td><%=data.get(x).getGaji_bersih()%></td>
<td>
<a href="UserController?proses=edit-
user&id=<%=data.get(x).getNo_slip()%>">Edit</a>
<a href="UserController?proses=hapus-
user&id=<%=data.get(x).getNo_slip()%>">Hapus</a>
</td>
</tr>
<%}%>
</table>
</body>
</html>

b) Tambah user jsp

Hlaman ini sebagai penambah data pada database melaluihalaman website.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>gaji karyawan</title>
</head>
<body>
<center><h1>gaji karyawan</h1></center>
 <form action="UserController?data=user&proses=input-user"
method="post">
<table style="margin:20px auto;">
<tr>
<td>No_slip</td>
<td><input type="text" name="nama"></td>
</tr>
<tr>
<td>tanggal</td>
<td><input type="text" name="alamat"></td>
</tr>
<tr>
<td>nik</td>
<td><input type="text" name="alamat"></td>
</tr>
<tr>
<td>nama</td>
<td><input type="text" name="alamat"></td>
</tr>
<tr>
<td>jabatan</td>
<td><input type="text" name="alamat"></td>
</tr>
<tr>
<td>gapok</td>
<td><input type="text" name="alamat"></td>
</tr>
 <tr>
<td>tunjangan</td>
<td><input type="text" name="alamat"></td>
</tr>
<tr>
<td>gaji_bersih</td>
<td><input type="text" name="alamat"></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Tambah"></td>
</tr>
</table>
</form>
</body>
</html>

c) edit user jsp

halaman ini berfungsi untuk mengedit data yang sudah ada pada databse dan juga
berfungsi meng update data pada database melalui halaman web.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>gaji karyawan</title>
</head>
<body>
 <center><h1>gaji karyawan</h1></center>
<form action="UserController?data=user&proses=update-user"
method="post">
<table style="margin:20px auto;">
<%
String no_slip = request.getParameter("no_slip");
UserModel km = new UserModel();
km.setNo_slip(no_slip);
List<UserModel> data = new ArrayList<UserModel>();
data = km.cariID();
if (data.size() > 0) {
%>
<tr>
<td>tanggal</td>
<td><input type="text" name="tanggal"
value="<%=data.get(0).getTanggal()%>"></td>
</tr>
<tr>
<td>nik</td>
<td><input type="text" name="nik"
value="<%=data.get(0).getNik()%>"></td>
</tr>
<tr>
<td>nama</td>
<td><input type="text" name="nama"
value="<%=data.get(0).getNama()%>"></td>
</tr>
<tr>
<td>jabatan</td>
 <td><input type="text" name="jabatan"
value="<%=data.get(0).getJabatan()%>"></td>
</tr>
<tr>
<td>gapok</td>
<td><input type="text" name="gapok"
value="<%=data.get(0).getGapok()%>"></td>
</tr>
<tr>
<td>tunjangan</td>
<td><input type="text" name="tunjangan"
value="<%=data.get(0).getTunjangan()%>"></td>
</tr>
<tr>
<td>gaji_bersih</td>
<td><input type="text" name="gaji_bersih"
value="<%=data.get(0).getGaji_bersih()%>"></td>
<td><input type="hidden" name="no_slip"
value="<%=data.get(0).getNo_slip()%>"></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Update"></td>
</tr>
<%}%>
</table>
</form>
</body>
</html>
4.membuat laporan

1. Buka Netbeans temen-temen, selanjutnya pilih Tools lalu Plugin. Pada tab
download klik add plugin dan masukkan plugin iReport yang sudah temen-temen
download tadi.
2. Klik Install dan ikuti langkah selanjutnya..
3. Selanjutnya buat project baru di NETBEANS dan buat file Report seperti
4. Beri nama File sesuka anda
5. Selanjutnya koneksi ke database, kalau belum terhubung pilih New
6. Setelah itu bakalan ada pilihan datasource, kalau saya pakai MySQL jadi pilih
yang Database JDBC Connection. Klik Next..
7. Step selanjutnya Setting koneksi, sesuaikan dengan database temen-temen. Jika
sudah klik Save..
8. Setelah di Save, pilih Design Query..
10. Setelah di klik OK. Bakalan ada tampilan seperti dibawah. Lalu klik Next…
11. Pada tab ini pilih field yang ingin temen-temen tampilkan dilaporan dan
pindahkan ke sisi kanan. Lalu klikNext..
12. Step selanjutnya pilih berdasarkan group by. Setelah itu klik Next..
13. Pilih sesuai selera lalu klik Next..