Yii Framework 2 : วิธีนำ Template มาใช้

       ขอเริ่มต้นบทความนี้ด้วยคำว่า "ของดีและฟรีก็มีในโลก ฮ่าๆๆ" บทความนี้ผมขอนำเสนอวิธีการนำ Template มาใช้กับ Web Application ของเราที่เขียนด้วย Yii Framework 2 ซึ่งจะทำให้หน้าตา Web Application ดุดี เฮ่ย! ดูดี กว่าตอนที่ใช้ Template ที่มากับตัว Framework  ซึ่งผมเองก็พึ่งจะเริ่มศึกษาเจ้า Framework ตัวนี้ เลยมาเขียนบทความไว้ก่อนเพื่อเป็นประโยชน์กับตัวกระผมเอง ( ยาแก้ลืมฮ่าๆๆ ) และท่านผู้อ่านที่กำลังศึกษา Framework ตัวนี้อยู่ เอาล่ะเรามาเริ่มกันเลย

Template ที่ใช้คือ AdminLTE :  https://github.com/dmstr/yii2-adminlte-asset

วิธีติดตั้งนี้ใช้ได้กับ yii-advance template (basic ยังไม่ได้ลอง ไว้ลองแล้วจะเขียนให้อ่านน่ะครับ)

1.เปิด cmd และ cd เข้าไปในโฟลเดอร์โปรเจคของเรา แล้วพิมพ์คำสั่ง

composer require dmstr/yii2-adminlte-asset "^2.1"

2. สร้างโฟลเดอร์ใน backend ให้ชื่อว่า Themes หลังจากนั้นให้สร้างโฟลเดอร์ชื่อว่า adminlte หรือจะเป็นชื่ออื่นก็ได้ แต่ตอนเรืยกใช้งานต้องใช้ชื่อเดี่ยวกัน ( ดูข้อที่ 5 ) ซึ่งโฟลเดอร์นี้ใช้เก็บไฟล์ของธีม จะได้แบบนี้

3. เข้าไปที่ vendor/dmstr/yii2-adminlte-asset/example-views/yiisoft และให้ copy โฟลเดอร์ที่ชื่อว่า yii2-app ดังภาพ

4. นำโฟลเดอร์ yii2-app มาวางไว้ใน backend/themes/adminlte/ แล้วเปลี่ยนชื่อเป็น views

5. เข้าไปที่ backend/config/main.php

ทำการเพิ่มโค้ดด้านล้างนี้ไว้ใน 'components' =>[ ],

'components' => [

 ………………………………………………………

    'view' => [

         'theme' => [

             'pathMap' => [

                '@app/views' => '@backend/themes/adminlte/views'

             ],

         ],

    ],

 …………………………………………………….

],

ทดสอบ run โดย พิมพ์ localhost/learnyii-advance/backend/web (อย่าลืมเปลี่ยน learnyii-advance เป็นชื่อโปรเจคตัวเองด้วยนะครับ เดี่ยวหาว่าไม่บอก อิอิ..)

       จบไปแล้วกับเกร็ดความรู้เล็กๆ น้อยๆ ที่ผมนำมาฝากในครั้งนี้ หวังว่าจะเป็นประโยชน์กับท่านผู้อ่านน่ะครับ เจอกันใหม่ในบทความหน้าคราบ ^_^