Tutorial CRUD PHP part #3 : Read Menampilkan Data PHP dan Mysql

Tutorial CRUD PHP part #3 : Read Menampilkan Data PHP dan Mysql 

Pada tutorial sebelumnya kita Menyelesaikan Modul Create pada fungsi CRUD PHP dan database Mysql, Untuk Tutorial Create data atau menyimpan data kedalam table database mysql pada module CRUD PHP Mysql, dapat di lihat pada tutorial sebelumnya di part #2.

Pada tutorial part #3 ini kita akan memasuki Module Read Data , Sama seperi artinya Read atau membaca,  fungsi ini digunakan untuk Menampilkan data yang telah di simpan pada tabel didialam database. 

untuk menampilkan data yang telah di simpan di dalam tabel database, ada banyak cara seperti menggunakan component card, list, dan lain sebagai nya. namun yang sering di gunakan pada tahap pembelajaran awal dalam menampilkan data format tabel lebih sering di gunakan untuk menampilkan data.

Dan pada tutorial kali ini kita akan coba menampilkan data yang telah kita simpan di dalam tabel database nya dalam bentuk tabel.

pada tutorial part 3 ini dalam module Read data atau menampilkan data dari tabel database PHP MySql, kita masih menggunkan framwork css dari bootstrap untuk style dari tabelnya. Untuk dokumentasi lengkap nya dapat dibaca pada halaman resmi nya. link bootstrap https://getbootstrap.com/docs/5.0/content/tables/

langsung saja kita ke tutorial part 3 Read Atau menampilkan data PHP dan database mysql. 

1.Menambahkan Route Baru

sama seperti pada tutorial part 2 sebelumnya, kita telah menambahkan route baru untuk menampilkan halaman add produk atau form untuk menginput data. 

pada tutorial part 3 Read atau Menampilkan data dari database PHP Mysql kita juga perlu menambahkan route baru untuk menampilkan halaman yang nantinya akan menampilkan data dari tabel. database dalam bentuk atau format tabel. 

buka kembali file router.php dan tambahkan route baru list-produk

coding add route list-produk

  if (isset($_GET['pages'])) {
      $view = $_GET['pages'];

      switch ($view) {
          case 'home':
              include('./View/page/Home.php');
              break;
          case 'add-produk':
              include('./View/Add_produk.php');
              break;
          case 'list-produk':
              include('./View/list_produk.php');
              break;
          default:
              echo "Maaf... Halaman Tidak DI temukan";
              break;
      }
  } else {
      include('./View/page/Home.php');
  }

penjelasan Coding:

line 11-13 :  Menambahkan route baru untuk menampilkan halaman List produk

2.Menambahkan Menu Navigasi

Setelah selesai menambahkan Route baru, kemudiankita juga perlu Menambahkan Menu navigasi untuk mengkases halaman yang akan menampilkan data. buka file navigation.php dan tambahkan menu navigasi baru.

  <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
      <div class="container-fluid">
          <a class="navbar-brand" href="#">MY_tutorial</a>
          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
              <span class="navbar-toggler-icon"></span>
          </button>
          <div class="collapse navbar-collapse" id="navbarNav">
              <ul class="navbar-nav">
                  <li class="nav-item">
                      <a class="nav-link" href="index.php?pages=home">Home</a>
                  </li>
                  <li class="nav-item">
                      <a class="nav-link" href="index.php?pages=add-produk">Tambah produk</a>
                  </li>
                  <li class="nav-item">
                      <a class="nav-link" href="index.php?pages=list-produk">List produk</a>
                  </li>
              </ul>
          </div>
      </div>
  </nav>

simpan dan coba jalankan kembali project nya dan berhasil akan ada sebuah menu baru pada bagian navigasi menu dari project kita ya itu menu list produk.

3.Membuat Model list_produk

setelah selesai menambahkan menu navigasi baru, buat lagi file baru dalam folder model, dan berinama list_produk.php.

dalam file ini. akan kita tuliskan logic. untuk menapilkan data dari tabel database PHP MySql, kemudian file ini akan kita includekan dihalam view yang akan menampilkan data nya.

untuk isi dari koding model list_produk.php seperti berikut ini. 

Coding Model list_produk.php

  <?php

  /**
   * fungsi menampilkan data 
   */
  require_once './config/database.php';

  $query = "select * from tblbarang";
  $result = mysqli_query($koneksi, $query);

penjelasan coding:

• line 6 : Memanggil koneksi database
• Line 8 : Queri perintah Mysql untuk menampilkan semua data yang ada dalam tabel barang
• line 9 : Perintah untuk menjalakan Quaery yang di buat dari line 7, dan variabel $result ini akan kita gubakan untuk melooping data dari hasil query mysql pada halaman list produk nanti.

4.Membuat View Halaman List Produk

selanjut nya  pada tahap ke 4 kita akan membuat view atau halaman yang akan menampilkan data yang telah kita simpan di dalam Database PHP Mysql. 

ketika menu list produk di klik dan route list-produk dipanggil maka halaman view dari list_produk ini lah yang akan di tampilkan atau di load pada halaman index nya. 

buat file baru dalam folder view, dan beri nama list_produk.php pastikan nama file sama sperti pada nama route yang sudah kita buat pada step no 1.

coding halaman View list_produk.php

  <!-- pemanggilan model list produk -->
  <?php require_once './Model/list_produk.php'; ?>

  <div class="container">

      <!-- pemanggilan component alert -->
      <?php include 'Alert.php'; ?>

      <div class="card">
          <div class="card-body">
              <h4 class="card-title">List Produk</h4>
              <table class="table table-hover">
                  <thead>
                      <tr>
                          <th scope="col">#</th>
                          <th scope="col">Kode</th>
                          <th scope="col">Nama</th>
                          <th scope="col">Satuan</th>
                          <th scope="col">Stock</th>
                          <th scope="col">Harga</th>
                          <th scope="col">Gambar</th>
                          <th scope="col">Option</th>
                      </tr>
                  </thead>
                  <tbody>
                      <?php
                      $No = 0;
                      while ($data_produk = mysqli_fetch_array($result)) {
                          $No += 1;
                      ?>
                          <tr>
                              <td><?= $No; ?></td>
                              <td><?= $data_produk['k01cKodebarang_v50']; ?></td>
                              <td><?= $data_produk['f01cNamabarang_v50']; ?></td>
                              <td><?= $data_produk['f02cSatuan_v50']; ?></td>
                              <td><?= $data_produk['f03nStock_int']; ?></td>
                              <td><?= $data_produk['f04nHargaBarang_n92']; ?></td>
                              <td><img class="img-tbl" src="./img-produk/<?= $data_produk['f05cNamaGamabar_v100']; ?>" /> </td>
                              <td><a class="btn btn-info" href="index.php?pages=update-produk&id=<?= $data_produk['k01cKodebarang_v50']; ?>">Edit</a> &nbsp;
                                  <a class="btn btn-danger" href="./Model/hapus_produk.php?id=<?= $data_produk['k01cKodebarang_v50']; ?>" name="hapus-data">Hapus</a>
                              </td>
                          </tr>
                      <?php } ?>
                  </tbody>
              </table>
          </div>
      </div>
  </div>

Penjelasan coding:

• line 2: Memnaggil Model list_produk
• line 7 : memanggil komponent Alert, yang mana nantinya akan kita gunakan dalan fungsi hapus data, jika perintah hapus data berhasil maka komponent alert akan menampilkan status dan pesan yang  dikirim 
• line 12 - 45: Tag tabel Html
• line 26 - 43 : fungsi looping data array hasil dari query mysql yang kita buat pada model dan kita tapung pada variabel $result
• line 33-38 : kita menampilkan array dari hasil looping datanya sesuai dengan nama field dari tabel barang, untuk urutan menampilkan nya bisa bebas atau sesuai kan dengan struktur tabel yang telah di buat.
• Untuk tanda <?= ... ?> sama dengan <?php echo ... ?>
• line 38 : menampilkan gambar pada tag img, karena pada database kita hanya menyimpan  nama dari file gambar saja, untuk menampilkan nya kita perlu menambahkan patch atau alamat folder dari gambar yang telah kita simpan.
• line 39 : membuat button untuk meng update data dan mengirim data kode barang sebagai id nya nanti yang akan kita bahas pada tutorial Update data.
• line 40 : membuat button untuk menghapus data. dan mengirim variabel kode barang sebagai idnya.

kemudian save dan jalan kan. jika tidak ada error atau kesalahan dari coding, dan step-step diatas di ikuti dengn benar maka hasil akhir dari program nya akan sperti berikut ini. dan pada tutorial part #2 sebelumnya kita telah berhasil menyimpan data , maka secara otomatis akan ada sebuah data dalam tabel nya. dan coba tambahkan sebuah data lagi, untuk memastikan halaman list produk sudah berjalan dengan benar.

Halaman List Produk

Demo Run Aplikasi

sampai disini kita telah berhasil menyelesiakan Tutorial CRUD PHP part #3 : Read Menampilkan Data PHP dan Mysql , dan module Read data atau Menampilkan data dari database Mysql, Dalam Module CRUD PHP dan Database Mysql. 

Untuk Tutorial Berikut nya kita akan membahas Module Update data, pada Module CRUD PHP dan database Mysql pada Tutorial Part 4.

Tutorial Part #4: Update Mengubah data PHP dan Mysql

Jika ada pertanyaan, masukan dan saran mengenai postingan ini bisa berikan di kolom Komentar..

Sekian Dan Terima kasih...

#Happy Coding

Incoming search terms:

• Belajar PHP dan Mysql
• Tutorial Bahasa Pemrograman PHP
• Tutorial PHP dan Mysql Bahasa Indonesia
• Tutorial Belajar PHP dan Mysql 
• CRUD PHP MySql
• CRUD Mysql database dan PHP
• CRUD PHP dengan database  Mysql
• Menampilkan data Php MySql
• Read data Php dan MySql
• Read Data Mysql Php
• Insert data Php dan MySql
• Menampilkan Gambar dari database Php mysql
• menampilkan gambar php

Tags: Belajar PHP dan Mysql,Tutorial Bahasa Pemrograman PHP, trading, Tutorial PHP dan Mysql Bahas Indonesia ,Tutorial Belajar PHP dan Mysql,crypto currentsi, membuat web dinamis di PHP, investasi,CRUD PHP MySql,CRUD Mysql database dan PHP, CRUD PHP dengan database  Mysql,create data php mysql, forex, Upload file php, input data php dan mysql, investasi saham, upload gambar php , saham online, creat data in phpMenampilkan data Php MySql,Read data Php dan MySql, Read Data Mysql Php,Insert data Php dan MySql,Menampilkan Gambar dari database Php mysql,menampilkan gambar php

Share this post