Pemrograman Web 2- Praktikum 7 lanjutan

TUTORIAL PRAKTEK PEMROGRAMAN WEB 2
PRAKTIKUM KE 7
( CRUD Web Service dengan Bootstrap- Sesi 2)
 lanjutan

23. Ubahlah sedikit script sehingga dapat meneerima post dari tambah-mhs.jsp dengan menambahkan script berikut
int nim = Integer.valueOf(request.getParameter("nim"));
java.lang.String nama = request.getParameter("nama");
java.lang.String jurusan = request.getParameter("jurusan");
java.lang.String email = request.getParameter("email");
java.lang.String alamat = request.getParameter("alamat");
port.addMahasiswa(nim, nama, jurusan, email, alamat);
response.sendRedirect("index.jsp");
} catch (Exception ex) {
}
%>
24. Langkah selanjutnya kita akan membuat tombol Edit dan Delete. Dalam hal ini Edi dan Delete terletak dalam sebuah table, sehingga dibuat dalam sebuah script.
25. Masuk ke project Siakad, lalu masuk Class Mahasiswa.java lalu masukkan script berikut dibawah ini

@WebMethod(operationName = "tampilMahasiswa")
public List tampilMahasiswa() {
List daftar = new ArrayList();
String sql_daftar = "select * from mahasiswa";
try {
Class.forName("com.mysql.jdbc.Driver");
Connection con = DriverManager.getConnection("jdbc:mysql://localhost:3306/siakad", "root", "");
Statement stmt = con.createStatement();
ResultSet rs = stmt.executeQuery(sql_daftar);
while (rs.next()) {
daftar.add("<td>" + rs.getInt("nim") + "</td><td>" + rs.getString("nama") + "</td><td>" + rs.getString("jurusan") + "</td><td>" + rs.getString("email") + "</td><td>" + rs.getString("alamat") + "</td><td><button class=\"btn-info\"><a href=\"edit-mhs.jsp?nim=" + rs.getString("nim") + "\">Edit</a></button><br><button class=\"btn-danger\"><a href=\"hapus-mhs.jsp?nim=" + rs.getString("nim") + "\">Hapus</a></button></td><tr></tr>");
}
con.close();
} catch (Exception ex) {
System.out.println(ex.getMessage());
}
return daftar;
}


26. Untuk membuat proses hapus, silahkan buat 1 file baru dengan nama hapus-mhs.jsp
27. Lalu Drag operator hapus dari Web Services References
28. Tapi ubah scriptnya menjadi berikut

<%-- start web service invocation --%>
<%
try {
client.siakad.Mahasiswa_Service service = new client.siakad.Mahasiswa_Service();
client.siakad.Mahasiswa port = service.getMahasiswaPort();
// TODO initialize WS operation arguments here
int nim = 0;
port.delMahasiswa(nim);
} catch (Exception ex) {
// TODO handle custom exceptions here
}
%>
<%-- end web service invocation --%>




29. Ubah sedikit parameter int nim = 0, karena fungsi ini akan digunakan untuk menerima post berupa hapus mahasiswa berdasarkannim. Sehingga script hapus-mhs.jsp menjadi berikut

<%-- start web service invocation --%>
<%
try {
client.siakad.Mahasiswa_Service service = new client.siakad.Mahasiswa_Service();
client.siakad.Mahasiswa port = service.getMahasiswaPort();
// TODO initialize WS operation arguments here
int nim = Integer.valueOf(request.getParameter("nim")); port.delMahasiswa(nim);
response.sendRedirect("index.jsp");
} catch (Exception ex) {
}
%>
<%-- end web service invocation --%>


30. Selanjutnya kita akan buat tombol edit dan update. Proses ini akan mengambil data mahasiswa dan menampilkan nya di form untuk edit .
31. Sebelum membuat file edit, maka ubah dahulu method getMahasiswa di ProjectSiakad -> mahasiswa.java sehingga berubah menjadi berikut.

/*Get Mahasiswa*/
@WebMethod(operationName = "getMahasiswa")
public List getMahasiswa(
@WebParam(name = "nim") int nim) {
List mahasiswa = new ArrayList();
try {
Class.forName("com.mysql.jdbc.Driver");
Connection conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/siakad", "root", "");
Statement st = conn.createStatement();
con = kon.getCon();
ps = con.prepareStatement("select * from mahasiswa where nim=?");
ps.setInt(1, nim);
ResultSet rst = ps.executeQuery();
while (rst.next()) {
mahasiswa.add("<div class=\"form-group\">\n" +
" <label class=\"control-label col-sm-1\">NIM</label>\n" +
" <div class=\"col-sm-2\">\n" +
" <input type=\"text\" class=\"form-control\" name=\"nim\
"value=\""+rst.getInt("nim")+"\" readonly=\"true\">\n" +
" </div>\n" +
" </div>\n" +
" \n" +
" <div class=\"form-group\">\n" +
" <label class=\"control-label col-sm-1\">Nama</label>\n" +
" <div class=\"col-sm-2\">\n" +
" <input type=\"text\" class=\"form-control\" name=\"nama\
" value=\""+rst.getString("nama")+"\">\n" +
" </div>\n" +
" </div>\n" +
" \n" +
" <div class=\"form-group\">\n" +
" <label class=\"control-label col-sm-1\">Jurusan</label>\n" +
" <div class=\"col-sm-2\">\n" +
" <input type=\"text\" class=\"form-control\" name=\"jurusan\
" value=\""+rst.getString("jurusan")+"\">\n" +
" </div>\n" +
" </div>\n" +
" \n" +
" <div class=\"form-group\">\n" +
" <label class=\"control-label col-sm-1\">Email</label>\n" +
" <div class=\"col-sm-2\">\n" +
" <input type=\"text\" class=\"form-control\" name=\"email\
" value=\""+rst.getString("email")+"\">\n" +
" </div>\n" +
" </div>\n" +
" \n" +
" <div class=\"form-group\">\n" +
" <label class=\"control-label col-sm-1\">Alamat</label>\n" +
" <div class=\"col-sm-2\">\n" +
" <input type=\"text\" class=\"form-control\ "name=\"alamat\"value=\""+rst.getString("alamat")+"\">\n" +
" </div>\n" +
" </div>");
}
} catch (Exception ex) {
System.out.println(ex.getMessage());
}
return mahasiswa;
}
/*Selesai Get Mahasiswa*/


(untuk langkah selanjutnya, klik link dibawah ini!)
https://hidaisnurul.blogspot.com/2019/01/pemrograman-web-2-praktikum-7-lanjutan_12.html

Komentar

Postingan populer dari blog ini

Sejarah Windows

Sejarah Perkembangan Processor

Pemrograman Web 2- Praktikum 7 lanjutan akhir