TUTORIAL PRAKTIKUM PEMROGRAMAN WEB 2 Praktek ke 8

Alamat

</div>

<button type=”submit” class=”btn btn-danger”>Simpan</button>

</form>

</div>

<%@include file=”footer.jsp” %>

• Berikut tampilan hasilnya :

• Agar data bisa tersimpan didatabase maka buat file lagi dengan nama proses-tambah-mhs.jsp:

<%– 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;

java.lang.String nama = “”;

java.lang.String jurusan = “”;

java.lang.String email = “”;

java.lang.String alamat = “”;

port.addMahasiswa(nim, nama, jurusan, email, alamat);

} catch (Exception ex) {

// TODO handle custom exceptions here

}

%>

<%– end web service invocation –%>

• Ubahlah sedikit script sehingga dapat menerima POST dari tambah-mhs.jsp dengan  menambahkan script berikut (diblok nya tidak dari try, tapi, dari baris : int nim = Integer.valueOf(request.getParameter(“nim”)); ,kebawah) :

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) {

}

%>

• Selanjutnya deploy dan run ClientSiakad, lalu masukkan data dan klik simpan, jika berhasil maka akan tampil data yang baru saja diinput sebagai berikut :

• Langkah selanjutya adalah membuat tampilan Edit dan Delete. Dalam hal ini edit dan delete dibuat dalam satu script menjadi satu table

• Masuk pada project server Siakad, lalu masuk Class Mahasiswa.java lalu tambahkan script Method tampilMahasiswa sehingga menjadi sebagai berikut :

@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;

}

• Jika berhasil, maka akan tampil tampilan berikut :

• Untuk membuat proses hapus, silahkan buat 1 buah file dengan nama hapus-mhs.jsp
• Lalu drag operator hapus dai Web Service Reference
• Tapi ubah script sehingga menjadi sebagai 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 –%>

• Ubah sedikit parameter int nim = 0, karena fungsi ini akan digunakan untuk menerima POST barupa hapus mahasiswa berdasarkan nim, sehingga script hapus-mhs.jsp berubah menjadi seperti 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 –%>

• Jika menggunakan browser Internet Explorer tidak bias, gunakan Google Chrome untuk me-run project. Berikut tampilan setelah dihapus :

• Selanjutnya kita akan membuat tombol edit dan update. Proses ini akan mengambil data  mahasiswa dan menampilkannya ke dalam form untuk edit.

• Sebelum membuat file edit, rubah terlebih dahulu method getMahasiswa di Project Siakad sehingga berubah menjadi berikut :

• Selanjutnya buat file baru dengan nama edit-mhs.jsp

Masukkan script di halaman edit-mhs.jsp berikut

<%@include file=”footer.jsp” %>

 

• Selanjutnya kita buat file baru dengan nama proses-edit-mhs.jsp

Masukkan script 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;

java.lang.String nama = “”;

java.lang.String jurusan = “”;

java.lang.String email = “”;

java.lang.String alamat = “”;

port.editMahasiswa(nim, nama, jurusan, email, alamat);

} catch (Exception ex) {

// TODO handle custom exceptions here

}

%>

• Lalu rubah script proses-edit-mhs.jsp sehingga tampil sebagai berikut :

<%

try {

client.siakad.Mahasiswa_Service service = new client.siakad.Mahasiswa_Service();

client.siakad.Mahasiswa port = service.getMahasiswaPort();

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.editMahasiswa(nim, nama, jurusan, email, alamat);

response.sendRedirect(“index.jsp”);

} catch (Exception ex) {

}

%>

• Terakhir silahkan anda deploy dan run project ClientSiakad.