PBKK - Tugas 3

Menggunakan Bootstrap pada Codeigniter

Berikut ini adalah langkah-langkah untuk menggunakan bootstrap (template SB Admin) pada Codeigniter:

  • Konfigurasi Base URL yang terdapat pada file /application/config/config.php, seperti ini:

  • Konfigurasi Autoload yang terdapat pada file /application/config/autoload.php, seperti ini:

  • Membuat konstanta SITE_NAME yang terdapat pada file /application/config/constants.php, seperti ini:

  • Download dan ekstrak SB Admin yang terdapat di https://startbootstrap.com/
  • Menambahkan SB Admin ke dalam Codeigniter dengan cara copy folder css, js, dan vendor ( rename menjadi assets) yang terdapat di SB Admin dan paste ke dalam Codeigniter (terdapat di htdocs).
  • Buat folder baru di dalam folder view bernama admin. Di dalam folder admin, tambahkan file overview.php. Isi dari file overview.php akan kita ambil dari file index.html SB Admin, seperti ini:


  • Buat controller baru dengan nama Overview.php di dalam direktori /application/controllers/admin. Isi controller Overview.php dengan kode berikut:



  • Tambahkan route baru untuk controller Overview yang terdapat pada file /application/config/routes.php, seperti ini:

  • Gunakan fungsi base_url() untuk menyisipkan link CSS dan Javascript yang terdapat pada file /application/views/admin/overview.php, seperti ini:


  • Lalu buka link "http://localhost:8080/tugas3/index.php/admin/", akan mendapatkan tampilan seperti ini:

Comments

Popular Posts