CURD Sederhana dan Simple dengan PHP dan MySQLi
- Get link
- Other Apps
CRUD adalah istilah singkat dari Create Read Update Delete, berikut ini kita akan membuat aplikasi sederhana CRUD untuk pembelajaran, scriptnya kita akan buat sangat sederhana jadi mudah di fahami dan di kembangkan sendiri.
sebelumnya input dulu query database di bawah ini...
Dan buat dulu file koneksi.php, file ini yang akan menghubungkan antara script php dengan database MySQl nanti..
berikut script koneksi.php..
sebelumnya input dulu query database di bawah ini...
- CREATE TABLE IF NOT EXISTS `mahasiswa` (
- `id_mahasiswa` int(50) NOT NULL AUTO_INCREMENT,
- `nama` text COLLATE latin1_general_ci NOT NULL,
- `jenis_kelamin` text COLLATE latin1_general_ci NOT NULL,
- `alamat` text COLLATE latin1_general_ci NOT NULL,
- `telepon` text COLLATE latin1_general_ci NOT NULL,
- PRIMARY KEY (`id_mahasiswa`)
- ) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci AUTO_INCREMENT=100001 ;
Dan buat dulu file koneksi.php, file ini yang akan menghubungkan antara script php dengan database MySQl nanti..
berikut script koneksi.php..
- <?php
- $koneksi = mysqli_connect
- (
- "localhost",
- "root",
- "",
- "crud"
- );
- if (mysqli_connect_errno())
- {
- echo "Koneksi Gagal"
- .mysqli_connect_error();
- }
- ?>
setelah itu kita buat file index.php dengan script berikut..
- <html>
- <title>Aplikasi CRUD Sederhana</title>
- <head>
- <link rel="stylesheet" href="style/bootstrap.min.css" />
- </head>
- <body>
- <div class="container" style="margin-top:8%">
- <div class="row">
- <div class="col-md-8 col-md-offset-2">
- <p>
- <center>
- <h2>Aplikasi Crud Sederhana</h2>
- Oleh : <a href="https://www.smknet.net" target="_blank">SMKNet</a>
- </center>
- </p>
- <br>
- <p>
- <a class="btn btn-primary" href="tambah.php">Tambah</a>
- </p>
- <table class="table table-bordered">
- <tr>
- <th>
- No
- </th>
- <th>
- Nama
- </th>
- <th>
- Jenis Kelamin
- </th>
- <th>
- Telepon
- </th>
- <th>
- Alamat
- </th>
- <th>
- Opsi
- </th>
- </tr>
- <?php
- include"koneksi.php";
- $no = 1;
- $data = mysqli_query ($koneksi, " select
- id_mahasiswa,
- nama,
- jenis_kelamin,
- telepon,
- alamat
- from
- mahasiswa
- order by id_mahasiswa DESC");
- while ($row = mysqli_fetch_array ($data))
- {
- ?>
- <tr>
- <td>
- <?php echo $no++; ?>
- </td>
- <td>
- <?php echo $row['nama']; ?>
- </td>
- <td>
- <?php echo $row['jenis_kelamin']; ?>
- </td>
- <td>
- <?php echo $row['telepon']; ?>
- </td>
- <td>
- <?php echo $row['alamat']; ?>
- </td>
- <td>
- <a href="detail.php?id=<?php echo $row['id_mahasiswa']; ?>">Detail</a> |
- <a href="edit.php?id=<?php echo $row['id_mahasiswa']; ?>">Edit</a> |
- <a href="hapus.php?id=<?php echo $row['id_mahasiswa']; ?>">Hapus</a>
- </td>
- </tr>
- <?php
- }
- ?>
- </table>
- </div>
- </div>
- <p>
- <center>Copyright @ 2019 by : <a href="https://www.smknet.net" target="_blank">SMKNet</a> All rights reserved.</center>
- </p>
- </div>
- </body>
- </html>
Simpan dan kita coba jalankan di browser, hasilanya kurang lebih seperti di bawah ini
![]() |
Tampil data |
Script index.php di atas adalah untuk menampilkan data dari database, selanjutnya kita akan membuat form untuk mengisi data..
Berikut Scriptnya..
- <html>
- <title>Aplikasi CRUD Sederhana</title>
- <head>
- <link rel="stylesheet" href="style/bootstrap.min.css" />
- </head>
- <body>
- <div class="container" style="margin-top:8%">
- <div class="row">
- <div class="col-md-8 col-md-offset-2">
- <p>
- <center>
- <h2>Aplikasi Crud Sederhana</h2>
- Oleh : <a href="https://www.smknet.net" target="_blank">SMKNet</a>
- </center>
- </p>
- <br>
- <form role="form" method="post" action="input.php">
- <div class="form-group">
- <label>Nama</label>
- <input class="form-control" name="nama">
- </div>
- <div class="form-group">
- <label>Jenis Kelamin</label>
- <div class="radio">
- <label>
- <input type="radio" name="jenis_kelamin" value="Laki-laki" checked>Laki-laki
- </label>
- </div>
- <div class="radio">
- <label>
- <input type="radio" name="jenis_kelamin" value="Perempuan">Perempuan
- </label>
- </div>
- </div>
- <div class="form-group">
- <label>Telepon</label>
- <input class="form-control" name="telepon">
- </div>
- <div class="form-group">
- <label>Alamat</label>
- <textarea name="alamat" class="form-control" rows="3"></textarea>
- </div>
- <button type="submit" class="btn btn-primary pull-right">Simpan</button>
- <a href="index.php" class="btn btn-success pull-right" style="margin-right:1%;">Batal</a>
- </form>
- </div>
- </div>
- <p>
- <center>Copyright @ 2018 by : <a href="https://www.smknet.net" target="_blank">SMKNet</a> All rights reserved.</center>
- </p>
- </div>
- </body>
- </html>
Cek jalankan di browser, berikut hasilnya..
![]() |
Form tambah |
Setelah form untuk mengisi data tersedia, kita buat lagi file dengan nama input.php, file ini berfungsi untuk mengirim data di form ke database mysql..
Berikut script fle input.php..
- <?php
- include"koneksi.php";
- $nama = $_POST['nama'];
- $jenis_kelamin = $_POST['jenis_kelamin'];
- $alamat = $_POST['alamat'];
- $telepon = $_POST['telepon'];
- $query = "insert INTO mahasiswa SET
- nama = '$nama',
- jenis_kelamin = '$jenis_kelamin',
- alamat = '$alamat',
- telepon = '$telepon'
- ";
- mysqli_query($koneksi, $query)
- or die ("Gagal Perintah SQL".mysql_error());
- header('location:index.php');
- ?>
Sekarang jalankan file index.php coba klik tombol Tambah maka akan tampil form tambah, coba isi kan data lalu klik tombol simpan.. maka data akan tersimpan ke database lalu di tampilkan kembali melalui halaman index.php seperti di bawah ini..
![]() |
Tampil data |
Selanjutnya kita akan buat fitur melihat detail data, buat file dengan nama detail.php dengan script di bawah ini..
- <html>
- <title>Aplikasi CRUD Sederhana</title>
- <head>
- <link rel="stylesheet" href="style/bootstrap.min.css" />
- </head>
- <body>
- <?php
- include"koneksi.php";
- $no = 1;
- $data = mysqli_query ($koneksi, " select
- id_mahasiswa,
- nama,
- jenis_kelamin,
- telepon,
- alamat
- from
- mahasiswa
- where id_mahasiswa = $_GET[id]");
- $row = mysqli_fetch_array ($data);
- ?>
- <div class="container" style="margin-top:8%">
- <div class="row">
- <div class="col-md-8 col-md-offset-2">
- <p>
- <center>
- <h2>Aplikasi Crud Sederhana</h2>
- Oleh : <a href="https://www.smknet.net" target="_blank">SMKNet</a>
- </center>
- </p>
- <br>
- <p>
- <a class="btn btn-success" href="index.php">Kembali</a>
- </p>
- <table class="table table-stripped">
- <tr>
- <td style="width:10%;">
- Nama
- </td>
- <td>
- : <?php echo $row['nama']; ?>
- </td>
- </tr>
- <tr>
- <td>
- Telepon
- </td>
- <td>
- : <?php echo $row['telepon']; ?>
- </td>
- </tr>
- <tr>
- <td>
- Alamat
- </td>
- <td>
- : <?php echo $row['alamat']; ?>
- </td>
- </tr>
- </table>
- </div>
- </div>
- <p>
- <center>Copyright @ 2019 by : <a href="https://www.smknet.net" target="_blank">SMKNet</a> All rights reserved.</center>
- </p>
- </div>
- </body>
- </html>
coba klik detail pada kolom opsi di halaman index.php, hasilnya kurang lebih seperti di bawah ini..
![]() |
Detail Data |
Fitur selanjutnya adalah edit data..
buat file edit.php, script ini akan mengambil id data yang mau di edit dan di tampilkan ke dalam form..
berikut adalah script edit.php nya..
- <html>
- <title>Aplikasi CRUD Sederhana</title>
- <head>
- <link rel="stylesheet" href="style/bootstrap.min.css" />
- </head>
- <body>
- <div class="container" style="margin-top:8%">
- <div class="row">
- <div class="col-md-8 col-md-offset-2">
- <p>
- <center>
- <h2>Aplikasi Crud Sederhana</h2>
- Oleh : <a href="https://www.smknet.net" target="_blank">SMKNet</a>
- </center>
- </p>
- <br>
- <form role="form" method="post" action="input.php">
- <div class="form-group">
- <label>Nama</label>
- <input class="form-control" name="nama">
- </div>
- <div class="form-group">
- <label>Jenis Kelamin</label>
- <div class="radio">
- <label>
- <input type="radio" name="jenis_kelamin" value="Laki-laki" checked>Laki-laki
- </label>
- </div>
- <div class="radio">
- <label>
- <input type="radio" name="jenis_kelamin" value="Perempuan">Perempuan
- </label>
- </div>
- </div>
- <div class="form-group">
- <label>Telepon</label>
- <input class="form-control" name="telepon">
- </div>
- <div class="form-group">
- <label>Alamat</label>
- <textarea name="alamat" class="form-control" rows="3"></textarea>
- </div>
- <button type="submit" class="btn btn-primary pull-right">Simpan</button>
- <a href="index.php" class="btn btn-success pull-right" style="margin-right:1%;">Batal</a>
- </form>
- </div>
- </div>
- <p>
- <center>Copyright @ 2019 by : <a href="https://www.smknet.net" target="_blank">SMKNet</a> All rights reserved.</center>
- </p>
- </div>
- </body>
- </html>
Coba jalankan dengan cara klik Edit pada kolom opsi di halaman index.php, hasilnya kurang lebih seperti di bawah ini..
![]() |
Form Edit |
Seperti form tambah, form edit juga membutuhkan action untuk memproses data yang di isikan ke dalam database.. kita buat update.php dengan script di bawah ini..
- <?php
- include"koneksi.php";
- $id = $_POST['id_mahasiswa'];
- $nama = $_POST['nama'];
- $jenis_kelamin = $_POST['jenis_kelamin'];
- $alamat = $_POST['alamat'];
- $telepon = $_POST['telepon'];
- $query = "UPDATE mahasiswa SET
- nama = '$nama',
- jenis_kelamin = '$jenis_kelamin',
- alamat = '$alamat',
- telepon = '$telepon'
- WHERE id_mahasiswa = '$id'
- ";
- mysqli_query($koneksi, $query)
- or die ("Gagal Perintah SQL".mysql_error());
- header('location:index.php');
- ?>
dan yang terakhir adalah fitur delete/hapus data, seperti namanya fitur ini menghapus data yang ada di database sesuaai dengan id yang mau di hapus..
kita buat file hapus.php dengan script di bawah ini..
- <?php
- include"koneksi.php";
- $query = "DELETE FROM mahasiswa
- WHERE id_mahasiswa ='$_GET[id]'
- ";
- mysqli_query($koneksi, $query)
- or die ("Gagal Perintah SQL".mysql_error());
- header('location:index.php');
- ?>
cara menjalankan script hapus.php sangat mudah cukup klik hapus pada kolom opsi di halaman index.php
Donwload versi script lengkapnya bisa di sedot di sini
Comments
Post a Comment