Friday, April 19, 2013

Cara Menampilkan Data Pada Database MySQL Di JSP

Pada pembahasan kali ini saya akan membahas tentang Menampilkan Data Pada Database MySQL Di JSP(Java Server Page). Sebelum itu anda harus mempunyai IDE Netbeans dan databasenya tentunya MySQL dan Membuat Database serta tabel dan isi tabelnya.Jika saya mempunyai database school & tabel.Jangan lupa untuk mengkoneksikan MySQL ke IDE Netbeans. Setelah itu buatlah project baru dengan nama terserah anda inginkan.
Klik New Project > Java Web > Web Application
Nama Project saya adalah JSP:
Lalu pada index.jsp sudah tersedia syntax mentahnya tinggal kita edit saja. Berikut ini adalah syntax mentahnya :

Sekarang tuliskanlah syntax seperti di bawah ini:
<%--
    Document   : index
    Created on : 08 Nov 12, 17:42:39
    Author     : user
--%>
<%@ page import="java.sql.*" %>
<%@ page import="java.io.*" %>
<html>
<head>
    <title>File</title>
</head>
<body>
<%
      try {
          String Host = "jdbc:mysql://localhost:3306/school";
          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 student";
          rs = statement.executeQuery(Data);
%>
<TABLE border="1">
    <tr  width="10" bgcolor="#9979">
        <td>NIS</td>
        <td>Nama</td>
        <td>Alamat</td>
        <td>Email</td>
        <td>Pesan</td>
    </tr>
    <%
    while (rs.next()) {
    %>
    <TR>
        <TD><%=rs.getString("NIS")%></TD>
        <TD><%=rs.getString("Nama")%></TD>
        <TD><%=rs.getString("Alamat")%></TD>
        <TD><%=rs.getString("Email")%></TD>
        <TD><%=rs.getString("Pesan")%></TD>
    </TR>
    <%   }    %>
    </table>
    <%
    rs.close();
    statement.close();
    connection.close();
} catch (Exception ex) {
                out.println("Can't connect to database.");
            }
</body>
</html>

Syntax-syntax JSP di taruh diantara <%...%>
Mungkin kelihatannya syntax tersebut sangatlah banyak, tapi tenang saja saya akan menjelaskan syntax-syntax di atas.

Pertama
<%--
    Document   : index  //nama file
    Created on : 
08 Nov 12, 17:42:39 //Dibuat pada
    Author     : User //nama author
--%>
Sebuah komentar pada JSP diawali dengan <%-- dan diakhiri dengan --%>

Kedua
<%@ page import="java.sql.*" %>
<%@ page import="java.io.*" %>
Ini adalah syntax yang digunakan untuk mengambil java IO dan SQL dan tanda * (bintang) pada java.sql.* atau java.io.* ini berarti mengambil semua syntax.

Ketiga
Try
Syntax ini hampirsama dengan syntax percabangan, berikut ini adalah syntax mentahnya:
Try{
}catch(Exception e){
}

Keempat
String Host = "jdbc:mysql://localhost:3306/school";
<%-- URL yang digunakan untuk mengakses database pada MySQL--%>
Connection connection = null;
<%-- ini adalah deklarasi variable connection yang bertipe Connection dan memiliki value null alias kosong--%>
Statement statement = null;
<%--deklarasi variable statement yang bertipe Statement dan memiliki nilai null alias kosong--%>
ResultSet rs = null;
<%--deklarasi variable rs yang bertipe ResultSet dan memiliki nilai null atau kosong--%>
Class.forName("com.mysql.jdbc.Driver");
<%--ini adalah pengambilan mysql driver--%>
connection = DriverManager.getConnection(Host, "root", "");
<%--pengambilan koneksi dari host, username, dan password yang ditampung oleh variable connection yang telah di deklarasikan di aktas --%>
statement = connection.createStatement();
<%--Digunakan untuk pembuatan statement yang ditampung oleh variable statement--%>
String Data = "select * from student";
<%--menampilkan semua data dari tabel student dan akan ditampung oleh variable Data --%>
rs = statement.executeQuery(Data);
<%--Digunakan untuk membuka Query yang akan di simpan pada variable rs --%>

Kelima
<TABLE border="1">
    <tr  width="10" bgcolor="blue">
        <td>NIS</td>
        <td>Nama</td>
        <td>Alamat</td>
        <td>Email</td>
        <td>Pesan</td>
    </tr>
<%--Digunakan untuk membuat kolom NIS, Nama, Alamat, Email, Pesan--%>
    <%
    while (rs.next()) {
%>
<%--Digunakan untuk meresult atau menambahkan semua field yang ada pada database --%>

    <TR>
        <TD><%=rs.getString("NIS")%></TD>
        <TD><%=rs.getString("Nama")%></TD>
        <TD><%=rs.getString("Alamat")%></TD>
        <TD><%=rs.getString("Email")%></TD>
        <TD><%=rs.getString("Pesan")%></TD>
</TR>
<%--Digunakan untuk membuat kolom dan baris sesuai banyaknya data yang ada pada database--%>

    <%   }    %>
    </table>
    <%
    rs.close();
    statement.close();
connection.close();
<%--Digunakan untuk menutup semua koneksi--%>

} catch (Exception ex) {
                out.println("Can't connect to database.");
            }
<%--ini adalah pengecualian jadi jika semua statemen  sebelum catch itu gagal maka statemen ini akan ditampilkan--%>
Setelah semuanya selesai sekarang jalankan file index.jsp jika berhasil maka akan tampil data yang ada di database.

Dan jika gagal maka akan tampil seperti ini:


Sekian, sampai bertemu diartikel selanjutnya. 






No comments:

Post a Comment