Home / CodeIgniter / Tutorial Template Dinamis dan Integrasi AdminLTE dengan CodeIgniter

Tutorial Template Dinamis dan Integrasi AdminLTE dengan CodeIgniter

Tutorial Template Dinamis dan Integrasi AdminLTE dengan CodeIgniterTutorial Template Dinamis dan Integrasi AdminLTE dengan CodeIgniterSusantokun. Pada artikel kali ini kita akan belajar cara membuat template yang dinamis dimana template yang digunakan adalah adminlte versi 2.4.3 dan kita integrasikan dengan framework codeigniter.

Tutorial Template Dinamis dan Integrasi AdminLTE dengan CodeIgniter

1. Download codeigniter versi 3.1.11 di CodeIgniter

2. Ekstrak hasil download tadi ke folder htdocs atau folder khusus coding

3. Ganti nama folder menjadi ci-adminlte kemudian buka di text editor

4. Tambahkan libraries dan helper application/config/autoload.php

Code awal :

Ganti dengan code berikut :

Keterangan :
Pada libraries terdapat “template” dimana ini adalah pemanggilan class Template yang ada di application/libraries/Template.php

5. Ganti base_url menjadi dinamis, buka application/config/config.php

Code awal :

Ganti dengan code berikut :
6. Buat file di application/libraries/Template.php dan masukkan code berikut :
Keterangan :
Code di atas adalah code yang digunakan untuk membuat pemanggilan template menjadi dinamis

7. Buka application/controllers/Welcome.php, function index() ganti dengan code berikut :

Keterangan :
$this->template->load(); adalah code yang kita buat core nya pada langkah 7
layouts/template adalah pemanggilan kerangka template yang akan digunakan, sedangkan welcome_message adalah isi atau contentnya.

8. Buka application/views/welcome_message.php, ganti dengan code berikut :

9. Buat folder assets, folder ini berfungsi untuk menyimpan semua asset seperti image, js, css, dan template AdminLTE. Data dari assets bisa sobat download pada link di akhir artikel, kemudian ekstrak folder assets ke ci-adminlte.

10. Buat folder layouts global yang berada di application/views/layouts (link download ada di bawah dengan nama layouts-ci-adminlte)

Sekarang coba buka di browser localhost/ci-adminlte atau ci-adminlte.test

ci-adminlte

Jika tampilannya seperti gambar di atas maka sudah berhasil. Bagi yang ingin mendownload full source code nya bisa download di github susantokun.

Github Youtube assets-ci-adminlte layouts-ci-adminlte

Incoming search terms:

  • cara integrasi adminlte dengan codeigniter
  • template adminlte dengan codeigniter 3
  • codeigniter tutorial template dinamis

About Susantokun

Seorang pemuda tampan yang sedang berjuang untuk mencari modal nikah. Lahir di Bumi ini atas perjuangan Ayah dan Ibu yang senantiasa membuat dan mengeluarkan sehingga lahirlah Susanto pada tanggal 27 Maret 1996 di Cianjur - Jawa Barat.

Check Also

Cara join table di CodeIgniter

Cara join table di CodeIgniter

Cara join table di CodeIgniter – Susantokun. Pada kesempatan kali ini miminz akan memberikan tutorial …

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

error: Content is protected !!