Muhammad Ainul Arifin

Membuat CRUD Sederhana Dengan PHP Dan MySQL - Menampilkan Data Dari Database

Kali ini saya akan memposting bagaimana membuat CRUD sederhana dengan PHP dan mysql kemudian menampilkan data dari databases. Yuk disimak.
Gambar terkait 

A. Pendahuluan

1. Pengertian
CRUD adalah singkatan dari  Create, Read, Update, Delete . Jadi singkat cerita CRUD adalah teknik dalam bahasa pemrograman yang berfungsi untuk memanipulasi atau mengelola database. Pertama kita mengenal istilah Create ( Membuat ) maksudnya kita dapat membuat / menambah data ke database, Read ( Membaca ) maksudnya kita dapat menampilkan atau membaca data yang ada di database, Update ( Edit ) maksudnya kita dapat mengedit data - data yang ada di dalam database, Delete ( Hapus ) maksudnya kita dapat menghapus data yang ada pada database. Sedikit informasi bahwa database yang kita gunakan kali ini menggunakan MySQL. 

2. Latar Belakang
CRUD sangatlah penting dan wajib dikuasi oleh programmer. CRUD berfungsi untuk menampilkan, mengedit, menambah dan meghapus data pada database. Semua aplikasi dan website dinamis pasti memiliki fitur untuk memanipulasi data. Hanya dengan menguasai CRUD ini kita dapat membuat sebuah aplikasi sederhana.

3. Maksud dan Tujuan
Supaya para pogramer bisa menjalankan aplikasinya maka CRUD ini sangat penting dalam pemograman.

B. Alat dan Bahan 
  • Pc/Laptop
  • Sublime text/Text Editor
C. Jangka Waktu Pelaksanaan
-

D. Tahapan Pelaksanaan

PERSIAPAN MEMBUAT CRUD
Karena kita bermain - main dengan database maka kita harus membuat database baru. Disini saya memberikan nama database latihan yang memiliki tabel bernama siswa dan memiliki 4 kolom yaitu id, nama, alamat, kelas. Jadi kita akan memanipulasi database latihan.







CARA MENAMPILKAN DATA DARI DATABASE

Setelah selesai membuat database. Kita harus mengkoneksikan antara PHP dengan database MySQL yang kita buat tadi. Untuk penjelasan lebih lengkapnya tentang cara menghubungkan database MySQL sudah saya bahas pada tutorial sebelumnya Membuat Koneksi PHP Dengan Database MySQL . Saya memberikan nama file koneksi tersebut dengan nama koneksi.php . Isi dari koneksi tersebut adalah seperti ini.

koneksi.php

 <?php
$host = "localhost";
$user = "root";
$pass = "20000329";
$db   = "latihan";

$koneksi = mysqli_connect($host, $user, $pass, $db);
 ?>


Parameter dari $koneksi saya simpan dalam variabel agar lebih terstruktur. Silahkan ganti parameter $user dan $pass sesuaikan dengan username dan password MySQL milik sobat.

Sekarang buat file index.php yang akan menampilkan data pada tabel siswa.

index.php

<!DOCTYPE html>
<html>
<head>
    <title>Membuat CRUD Sederhana</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

<div class="title">
    <h1>Membuat CRUD Sederhana</h1>
    <h3>Ipin Boys</h3>
   
</div>
<br>
<center>
<?php
if (isset($_GET['aksi'])) {
 if ($_GET['aksi'] == "tambah") {
  echo "<h2>Data Berhasil Ditambah</h2>";
 }elseif ($_GET['aksi'] == "edit") {
  echo "<h2>Data Berhasil Diedit</h2>";
 }elseif ($_GET['aksi'] == "hapus") {
  echo "<h2>Data Berhasil Dihapus</h2>";
 }
}

 ?>
<a href="tambah.php" class="btn-tambah">Tambah Data</a>
<table>
    <thead>
        <tr>
            <th>No</th>
            <th>Nama</th>
            <th>Alamat</th>
            <th>Kelas</th>
            <th>Aksi</th>
        </tr>
    </thead>
    <tbody>
    <?php
    include"koneksi.php";
    $query = mysqli_query($koneksi,"SELECT * FROM siswa")or die(mysqli_error($koneksi));
    $no = 1;
    while ($data = mysqli_fetch_array($query)) {
    ?>
        <tr>
            <td><?php echo $no++; ?></td>
            <td><?php echo $data['nama'];?></td>
            <td><?php echo $data['alamat'];?></td>
            <td><?php echo $data['kelas']; ?></td>
            <td>
            <a href="edit.php?id=<?php echo $data[id] ?>">Edit</a> |
            <a href="hapus.php?id=<?php echo $data[id] ?>">Hapus</a>
            </td>
        </tr>
    <?php } ?>
    </tbody>
</table>
</center>

</body>
</html> 
Lalu agar lebih cantik tambahkan juga file style.css yang berisikan syntax berikut.

style.css

body{
    margin: 0;
}
.title{
    background: darkorange;
    color: black;
    padding: 10px;
    text-align: center;
}
.btn-tambah{
    background: darkorange ;
    color: black;
    padding: 10px 16px;
    text-decoration: none;
}
.btn-tambah:hover{
    background: #69a4cc;
    transition-duration: 0.5s;
    color: white;
}
table{
    width: 90%;
    border-collapse: collapse;
    margin-top: 20px;
}
table tr th,
table tr td{
    border: 1px solid #3f3f3f;
    padding: 10px 24px;
    text-align: center;
}
table tr th{
    background: darkorange;
    color: black;
}
table tr:hover{
    background: whitesmoke;
}
Setelah kita memahami alur dari menampilkan data ini sekarang kita coba buka folder kerja kita dengan menggunakan localhost


E. Kesimpulan
Jadi untuk menampilkan data dari database kita dapat mengegunakan fungsi mysqli_query dan mengisikan query untuk menampilkan data. Setelah itu kita berikan sentuhan perulangan agar data tersebut dapat mengulang alias dapat tampil semua, Jangan lupakan fungsi mysqli_fetch_array yang berfungsi untuk merubah data menjadi array agar dapat ditampilkan dengan perulangan.

F. Refrensi

G. Penutup
Sekian postingan kali ini semoga bermanfaat guys. 
Membuat CRUD Sederhana Dengan PHP Dan MySQL - Menampilkan Data Dari Database Membuat CRUD Sederhana Dengan PHP Dan MySQL - Menampilkan Data Dari Database Reviewed by Ainul_Arifin29 on October 04, 2017 Rating: 5

No comments:

Powered by Blogger.