การติดตั้ง Yii Booster Extension

wave
มานพ กองอุ่น 11 เม.ย. 2016, 17:13:41 3,057

Bootstrap เป็น CSS Framework ที่พัฒนาโดย Twitter จากนั้นมีผู้นำมาพัฒนาต่อเป็น Extension ให้สามารถใช้ได้กับ Yii Framework โดยรวบรวมทำเป็น Widget ไว้เรียบร้อย แล้วตั้งชื่อใหม่ว่า Yii Booster โดยสามารถดาวโหลดได้ที่เว็บไซต์ http://yiibooster.clevertech.biz/ หรือ https://github.com/clevertech/yiibooster ก็ได้
    ความสามารถที่โดดเด่นของ Bootstrap นั้นก็คือเรื่องของ CSS Framework โดยจะช่วยให้เราลดเวลาของการออกแบบ HTML และ CSS ลงไปโดยสินเชิง ซึ่ง Bootstrap ได้รวบรวมและกำหนดรูปแบบต่างๆ ไว้ให้เราพร้อมใช้งานเรียบร้อยแล้ว โดยเพียงเรียกใช้งาน Class ของ CSS เช่น หากต้องการทำปุ่มก็เพียงเรียก class=”btn btn-primary” ก็จะได้ปุ่มที่สวยงามแล้ว

 

นำ YiiBooster ที่ดาวโหลดมาเก็บไว้ใน protected/extensions/bootstrap

เปิดไฟล์ protected/config/main.php เพื่อตั้งค่า

โดยกำหนดค่าดังนี้


ส่วน components

ส่วนของ modules

ส่วนของ preload

หลังจากนั้นทดลองเข้าสู่หน้าหลักของ Project จะเห็นว่าหน้าเว็บไซต์จะเป็นลักษณะ Responsive เรียบร้อยแล้ว

ทดลองเข้าสู่ระบบ Gii โดยพิมพ์ URL index.php?r=gii แล้วเข้าสู่ระบบโดยใช้รหัสผ่านที่ได้กำหนดในส่วนของ modules ในไฟล์ protected/config/main.php นั่นคือ 12345 จะปรากฏหน้าสำหรับ Generate Code ดังนี้

โดยจะเห็นว่ามีคำว่า Bootstrap Generator ขึ้นมา แสดงว่าตั้งค่าถูกต้องเรียบร้อยแล้ว ก็พร้อมสำหรับการสร้าง Application โดยใช้ Bootstrap เป็น CSS Framework เรียบร้อยแล้ว


ความคิดเห็น

หากบทเรียนรู้มีความผิดพลาดประการใด หรือมีข้อเสนอแนะกรุณาแจ้ง contact@programmerthailand.com

เขียนบทเรียนรู้ของคุณ

รายละเอียด
  • ดู 3,057
  • รักเลย 0
  • หมวดหมู่ Tip Yii Framework (Yii1)
  • เขียนเมื่อ
  • แก้ไขเมื่อ
  • Tags yii
ข้อมูลผู้เขียน
มานพ กองอุ่น

มานพ กองอุ่น

เป็นสมาชิกเมื่อ: 18 ธ.ค. 2009

เนื้อหาที่เกี่ยวข้อง