สารบัญคู่มือ Yii Framework 2 (Yii2)
พื้นฐาน Yii Framework คืออะไร หลักการทำงานของ Yii Framework 2 Request Life Circle ทำความเข้าใจ MVC ใน Yii Framework 2 ทำความเข้าใจเส้นทาง (R…
admin
69,375
บทเรียนที่เกี่ยวกับ “bootstrap”
พบ 40 บทเรียน
admin
69,375
สร้าง Component และเรียกใช้ Component ใน Nuxt
ในบทเรียนรู้นี้เรามาสร้าง Component ใน NuxtJS และเรียกใช้งาน โดยจะดึงข้อมูลมาจาก API จากนั้นนำมาใส่ใน Card ของ Bootstrap4 ดังนี้ สร้างไฟล์ c…
admin
7,319
การเพิ่ม Font ใน mPDF (Yii2 กับ kartik mpdf และ mPDF version 7.x)
ในบทเรียนรู้นี้เรามาเพิ่ม Font ใน mPDF version 7 กัน โดย Concept คือ เพิ่ม Font Angsana และ Sarabun โดยมีขั้นตอนดังนี้ 1.นำ Font Angsana.ttf…
admin
7,172
Extension การสร้างรายงานในรูปแบบไฟล์ PDF ด้วย mPDF
ทำไมต้อง PDF? แน่นอนครับ คงเป็นเรื่องที่ยุ่งยากแน่ๆ เมื่อเราจะสร้างไฟล์ pdf โดยใช้เทคโนโลยีด้าน Web Application นั่นก็หมายความว่าเราจะเอาคำส…
admin
29,099
การใช้ PayPal RESTful กับ Yii Framework 2
Paypal คืออะไร เข้าใจง่ายๆ Paypal คือธนาคารออนไลน์นั่นเองครับ ซึ่ง Paypal ได้สร้าง API ไว้ให้เราได้เขียนโปรแกรมในการเชื่อมต่อ รับชำระเงิน ตั…
admin
11,526
Bootstrap คืออะไร?
Bootstrap คืออะไร? Bootstrap คือ Frontend Framework ที่รวม HTML, CSS และ JS เข้าด้วยกันสำหรับพัฒนา Web ที่รองรับทุก Smart Device หรือ เรียกว…
admin
71,692
การลงทะเบียน (Register) ไฟล์และสคริป CSS JavaScript (Client Script) ใน Web Application ด้วย Yii Framework 2
ในการพัฒนา Web Application นั้น คงหนีไม่พ้นการนำ CSS และ JavaScript หรือเรียกว่าเป็น Client Script หรือสคริปที่ทำงานฝั่งไคลเอนต์ มาใช้งาน ซึ…
admin
12,125
การเขียนโปรแกรม Upload ไฟล์ด้วย Yii Framework 2
สำหรับการ Upload ไฟล์นั้นแน่นอนว่าเกือบทุก Web Application จะต้องมีการ Upload ไฟล์ ขึ้นไปที่ Server ทั้ง Upload แบบไฟล์เดียวหรือ Upload ทีละ…
admin
17,758
การจัดการกับ Flash Message ใน Yii Framework 2
Flash Message คืออะไร Flash Message คือ ข้อความที่แสดงขึ้นมาแล้วหายไปเมื่อ refresh หน้า Web Application เหมือนกับ Flash ในกล้องถ่ายรูป เช่น…
admin
15,343
เรียนรู้ระบบ Grid ใน Bootstrap 3
ระบบ Grid ใน Bootstrap 3 การทำงานของระบบ Grid ใน Bootstrap 3 นั้นแสดงได้จากตารางต่อไปนี้ ขนาดเล็กพิเศษ (โทรศัพท์: xs) (<768px) ขนาดเล็ก (แทป…
admin
10,427
การใส่เครื่องหมายดอกจัน (*) สีแดงหลัง Label ที่เป็นแบบ Required ใน Yii Framework 2
ใน Yii Framework 1 นั้น Label ที่เป็นแบบ Required จะมีดอกจันมาพร้อม แต่เมื่อเป็น Yii Framework 2 ซึ่งเป็น Bootstrap แล้วไม่มี ดังนั้นเรามาเพ…
admin
14,902
การแก้ไขหน้า Error สำหรับ Yi Framework
สำหนับหน้า Error นั้นเราสามารถแก้ไขให้อยู่ในรูปของ Bootstrap ได้โดยการเรียกใช้ Class ที่แสดงเป็น Error ในที่นี้คือ class=”alert alert-danger…
admin
5,788
การสร้าง Date Picker สำหรับเก็บลง Field DATE ใน MySQL
สำหรับ Field เก็บข้อมูลแบบ DATE นั้นจะอยู่ในรูปของ ปีค.ศ.-เดือน-วัน เช่น 2014-01-20 เป็นต้น ดังนั้นใน Yii Booster Extension จะมีส่วนเสริมของ…
admin
9,252
การสร้าง AJAX Link
ได้เห็น Concept ของ AJAX Button กันแล้วคราวนี้มาลองกับ Link กันบ้างนะครับ โดย Concept ก็จะยังคงคล้ายๆ กันอยู่ครับ แต่จะเปลี่ยนการส่งเป็นแบบ…
admin
7,121
การสร้าง Nav components ใน Nuxt และการเรียกใช้งาน
ในขั้นตอนนี้เรามาสร้าง Navbar แบบ component ใน nuxtjs โดยสร้างไฟล์ components/Nav.vue จากนั้นเขียนคำสั่งดังนี้ <template> <nav class="navbar…
admin
5,331
การทำระบบ Social Connect ด้วย AuthClient Part 2
ใน Part 2 เป็นการตั้งค่า Yii Framework เพื่อให้สามารถ Connect กับ Social Network ต่างๆ ได้ และทำการแสดงข้อมูลเมื่อเชื่อมต่อได้ ติดตั้ง AuthC…
admin
13,064
การสร้าง PDF Barcode ด้วย Yii Framework 2
การสร้าง Barcode ด้วย Yii Framework 2 นั้นสามารถทำได้โดยใช้ Extension yii2-mpdf https://packagist.org/packages/kartik-v/yii2-mpdf ซึ่งสามารถ…
admin
13,906
การติดตั้งและใช้งาน Bower Package ใน Yii Framework 2
Bower เป็นแหล่งรวบรวม Package เช่น JavaScript, CSS Package ตัวอย่าง Bootstrap, Highcharts เป็นต้น ในที่นี้เราจะติดตั้ง Highcharts และทดลองใช…
admin
8,274
การแสดงผลโค๊ดโปรแกรม (Code)
บรรทัดเดียวกัน (Inline) ตัวอย่างโค๊ดในบรรทัดจะแสดงโดยใช้ Tag <code> ตัวอย่างคำสั่ง Tag <html> ในบรรทัดเดียวกัน ตัวอย่างคำสั่ง Tag <code><…
admin
9,767
การนำ Bootstrap ไปใช้ใน Webpage
สำหรับการนำ Bootstrap ไปใช้ใน Webpage นั้นสามารถทำได้หลายช่องทาง โดยใช้เครื่องมือต่างๆ หรือจะดาวน์โหลดมาใช้งานโดยตรงก็ได้ โดยมาดูรายละเอียดต…
admin
17,093
การแสดงผลตัวอักษร (Typography)
หัวเรื่อง (Heading) สำหรับการแสดงผล Tag h1 ถึง h6 ใน HTML นั้นสำหรับ Bootstrap จะแสดงผลลักษณะดังนี้ h1. Bootstrap heading Semibold 36px h2.…
admin
6,416
เพิ่ม Application เหมือน Frontend-Backend ใน Yii Framework2
มีคนถามมาว่าเราสามารถสร้าง Application เหมือน frontend/backenc ได้ไหม แต่ใช้การตั้งค่าและ vendor เดียวกัน คำตอบคือสามารถทำได้ครับ เพื่อให้เข…
admin
8,636
การติดตั้งและใช้งาน SweetAlert2 โดยไม่ใช้ Extension ใน Yii Framework 2
sweet alert 2 เป็น css และ js ที่ช่วยในการทำ alert ต่างๆ ในที่นี้เราเปลี่ยน alert ใน yii framework 2 ไปใช้ sweet alert แทน https://limonte.g…
admin
12,752
ติดตั้งและใช้งาน Bootstrap4 ใน Yii Framework 2
Bootstrap4 ใน Yii Framework 2 นั้นจะมาใน Yii version 2.1 ซึ่งก็คงต้องรออีกสักระยะ และประกอบกับ Bootstrap4 เอง ณ ตอนนี้ก็ยังเป็น version beta…
admin
14,193
สร้าง QR Code ด้วย mPDF
ใน mPDF เราสามารถสร้าง QR Code แทน Barcode ได้โดยเปลี่ยน type ของ barcode ดังนี้ <?php $qr = 'data or link'; ?> <barcode code="<?=$qr?>" typ…
admin
9,076
บีบอัด JavaScript และ Cascade Style Sheet ใน Yii Framework 2
สำหรับบทเรียนรู้นี้เรามาทำการรวมไฟล์ JavaScript และ ไฟล์ CSS เพื่อบีบอัดให้มีขนาดเล็กลง ซึ่งแน่นอนจะทำให้การโหลดเว็บไซต์ได้ไวมากยิ่งขึ้น โดย…
admin
4,244
การติดตั้ง bower package ใน Yii Framework 2 และ การสร้าง theme ด้วย materialize
bower เป็น package js และ css ที่สามารถนำไปใช้ใน package ส่วนใหญ่ที่เป็น js web application เช่น nodejs เป็นต้น โดยการนำมาใช้กับ Yii Framewo…
admin
3,869
สร้าง theme bulma ใน Yii Framework 2
Bulma เป็น CSS Framework อีกตัวหนึ่งที่มีความนิยมไม่แพ้ Bootstrap ซึ่งเราสามารถนำมาใส่ใน Yii Framework 2 เราได้เหมือนกัน ติดตั้ง Bulma ก่อนอ…
admin
6,010
ตัด frontend/web ใน url ให้สั้นลงใน Yii Framework 2
ใน Yii Framework 2 นั้นหากเราติดตั้งที่ server ที่เราไม่สามารถเปลี่ยน document root ของเว็บไซต์ไปที่ frontend/web ได้ เมื่อเรา request ไปยัง…
admin
6,266
การติดตั้ง Package yii2-bootstrap4 สำหรับ Yii Framework 2
หลังจากที่รอคอยมายาวนานหลังจาก Bootstrap ออก version 4 ตอนนี้ Yii Framework ก็ได้ออก Package สำหรับสาวก Bootstrap 4 เรียบร้อยแล้ว โดยใช้ชื่อ…
admin
8,062
การติดตั้ง Yii Framework 3 (Yii3)
Yii Framework 3 ยังไม่ออก version stable แต่เราสามารถทำการติดตั้งและทดลองใช้งานได้ โดยการติดตั้ง Yii Framework 3 นั้นจะใช้คำสั่งในการติดตั้ง…
admin
6,004
การใช้งาน Pagination สำหรับ Bootstrap 4 ใน GridView และ ListView ของ Yii Framework 2
หลังจากที่ Package yii\bootsrap4 ออกมานั้นหลายคนที่ใช้ GridView และ ListView แบบเดิมอยู่จะทำให้ Pagination นั้นเพี้ยนๆ ไป ดังนั้นขั้นตอนนี้จ…
admin
5,541
การสร้างตาราง (Table) แบบต่างๆ
ตารางพื้นฐาน สำหรับการสร้างตารางแบบพื้นฐานโดยใช้ Bootstrap จะมีเพียงเส้นบรรทัดกั้นแต่ละแถวเท่านั้นโดยเพียงเรียกใช้งาน .table คำอธิบายตาราง #…
admin
31,497
การนำ Bootstrap4 มาใช้กับ NuxtJS
Bootstrap4 เป็น CSS Framework จาก Twitter ที่มีคนใช้งานเป็นจำนวนมาก สามารถดูเพิ่มเติมได้จากเว็บไซต์ getbootstrap.com ซึ่งเราสามารถนำมาใช้กับ…
admin
7,307
กำหนดให้ออกจากระบบอัตโนมัติหากไม่ได้ใช้งานตามเวลาที่กำหนด
สำหรับยทเรียนรู้นี้มาทำให้ Web application เราให้สามารถออกจากระบบอัตโนมัติ โดยในที่นี้จะกำหนดให้ออกจากระบบหลังจากไม่ได้ใช้งานเป็นเวลา 5 นาที…
kongoon9
8,916
สารบัญ Bootstrap 3.x
สารบัญ Bootstrap 3.x Bootstrap คืออะไร? เรียนรู้ระบบ Grid ใน Bootstrap 3 การแสดงผลตัวอักษร (Typography) การนำ Bootstrap ไปใช้ใน Webpage การแ…
admin
6,438
ปุ่มแบบต่างๆ (Button)
ปุ่มหรือ Button ใน Bootstrap นั้นมีหลายสีสันให้เลือก ซึ่งเราสามารถกำหนด class ให้กับ element ต่างๆ ได้เช่น <a>, <button> และ <input> LinkBut…
admin
23,588
การทำเว็บหลายภาษา Internationalization (I18N) ด้วย Yii Framework 2
หลักการทำงาน Internationalization (I18N) เป็นการออกแบบอย่างหนึ่งในกระบวนการของซอร์ฟแวร์นั่นคือการประยุกต์การใช้งานภาษาต่างในแต่ละภูมิภาค โดย…
admin
16,665
การสร้าง Theme จาก Material Design ใน Yii2 Advanced
สำหรับบทความชุดนี้เป็นแนวทางสำหรับการทำ Theme ในรูปแบบ Material Design สำหรับ Yii2 Advanced Application Template นะครับ โดยมีขั้นตอนดังต่อไป…
admin
22,004
การติดตั้ง Yii Booster Extension
Bootstrap เป็น CSS Framework ที่พัฒนาโดย Twitter จากนั้นมีผู้นำมาพัฒนาต่อเป็น Extension ให้สามารถใช้ได้กับ Yii Framework โดยรวบรวมทำเป็น Wid…
admin
6,583