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

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

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

paoonline
PHP Hero Member
PHP Hero Member
โพสต์: 125
ลงทะเบียนเมื่อ: 02/10/2017 10:27 am

รู้จักกับ 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

  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 3 และ บุคคลทั่วไป 0 ท่าน