Integrasi Admin LTE dengan Codeigniter

Integrasi AdminLTE dengan Codeigniter

Integrasi Admin LTE dengan Codeigniter

Setelah kita berhasil instalasi codeigniter nah sekarang kita akan membahas cara integrasi admin lte dengan codeigniter dengan cara yang mudah.

Setelah kita download admin lte lalu silahkan extract  dan copy semua file nya ke folder baru yang nama foldernya assets, yang alamat lengkapnya c:/xampp/htdocs/crudci/assets

Kemudian lakukan langkah-langkah dibawah ini dengan benar

  1. Buka Visual Studio Code lalu klik File dan New Folder dan pilih CRUDCI
  2. Setting autoload.php yang berada di folder config lalu setting menjadi
$autoload['helper'] = array('url');
  1. Buka index.html yang ada di folder admin lte lalu pilih menu Examples lalu pilih menu Blank Page.
  2. Pada halaman blank page yang di area konten klik kanan > View Page Source lalu Select All dan Copy
  3. Kita kembali keVisual Studio Code lalu buat File baru di di folder application > view yang nama file nya template.php
  4. Lalu paste kan source code yang blank page di admin lte ke php
  5. Kemudian masuk ke application > controller  dan edit file Welcome sebagai berikut

 

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

class Welcome extends CI_Controller {

	public function index()
	{
		$this->load->view('template');
	}
}

 

 

  1. Coba buka kembali browser kamu dan ketikkan http://localhost/crudci

Di tahap ini tampilan nya masih berantakan karena kita belum load css maupun javascript dengan sempurna Maka untuk setiap coding yang ada

href="../../bower_components/bootstrap/dist/css/bootstrap.min.css">

maka dirubah menjadi

href="<?php echo base_url(); ?>assets/bower_components/bootstrap/dist/css/bootstrap.min.css">

Kemudian coba refresh lagi browser kamu , dan hasilnya sudah sempurna

 

Untuk keterangan lebih lengkap silahkan kamu liat video dibawah dan jangan lupa untuk subscribe channel dokterweb ya. Semoga artikel Integrasi Admin LTE dengan Codeigniter bisa menambah wawasan kamu.

Semoga berhasil

Leave a comment