Membuat CRUD Sederhana Dengan PHP dan MySQL

Membuat CRUD Sederhana Dengan PHP dan MySQL

Membuat CRUD Sederhana Dengan PHP dan MySQL
Membuat CRUD Sederhana Dengan PHP dan MySQL

Hallo sobat ruangcoder, artikel kali ini tentang Tutorial atau Cara Membuat CRUD Sederhana Dengan PHP dan MySQL , yang dimana pada kesempatan sebelumnya , kita telah membuat CRUD sederhana dengan menggunakan Framework Codeigniter bisa dilihat disini, nah tapi apa sobat tau mengenai Apa itu CRUD? CRUD yakni sebuah singkatan dari CreateReadUpdateDelete. Jadi CRUD ini berisi mengenai bagaimana cara membuat sebuah fitur  untuk menampilkan data, menyimpan data, mengubah data maupun menghapus data dari / ke database. Nah jadi sobat sudah mengetahui apa itu CRUD , dan sobat perlu ingat , ini hanya dasar nya saja , jadi jangan di hiraukan design nya , karena admin tidak memberikan tutorial ini menggunakan bootstap ataupun CSS , dilain waktu saja nanti hahaha. Oke dari pada banyak basa - basi kita langsung aja ke tutorialnya, yuk disimak.

Cara Membuat CRUD Sederhana Dengan PHP dan MySQL :


Sebelum mulai ada catatan dari admin
Catatan :  lebih baik sobat ngetik dulu script nya , sampai jadi semuanya , jadi nanti latihan apabila ada error sobat bisa perbaiki sendiri dulu , tanpa melihat , sampai sobat nyerah , baru sandingkan , script yang sobat ketikkan , dengan script yang ada di blog ini , biar melatih sobat, oke serasa itu aja catatan nya

Langkah pertama yaitu , sobat membuat database baru ya , yang pasti nya sobat pergi ke localhost/phpmyadmin sobat dan beri nama database tersebut dengan nama crudruangcoder , sebenernya bebas sih nama nya apa hahaha. nah untuk table nya sobat silahkan beri nama table tersebut dengan nama Siswa. Dan untuk isi column nya sobat bisa lihat gambar dibawah ini :



Nah setelah sobat selesai membuat table nya , dengan nama table siswa , Kemudian sobat akan buat sebuah form input datanya. Sobat harus sediakan kolom input sesuai desain table di atas, yaitu mulai dari kolom NIS sampai  dengan kolom jurusan. Sobat siapkan foldernya dulu di htdocs, misalnya coder_crud. Lalu sobat buat file index.php yang nantinya sobat akan menampilkan link untuk input data, juga table datanya. Sobat bebas gunakan text editor apapun , disini admin menggunakan Text Editor Sublime :



Nah , silahkan sobat buat file baru di folder coder_crud dengan nama file yaitu
index.php yang sudah admin jelaskan diatas , dan pastekan kode dibawah ini , tapi sekali lagi admin ingetin , mending ngetik dulu sendiri , biar belajar juga kan ngetik cepat :

<?php
// Create database connection using config file
include_once("koneksi.php");

// Fetch all users data from database
$result = mysqli_query($mysqli, "SELECT * FROM siswa ORDER BY nis DESC");
?>

<html>
<head>    
    <title>Homepage</title>
</head>

<body>
<a href="input.php">Add New User</a><br/><br/>

    <table width='80%' border=1>

    <tr>
        <th>NIS</th> <th>Nama</th> <th>Jenis Kelamin</th> <th>Tanggal Lahir</th> <th>Alamat</th> <th>Jurusan</th> <th>Update</th>
    </tr>
    <?php  
    while($user_data = mysqli_fetch_array($result)) {         
        echo "<tr>";
        echo "<td>".$user_data['nis']."</td>";
        echo "<td>".$user_data['nama']."</td>";
        echo "<td>".$user_data['jenis_kelamin']."</td>";
         echo "<td>".$user_data['tanggal_lahir']."</td>";
         echo "<td>".$user_data['alamat']."</td>";   
         echo "<td>".$user_data['jurusan']."</td>";        
        echo "<td><a href='edit.php?nis=$user_data[nis]'>Edit</a> | <a href='delete.php?nis=$user_data[nis]'>Delete</a></td></tr>";        
    }
    ?>
    </table>
</body>
</html>

Kemudian sobat silahkan buat file koneksi.php pada folder coder_curd , file ini berfungsi untuk menghubungkan ke database yang sudah sobat buat sebelumnya :



<?php
/**
 * using mysqli_connect for database connection
 */

$databaseHost = 'localhost';
$databaseName = 'crudruangcoder';
$databaseUsername = 'root';
$databasePassword = '';

$mysqli = mysqli_connect($databaseHost, $databaseUsername, $databasePassword, $databaseName); 

?>

Nah, sekarang sobat lihat pada codingan di atas yang bagian file index.php, sobat membuat sebuah link yang nantinya akan mengarah pada file input.php Inilah selanjutnya yang harus sobat buat.yaitu file input.php pada folder coder_crud



Silahkan sobat ketikkan kode dibawah ini , dan beri nama file tersebut dengan input.php pada folder coder_curd sobat :


<!DOCTYPE html>
<html>
<head>
  <title>Form Input Data</title>
</head>
<body>
  <form action="prosesSimpan.php" method="post">
    <table border="0">
      <tr>
        <td>NIS :</td>
        <td>
          <input type="text" name="nis">
        </td>
      </tr>
      <tr>
        <td>Nama : </td>
        <td>
          <input type="text" name="nama">
        </td>
      </tr>
      <tr>
        <td>Jenis Kelamin :</td>
        <td>
          <select name="jenis_kelamin">
            <option value="">Pilih</option>
            <option value="Laki - Laki">Laki - Laki</option>
            <option value="Perempuan">Perempuan</option>
          </select>
        </td>
      </tr>
      <tr>
        <td>Tanggal Lahir : </td>
        <td>
          <input type="date" name="tanggal_lahir">
        </td> 
      </tr>
      <tr>
        <td>Alamat : </td>
        <td>
          <textarea name="alamat" rows="10"></textarea>
        </td>
      </tr>
      <tr>
        <td>Jurusan :</td>
        <td>
          <input type="text" name="jurusan">
        </td>
      </tr>
    </table><br>
    <input type="submit" value="Simpan"> <input type="reset" value="Reset">
  </form>
</body>
</html>

Nah sobat , tampilan nya akan seperti dibawah ini , setelah sobat ketik kode yang diatas , maka tampilan input.php akan seperti yang ada di gambar bawah ini, abaikan design , karena ini dasar , saya tidak menggunakan CSS atau Bootstrap yang penting berjalan fungsinya dulu,



Di atas, sobat telah membuat sebuah form input datanya . Yang dimana nantinya data yang diinput pada form tersebut akan dikirim ke file prosesSimpan.php untuk diolah dan dalam kasus ini data akan disimpan ke database yang sebelumnya sobat telah buat. Dan nantinya data dikirim dengan menggunakan metode POST, terlihat dari atribut method form di atas yang sobat dapat lihat.

Selanjutnya, yang harus sobat buat adalah sebuah file berekstensi php yang digunakan untuk mengolah suatu data yang nantinya akan dikirim dari form input data, yakni file dengan nama prosesSimpan.php File ini akan menerima data dari form input data sobat, lalu akan mengarahkan data tersebut agar bisa disimpan ke database sobat.



Nah sobat silahkan buat file baru dengan nama prosesSimpan.php di dalam folder coder_crud , kemudian sobat ketikan kode dibawah ini :

<?php
include('koneksi.php');

$nis = $_POST['nis'];
$nama = $_POST['nama'];
$jenis_kelamin = $_POST['jenis_kelamin'];
$tgl_lahir = $_POST['tanggal_lahir'];
$alamat = $_POST['alamat'];
$jurusan = $_POST['jurusan'];

$query = mysqli_query($mysqli, "INSERT INTO siswa(nis, nama, jenis_kelamin, tanggal_lahir, alamat, jurusan) VALUES('$nis', '$nama', '$jenis_kelamin', '$tgl_lahir', '$alamat', '$jurusan')");

if($query){
 echo 'Data berhasil disimpan. Klik <a href="input.php">di sini</a> untuk input data kembali.';
 echo 'Data berhasil disimpan. Klik <a href="index.php">di sini</a> untuk melihat data.';
}else{
 echo 'Data gagal diinput. Silakan coba lagi input <a href="input.php">di sini</a>';
}

?>

Nah , silahkan sobat tambahkan data, dan kemudian lihat hasilnya , disini sobat sudah berhasil menambahkan data , seperti gambar dibawah ini , jika sobat sudah berhasil menambahkan data , sobat akan lanjut ke tahap edit dan delete data tersebut :

Langkah 1 : Input Data Siswa

Langkah 2 : Pengecekan Data ,

Langkah 3 : Tampil Data , Jika semua proses input berhasil

Nah , jika sobat berhasil dalam form input data nya , maka hasil akan seperti di atas , nah sobat tinggal membuat file edit.php dan delete.php untuk proses update data maupun hapus data dari data sobat yang ada di database , sobat proses data tersebut berdasarkan NIS , jadi sobat bisa liat pada kode dibawah ini , ini adalah fungsi untuk mengubah dan menghapus data berdasarkan NIS , jadi kita ambil data berdasarkan NIS :


         echo "<td><a href='edit.php?nis=$user_data[nis]'>Edit</a> | <a href='delete.php?nis=$user_data[nis]'>Delete</a></td></tr>";   

Nah sobat bisa lihat dengan jelas ya dia berdasarkan NIS , nanti juga sobat bisa lihat dibagian URL nya , oke kita lanjut aja langsung kita buat untuk file edit.php sehabis itu , sobat buat file delete.php, bisa diliat gambar dibawah ini untuk file si edit.php :



Silahkan sobat ketikkan kode dibawah ini , untuk isi di dalam file edit.php :


<?php
// include database connection file
include_once("koneksi.php");

// Check if form is submitted for user update, then redirect to homepage after update
if(isset($_POST['update']))
{   
    $nis = $_POST['nis'];
    $nama=$_POST['nama'];
    $jenis_kelamin=$_POST['jenis_kelamin'];
    $tanggal_lahir=$_POST['tanggal_lahir'];
    $alamat=$_POST['alamat'];
    $jurusan=$_POST['jurusan'];

    // update user data
    $result = mysqli_query($mysqli, "UPDATE siswa SET nama='$nama',jenis_kelamin='$jenis_kelamin', tanggal_lahir='$tanggal_lahir',alamat='$alamat',jurusan='$jurusan' WHERE nis=$nis");

    // Redirect to homepage to display updated user in list
    header("Location: index.php");
}
?>
<?php
// Display selected user data based on nis
// Getting nis from url
$nis = $_GET['nis'];

// Fetech user data based on nis
$result = mysqli_query($mysqli, "SELECT * FROM siswa WHERE nis=$nis");

while($user_data = mysqli_fetch_array($result))
{
    $nis = $user_data['nis'];
    $nama = $user_data['nama'];
    $jenis_kelamin = $user_data['jenis_kelamin'];
    $tanggal_lahir = $user_data['tanggal_lahir'];
    $alamat = $user_data['alamat'];
    $jurusan = $user_data['jurusan'];
    
}
?>
<html>
<head>  
    <title>Edit User Data</title>
</head>

<body>
    <a href="index.php">Home</a>
    <br/><br/>

    <form name="update" method="post" action="edit.php">
        <table border="0">
            <tr>
        <td>NIS :</td>
        <td>
          <input type="text" name="nis" value="<?php echo $nis;?>" readonly>
        </td>
      </tr>
      <tr>
        <td>Nama : </td>
        <td>
          <input type="text" name="nama" value="<?php echo $nama;?>">
        </td>
      </tr>
      <tr>
        <td>Jenis Kelamin :</td>
        <td>
          <select name="jenis_kelamin">
            <option value="">Pilih</option>
            <option value="Laki - Laki">Laki - Laki</option>
            <option value="Perempuan">Perempuan</option>
          </select>
        </td>
      </tr>
      <tr>
        <td>Tanggal Lahir : </td>
        <td>
          <input type="date" name="tanggal_lahir" value="<?php echo $tanggal_lahir;?>">
        </td> 
      </tr>
      <tr>
        <td>Alamat : </td>
        <td>
          <textarea name="alamat" rows="10">
              <?php echo $alamat;?>
          </textarea>
        </td>
      </tr>
      <tr>
        <td>Jurusan :</td>
        <td>
          <input type="text" name="jurusan" width="100" value="<?php echo $jurusan;?>">
        </td>
      </tr>
            <tr>
                <td><input type="hidden" name="nis" value="<?php echo $_GET['nis'];?>"></td>
                <td><input type="submit" name="update" value="Update"></td>
            </tr>
        </table>
    </form>
</body>
</html>

Langkah 1 : Proses Update data, lihat yang digaris Merah , kita update berdasarkan NIS
Langkah 2 : Data Berhasil Sobat Edit


Dan , sekarang sobat waktunya , membuat file delete.php , yang berguna untuk menghapus data tersebut, setelah sobat berhasil membuat file untuk mengubah data tersebut, :


Nah sobat ketikkan kode dibawah ini , dan buat file baru , seperti hal nya kita mengubah data , kita menghapus data berdasarkan NIS juga sobat :


<?php
// include database connection file
include_once("koneksi.php");

// Get nis from URL to delete that user
$nis = $_GET['nis'];

// Delete user row from table based on given nis
$result = mysqli_query($mysqli, "DELETE FROM siswa WHERE nis=$nis");

// After delete redirect to Home, so that latest user list will be displayed.
header("Location:index.php");
?>


Nah , jadi tutorial nya cukup sekian dulu Cara Membuat CRUD Sederhana Dengan PHP dan MySQL, silahkan sobat coba , jika ada error silahkan berusaha solved sendiri dulu , jika mentok boleh sobat sandingkan kode sobat dengan kode admin , jika sobat berhasil tanpa adanya error , sobat masuk ke tahap selanjutnya , yang nanti admin akan buat , jika masih bingung sobat silahkan tulis di kolom komentar , jika bermanfaat artikel ini , sobat bisa share , dan sampai jumpa di tutorial selanjutnya

Anda mungkin menyukai postingan ini