Saturday, August 15, 2020

Membuat CRUD Dasar PHP dan MySQLi part 2

Assalamualaikum Wr, Wb
Melanjutkan Dari postingan CRUD part1, kali ini akan share bagaimana cara tambah data ke database MySQLi, yuk langsung saja
Persiapan
  1. Sudah Mengikuti CRUD Part 1
File File yang di butuhkan
  1. File koneksi.php
  2. File index.php
  3. File Form tambah_data.php
  4. File aksi_crud.php
File diatas sebagian sudah dibahas di part1, jika file sudah ada tinggal buka dan edit atau tambahkan beberapa code untuk keperluan tambah data
File index.php

<!-- panggil file koneksi -->
<?php include "koneksi.php" ?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Belajar CRUD</title>
    <style>
        tr, th, td{
            padding: 10px;
        }
        th{
            background-color: indianred;
            color:#fff;
            font-size:large
        }
        h1{
            text-transform: uppercase;
        }
    </style>
</head>
<body>
    <center>
    <h1>Tampil Semua Mahasiswa</h1>

    <!-- code untuk memanggil form tambah data -->
    <div style="margin-left:650px"><h3><a href="tambah_data.php">Tambah Data</a></h3></div>

    <table border="1px solid">
        <tr>
            <th>No</th>
            <th>NPM</th>
            <th>Nama Mahasiswa</th>
            <th>Program Studi</th>
            <th>Tanggal Lulus</th>
            <th>Nomor Ijazah</th>
            <th>IPK</th>
        </tr>
        <?php
        $sql = mysqli_query($konek, "SELECT * FROM mahasiswa ORDER BY id ASC");
        $no = 1;
        while ($d = mysqli_fetch_array($sql)) {
            echo "<tr>
                        <td width='40px' align='center'>$no</td>
                        <td>$d[npm]</td>
                        <td>$d[nama_mhs]</td>
                        <td>$d[prodi]</td>
                        <td>$d[tgl_lulus]</td>
                        <td>$d[no_ijazah]</td>
                        <td>$d[ipk]</td>
                    </tr>";
            $no++;
        }
        ?>
    </table>
    </center>
</body>
</html>


<div style="margin-left:650px"><h3><a href="tambah_data.php">Tambah Data</a></h3></div>

Perhatikan code diatas untuk memanggil file form tambah_data.php, untuk memanggil file menggunakan taq html
<a href=""></a>

File form tambah_data.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CRUD Tambah Data</title>
</head>
<body>
<center>
<h1>Tambah Data Mahasiswa</h1>
<form method="post" action="aksi_crud.php?act=insert">
    <table class="table">
        <tr>
            <td width="160">NPM</td>
            <td><input class="form-control" type="text" name="npm" /></td>
        </tr>
        <tr>
            <td>Nama Mahasiswa</td>
            <td><input class="form-control" type="text" name="nama" />
            </td>
        </tr>
        <tr>
            <td>Program Studi</td>
            <td>
                <select name="prodi" class="form-control">
                    <option value="Teknik Informatika">Teknik Informatika</option>
                    <option value="Sistem Informasi">Sistem Informasi</option>
                    <option value="Teknik Komputer">Teknik Komputer</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>Tanggal Lulus</td>
            <td><input class="form-control" type="date" name="tgllulus" /></td>
        </tr>
        <tr>
            <td>No. Ijazah</td>
            <td><input class="form-control" type="text" name="noijazah"  /></td>
        </tr>
        <tr>
            <td>IPK</td>
            <td><input class="form-control" type="number" step="0.01" name="ipk" /></td>
        </tr>
        <tr>
            <td></td>
            <td>
                <input type="submit" value="Simpan" />
                <button><a href="crud.php">Kembali</a></button>
            </td>
        </tr>
    </table>
</form>
</center>
</body>
</html>

Perhatikan code form dengan action="aksi_crud.php?act=insert" itu artinya aksi proses simpan data berada di file aksi_crud.php

File aksi_crud.php

<?php
// pemanggilan file koneksi.php
include "koneksi.php";

// jika ada get act
if(isset($_GET['act'])){

  //proses simpan data
  if($_GET['act']=='insert'){

      //variabel dari elemen form
      $npm 	= $_POST['npm'];
      $nama 	= $_POST['nama'];
      $prodi  = $_POST['prodi'];
      $tgl	= $_POST['tgllulus'];
      $noijazah = $_POST['noijazah'];
      $ipk	= $_POST['ipk'];

      // validasi isian form tambah data
      if($npm=='' || $nama=='' || $prodi=='' || $tgl=='' || $noijazah=='' || $ipk==''){
          header('location:tambah_data.php');
      }else{			
          //proses simpan data admin
          $simpan = mysqli_query($konek, "INSERT INTO mahasiswa(npm,nama_mhs,prodi,tgl_lulus,no_ijazah,ipk) 
                          VALUES ('$npm','$nama','$prodi','$tgl','$noijazah','$ipk')");

          if($simpan){
              header('location:crud.php');
          }else{
              header('location:crud.php');
          }
      }
  } // akhir proses simpan data
  else{
      header('location:crud.php');
  }
} // akhir get act
else{
	header('location:crud.php');
}
?>

Sedikit penjelasan form tambah data mengarahkan proses simpan data di file aksi_crud dengan kondisi jika act="insert" maka yang di jalankan adalah query dari simpan data ke database, nantinya fil aksi_crud juga bisa digunakan untuk proses edit_data.php dengan kondisi act="edit", tapi itu nanti saja dibahasnya sekalian prakter untuk edit data.

Di file aksi_crud ada validasi form inputan tidak boleh kosong, misal nama mahasiswa atau ipk tidak diisi maka validasai otomasi akan mengarahkan ke form tambah_data lagi

Coba Sekarang Jalankan Dibrowser temen temen dengan url localhot/nama_folder, dan akan tampil halaman list data mahasiswa kemudian ada menu navigasi untuk tambah data coba klik menu tambah data otomatis form tambah data akan tampil

Gambar list data mahasiswa

Gambar Form tambah data

Coba temen temen isi form tambah data kemudian klik simpan otomatis data akan tersimpan kedatabase dan halaman akan otomatis pindah ke halaman list data mahasiswa, bagaimana mudahkan? Next potingan akan membahas lanjutan dari crud edit data

Sekian Dulu ya semoga bermanfaat

No comments:
Tulis komentar

Category