Wednesday, October 4, 2017

CRUD : Menampilkan Data Dari Database


Muhammad Aqshol Rifanza - Kali ini saya akan membuat CRUD (Create, Read, Update, Delete) Menampilkan data dari databases.

Pengertian
Sebelum membahas cara membuat aplikasi CRUD sederhana ada baiknya kita mengenal terlebih dahulu pengertian dari CRUD karena mungkin banyak dari sobat semua yang masih bingung apasih CRUD ini ?

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.


Latar Belakang
Perlu tampilnya  sebuah data dari database


Maksud dan Tujuan
Supaya dapat menampilkan data dari database

Hasil yang Diharapkan
Mampu menampilkan data dari database untuk diolah lebih lanjut

Alat Dan Bahan


  • Laptop/PC
  • LAMP Server atau sejenisnya


Jangka Waktu Pelaksanaan
5 - 10 menit

Tahapan
Pertama buat dataabse di phpmyadmin




Buat koneksi database 
Kemudian buat index.php dan masukkan script berikut :
<!DOCTYPE html>
<html>
<head>
    <title>Membuat CRUD</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

<div class="title">
    <h1>Membuat CRUD</h1>
    <h3>Muhammad Aqshol Rifanza</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>


maka hasilnya akan seperti berikut :


Kemudian untuk mempercantik kita tambahkan file css
body{
    margin: 0;
}
.title{
    background: #3498db;
    color: white;
    padding: 10px;
    text-align: center;
}
.btn-tambah{
    background: #0594f5;
    color: white;
    padding: 10px 16px;
    text-decoration: none;
}
.btn-tambah:hover{
    background: #69a4cc;
}
table{
    width: 70%;
    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: #3498db;
    color: white;
}
table tr:hover{
    background: whitesmoke;
}
Tampilannya aka berubah seperti berikut :


Kesimpulan
Untuk menampilkan data dari database, memerlukakn query sql seperti diatas.

Referensi


  • http://www.script-kiddies.org

0 comments:

Post a Comment