Cara menggunakan bootstrap crud

Hello guys, today i want to share with you a simple tutorial how to create CRUD application example using PHP and MySQL and also bootstrap modals. This article will describe step by step ho to creates web based application using PHP and MySQL, this will discus CRUD simple application example. So let’s scroll and follow below.

Membuat aplikasi CRUD dengan PHP dan MySQL serta penggunaan modals bootstrap adalah tutorial yang akan saya ulas pada artikel kali ini. Masih berkutat pada penggunaan PHP dan database MySQL, tutorial ini akan menyajikan step by step langkah cara membuat aplikasi CRUD dengan PHP dan MySQL.

- Advertisement -

Ketika mendengar kata PHP, maka sering kali pembaca akan langsung menebak bahwa dalam penggunaannya sering kali PHP ini selalu dihubungkan dengan database MySQL untuk membangun sebuah aplikasi web. Sedangkan MySQL adalah sebuah tools yang berperan sebagai tempat penyimpanan data [basis data] sedangkan PHP adalah sebuah program untuk mengelola data tersebut.

Pada praktiknya PHP tidak hanya bisa dihubungkan dengan database MySQL saja, akan tetapi PHP juga bisa dihubungkan dengan database lainnya seperti MariaDB, SQLite, PostgreSQL, dan database lainnya.

Pada tutorial kali saya akan menggunakan studi kasus data pegawai, diharapkan tutorial ini akan memberikan pengalaman kepada pembaca tentang cara membangun aplikasi CRUD dengan PHP dan MySQL.

Adapun tutorial cara membuat aplikasi CRUD dengan PHP dan MySQL yang saya bahas disini masih merupakan rangkaian tutorial PHP dan MySQL pada seri sebelumnya. Jadi saya akan menggunakan database dan tabel pegawai yang sama pada tutorial dimana saya membahas tentang cara membuat data dummy menggunakan library Faker di PHP.

Sedangkan untuk template aplikasi disini saya akan menggunakan framework bootstrap, tentunya ini akan sedikit menarik dimana pada pembuatan aplikasi CRUD data pegawai dengan PHP dan MySQL disini saya juga akan menyajikan penggunakan form modals bootstrap sebagai form aplikasinya.

Dan berikut adalah step by step Cara Membuat Aplikasi CRUD Dengan PHP dan MySQL

1. Menyiapkan Folder Project
2. Membuat File Koneksi PHP ke MySQL
3. Membuat Database Project di MySQL
4. Membuat Tabel Pegawai di MySQL
5. Membuat Aplikasi CRUD Data Pegawai
6. Launching Aplikasi CRUD Data Pegawai

Oke langsung saja kita urai satu persatu 6 langkah cara membuat aplikasi CRUD dengan PHP dan MySQL diatas, let’s scroll guys.

1. Menyiapkan Folder Project

Untuk membuat aplikasi berbasis web pertama kita diharuskan menginstall kebutuhan akan Apache, MySQL, dan PHP, pada PC atau Laptop. Akan tetapi daripada menginstall satu persatu akan kebutuhan tersebut diatas kita dapat mengunakan program aplikasi seperti XAMPP ataupun WAMP sebagai web server lokal kita.

Pembuatan folder project aplikasi pada server lokal jika Anda menggunakan aplikasi XAMPP sebagai web server maka dapat meletakkan folder project Anda pada folder “xampp\htdocs\folder_project”, sedangkan jika Anda menginstall aplikasi WAMP sebagai web server maka dapat meletakkannya pada folder “wamp\www\folder_project”.

Untuk menggunakan XAMPP maupun  WAMP sebagai server lokal maka Anda harus mendownloadnya terlebih dahulu kemudian menginstallnya pada PC atau Laptop. Anda dapat membaca artikel terkait penggunaan XAMPP dan WAMP disini.

1. Membuat File Koneksi PHP ke MySQL

Langkah selanjutnya adalah menyiapkan file PHP yang berisikan script untuk menghubungkan project aplikasi ke database yang dituju. Untuk membuat file koneksi PHP ke MySQL Anda dapat membaca pada tutorial yang saya tulis disini.

1. Membuat Database Project di MySQL

Pada tahap ini kita akan membuat database yang akan menampung data aplikasi website yang kita buat. Adapun cara membuat database di MySQL dapat dilakukan dengan dua cara yaitu melalui CLI [Command Line Inerfaces] dan melalui phpMyAdmin, langkah ini telah saya buat pada tutorial sebelumnya disini.

1. Membuat Tabel Pegawai di MySQL

Tahap selanjutnya adalah membuat tabel pada database MySQL. Untuk membuat sebuah tabel di database MySQL dapat dilakukan melalui phpMyAdmin, seperti contoh pada gambar berikut :

JOGJATECH.COM

• Sign out

window.jQuery || document.write[''] $[document].ready[function [] { //ajax edit data pegawai $[".edit"].off["click"].on["click",function[] { var id_data = $[this].attr["data-id"]; $.ajax[{ url : "pegawai/aksi_edit.php?id="+id_data, type: "GET", dataType: "JSON", success: function[data] { $["#id"].val[data.id]; $["#name"].val[data.name]; $["#email"].val[data.email]; $["#job"].val[data.job]; $["#address"].val[data.address]; $[".modal-update"].modal['show']; } }]; }]; //ajax hapus data pegawai $[".hapus"].off["click"].on["click",function[]{ var id_data = $[this].attr["data-id"]; $.ajax[{ url : "pegawai/aksi_hapus.php?id="+id_data, type : "POST", success : function[data]{ window.location = "index.php"; } }]; }]; }];

READ [Baca]

Disini kita akan mengerjakan salah satu dari operasi CRUD yaitu READ [R] atau membaca data darai database MySQL dan menampilkannya ke halaman HTML. Berikut adalah isi file “pegawai/read.php”. File ini digunakan untuk menampilkan data pegawai.

CREATE [Buat]

Pada langkah ini kita akan melaksanan salah satu dari operasi CRUD yaitu CREATE [C] atau melakukan input data dari form modals bootstrap ke database MySQL tabel pegawai. Berikut ini adalah isi dari file “pegawai/create.php” dan file “pegawai/aksi_insert.php”, file ini berisikan form modals bootstrap serta query sql untuk melakukan salah satu dari operasi CRUD yaitu CREATE [C].

//create.php

  

    

      

        Form Data
        
          ×
        
      
      

        
          

            Nama
            			
          
	
          

            Email
            			
          
          

            Pekerjaan
            			
          
          

            Alamat
            			
          
          
			
            Simpan
            Batal
          
        
      

    
  


//aksi insert