Menampilkan data dari database dengan bootstrap

21 May 2017 | Tags: data dinamis, Data Dinamis Modal Bootstrap, menampilkan data dinamis, Menampilkan Data Dinamis dengan Modal Bootstrap, Modal bootrstrap

---

Disamping untuk menampilkan konfirmasi, Modal pada Bootstrap juga bisa untuk menampilkan data dinamis dari table database. Hal ini biasanya diperlukan agar pengguna tidak perlu bolak-balik halaman atau membuka tab baru di browser ketika ingin menampilkan detail dari sebuah informasi. Baik, kali ini kita akan membahas bagaimana cara Menampilkan Data Dinamis dengan Modal Bootstrap dengan studi kasus hubungan provinsi dan kabupaten.

Pada topik ini, kami mengasumsikan bahwa pembaca sudah memahami konsep menggunakan Modal Bootstrap. Jika belum ada baiknya membaca artikel tentang menampilkan modal dengan bootstrap.

Dalam menampilkan data dinamis dengan modal bootstrap kita mengambil kasus daftar provinsi dan kabupaten. Pertama kita akan memunculkan daftar provinsi, kemudiaan ketika salah satu provinsi diklik, maka muncul daftar kabupaten yang relevan.

Adapun tabel MySql yang kita perlukan ada dua (2) yaitu:

1. tbl_provinsi untuk menyimpan data provinsi.
2. tbl_kabkota untuk menyimpan data kabupaten

Sedangkan file yang diperlukan untuk menampilkan data dinamis dengan Modal Bootstrap  adalah: (selain bootstrap dan jquery, file ini bisa anda download sendiri).

Full CRUD PHP MySQL Bootstrap | 4. Menampilkan Data Barang (Read)

• Uncategorized

Full CRUD PHP MySQL Bootstrap | 4. Menampilkan Data Barang (Read)

Penulis

Muba Teknologi

-

05/24/2022

439

Facebook

Twitter

Pinterest

WhatsApp

Full CRUD PHP MySQL Bootstrap | 2. Menampilkan Data Barang (Create) MySQL

Full CRUD PHP MySQL Bootstrap kita akan melanjutkan video tutorial kemarin dalam playlist full crud php kali ini kita akan membuat sebuah function yaitu select() untuk melakukan proses baca (read) atau menampilkan data dari php ke mysql.

Kita akan belajar bagaimana cara menampilkan data dari database menggunakan bahasa pemrograman PHP tentunya, kita membuat sebuah function agar kode menjadi lebih efisien dan tidak perlu menulis kode yang sama berulang kali.

Full CRUD PHP MySQL Bootstrap | 4. Menampilkan Data Barang (Read)

Silahkan tonton video nya dibawah ini jangan lupa, klik Subscribe dan aktifkan Loncengnya, agar teman-teman mendapat notifikasi jika unti video baru.

Silahkan kunjungi channel youtube kami untuk tutorial menarik lainnya : Channel Muba Teknologi

Full CRUD PHP MySQL Bootstrap | 4. Menampilkan Data Barang (Read)

Facebook

Twitter

Pinterest

WhatsApp

Artikulli paraprakFull CRUD PHP MySQL Bootstrap | 2. Integrasi Bootstrap

Artikulli tjetërTutorial Integrasi Template SB Admin CodeIgniter 4 Company Profile

Muba Teknologi

http://mubatekno.com

TINGGALKAN KOMENTAR

Silakan masukkan komentar anda!

Silakan masukkan nama Anda di sini

Anda telah memasukkan alamat email yang salah!

Silakan masukkan alamat email Anda di sini

Simpan nama, email, dan situs web saya di browser ini untuk lain kali saya berkomentar.

Δ

Postinganlk

- Advertisement -

Artikel Terpopuler

Lainnya

PHP

Cara Menghubungkan/Koneksi PHP Ke Database MySQL - Bagaimana cara menghubungkan PHP ke database atau mengoneksikan PHP dengan Database MySQL...?, Sebelumnya kita harus tau apa itu...

Table Of Contens

CRUD PHP & MySQLi Dengan Bootstrap : Menampilkan Data Dari Database - Selamat datang teman-teman semuanya di artikel lanjutan dari seri membuat CRUD PHP & MySQLi Dengan Bootstrap di Part 3 yaitu menampilkan data dari database.

Jika diartikel sebelumnya kita sudah membahas tentang bagaimana cara memaukkan data atau input data dari From ke Database, maka di artikel kali ini kita semua akan belajar bagaimana cara menampilkan data yang sudah berhasil diinputkan ke database.

Pada artikel kali ini kita akan menampilkan data dari database menggunakan Library yang bernama Datatables. Kenapa menggunakan Datatables ? dengan Datatables kita tidak harus membuat pencarian dan paginasi data secara manual, semuanya sudah disediakan secara otomatis.

Penasaran? mari kita mulai materinya, diartikel sebelumnya kita sudah membuat file yang bernama index.php dan file tersebut masuh kosong. Maka ditutorial kali ini kita akan menuliskan beberapa kode di file index.php tersebut.

Karena file index.php inilah yang bertugas untuk menampilkan data dari database ke layar browser kita. Oke sekarang silahkan kalian copy dan paste kode dibawah ini dikedalam file index.php :

  
    
    
    
    
    
  

  

    

      

        

          

            

              DATA SISWA
            
            

              TAMBAH DATA
              

                

                  

                    
NO.
                    
NISN
                    
NAMA LENGKAP
                    
ALAMAT
                    
AKSI
                  
                
                

                  

                  

                      

                      

                      

                      

                      

                        EDIT
                        HAPUS
                      
                  

                
                
              
            
          
      
    

    
    
    
    
  

---

Oke kita bahas kodenya step by step, perhatikan untuk kode berikut ini :

---

Kode diatas adalah kode bagaimana Datatable diapply ke sebuah table dengan id myTable, jika teman-teman perhatikan di tag table, teman-teman pasti melihat id dengan isi myTable.

Oke, jika kalian jalankan dengan mengetikkan di browser http://localhost/sekolah, maka kurang lebih tampilannya seperti berikut ini :