PBKK - III
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 nya hydraeatery, maka base_url pada file tersebut diubah menjadi 'http://localhost/hydraeatery'.
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 aplikasi kita, Hydra Eatery misalnya.
4. Download dan ekstrak file SB Admin melalui link https://startbootstrap.com/templates/sb-admin/
5. Copy dan paste folder assets, css dan js dari file SB Admin yang telah di ekstrak ke proyek CodeIgniter kita. Semua folder tersebut terletak pada folder dist.
6. 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.
7. Lalu buat file Overview.php pada folder controller/admin dan isi sebagai berikut:
8. Selanjutnya kita perlu menambah routes pada file config/routes.php dengan kode berikut:
9. Terakhir, kita perlu memperbaiki semua link pada file overview.php yang menuju ke file asset seperti CSS dengan menambah kode php sesuai dengan base_url kita. Pastikan tidak ada yang ketinggalan!
10. Setelah semua step sesuai, tampilan akhirnya menjadi seperti ini:
Link: https://github.com/Fluxhydra/PBKK3
1. Ubah base_url pada file config/config.php sesuai dengan nama aplikasi kita. Karena nama aplikasi nya hydraeatery, maka base_url pada file tersebut diubah menjadi 'http://localhost/hydraeatery'.
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 aplikasi kita, Hydra Eatery misalnya.
4. Download dan ekstrak file SB Admin melalui link https://startbootstrap.com/templates/sb-admin/
5. Copy dan paste folder assets, css dan js dari file SB Admin yang telah di ekstrak ke proyek CodeIgniter kita. Semua folder tersebut terletak pada folder dist.
6. 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.
7. Lalu buat file Overview.php pada folder controller/admin dan isi sebagai berikut:
8. Selanjutnya kita perlu menambah routes pada file config/routes.php dengan kode berikut:
9. Terakhir, kita perlu memperbaiki semua link pada file overview.php yang menuju ke file asset seperti CSS dengan menambah kode php sesuai dengan base_url kita. Pastikan tidak ada yang ketinggalan!
10. Setelah semua step sesuai, tampilan akhirnya menjadi seperti ini:
Link: https://github.com/Fluxhydra/PBKK3
Comments
Post a Comment