Koneksi MySQL Dengan JSP Bagian 1

7/26/2019 Koneksi MySQL Dengan JSP Bagian 1

1/13

1 | PUPUT DANI PRASETYO ADI, S.KOM, M.T | TUTORIAL

20 MEI 2016

KONEKSI JSPDENGAN

MYSQL ( BAG.1)[ Cara Mengkoneksikan JSP dengan DatabaseMySQL ]

JSP Singkatan dari Java Server Page dan bagaimana koneksinya?

Software

Software yang

dibutuhkan

Penulisan Variable

di Environment

Variable

Coding Program di

JSP Connection

Pembuatan

Database MySQL

Pembuatan Tabel

di MySQL

Oleh :

Puput Dani Prasetyo Adi

S.Kom, M.Thttp://facebook.com/puput.adi

e-mail :[email protected]

phone : +6281227103387

Blog :http://elektro-

pascauh.blogspot.com
http://facebook.com/puput.adihttp://facebook.com/puput.adimailto:[email protected]:[email protected]:[email protected]://elektro-pascauh.blogspot.com/http://elektro-pascauh.blogspot.com/http://elektro-pascauh.blogspot.com/http://elektro-pascauh.blogspot.com/http://elektro-pascauh.blogspot.com/http://elektro-pascauh.blogspot.com/mailto:[email protected]://facebook.com/puput.adi


2/13


1. Software software yang dibutuhkan

1. JAVA DEVELOPMENT KIT ( JDK )

Java Development kit Bisa didownload di servernya di https://java.com/en/download/Java Development Kit memiliki 2 versi yaitu 32 Bit dan 64 Bit yang bisa disesuaikan

dengan Komputer PC atau Laptop yang kita miliki.

2.APACHE TOMCAT 8.0

Apache Tomcat adalah Web Server berbasis Java yang Free, bisa di download di

https://tomcat.apache.org/download-60.cgi

Sampai sekarang Apache Tomcat sudah mencapai Versi 9.0

3.WAMP SERVER

Wamp Server adalah paket Web Server yang terdiri dari Apache, PHP dan MySQL, Bisa

didownload secara gratis di internet dengan alamat

4.

MySQL Connector Java 5.1.39

Adalah konektor antara Java atau Java Server Page ( JSP) dengan Database MySQL. Bisa

didownload secara gratis di di internet dengan alamat

2. Penempatan Konektor MySQL pada Direktori

Setelah MySQL Connector Java 5. 1.39 berhasil di download, ekstrak File ini dengan cara klik

kanan dan Unzip File
https://java.com/en/download/https://java.com/en/download/https://tomcat.apache.org/download-60.cgihttps://tomcat.apache.org/download-60.cgihttps://tomcat.apache.org/download-60.cgihttps://java.com/en/download/


3/13


Gambar 01. File mysql-connector-java-5.1.39.zip

dan ambil pada bagian MySQL Connector java 5.1.39.jar dan pindahkan ke folder C:\Apache-

Tomcat-8.0.18\ lib

Seperti dibawah ini :

Gambar 02. Penempatan File mysql-connector-java-5.1.39-bin.jar

3. Instalasi JAVA Development Kit ( JDK )

Gambar 03. JDK 8U60-Windows x64


4/13


Gambar 04. Instalasi Java Oracle

Untuk installasi akan otomatis masuk ke program files dan biasanya langsung menjadi 2 file

yaitu JDK dan JRE, Seperti ditunjukkan pada gambar dibawah ini .

Gambar 05. Direktori Java yang dibentuk dari hasil instalasi

Dari pengalamatan diatas yang akan jadi dasar bagi penulisan di environment variable nya nant

4.

Instalasi Wamp Server

Gambar 06. File WampServer

Klik 2 kali pada File Wampserver, maka akan tampil tampilan berikut


5/13


Gambar 07. Tampilan Setup WampServer

5. Pengaturan Environment Variable

Untuk membuka environment Variable, klik kanan pada My Computer atau This PC dan Pilih

Properties - > Advanced System Settings -> Environment Variable

Gambar 08. Membuka Environment Variable

Gambar 09. Tampilan Environment Variable


6/13


Komponen-komponen environment variable nya adalah sebagai berikut :

1. JAVA_HOME

Gambar 10. Tampilan Pengaturan Java_Home

Sesuaikan dengan Penyimpanan berikut C:\Program Files\Java\jdk1.8.0_60 apabila versJava anda berbeda, tinggal menyesuaikan saja.

2. PATH

Gambar 11. Tampilan Pengaturan PATHPenyimpanan nya di C:\Program Files\Java\jdk1.8.0_60\bin;C:\apache-tomcat-8.0.18\binVersi java dan apache tomcat menyesuaikan

3. CLASSPATH

Gambar 12. Tampilan Pengaturan CLASSPATH

Penyimpanannya di C:\Program Files\Java\ jre\lib\ext\mysql-connector-java-5.1.39-bin.jar

4. CATALINA_HOME

Gambar 13. Tampilan Pengaturan CATALINA_HOME


7/13


Penyimpanannya di C:\apache-tomcat-8.0.18 , versi apache menyesuaikan dengan namafolder di C nya.

5. Working Path

Gambar 14. Tampilan Pengaturan Working Path

Aturan dan penyimpanannya seperti berikut;C:\Program Files\Java\jre1.8.0_60\lib\ext\mysql-connector-java-5.1.39-bin

6.

Membuat Database MySQL

Langkah berikutnya adalah membuat database MySQL, sebagai contoh kita akan membuatdatabase dengan nama TEST seperti dibawah ini, sebelumnya aktifkan dulu WAMPServernya sampai berwarna hijau

Gambar 15. WampServer Aktif dengan tanda warna Hijau

Kemudian bukalah database MySQL dengan cara mengetik pada address bar pada Browseranda misalnya Firefox atau Google Chrome dengan alamat : localhost/phpmyadminatau 127.0.0.1/phpmyadmin, seperti ditunjukkan pada gambar dibawah ini :

Gambar 16. Tampilan phpmyadmin dan create database


8/13


Kemudian buatlah database baru dengan nama test dan klik button create, maka akanmuncul seperti berikut ini, kemudian buatlah table didalam database test yang kita buat tadi

Gambar 17. Tampilan database Test dan Create table film

Aturlah setiap field pada table film seperti dibawah ini.

Gambar 18. Tampilan Field Table Film

Field diatas adalah Id (Varchar = 30), judul (Varchar = 30), jumlah (int= 10)

7.

Pengaturan koneksi.jsp

Untuk penyimpanan program java bisa ditempatkan di webapps yang terdapat pada folderc:/apache-tomcat-8.1 /webappsUntuk menjalankan bisa menggunakan perintah pada web browser anda, dengan alamatLocalhost:8081/tesdatabase/koneksi.jsp, untuk alamat 8081, bisa diubah pada configurastomcat yang terdapat pada folder conf -> server.xml, carilah (Ctrl + F) pada notepad ataunotepad++ dengan kata kunci 8080, kemudian ubah ke alamat yang lain, missal 8081 atau8082

Untuk script programnya bisa dilihat seperti cuplikan program dibawah ini, programdibawah ini untuk mengecek sukses tidaknya koneksi yang kita buat.


9/13


Class.forName("com.mysql.jdbc.Driver");connection = DriverManager.getConnection(connectionURL,

username , password );if (connection==null)

status = "gagal";else

status = "berhasil";connection.close();

}catch(ClassNotFoundException ex){

status = "Driver Error";}catch(SQLException ex){

status = "gagal";}%>

Koneksi Database

Koneksi ke database

Script diatas akan memunculkan

Gambar 19. Tampilan Koneksi Sukses

Sukses dan tidaknya Koneksi ditentukan dari Database MySQL, Apakah nama database

MySQL sudah ada pada localhost/phpmyadmin atau sudah dibuat di Database MySQL atau

belum. Perintah pemanggilan ditunjukkan pada script dibawah ini

String connectionURL = "jdbc:mysql://localhost/test";

Dari Script diatas, dapat diketahui bahwa Koneksi MySQL dan Java sudah terkoneksi atau

belum, jika database test belum ada maka akan ada keterangan Koneksi ke database gagal.


10/13


Sekarang saya akan meringkas koneksi yang diperlukan Java ke MySQL, seperti berikut ini

Artinya koneksi diatas akan merujuk kepada nama database MySQL yaitu test.

Untuk meng-include atau memasukkan file koneksi diatas, tinggal menambahkan file jsp

seperti dibawah ini :

Kemudian diikuti dengan File JSP yang digunakan untuk membuat suatu proses CRUD

dengan java, misalnya Form Untuk memasukkan Tabel Film seperti berikut .

Pertama-tama kita akan membuat form masukan, dengan nama

form_masukkan_data.html

Form Masukan Data FORM INPUT

DATABASEIDJUDULJUMLAH


11/13


LIHAT DATA

Keluarannya seperti tampilan berikut

Gambar 20. Tampilan Form Input Database FILM

File diatas adalah Murni *.htm atau *.html, dan kita tidak menyertakan atau meng-include

kan file jsp yang kita bicarakan diatas, namun kita akan mengacu pada satu baris scrip

berikut yaitu

Arti dari potongan script diatas adalah, form ini akan dikirimkan ke file jsp bernama

input_data.jsp , untuk script nya bisa dilihat pada script berikut ini


12/13


ps.executeUpdate();}catch(SQLException e){out.println(e.getMessage());}if(Query !=null){

out.println("alert('Data berhasil di input')");response.setHeader("refresh","0.1;tampil_data.jsp");}%>}%>

Perintah masukkan data pada SQL adalah

String Query = "insert into film(id,judul,jumlah)values(?,?,?)";

Kemudian disertai dengan deklarasi variable variablenya yaitu id, judul dan jumlah.

Eksekusi programnya seperti berikut

Gambar 21. Proses Input Data

Tekan Submit, maka akan muncul notification seperti dibawah ini

Gambar 22. Notification Java

Klik OK untuk meninggalkan laman dan menuju pada menu Lihat Data secara otomatis


13/13


Untuk memastikan data sudah masuk ke database test dan table film, maka kita perlu

mengetik http://localhost/phpmyadmin, pastikan wampserver sudah aktif alias berwarna

hijau .

Gambar 23. Tampilan Tabel database MySQL

Artinya kita sudah sukses membuat koneksi Jsp dan Database MySQL, untuk selanjutnya

kita akan membuat file Lihat data di JSP, Hapus dan proses update data dengan JSP.

Untuk membuat proses Lihat, Hapus dan Update alias CRUD ( CREATE, READ, UPDATE

DELETE ) untuk CREATE kita sudah membuatnya dengan table input diatas, kita akan

lanjutkan pada Tutorial Bagian ke 2. See You Next Time
http://localhost/phpmyadminhttp://localhost/phpmyadminhttp://localhost/phpmyadmin

Koneksi MySQL Dengan JSP Bagian 1

Documents

Transcript of Koneksi MySQL Dengan JSP Bagian 1