Membuat Halaman Dashboard menggunakan CodeIgniter3

Membuat Halaman Dashboard Menggunakan CodeIgniter 3

Assalamu'alaikum warahatullahi wabarakatu, hai teman teman kembali lagi bersama saya Nur Haliza dari prodi Teknik Informatika kelas 2B Politeknik Kampar. pada kesempatan kali ini saya akan membuat sebuah  halaman dashboard sb admin 2

Dashboard merupakan tampilan antar muka pengguna yang menampilkan semua visualisasi data, mengatur dan menyajikan informasi dengan cara yang mudah di baca pengguna.

Berikut penjelasan mengenai langkah - langkah pembuatan halaman dashboard admin sb2 dimulai dari halaman login:

A. Membuat Halaman Login 

1. Buka folder controller dan buat file baru dengan penamaan Auth.php


2. Kemudian buat database dan tabel menggunakan localhost phpMyadmin 


3. Selanjutnya ketik syntax di bawah di flle Auth.php


4. Selanjutnya buka file database.php di folder config 


5. Kemudian edit file database.php


6. Selanjutnya membuat Model M_user.php dan ketikan syntax berikut


7. Maka seperti ini tampilan halaman login



B. Membuat Halaman Dashboard
1. Buka folder codeigniter menggunakan teks editor


2.  Buka folder config pilih file config, lalu edit pada baris 26 untuk menambahkan URL Website Codeigniter dan simpan file

3. Selanjutnya buat folder baru dengan penamaan assets dan simpan seluruh file sb admin 2 di folder assets


4. Selanjutnya buka file index. html, pada folder assets


5. Kemudian copy file index.html dan pindahkan isi file


6. Selanjutnya buka folder view, lalu buat file template, dan ctrl+v syntax index.html 


7. Kemudian buat file Dashboard.php di folder controller, dan ketikkan syntax berikut


8. Kemudian buka file Auth.php yang sudah dibuat di folder controller, edit pada baris 26 sampai 40



9. Selanjutnya buka file login, lalu edit pada baris 50 sampai 56 seperti gambar di bawah ini


10. Selanjutnya edit file autoload.php edit pada baris 61 menambahkan library database dan session


11. Selanjutnya buat folder template pada folder view


12. Kemudian buat folder pages di folder view, lalu buat file dashboard.php


13. Kemudian buka folder template, buat file header, javascript, sidebar, dan stylesheet.php


14. Kemudian buka file template ctrl+x, lalu edit file stylesheet.php pada baris 14  dan pindahkan ke file stylesheet


15. Selanjutnya pada file template ctrl+x dari <ul? sampai </ul>, dan pastekan pada file sidebar.php



16.  Selanjutnya buka file header.php, lalu ctrl+x dari <nav> sampai </nav> seperti gambar di bawah






17. Selanjutnya buka file template ctrl+x, lalu pindahkan ke file javascript. Setiap kalimat vendor ditambahkan script src = "<?=$base_url?>


18. Maka seperti ini tampilan halaman dashboard Codeigniter.


Postingan populer dari blog ini

KONFIGURASI DAN INSTALASI CODEIGNITER

Menampilkan Data Diri