• Disclaimer
  • Privacy Policy
  • ToS
Tutorial Yii2 Framework Bahasa Indonesia
  • Home
  • Panduan Yii2
    • Apa itu Yii
    • Memulai Yii2
    • Struktur Aplikasi
    • Konsep Dasar Yii2
    • Database
    • Input Data
    • Menampilkan Data
    • Keamanan
    • Caching
  • Panduan Lanjutan Yii2
    • RESTful API
    • Development Tools
    • Testing
    • Widgets
    • Helpers
  • Tutorial
  • FAQ
  • Asudahlah.com

Senin, 23 Mei 2016

Instalasi Template AdminLTE di Yii2 menggunakan composer

Diposting oleh gema di 19.35 Label: Tutorial Yii2
Secara default, Yii2 dibekali oleh template Bootstrap 3. Namun kita juga bisa menambahkan template lain yang lebih baik, seperti misalnya template Admin LTE.

AdminLTE adalah template admin responsive yang berbasis framework Bootstrap 3. Yang sangat mudah untuk digunakan dan dikustomasi. Fitur responsive menjadikan template ini cocok untuk berbagai macam ukuran layar dari layar smarphone yang kecil, hingga layar desktop.

Untuk menginstall AdminLTE pada Yii2, kita bisa menggunakan asset bundle yang sudah disediakan oleh dmstr yaitu dmstr/yii2-adminlte-asset sehingga kita dapat dengan mudah menginstallnya dengan composer.

Instalasi AdminLTE Yii2 dengan composer

Pastikan terlebih dahulu bahwa composer sudah terinstall.

Untuk menginstall AdminLTE v2 gunakan perintah berikut
php composer.phar require dmstr/yii2-adminlte-asset "2.*"

Atau untuk AdminLTE v2 gunakan perintah berikut
php composer.phar require dmstr/yii2-adminlte-asset "1.*"

pada direktori instalasi Yii2.

Setelah instalasi berhasil, anda bisa mencoba tampilan demo template tanpa mempengaruhi project anda dengan cara menambahkan rule berikut pada config anda:
'components' => [
    'view' => [
         'theme' => [
             'pathMap' => [
                '@app/views' => '@vendor/dmstr/yii2-adminlte-asset/example-views/yiisoft/yii2-app'
             ],
         ],
    ],
],

Pastikan konfigurasi disalin kedalam array components.

Untuk template basic, file konfigurasi ada di:
/config/web.php
Konfigurasi untuk template advanced ada di:
/frontend/config/main.php (untuk frontend)
Atau
/backend/config/main.php (untuk backend)
Atau
/common/config/main.php (untuk semuanya)

Kemudian silahkan lihat hasilnya pada browser pada alamat root.
Saat ini, anda sedang melihat tampilan demo dari AdminLTE, Bukan project anda sesungguhnya.

Untuk menerapkannya pada project anda, silahkan copy file view dari vendor/dmstr/yii2-adminlte-asset/example-views/yiisoft/yii2-app kedalam direktori view anda.
Ingat, anda akan me-replace file view layout dan site anda yang lama. pastikan backup dulu file view lama anda atau lakukan langkah-langkah instalasi template ini di awal, setelah anda menginstall Yii2 dan sebelum anda mengkustomasi view.
Penting: Jangan lupa untuk menghapus config yang ditambahkan untuk demo diatas.

Merubah Skin AdminLTE di Yii2

Secara default, AdminLTE akan menggunakan skin blue, anda bisa merubanya dengan menambahkan config:
    'assetManager' => [
        'bundles' => [
            'dmstr\web\AdminLteAsset' => [
                'skin' => 'skin-black',
            ],
        ],
    ],

lalu tambahkan helper AdminLteHelper::skinClass() pada tag body di view:
<body class="<?= \dmstr\helpers\AdminLteHelper::skinClass() ?>">

Berikut adalah list dari skin yang tersedia:
skin-blue,
skin-black,
skin-red,
skin-yellow,
skin-purple,
skin-green,
skin-blue-light,
skin-black-light,
kin-red-light,
skin-yellow-light,
skin-purple-light,
skin-green-light

Tweet
loading...
  • Komentar Blogger 6
  • Komentar Facebook

6 komentar :

  1. Unknown9 November 2016 pukul 21.15

    Class 'dmstr\web\AdminLteAsset' not found

    BalasHapus
    Balasan
    1. gema21 Desember 2016 pukul 10.06

      Mohon maaf sebelumnya gan. Karena ada kesibukan lain jadi saya baru bisa buka blog ini.

      Meskipun sudah telat balasnya. Tetap akan saya balas, barangkali akan berguna bagi pembaca lain.

      Widget/plugin yg 'Class not found' umumnya disebabkan karena composer belum di update.
      Solusinya, jalankan:
      composer update
      Dari terminal/cmd.

      Hapus
      Balasan
        Balas
    2. Balas
  2. Unknown21 Desember 2016 pukul 09.23

    Saran, Min. Sebaiknya ditambahin nama dan lokasi file yang kudu di-edit. Soalnya saya mengalami kesulitan pas nyari file yang harus dimodifikasi kodenya.

    Mohon maaf sebelumnya, saya masih newbie. :v

    BalasHapus
    Balasan
    1. gema21 Desember 2016 pukul 09.50

      Terimakasih sarannya gan. Sekarang sudah saya tambahkan.

      Mohon maaf sebelumnya, saya juga masih newbie blogging. :v

      Hapus
      Balasan
        Balas
    2. Balas
  3. Unknown10 Juli 2018 pukul 02.24

    artikel bagus gan.
    saya sudah mencoba dan berhasil. Namun ketika saya selesai membuat controller baru, dan saya hendak mengkases view lewat controller baru tsb yang muncul page not found? kenapa ya gan , mhon pencerhan.


    (saya mencoba juga tanpa admin LTE, pembuatan controller baru tsb lancar da bisa redirectAction controller baru tsb)

    BalasHapus
    Balasan
      Balas
  4. I'm The RDO12 Februari 2020 pukul 22.48

    sweet...

    BalasHapus
    Balasan
      Balas
Tambahkan komentar
Muat yang lain...

Posting Lebih Baru Posting Lama Beranda
Langganan: Posting Komentar ( Atom )

Recently Solved Problems

Links

Yii2 Git Repository Yii2 Official Website

Facebook page

Labels

  • Memulai Yii2
  • Model
  • Panduan Yii2
  • Struktur Aplikasi Yii2
  • Tips Yii2
  • Troubleshooting
  • Tutorial Yii2

Popular Posts

  • Instalasi Template AdminLTE di Yii2 menggunakan composer
    Secara default, Yii2 dibekali oleh template Bootstrap 3. Namun kita juga bisa menambahkan template lain yang lebih baik, seperti misalnya ...
  • Buat aplikasi CRUD Yii2 secara otomatis dengan Gii
    Pada tutorial ini, saya akan membahas bagaimana cara membuat aplikasi CRUD (Create Read Update Delete) database secara otomatis dengan mengg...
  • Konfigurasi RBAC Yii2 sederhana dan mudah dengan amnah/yii2-user
    RBAC (Role-Based Access Control) adalah konsep Access Control di Yii2 yang memisahkan hak akses user berdasarkan role atau peran. Yii2 sen...

© Asudahlah.com 2016 . Powered by Twitter Bootstrap , Blogger