11/15/2017 Menerapkan Template Ace Admin Pada Framework Codeigniter - Belajarphp.

net

+6289699935552 (WA ) (https://api.whatsapp.com/send?phone=+6289699935552&text=Mas Nuris, Saya Ingin

Bisa Pemograman PHP) / +6285315990012

(https://belajarphp.net/)

BLOG

BELAJARPHP.NET (HTTPS://BELAJARPHP.NET) > BLOG (HTTPS://BELAJARPHP.NET/BLOG/) > TUTORIAL CODEIGNITER

(HTTPS://BELAJARPHP.NET/CATEGORY/CODEIGNITER/) > MENERAPKAN TEMPLATE ACE ADMIN PADA FRAMEWORK CODEIGNITER

MENERAPKAN TEMPLATE ACE ADMIN

PADA FRAMEWORK CODEIGNITER

November 11, 2016 Posted by: Nuris Akbar

Category: Tutorial Codeigniter (https://belajarphp.net/category/codeigniter/)

1 Comment (https://belajarphp.net/template-ace-admin-pada-codeigniter/#comments)

https://belajarphp.net/template-ace-admin-pada-codeigniter/ 1/10
11/15/2017 Menerapkan Template Ace Admin Pada Framework Codeigniter - Belajarphp.net

Aceadmin adalah salah satu template yang sering digunakan oleh developer sebagai template backend
nya, dulu nya template ini berbayar tapi entah kenapa sekarang template ini tidak dijual lagi jadi sudah
otomatis tidak dikembangkan lagi, walaupun begitu kita masih tetap bisa menggunakan nya sebagai
salah satu pilihan untuk template backend.

Menggabungkan Source Codeigniter Dan Template Ace-Admin

1. Download Framework Codeigniter

2. Extrack leCodeIgniter-3.1.0.zip

3. Rename FolderCodeIgniter-3.1.0 Menjadi codeigniter

4. Download Template Ace Admin Melalui Github (https://github.com/bopoda/ace)

5. Extrackace-master.zip

6. Rename Folder ace-master Menjadi aceadmin

7. Copy Folder aceadmin Ke Folder ci-aceadmin

8. Copy Folder ci-aceadmin KeC:\xampp\htdocs

Kon gurasi Dasar Codeigniter

Langkah selanjutnya setelah mengabungkan source codeigniter dan tempate aceadmin adalah mengatur
beberapa kon gurasi dasar pada framework codeigniter, yang pertama adalah pengaturan autoload,
silahkan buka leautoload.php yang ada di dalam folder application/con g/. lalu load helper url dengan
cara seperti berikut :

Rekomendasi Tutorial Untuk Anda

(https://belajarphp.net/product/dvd-database-mysql/) (https://belajarphp.net/product/seminggu-menguasai-
(https://belajarphp.net/product/dvd-database-mysql/) php-mysql/)
(https://belajarphp.net/product/dvd- (https://belajarphp.net/product/seminggu-menguasai-
database-mysql/) php-mysql/)
(https://belajarphp.net/product/dvd- (https://belajarphp.net/product/seminggu-
Rp90,000
database-mysql/) menguasai-php-mysql/)
(https://belajarphp.net/product/seminggu-
Rp80,000
menguasai-php-mysql/)

(https://belajarphp.net/product/dvd-
database-mysql/)
https://belajarphp.net/template-ace-admin-pada-codeigniter/ 2/10
11/15/2017 Menerapkan Template Ace Admin Pada Framework Codeigniter - Belajarphp.net

(https://belajarphp.net/product/seminggu-
Kursus Menguasai
menguasai-php-mysql/)
Konsep Database Dan
RDBMS MySQL DVD Tutorial
(https://belajarphp.net/product/dvd- Seminggu Menguasai
database-mysql/) PHP Dan MySQL
NURIS AKBAR SST (https://belajarphp.net/product/seminggu-
menguasai-php-mysql/)
0 0 NURIS AKBAR SST

0 0

(https://belajarphp.net/product/panduan-menguasai-
teknik-ajax-jquery/)
(https://belajarphp.net/product/panduan-menguasai-
teknik-ajax-jquery/)
(https://belajarphp.net/product/panduan-
menguasai-teknik-ajax-jquery/)
(https://belajarphp.net/product/panduan-
Rp95,000
menguasai-teknik-ajax-jquery/)

(https://belajarphp.net/product/panduan-
menguasai-teknik-ajax-jquery/)

Membuat Aplikasi
Dengan Codeigniter,
Javascript Dan Ajax
Jquery
(https://belajarphp.net/product/panduan-
menguasai-teknik-ajax-jquery/)
NURIS AKBAR SST

0 0

https://belajarphp.net/template-ace-admin-pada-codeigniter/ 3/10
11/15/2017 Menerapkan Template Ace Admin Pada Framework Codeigniter - Belajarphp.net

Default
1 $autoload['helper'] = array('url');

Kemudian yang tidak kalah penting adalah pengaturan base_url yang bisa anda temukan pada folder
application/con g/con g.php, lalu sesuaikanlah seperti dibawah ini :

Default
1 $config['base_url'] = 'http://localhost/ci-aceadmin/';

Membuat Controller

Kita akan membuat sebuah controller baru sebagai contoh, silahkan buat sebuah controller baru dengan
nama example dan masukan script berikut :

PHP
1 <?php
2 Class Example extends CI_Controller{
3
4 function __construct() {
5 parent::__construct();
6 }
7
8 function index(){
9 $this->load->view('template');
10 }
11 }

Membuat View Template Utama

Kemudian kita akan membuat view nya, seperti yang anda lihat pada script controller di atas bahwa
function index akan memanggil view dengan nama template.php, sekarang silahkan buat sebuah lde
baru di dalam folder views, kemudian kita akan memilih salah satu halaman dari template ace-admin lalu
mengcopy script nya ke dalam ciew template.php tadi, sebagai contoh kita akan menggunakan halaman
tabel jadi silahkan bukahttp://localhost/ci-aceadmin/aceadmin/tables.html melalui web browser

https://belajarphp.net/template-ace-admin-pada-codeigniter/ 4/10
11/15/2017 Menerapkan Template Ace Admin Pada Framework Codeigniter - Belajarphp.net

(https://i1.wp.com/belajarphp.net/wp-content/uploads/2016/11/ace-admin-table-1.png?ssl=1)

Kemudian kamu bisa menggunakan shortcut Cntrl + u untuk melihat script dari halaman tabel ini :

(https://i0.wp.com/belajarphp.net/wp-content/uploads/2016/11/aceh-admin-table-source.png?ssl=1)

https://belajarphp.net/template-ace-admin-pada-codeigniter/ 5/10
11/15/2017 Menerapkan Template Ace Admin Pada Framework Codeigniter - Belajarphp.net

Penawaran Spesial Untuk Anda, PO Ditutup 16 November 2017

(https://belajarphp.net/product/dvd-database-mysql/)

silahkan copy semua script (Ctrl+a) lalu lakukan paste pada le template.php tadi setelah itu simpan.

Memperbaiki Link Asset Yang Broken

Sampai pada tahap ini memang tampilan nya masih berantakan, itu disebabkan karena link asset (CSS, JS
dan gambar) tidak bisa diload karena ada kesalahan URL. oleh karena itu kita harus memperbaikinya
terlebih dahulu, cara memperbaikiny adalah mengubah script :

Default
1 Dari seperti ini :
2 <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
3 Menjadi seperti ini :
4 <link rel="stylesheet" href="<?php echo base_url()?>aceadmin/assets/css/bootstrap.min.css" /

anda bisa memanfaatkan tur Find And Replace pada software text editor yang anda gunakan, sebagai
contoh dibawah ini saya menggunakan tur nd and replace pada software Netbeans.

Kirimi kami pesan!

(https://i2.wp.com/belajarphp.net/wp-content/uploads/2016/11/ nd-replace.png?ssl=1)

https://belajarphp.net/template-ace-admin-pada-codeigniter/ 6/10
11/15/2017 Menerapkan Template Ace Admin Pada Framework Codeigniter - Belajarphp.net

Default
1 Find : assets
2 Replace : <?php echo base_url()?>aceadmin/assets

Memisahkan Content Dan Template Utama

Langkah selanjutnya adalah memisahkan template utaman dan content, karna biasnya dalam sebuah
web yang selalu berubah adalah content nya, sedangkan navigasi, footer dan elemen lain nya tetap
sama. agar lebih mudah dalam pemanggilan view dengan teknik pemisahan konten dan template utama
maka kita akan menggunakan sebuah library yang bisa anda download melalui situsjeromejaglale.com
(http://jeromejaglale.com/doc/php/codeigniter_template), setelah mengdownload lalu extrack le
template.php ke dalam folder library.

(https://i2.wp.com/belajarphp.net/wp-content/uploads/2016/11/template-library.png?ssl=1)

karna library ini akan selalu kita gunakan maka kita akan meload library template ini melalui autoload,
silahkan buka le autoload.php yang ada dalam folder application/conn g lalu load libray ini dengan
cara:

Default
1 $autoload['libraries'] = array('template');

Kemudian Cut (Ctrl + x) script dari line lalu silahkan buat le template.php yang ada di dalam folder views
kemudian Cut script dari line 917 sampai 3751, kemudian buat le baru dengan nama tabel.php dan
pastekan script tersebut. setelah itu tambahkan script <?php echo $contents;?> di antara class=page-
content untuk meload content secara dinamis.

Default
1 <div class="page-content">
2 <?php echo $contents;?>
3 </div><!-- /.page-content -->

lalu silahkan buka web browser dan akseshttp://localhost/ci-aceadmin/index.php/example untuk

melihat hasilnya, jika anda melakukan nya dengan benar maka akan muncul seperti dibawah ini :

https://belajarphp.net/template-ace-admin-pada-codeigniter/ 7/10
11/15/2017 Menerapkan Template Ace Admin Pada Framework Codeigniter - Belajarphp.net

(https://i0.wp.com/belajarphp.net/wp-content/uploads/2016/11/hasil-akhir.png?ssl=1)

jika anda ingin mendapatkan source ini secara utuh maka anda bisa mengdownlonya pada repository
Github (https://github.com/nurisakbar/codeigniter-template-aceadmin) saya.

Artikel Menarik Lainya

(https://belajarphp.net/menu-
(https://belajarphp.net/codeigniter-
(https://belajarphp.net/cara-
(https://belajarphp.net/menghilangkan-
(https://belajarphp.net/crudigniter-
(https://belajarphp.net/c
adminlte- multiple-upload/) integrasi- index-php-pada- crud-crud- install-dan-
codeigniter/) Trik Membuat template-clip- url-path- generator/) menggunakan-
Membuat Menu Multiple Upload one-dan- codeigniter/) CRUDIgniter laravel-5-
Dinamis Pada Dengan codeigniter/) menghilangkan Tools CRUD collective/)
Template Codeigniter Cara Integrasi index.php pada Generator Untuk Cara Install Dan
AdminLTE Dan (https://belajarphp.net/codeigniter-
Template Clip url path Codeigniter Menggunakan
Codeigniter multiple-upload/) One Dan codeigniter (https://belajarphp.net/crudigniter-
Laravel 5
(https://belajarphp.net/menu- Codeigniter (https://belajarphp.net/menghilangkan-
crud-crud- Collective
adminlte- (https://belajarphp.net/cara-
index-php-pada- generator/) (https://belajarphp.net/c
codeigniter/) integrasi- url-path- install-dan-
template-clip- codeigniter/) menggunakan-
one-dan- laravel-5-
codeigniter/) collective/)

https://belajarphp.net/template-ace-admin-pada-codeigniter/ 8/10
11/15/2017 Menerapkan Template Ace Admin Pada Framework Codeigniter - Belajarphp.net

Share:

1 COMMENT

Daftar Isi Belajar Framework Codeigniter - Belajarphp.net (https://belajarphp.net/belajar-framework-codeigniter/)

April 20, 2017 at 1:51 pm (https://belajarphp.net/template-ace-admin-pada-codeigniter/#comment-938) Reply
(https://belajarphp.net/template-ace-admin-pada-codeigniter/?replytocom=938#respond)

TENTANG
[] KAMI Dan Template Ace Admin []
Integrasi Codeigniter

Belajarphp.net adalah webiste yang menyediakan materi programming dalam bentuk artikel dan video tutorial

interaktif yang diburning dalam media DVD.

Kami juga rutin mengadakan event training yang bersifat gratis dan berbayar dengan bekerja sama dengan
lembaga training profesional seperti Brainmatics Dan Codepolitan.
Leave a Reply

NamePENTING
LINK *

ALL INSTRUCTORS
E-mail *
BERGABUNG MENJADI TIM KAMI

BUKTI PENGIRIMAN PAKET TUTORIAL

Math Captcha 32 + = 34
CARA PEMESANAN TUTORIAL

HUBUNGI KAMI
Message *
KATALOG DVD TUTORIAL PEMOGRAMAN

LAPAK DI MARKEPLACE

(https://www.tokopedia.com/tutorialpemogram?nref=shpside)

POST COMMENT

Notify me of follow-up comments by email.

(https://www.bukalapak.com/u/nuris_akbar)

Notify me of new posts by email.

LAPAK DI MARKEPLACE

https://belajarphp.net/template-ace-admin-pada-codeigniter/ 9/10
11/15/2017 Menerapkan Template Ace Admin Pada Framework Codeigniter - Belajarphp.net

(https://shopee.co.id/nurisakbar)

(https://api.whatsapp.com/send?

phone=+6289699935552&text=Mas%20Nuris,%20Saya%20Ingin%20Bisa%20Pemograman%20PHP)

https://belajarphp.net/template-ace-admin-pada-codeigniter/ 10/10