Tutorial Membuat CRUD PHP MySQL Sederhana

Tutorial Membuat CRUD PHP MySQL Sederhana

Assalamu alaikum wr. wb. Hai kawan-kawan. Kali ini saya akan membuat aplikasi CRUD PHP MYSQL. CRUD merupakan singkatan dari Create Read Update Delete (Buat Baca Perbarui Hapus). CRUD ini merupakan dasar dari pembuatan suatu aplikasi. Dalam tutorial ini, saya membuatnya dengan bahasa pemrograman PHP dan databasenya MySQL. Langsung saja ke to the pointnya saja.

1. Pastikan di komputer kalian sudah terinstal Web Server (XAMPP, WAMP, LAMP, dsb), Text Editor (Notepad++, Sublime, dsb).
2. Kemudian kita buat databasenya di Phpmyadmin dengan nama crudmysql. Copas script structure tabelnya:

      
     CREATE TABLE IF NOT EXISTS `biodata` (
     `id` int(5) NOT NULL AUTO_INCREMENT,
     `nama` varchar(20) NOT NULL,
     `kelas` varchar(10) NOT NULL,
     `alamat` varchar(30) NOT NULL,
     PRIMARY KEY (`id`)
   ) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=2 ;   
     .   
    

3. Buka Text Editor kesukaan kalian dan ikuti langkah di bawah ini
4. Buat file koneksi.php

      
   <?php
   $host = "localhost"; // isi nama server yang digunakan, server yang kita gunakan adalah localhost
   $username = "root"; // isi sesuai dengan username pada mysql, username mysql saya adalah root
   $password = "123"; // isi sesuasi dengan password pada mysql, password mysql saya adalah 123
   $database = "crudmysql"; // isi dengan nama database yang akan digunakan
   
   //kita panggil fungsi mysql_connect untuk membuka koneksi ke mysql
   mysql_connect($host,$username,$password) or die("SERVER ERROR"); // or die merupakan fungsi yang akan dijalankan jika proses
   // sebelumnya gagal dijalankan (pilihan terakhir)
   
   //selanjutnya memanggil fungsi mysql_select_db untuk memilih database yang akan digunakan
   mysql_select_db($database) or die("DATABASE ERROR") ;  
     .   
    

5. Buat file create.php

       <?php
   //menyisipkan file koneksi.php
   include "koneksi.php";
   
   // jika tombol simpan ditekan
   // $_POST merupakan variabel yang digunakan menangkap data inputan dari metode POST. Di dalam kurung tegak [] diisi dengan name dari input
   if(isset($_POST['submit'])){
   
       // membuat variabel untuk menampung variabel $_POST
       $nama = $_POST['nama'];
       $kelas = $_POST['kelas'];
       $alamat = $_POST['alamat'];
   
       // membuat variabel $query yang berisi fungsi mysql_query
       // parameter mysql_query diisi dengan query insert mysql
       $query = mysql_query("INSERT INTO biodata(nama,kelas,alamat) VALUES('$nama','$kelas','$alamat')");
   
       // jika query berhasil dijalankan, maka akan tampil data berhasil disimpan
       // jika tidak, maka akan tampil data gagal disimpan
       if($query){
           echo "<font color='green'>Data berhasil disimpan</font>. Lihat Data <a href='index.php'>disini</a> ";
       }else{
           echo "<font color='red'>Data gagal disimpan</font>";
       }
   }
   
   ?>
   <h1>Form Tambah Data</h1>
   <a href="index.php">Kembali</a>
   <p>
   <form method="post">
       <p>
           Nama <input type="text" name="nama">
       </p>
       <p>
           Kelas <input type="text" name="kelas">
       </p>
       <p>
           Alamat <input type="text" name="alamat">
       </p>
       <p>
           <input type="submit" name="submit" value="Simpan">
       </p>
   </form>
   </p>
    
    

6. Buat file index.php

    
    <?php
   //memanggil file koneksi.php
   include "koneksi.php";
   
   //membuat query mysql untuk menampilkan isi tabel biodata
   $query = mysql_query("SELECT * FROM biodata"); // fungsi mysql_query adalah menjalankan query mysql yang berada di
   // dalam kurung
   ?>
   <h1>Data Biodata Siswa</h1>
   <p>
       <a href="create.php">Tambah Data</a>
   </p>
   <table border="1" cellpadding="10">
       <tr>
           <th>No</th>
           <th>Nama</th>
           <th>Kelas</th>
           <th>Alamat</th>
           <th>Aksi</th>
       </tr>
       <?php
       $no=1; //membuat variabel no urut
       // kemudian kita akan menampilkan isi tabel biodata ke dalam html dengan fungsi while
       // dan mysql_fetch_array untuk mengambil data tabel kemudian ditampung dalam variabel $data berbentuk array
       // isi pada indeks array $data adalah nama field pada tabel
       while($data = mysql_fetch_array($query)) {
           ?>
           <tr>
               <td><?php echo $no; // menampilkan no urut?></td>
               <td><?php echo $data['nama']; // menampilkan isi field nama ?></td>
               <td><?php echo $data['kelas']; //menampilkan isi field kelas ?></td>
               <td><?php echo $data['alamat']; // menampilkan isi field alamat ?></td>
               <!-- pada link Edit, kita arahkan ke file update.php dan diberi variabel id yang berisi field id agar variabel tsb dapat ditangkap melalui metode GET -->
               <!-- pada link Hapus, kita arahkan ke file delete.php dan diberi variabel id yang berisi field id agar variabel tsb dapat ditangkap melalui metode GET -->
               <td><a href="update.php?id=<?php echo $data['id']?>">Edit</a> || <a href="delete.php?id=<?php echo $data['id']?>">Hapus</a> </td>
           </tr>
           <?php
       $no++; // no urut ditambah 1 secara otomatis
       }
       ?>
   </table>

7. Buat file update.php

   <?php
   //menyisipkan file koneksi.php
   include "koneksi.php";
   $id = $_GET['id']; //variabel $id berisi variabel $_GET['id'] yang didapat dari variabel id di url
   
   // jika tombol simpan ditekan
   // $_POST merupakan variabel yang digunakan menangkap data inputan dari metode POST. Di dalam kurung tegak [] diisi dengan name dari input
   if(isset($_POST['submit'])){
   
       // membuat variabel untuk menampung variabel $_POST
       $nama = $_POST['nama'];
       $kelas = $_POST['kelas'];
       $alamat = $_POST['alamat'];
   
       // membuat variabel $query yang berisi fungsi mysql_query
       // parameter mysql_query diisi dengan query UPDATE mysql
       $query = mysql_query("UPDATE biodata SET nama='$nama',kelas='$kelas',alamat='$alamat' WHERE id='$id'");
   
       // jika query berhasil dijalankan, maka akan tampil data berhasil disimpan
       // jika tidak, maka akan tampil data gagal disimpan
       if($query){
           echo "<font color='green'>Data berhasil disimpan</font>. Lihat <a href='index.php'>disini</a>";
       }else{
           echo "<font color='red'>Data gagal disimpan</font>";
       }
   }
   
   $query = mysql_query("SELECT * FROM biodata WHERE id='$id'"); // menampilkan data dimana id nya sama dengan $id menggunakan query SELECT
   $data = mysql_fetch_array($query); // data yang dihasilkan mysql_query ditampung ke dalam variabel $data sebagai array
   
   ?>
   <h1>Form Edit Data</h1>
   <a href="index.php">Kembali</a>
   <p>
   <form method="post">
       <p>
           Nama <input type="text" name="nama" value="<?php echo $data['nama']?>">
       </p>
       <p>
           Kelas <input type="text" name="kelas" value="<?php echo $data['kelas']?>">
       </p>
       <p>
           Alamat <input type="text" name="alamat" value="<?php echo $data['alamat']?>">
       </p>
       <p>
           <input type="submit" name="submit" value="Simpan">
       </p>
   </form>
   </p>
    

8. Buat file delete.php

   
    <?php
   include "koneksi.php"; //menyisipkan file koneksi.php
   $id = $_GET['id'];// menangkap isi variabel id dengan metode GET
   $query = mysql_query("DELETE FROM biodata WHERE id='$id'"); //menjalankan query DELETE untuk menghapus data berdasarkan id
   //jika query dijalankan
   if($query){
       //jika berhasil, akan dialihkan ke halaman index.php
       header("location:index.php");
   }else{
       //jika gagal, akan muncul data gagal dihapus
       echo "Data Gagal Dihapus. <a href='index.php'>Kembali ke halaman sebelumnya</a>";
   }

9. Kemudian jalankan aplikasinya di browser melalui localhost. Jangan lupa diaktifkan dulu apache & mysql nya di XAMPP.

Sekian tutorial ini, mohon maaf jika ada salah penulisan dan kata. Semoga artikel ini bermanfaat bagi kalian. Terima kasih.Silahkan download sourcecode disini.