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

PHP Knowledge เป็น บอร์ดรวามความรู้ php เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย

Moderators: mindphp, ผู้ดูแลกระดาน

paoonline
PHP Hero Member
PHP Hero Member
Posts: 125
Joined: 02/10/2017 10:27 am

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

Post by paoonline »

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

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

Code: Select all

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

Code: Select all

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

Code: Select all

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

Code: Select all

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

Code: Select all

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

Code: Select all

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

Code: Select all

localhost/yii2/frontend/web/index.php
ตัวอย่าง
Selection_002.png
  • Similar Topics
    Replies
    Views
    Last post

Return to “PHP Knowledge”

Who is online

Users browsing this forum: facebook.com [Crawler] and 8 guests