CODEIGNITER HMVC MEMBUAT TEMPLATE DENGAN BOOTSTRAP

Melanjutkan postingan sebelumnya yang berjudul CODEIGNITER HMVC kali ini saya akan membuat sebuah template dengan menggunakan bootstrap. Untuk bahan / pelaralatan yang dibutuhkan yaitu

Codeigniter HMVC (lanjutan dari postingan sebelumnya)
Bootstrap http://getbootstrap.com/ Versi yang saya gunakan adalah versi 3.3.7
Jquery https://jquery.com/

Langkah 1

Buatlah sebuah folder bernama assets di root folder project yang dibuat, di dalamnya buat lagi folder src saya menggunakan folder src sebagai tempat untuk menyimpan source yang sering digunakan sehingga jika nantinya ingin membuat project lainnya dapat dilakukan dengan mengcopy folder src ini. Selanjutnya extract hasil download bootstrap bootstrap-3.3.7-dist.zip dan pindahkan ke folder src tadi.

Buatlah sebuah folder bernama js di dalam folder src, folder js ini berfungsi untuk menyimpan file javascript / jquery yang akan kita gunakan. Masukan jquery hasil download kedalamnya.

Sehingga struktur foldernya menjadi berikut

Langkah 2

Buatlah sebuah modul baru bernama template (pembuatan modul ada pada postingan sebelumnya), dalam modul template saya membuat sebuah controller dengan nama Template dengan script untuk memanggil view sabagai berikut

defined('BASEPATH') OR exit('No direct script access allowed');

/**
 * Description of Dashboard
 * @author IMAM SYAIFULLOH
 */
class Template extends MX_Controller
{
    public function __construct()
    {
     parent::__construct();
    }

    public function index($data=NULL,$page = NULL)
    {
     $data['title'] = 'Lesson HMVC Part 2';     
     $this->load->view('template_header',$data);     
     $this->load->view('template_content',$data);
     $this->load->view('template_footer',$data);
    }
}

Langkah 3

Untuk menampilkan halaman saya membuat tiga buah view yaitu template_header, template_content, dan template_footer dengan script sebagai berikut.

template_header