Categories: PHP

Menampilkan hasil dari rest API PHP MySQL (part 2)

Bismillaahirrohmaanirrohiim…

Setelah berhasil membuat rest api dengan php mysql di artikel sebelumnya, sekarang saatnya menampilkan hasil rest API dengan PHP.

Langsung saja ya Guys..

1. Struktur file

Misalkan server anda ada di c:/xampp/htdocs/toko/
buat struktur filenya menjadi seperti dibawah ini:

api/
    db/
        settings.ini.php
        Db.class.php
        Log.class.php
        
    categories/
        list.php

web/
    inc.php
    index.php
    kategori.php

2. Isi file inc.php

File ini berisi konfigurasi API URL atau config lainnya, bisa jadi nanti API diletakkan di lokasi lain atau bahkan di server yang berbeda.

Tujuannya agar jika nantinya ada perubahan alamat lokasi API, tidak perlu merubah banyak file, cukup file inc.php ini saja yang dirubah.

Isi inc.php dengan kode di bawah ini:

<?php
$api_url = 'http://localhost/toko/api';

3. Isi file index.php

File index.php ini digunakan untuk meredirect ke halaman kategori.php, secara default alamat url web akan mengarah ke halaman ini.

Isi file index.php dengan kode di bawah ini:

<?php
header('location:kategori.php');

4. Isi file kategori.php

File ini digunakan untuk mengambil data dari API, kemudian menampilkannya dalam sebuah tabel.

Isi file kategori.php dengan kode di bawah ini:

<?php
include 'inc.php';
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
        <title>Kategori</title>
    </head>
    <script type="text/javascript">
        function deleteData(cat_id) {
            var cfm = confirm("Apakah anda yakin akan menghapus data ini?");
            if (cfm) {
                window.location.href='kategori-delete.php?cat_id='+cat_id;
            }
        }
    </script>
    <body>
    <?php
    $api_categories_list = $api_url.'/categories/list.php';
    $json_list = @file_get_contents($api_categories_list);
    ?>

    <h1>Kategori</h1>

    <?php
    $info = isset($_GET['info']) ? $_GET['info'] : '';
    $msg = isset($_GET['msg']) ? $_GET['msg'] : '';

    if (!empty($info)) {
        echo 'Info: '.$info;
        echo '<br />Msg: '.$msg;
        echo '<br />';
    }
    ?>

    <p><a href="kategori-add.php">Add New</a> | <a href="kategori.php">Reload</a></p>

    <table border="1">
        <tr>
            <th>ID</th>
            <th>Nama</th>
            <th>Keterangan</th>
            <th>Entry</th>
            <th>Update</th>
            <th>Action</th>
        </tr>
        <?php
        $array = json_decode($json_list, true);
        $result = isset($array['result']) ? $array['result'] : array();

        $no = 0;
        foreach($result as $arr) {
            $no++;

            $link_edit = '<a href="kategori-edit.php?cat_id='.$arr['cat_id'].'">[Edit]</a>';
            $link_delete = '<a  :;" >

5. Mencoba mengakses web kategori

Setelah semua file di atas siap, kita dapat mengakses alamat URL web kita, dengan cara buka dibrowser alamat URL di bawah ini:

http://localhost/toko/web/

6. Selesai

Jika muncul tabel seperti gambar di atas, berarti sudah berhasil menampilkan hasil rest api di website.

Untuk membuat Add, Edit, dan Delete data di web, akan ditulis di artiket berikutnya.

Script di atas boleh dicopas, tapi sebaiknya diketik ulang biar lebih mudah memahaminya.

Oia, script di atas dibuat sederhana, insyaAllah banyak yang sudah memahaminya, makanya tidak perlu kami jelaskan di artikel ini.
Apabila ada kode script yang belum dipahami, silahkan mengisi di kolom komentar di bawah ini.

Index Artikel Rest API dengan PHP MySQL:
1. Persiapan – Cara membuat rest api dengan php mysql mudah dan cepat
2. View – Menampilkan hasil dari rest API PHP MySQL
3. Add – Menambahkan data menggunakan rest API create PHP MySQL
4. Edit – Mengedit data menggunakan rest API PHP MySQL
5. Delete – Menghapus data menggunakan rest API PHP MySQL

Bagikan
rasupe

Recent Posts

Source code Template website sekolah dengan react js

Bismillaahirrohmaanirrohiim... Berikut ini source code yang dapat dimodifikasi untuk membuat front end website sekolah dengan…

15 hours ago

Subdomain pada cyberpanel tidak dapat diakses

Bismillaahirrohmaanirrohiim... Jika domain dan sub domainnya berada dalam satu vps cyberpanel, maka seringkali jadi tidak…

5 days ago

10 Aplikasi Kasir Terbaik di Indonesia (2025)

Bismillaahirrohmaanirrohiim... Dalam era digital saat ini, penggunaan aplikasi kasir (Point of Sale/POS) menjadi solusi penting…

6 days ago

Website di aapanel sering mati sendiri

Bismillaahirrohmaanirrohiim... Saat browsing-browsing saya seringkali melihat iklan aapanel, sekilas membuat penasaran sampai akhirnya saya mencoba…

1 week ago

Reset password cyberpanel via SSH

Bismillaahirrohmaanirrohiim... Berikut ini perintah untuk reset password admin cyberpanel melalui SSH command line. pastikan login…

1 week ago

Template Blogger Blogspot Gratis dan Bagus

Bismillaahirrohmaanirrohiim... Berikut ini beberapa template blogspot yang dapat anda gunakan secara gratis namun tampilannya bagus.…

2 months ago