รู้จักกับ AdminLTE Theme(แอดมิน ตีม) ของ Yii2(ยี2) และการติดตั้งโดย Windows 10(วินโดว์ 10)

ตอบกระทู้

รูปแสดงอารมณ์
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
รูปแสดงอารมณ์อื่นๆ

BBCode เปิด
[img] เปิด
[url] เปิด
[Smile icon] เปิด

กระทู้แนะนำ
   

มุมมองที่ขยายได้ กระทู้แนะนำ: รู้จักกับ AdminLTE Theme(แอดมิน ตีม) ของ Yii2(ยี2) และการติดตั้งโดย Windows 10(วินโดว์ 10)

รู้จักกับ AdminLTE Theme(แอดมิน ตีม) ของ Yii2(ยี2) และการติดตั้งโดย Windows 10(วินโดว์ 10)

โดย paoonline » 03/10/2017 1:04 pm

AdminLTE Theme(แอดมินแอลทีอี ตีม)
เป็น Theme(ตีม) ที่ถูกพัฒนาโดย Almsaeed Studio(อลามซา สตูดิโอ) ซึ่ง AdminLTE Theme(แอดมินแอลทีอี ตีม) สามารถสร้าง Theme(ตีม) เว็บไซค์ ให้สวยงามน่าใช้งาน
มี Layouts(เรย์เอ๊า) ต่างๆ พร้อมใช้งาน AdminLTE Theme(แอดมินแอลทีอี ตีม) ทางผู้พัฒนาได้แจกให้ใช้ฟรี สามารถใช้งานร่วมกับ
MVC Framework(เอ็มวีซี เฟรมเวิร์ค) จากตัวอย่างเป็นการติดตั้งให้กับ Yii Framework(ยี เฟริมเวิก)

การติดตั้ง
โดยติดตั้งผ่าน commanline(คอมมานไลท์) ลงผ่าน composer(คอมโพสเซอร์) พิมคำสั่งดังนี้

โค้ด: เลือกทั้งหมด

composer require dmstr/yii2-adminlte-asset "2.*"
การสร้าง folder(โฟร์เดอร์)
สามารถสร้างที่ Frontend(ฟอร์นเอ็น) หรือ Backend(แบ็กเอ็น) ก็ได้

โค้ด: เลือกทั้งหมด

Backend(แบ็กเอ็น) สร้างโฟลเดอร์ตามนี่ /backend/themes/adminlte/views
Frontend(ฟอร์นเอ็น) สร้างโฟลเดอร์ตามนี่ /frontend/themes/adminlte/views
จากนั้นคัดลอก โฟลเดอร์ Views(วิว), จาก ซึ่งเป็นส่วนแสดงของ adminlte(แอนมินแอลทีอี)

โค้ด: เลือกทั้งหมด

vendor/dmstr/yii2-adminlte-asset/example-views/yiisoft/yii2-app มาไว้ที่ themes/adminlte/ ที่เราสร้างขึ้น
มาใส่ใน ซึ่งเป็นส่วนแสดงผลของ frontend(ฟร๊อนเอ็น) และ backend(แบ็กเอ็น)

โค้ด: เลือกทั้งหมด

frontend/themes/adminlte/views หรือ backend/themes/adminlte/views
ตั้งค่า Theme(ตีม) ใน frontend/config/main.php หรือ backend/config/main.php
ทำการเปลี่ยน Theme(ตีม) ในไฟล์ config/main.php ในส่วน components(คอมโพเน้น) ดังนี้
ส่วนการแสดงผลของ frontend(ฟ้อนเอ็น)

โค้ด: เลือกทั้งหมด

'components' => [
    //...
    'view' => [
            'theme' => [
                'pathMap' => [
                    '@app/views' => '@frontend/themes/adminlte/views'
                ]
            ]
        ]
    //...
],
ส่วนการแสดงผลของ backend(แบ็กเอ็น)

โค้ด: เลือกทั้งหมด

'components' => [
    //...
    'view' => [
            'theme' => [
                'pathMap' => [
                    '@app/views' => '@backend/themes/adminlte/views'
                ]
            ]
        ]
    //...
],
ตัวอย่างการเข้าใช้งาน

โค้ด: เลือกทั้งหมด

localhost/yii2/frontend/web/index.php
ตัวอย่าง
Selection_002.png

ข้างบน