koneksi mysql dengan jsp bagian 1
TRANSCRIPT
-
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 -
7/26/2019 Koneksi MySQL Dengan JSP Bagian 1
2/13
2 | PUPUT DANI PRASETYO ADI, S.KOM, M.T | TUTORIAL
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/ -
7/26/2019 Koneksi MySQL Dengan JSP Bagian 1
3/13
3 | PUPUT DANI PRASETYO ADI, S.KOM, M.T | TUTORIAL
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
-
7/26/2019 Koneksi MySQL Dengan JSP Bagian 1
4/13
4 | PUPUT DANI PRASETYO ADI, S.KOM, M.T | TUTORIAL
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
-
7/26/2019 Koneksi MySQL Dengan JSP Bagian 1
5/13
5 | PUPUT DANI PRASETYO ADI, S.KOM, M.T | TUTORIAL
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
-
7/26/2019 Koneksi MySQL Dengan JSP Bagian 1
6/13
6 | PUPUT DANI PRASETYO ADI, S.KOM, M.T | TUTORIAL
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/26/2019 Koneksi MySQL Dengan JSP Bagian 1
7/13
7 | PUPUT DANI PRASETYO ADI, S.KOM, M.T | TUTORIAL
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
-
7/26/2019 Koneksi MySQL Dengan JSP Bagian 1
8/13
8 | PUPUT DANI PRASETYO ADI, S.KOM, M.T | TUTORIAL
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.
-
7/26/2019 Koneksi MySQL Dengan JSP Bagian 1
9/13
9 | PUPUT DANI PRASETYO ADI, S.KOM, M.T | TUTORIAL
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.
-
7/26/2019 Koneksi MySQL Dengan JSP Bagian 1
10/13
10 | PUPUT DANI PRASETYO ADI, S.KOM, M.T | TUTORIAL
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
-
7/26/2019 Koneksi MySQL Dengan JSP Bagian 1
11/13
11 | PUPUT DANI PRASETYO ADI, S.KOM, M.T | TUTORIAL
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
-
7/26/2019 Koneksi MySQL Dengan JSP Bagian 1
12/13
12 | PUPUT DANI PRASETYO ADI, S.KOM, M.T | TUTORIAL
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
-
7/26/2019 Koneksi MySQL Dengan JSP Bagian 1
13/13
13 | PUPUT DANI PRASETYO ADI, S.KOM, M.T | TUTORIAL
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