PBKK CERIA 10

Membuat Halaman Admin SB Sederhana dengan Bootstrap 5 pada CodeIgniter 3

Halo kisanak, kali ini aku akan berbagi cara latihan untuk membuat view website dengan Bootstrap 4 pada CodeIgniter 3. Sebelumnya, kalian download dulu template Admin - SB, disini. Kalau sudah, pastikan kalian sudah ada template CodeIgnitter 3 juga. Untuk tutorial yang lengkap kalian bisa lihat di Petanikode.

Cara implementasi Bootstrap pada CodeIgniter menggunakan SB Admin:

1. Ubah base_url pada file config/config.php sesuai dengan nama aplikasi kita. Karena nama aplikasi ku buat difolder M12, maka base_url pada file tersebut diubah menjadi 'http://localhost/12'.

2. Selanjutnya kita perlu menambah autoload helper url pada file config/autoload.php seperti pada gambar berikut:

3. Lalu kita perlu menyimpan konstanta nama website kita pada file config/constants.php. Tambahkan definisi baru dengan kode SITE_NAME dan ubah sesuai dengan nama folder aplikasi kita, toko buah misalnya.

4. Copy dan paste folder assets, css dan js dari file SB Admin yang telah di ekstrak ke proyek CodeIgniter kita. Semua folder tersebut bisa diletakkan dalam folder view.

5. Buat file baru dengan nama overview.php pada folder admin. Isi dari file tersebut diambil dari index.html yang ada pada file SB Admin yang telah di ekstrak tadi. buat juga untuk halaman 404 dan login.

6. Lalu buat file Admin.php pada folder controller dan isi sebagai berikut:

7. Selanjutnya kita perlu menambah routes pada file config/routes.php dengan kode berikut:

8. Terakhir, kita perlu memperbaiki semua link pada file overview.php, 404.php, dan login.php yang menuju ke file asset seperti CSS dengan menambah kode php sesuai dengan base_url kita. Pastikan tidak ada yang ketinggalan!

9. Setelah semua step sesuai, tampilan akhirnya menjadi seperti ini:
overview:

404:

Kalian bisa lihat kodingannyaa di Githubku

Komentar

Postingan populer dari blog ini

Belajar Java Ceria 5

Game The world-of-zuul Halo kisnak, kali ini aku akan membuat sebuah project kecil yang dibuat berdasarkan buku Object First With Java. Game ini sebenarnya bertipe adventure, tapi ya biasa aja dan membosankan. Akan tetapi, ini bisa menjadi implementasi untuk Designing Classes. Terdapat 5 kelas pada project ini, yaitu: ■ CommandWords - Kelas CommandWords mendefinisikan semua Command yang valid dalam permainan (go, help, quit). Ini dilakukan dengan menyimpan array objek String yang mewakili kata-kata perintah. ■ Parser - Parser membaca baris input dari terminal dan mencoba menafsirkannya sebagai Command. Ini membuat objek dari Class Command yang mewakili perintah itu masuk. ■ Command - Sebuah objek perintah mewakili perintah yang dimasukkan oleh pengguna. Ini memiliki metode yang memudahkan kita untuk memeriksa apakah ini adalah perintah yang valid dan untuk mendapatkan kata pertama dan kedua dari perintah tersebut sebagai string terpisah. ■ Room - Objek ...

Belajar Java Ceria 4

Technical Support System Sederhana Sebuah Technical Support System yang sesungguhnya pasti memakai bot didalamnya, dan itu perlu ilmu yang lebih tinggi karena merupakan salah satu contoh aplikasi kognitif dan penerapan AI. Tapi kali ini aku akan buat yang versi sederhana saja berdasarkan buku Objects First With Java bab 5 bagian 5.2. Jadi dibuku sudah dibuat program dasarnya, yang betul-betul simpel banget dan biasa aja. Nah disini aku sedikit modifikasi agar sistem ini terlihat lebih "hidup". Jadi berikut ini Class dari programnya, dan sudah kubuat dokumentasi singkat didalamnya InputReader Responder supportSystem mainSupportSystem Ini akan jadi main program yang akan menjalankan seluruh Class di atas Dan berikut ini salah satu output yang dapat diberikan Kalian bisa kok menggunakan kode diatas dan membuat variasi yang lebih menarik dari ini. Mantap, Rispek!!✌

Belajar Java Ceria 3

Grouping Object Kali ini aku akan mencoba implementasi sederhana tentang grouping object dengan Collection serta membuat Sistem lelang sangat sederhana Java Collection Java Collection secara sederhana merupakan sebuah objek. Collectionadalah framework yang menyediakan tempat untuk menyimpan dan memanipulasi sekumpulan objek. framework ini dapat melakukan pencarian, pengurutan, memasukan data dan menghapus. Collection menyediakan berbagai interface seperti Set, List, Queue, Dequeue dan untuk class-nya antara lain, ArrayList, Vector, Linked List, dll. ArrayList Contoh ArrayList ini memakai iterasi while Contoh ArrayList dengan For-Each Loop ini memakai iterasi for Contoh ArrayList dan Class Data Disini perlu dibuat dulu Class Mahasiswa, bisa seperti ini Dan Seperti ini Class dari ArrayListnya Contoh Memakai addAll di ArrayList Contoh Memakai RemoveAll di ArrayList Contoh Memakai RetainAll di ArrayList Demikian berbagai contoh pengunaan Arraylist. Lal...

Successful Brain Blog

Cari Blog Ini