Membuat tampilan dashboard dengan php

LOADING . . .

29
Mar

Membuat tampilan dashboard dengan php

, by Aditya Subawa, Mar. 29 2020

Selamat siang, mari lanjutkan posting seri Membuat Website Professional dengan PHP & MySql tak terasa sudah sampai di PART #7 Untuk posting saya sebelumnya coba dilihat dulu posting terkait tentang tutorial ini: 

  • Membuat Website Professional dengan PHP & MySql - PART #1 : Pengertian Dasar & Tools
  • Membuat Website Professional dengan PHP & MySql - PART #2 : Setup Database, Table & Hirarki Folder
  • Membuat Website Professional dengan PHP & MySql - PART #3 : Membuat Login Admin & Dashboard
  • Membuat Website Professional dengan PHP & MySql - PART #4 : Customized Login Admin & Dashboard
  • Membuat Website Professional dengan PHP & MySql - PART #5 : Membuat Halaman Profile Admin & Integrasi Gravatar
  • Membuat Website Professional dengan PHP & MySql - PART #6 : Manajemen Halaman

Pada posting kali ini, akan membahas membuat manajemen kategori, apa maksud dari manajemen kategori? manajemen kategori yang saya maksud adalah mengelompokkan post/berita dengan dalam beberapa kategori. Jadi, sebelum saya membuat manajemen post alangkah baiknya saya membuat manajemen kategori terlebih dahulu. Jelasnya terlihat pada gambar dibawah, apa yang ingin saya bangun di seri Membuat Website Professional dengan PHP & MySql.

Membuat tampilan dashboard dengan php

#1 Membuat Table Kategori

  • Sebelum membuat table baru dalam database hospital, hidupkan XAMPP terlebih dahulu.
  • Buka web browser dan ketik http://localhost/phpmyadmin
  • Klik database hospital kemudian New 
  • Beri nama kategori dengan 3 buah column
  • Untuk nama dan tipe data, buat seperti gambar dibawah 
    Membuat tampilan dashboard dengan php
  • Note: Kategori disini hanya kategori sederhana (1 Level kategori). Untuk multi level kategori, silahkan anda kembangkan sendiri.

#2 Membuat List Kategori dan Tambah Kategori

  1. Saya ingin membuat table bootstrap, form input, script eksekusi di 1 halaman. Jadi script beikut akan sedikit panjang.
  2. Buka folder htdocs anda, kemudian masuk ke folder hospital >> admin 
  3. Buat file php baru dan beri nama kategori-list.php (tanpa .php tentunya) kemudian simpan di dalam folder admin.
  4. Copy script berikut dan simpan 
    
    
    
    
    
    
      
      
      
      
      
    
        Suba Hospital | List Kategori
        
      
      
    
      
      
      
      
      
    
    
    
    
      
    List Kategori
    '.$_GET['pesan'].''; } ?>
    No Judul Action
    No Judul Action
    Edit Hapus
    Tambah kategori
  5. Logikanya sama dengan anda saat membuat halaman-list.php dan halaman-tambah.php di posting Membuat Website Professional dengan PHP & MySql - PART #6 : Manajemen Halaman hanya saja kedua dikombinasikan dan dijadikan 1 halaman.
  6. Tampilannya pada browser akan seperti ini 
    Membuat tampilan dashboard dengan php

#3 Membuat Edit Kategori

  1. Buat file php baru dan beri nama kategori-edit.php (tanpa .php tentunya) kemudian simpan di dalam folder admin.
  2. Copy script berikut dan simpan 
    
    
    
    
    
    
      
      
      
      
      
    
        Suba Hospital | List Kategori
        
      
      
    
      
      
      
      
      
    
    
    
    
      
    List Kategori
    '.$_GET['pesan'].''; } ?>
    No Judul Action
    No Judul Action
    Edit Hapus
    Edit kategori
  3. Tampilannya pada browser akan seperti gambar dibawah ini
    Membuat tampilan dashboard dengan php

#4 Membuat Button Hapus Kategori

  1. Buat file php baru dan beri nama kategori-hapus.php (tanpa .php tentunya) kemudian simpan di dalam folder admin.
  2. Copy script berikut dan simpan 
  3. Tampilannya pada browser akan seperti gambar dibawah ini 
    Membuat tampilan dashboard dengan php

Sekian posting Membuat Website Professional dengan PHP & MySql - PART #7 tentang manajemen kategori, pada posting saya selanjutnya anda akan membuat manajemen post/berita. Kita sudah membuat pengelompokan/pengkategorian post/berita di posting ini. Keep Healthy & Happy Coding.