You are currently viewing Membuat CRUD (Create, Read, Update, Delete) dengan PHP Dasar – Menampilkan Data dari Database

Membuat CRUD (Create, Read, Update, Delete) dengan PHP Dasar – Menampilkan Data dari Database

  • Post category:PHP
  • Post comments:0 Comments

Membuat CRUD dengan PHP Dasar  : Menampilkan Data Dari Database Hallo teman-teman semua bagaimana nih kabarnya? semoga baik-baik aja ya. Pada Artikel kali ini kita akan masuk ke tutorial edisi membuat CRUD dengan menggunakan Pemrograman PHP. Tutorial ini merupakan tutorial yang penting untuk teman-teman pahami sebelum membuat aplikasi. Pada tutorial kali ini kita akan juga menjelaskan apa itu CRUD, cara membuat CRUD dan kenapa CRUD ini penting dalam pembuatan Aplikasi. CRUD ini sangat penting karena berhubungan dengan cara menginput data pada database, mengedit data dari database,  menampilkan data dari database dan menghapus data yang tidak kita butuhkan dari database.

Pada tutorial kali ini kita akan membagi materi ini ke dalam beberapa part pembahasan. Tujuannya agar teman-teman mudah dalam memahami konsep dari pembuatan fungsi CRUD dengan menggunakan Pemrograman PHP Dasar ini. Adapun pembahasannya yaitu:

  1. Membuat Fungsi Menampilkan Data dari Database (Baca Disini)
  2. Membuat Fungsi Menambah Data Ke Database (Baca Disini)
  3. Membuat Fungsi Mengedit Data dari Database (Baca Disini)
  4. Membuat Fungsi Menghapus Data dari Database (Baca Disini)

Jadi pada pembahasan kali ini kita akan masuk ke dalam pembahasan pertama yaitu Membuat Fungsi menampilkan Data dari Database menggunakan Pemrograman PHP Dasar (Native).

Baca Juga :  Membuat CRUD (Create, Read, Update, Delete) Dengan CodeIgniter 3 – Menampilkan Data Dari Database

Pasti teman-teman sudah terbayangkan seberapa pentingnya kita harus memahami tentang konsep CRUD ini? bahkan kita tidak bisa membuat sebuah aplikasi sederhana jika kita tidak memahami konsep dari CRUD ini. pada tutorial kali inni kita akan membahas secara detail tentang bagaimana cara membuat CRUD (Create, Read, Update, Delete) menggunakan PHP dasar.

Pengertian CRUD (Create, Read, Update dan Delete)

Sebelum kita memulai belajar tentang cara membuat fungsi CRUD pada CodeIgniter 3, pada baiknya kita harus mengerti dulu tentang apa itu CRUD. CRUD merupakan singkatan dari Create, Read, Update dan Delete. jadi kepanjangan CRUD ini dapat kita lihat bahwa CRUD ini berbicara tentang bagaimana cara mengelola dan melakukan manajemen terhadap suatu hal. Contohnya seperti Menambahkan data ke dalam database (Create), Membaca data dari database (Read), Melakukan perubahan / update data dari database (Update) dan menghapus data dari database (Delete).

Persiapan Pembuatan CRUD Dengan PHP Dasar

Karena kita akan bermain dengan database. maka yang menjadi langkah awal yang harus kita siapkan adalah database yang akan kita gunakan. Pada Artikel kali ini kita akan membuat database dengan nama crud. Dan membuat sebuah tabel dengan nama tb_barang. Berikut ini saya juga menyertakan file SQL yang dapat teman-teman gunakan pada tutorial kali ini. Adapun sintak SQL dari tabel yang kita gunakan dapat dilihat pada sintak berikut.

-- phpMyAdmin SQL Dump
-- version 4.8.2
-- https://www.phpmyadmin.net/
--
-- Host: 127.0.0.1
-- Generation Time: Mar 01, 2022 at 01:52 PM
-- Server version: 10.1.34-MariaDB
-- PHP Version: 5.6.37

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
SET AUTOCOMMIT = 0;
START TRANSACTION;
SET time_zone = "+00:00";


/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8mb4 */;

--
-- Database: `crud`
--

-- --------------------------------------------------------

--
-- Table structure for table `tb_barang`
--

CREATE TABLE `tb_barang` (
  `id_barang` varchar(10) NOT NULL,
  `nama_barang` varchar(200) NOT NULL,
  `stok` int(11) NOT NULL,
  `harga` double NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

--
-- Dumping data for table `tb_barang`
--

INSERT INTO `tb_barang` (`id_barang`, `nama_barang`, `stok`, `harga`) VALUES
('1001', 'Pena', 20, 30000),
('1002', 'Pensil', 10, 1000),
('1003', 'Buku', 20, 3500);

--
-- Indexes for dumped tables
--

--
-- Indexes for table `tb_barang`
--
ALTER TABLE `tb_barang`
  ADD PRIMARY KEY (`id_barang`);
COMMIT;

/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;

Kebetulan pada sintak diatas kita sudah memiliki beberapa Record data. Data ini kita gunakan sebagai sample untuk memastikan bahwa website kita telah berhasil memunculkan data yang diinginkan.

Membuat Fungsi CRUD dengan PHP dasar – Menampilkan Data

Setelah proses pembuatan database selesai, selanjutnya kita akan membuat sebuah file PHP baru yang fungsinya untuk menampung segala fungsi yang kuta butuhkan pada pembuatan CRUD menggunakan PHP. Pada praktikum kali ini kita akan membuat seluruh fungsi CRUD kita kedalam sebuah METHOD. Hal ini bertujuan untuk mempermudah dalam proses pembuatan Website nantinya.

Sekarang kita buat nama file PHP baru ini dengan nama koneksi.php. Nantinya seluruh METHOD yang kita gunakan akan disimpan pada file ini.

<?php

function koneksiDB() {
    
    $host = "localhost";
    $username = "root";
    $password = "";
    $db = "crud";

    $conn = mysqli_connect($host, $username, $password, $db);
    
    if(!$conn) {
        die("Koneksi Database Gagal : " .mysqli_connect_error());
    } else {
        return $conn;
    }
}

function selectAllData() {
    $query = "SELECT * FROM tb_barang";
    $result = mysqli_query(koneksiDB(), $query);
    return $result;
}

?>

Coba kita perhatikan pada Method atau Function KoneksiDB(). Pada method ini terdapat beberapa variabel yang digunakan untuk menyimpan informasi Databa Isilah variabel se yang kita miliki. Isilah variabel ini sesuai dengan Informasi dari database yang kita gunakan.

$host = "localhost";
$username = "root";
$password = "";
$db = "crud";

Untuk melakukan Koneksi terhadap Website dan database kita. Disini kita menggunakan sintak mysqli_connect(). Sintak ini berisikan informasi database yang akan kita gunakan

$conn = mysqli_connect($host, $username, $password, $db);

Coba perhatikan juga pada file Koneksi.php ini, terdapat sebuah Method atau Function dengan nama selectAllData() yang berfungsi untuk memanggil seluruh data barang dari tabel database kita

function selectAllData() {
    $query = "SELECT * FROM tb_barang";
    $result = mysqli_query(koneksiDB(), $query);
    return $result;
}

Setelah membuat Method koneksi dan Method untuk memanggil data keseluruhan pada database. Selanjutnya buatlah sebuah file PHP baru dengan nama index.php. File ini kita gunakan untuk membuat halaman Home atau halaman utama yang berfungsi untuk menampilkan data barang pada database ke dalam sebuah tabel

<!DOCTYPE html>
<html lang="en">

<head>
    <title>Halaman Utama</title>
</head>

<body style="width: 700px; margin: auto; padding: 10px;">
    <h2 style="text-align: center;">DATA PERSEDIAAN BARANG</h2>
    <button onclick="document.location='halaman_input.php'">Tambah Data</button>
    <table border="1" style="border-collapse: collapse; margin-top: 10px; width: 100%;">
        <tr style="text-align: center; font-weight: bold;">
            <td>No</td>
            <td>Nama Barang</td>
            <td>Stok</td>
            <td>Harga (Rp)</td>
            <td>Aksi</td>
        </tr>
        <?php

        include 'koneksi.php';
        $nomor_urut = 0;
        $result = selectAllData();
        $countData = mysqli_num_rows($result);

        if ($countData < 1) { 
        ?>
            <tr>
                <td colspan="5" style="text-align: center; font-weight: bold; font-size: 12px; padding: 5px;">TIDAK ADA DATA</td>
            </tr>

            <?php
        } else {
            while ($row = mysqli_fetch_assoc($result)) {
                $nomor_urut = $nomor_urut + 1;
            ?>

                <tr style="text-align: center;">
                    <td><?php echo $nomor_urut; ?></td>
                    <td><?php echo $row['nama_barang']; ?></td>
                    <td><?php echo $row['stok']; ?></td>
                    <td>Rp. <?php echo number_format($row['harga']); ?></td>
                    <td><button onclick="document.location='halaman_edit.php?kode=<?php echo $row['id_barang'] ?>'">Edit</button>
                        <button onclick="document.location='aksiHapus.php?kode=<?php echo $row['id_barang'] ?>'">Delete</button>
                    </td>
                </tr>

        <?php }
        } ?>
    </table>

</body>

</html>

Coba perhatikan sintak index.php diatas. Pada sintak diatas data tersebut ditampilkan dengan menggunakan Method atau Function selectAllData() dari file Koneksi.php kita.

include 'koneksi.php';
$nomor_urut = 0;
$result = selectAllData();
$countData = mysqli_num_rows($result);

Selanjutnya data tersebut ditampilkan ke dalam tabel dengan menggunakan sintak looping. Pada saat proses data akan ditampilkan pada tabel. Disini sistem akan melakukan pengecekan terhadap data tersebut. Jika data tersebut tidak ada maka akan menampilkan pesan bahwa data tersebut kosong. Sedangkan jika data tersebut ada maka akan menampilkan data tersebut kedalam tabel.

if ($countData < 1) { 
    <tr>
        <td colspan="5" style="text-align: center; font-weight: bold; font-size: 12px; padding: 5px;">TIDAK ADA DATA</td>
    </tr>
}

Kemudian kita jalankan project ini pada Browser kita dengan mengakses halaman localhost dan panggil folder project kita

http://localhost/LatihanPHP/CrudNative/

Disini contohnya nama project saya yaitu CrudNative. Jadi kita panggil saja nama project kita pada browser kita. Setelah itu akan muncul hasil seperti berikut ini

Nah sekarang tampil deh seluruh data pada tabel barang yang telah kita inputkan melalui sintak SQL kita

Sekian tutorial Cara membuat CRUD Menggunakan PHP dasar atau PHP native pada Part Menampilkan data dari database.

Baca Kelanjutannya :

Leave a Reply