Integrasi Admin LTE 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
- Buka Visual Studio Code lalu klik File dan New Folder dan pilih CRUDCI
- Setting autoload.php yang berada di folder config lalu setting menjadi
$autoload['helper'] = array('url');
- Buka index.html yang ada di folder admin lte lalu pilih menu Examples lalu pilih menu Blank Page.
- Pada halaman blank page yang di area konten klik kanan > View Page Source lalu Select All dan Copy
- Kita kembali keVisual Studio Code lalu buat File baru di di folder application > view yang nama file nya template.php
- Lalu paste kan source code yang blank page di admin lte ke php
- 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');
}
}
- 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