Cara menggunakan mysql implementation

Dalam tutorial kali ini, saya akan sharing bagaimana membuat aplikasi CRUD [Create Read Update Delete] menggunakan node.js dan mysql.

Tidak hanya itu, saya juga akan sharing bagaimana menggunakan modal bootstrap untuk form input dan update record.

Sehingga aplikasi CRUD yang akan dibuat menjadi lebih interaktif, responsive, dan user friendly.

Mari kita mulai.

Dapatkan diskon 75% paket hosting dan gratis domain + extra diskon 5% dengan menggunakan kupon: MFIKRI

Order Sekarang.!

 

Step #1. Pendahuluan

Ini penting!

Dalam tutorial ini, Anda akan belajar bagaimana membuat operasi CRUD dengan dengan node.js dan mysql.

Jika Anda belum kenal dengan node.js sebelumnya, saya sarankan untuk membaca post sebelumnya: Tutorial Node.js Untuk Pemula.

Dalam tutorial kali ini saya akan menggunakan Bootstrap dan Jquery.

Jika Anda belum memiliki bootstrap dan jquery, silahkan download terlebih dahulu di official websitenya getbootstrap.com dan jquery.com.

 

Step #2. Buat Database dan Table

Buat sebuah database baru, disini saya membuat database dengan nama crud_db.

Jika Anda membuat dengan nama yang sama itu lebih baik.

Untuk  membuat database dengan MySQL, dapat dilakukan dengan mengeksekusi query berikut:

CREATE DATABASE crud_db;

Perintah SQL diatas akan membuat sebuah database dengan nama crud_db.

Selanjutnya, buat sebuah table di dalam database crud_db.

Disini saya membuat sebuah table dengan nama product.

Jika Anda membuat dengan nama yang sama itu lebih baik. 

Untuk membuat table product, dapat dilakukan dengan mengeksekusi perintah SQL berikut:

CREATE TABLE product[
product_id INT[11] PRIMARY KEY AUTO_INCREMENT,
product_name VARCHAR[200],
product_price INT[11] 
]ENGINE=INNODB;

Perintah SQL diatas akan membuat sebuah table dengan product, dengan field product_id, product_name, dan product_price.

 

Step #3. Install Dependencies

Sebelum menginstall dependencies, silahkan buat sebuah folder, disini saya membuat sebuah folder dengan nama crud.

Edit Delete {{/each}}

Add New Product
Close Save
Edit Product
Close Update
Delete Product
Anda yakin mau menghapus data ini?
Close Delete
$[document].ready[function[]{ //tampilkan data ke modal untuk edit $['#mytable'].on['click','.edit',function[]{ var product_id = $[this].data['id']; var product_name = $[this].data['product_name']; var product_price = $[this].data['product_price']; $['#EditModal'].modal['show']; $['.product_name'].val[product_name]; $['.price'].val[product_price]; $['.product_id'].val[product_id]; }]; //tampilkan modal hapus record $['#mytable'].on['click','.delete',function[]{ var product_id = $[this].data['id']; $['#DeleteModal'].modal['show']; $['.product_id2'].val[product_id]; }]; }];

 

Step #7. Testing

Uji coba aplikasi untuk memastikan aplikasi crud yang kita buat berjalan dengan baik.

Untuk menjalankan aplikasi, ketikan perintah berikut pada terminal.

node index

Maka akan tampil di console pesan “Server is running at port 8000” dan “Mysql Connected”.

Seperti gambar berikut:

Kemudian buka browser Anda dan ketikan URL berikut:

//localhost:8000/

Jika berjalan dengan baik, maka akan terlihat seperti gambar berikut:

Klik tombol Add New, maka akan tampil modal Add New Product seperti berikut:

Input Product Name dan Price kemudian Klik tombol Save.

Maka akan terlihat hasilnya seperti berikut:

Klik tombol Edit untuk mengedit record, maka akan tampil modal Edit Product seperti berikut:

Edit data yang ingin di edit, kemudian klik tombol Update.

Maka akan terlihat hasilnya sebagai berikut:

Untuk menghapus Record, klik tombol Delete, maka akan muncul modal konfirmasi seperti berikut:

Kemudian klik tombol Delete untuk menghapus record.

Selesai.

Related: Tutorial Lengkap Express JS Untuk Pemula

Kesimpulan:

Pembahasan kali ini adalah tentang bagaimana membuat aplikasi CRUD [Create Read Update Delete] menggunakan node.js dan mysql.

Dalam tutorial ini, anda telah belajar bagaimana membuat aplikasi CRUD dengan node.js dan mysql.

Tidak hanya itu, Anda juga telah belajar bagaimana menggunakan modal bootstrap untuk form input dan update record.

Langkah

Download Installer MySQL..
Pilih Tipe Custom..
Pilih Aplikasi Yang Akan Diinstall..
Install Requirements..
Download & Install MySQL..
Konfigurasi Server..
Konfigurasi Root User..
Konfigurasi MySQL Windows Service..

Langkah kerja MySQL?

Cara kerja MySQL.
MySQL membuat database yang dapat memodifikasi, menyimpan data, dan menentukan keterkaitan tabel-tabel yang ada di dalam software..
Kemudian, perangkat pengguna membuat request dengan perintah spesifik menggunakan bahasa SQL..
Terakhir, server akan menerima dan menjalankan perintah..

Bagaimana langkah

Langkah-langkah menghubungkan Java dengan MySQL:.
Impor package java.sql.* ;.
Daftarkan driver atau pilih driver yang akan digunakan;.
Buat Sebuah Koneksi;.
Exsekusi sebuah Query;.
Tutup koneksi dan selesai..

Langkah awal membuat database MySQL?

Yuk mulai dari langkah pertama cara buat database MySQL!.
Download dan Install XAMPP. ... .
2. Aktifkan Apache dan MySQL di XAMPP. ... .
3. Akses localhost/phpMyAdmin di Browser. ... .
4. Buat Database MySQL di phpMyAdmin. ... .
Buat Tabel Baru di Database MySQL. ... .
6. Input Data di Tabel Database MySQL. ... .
7. Masukkan Project Website di localhost..

Bài mới nhất

Chủ Đề