ฟอร์ม (Form)
ฟอร์ม (Form) เป็นรูปแบบของการกรอกข้อมูลเพื่อส่งข้อมูลเข้าไปประมวลผลในฝั่ง Server โดยอาศัยภาษาที่ทำงานในฝั่ง Server เป็นตัวประมวลผลจากฟอร์ม ก…
admin
61,286
บทเรียนที่เกี่ยวกับ “button”
พบ 36 บทเรียน
admin
61,286
การติดตั้ง Yii Eclipse PlugIn
Eclipse ก็เป็น IDE ตัวหนึ่งที่เราสามารถนำมาเขียน PHP ได้ แต่ต้องติดตั้ง Eclipse PDT PlugIn เข้าไปด้วย โดยสามารถดาวโหลดได้จากเว็บไซต์ www.ecl…
admin
7,087
ทำงานกับฐานข้อมูล MongoDB ด้วย Meteor
โครงสร้างไฟล์ ใน meteor นั้น mongoDB นั้นเป็นฐานข้อมูลที่มีมาพร้อมในขั้นตอนการติดตั้งเลย ดังนั้นเราสามารถเรียกใช้งานได้ทันที โดยเราจะสร้าง f…
admin
4,270
การปรับ Breadcumb ให้อยู่ในรูปแบบของ Tag ul และ li
โดยส่วนใหญ่แล้ว Theme ที่มีการพัฒนาขึ้นมานั้นในส่วนของ Breadcumb นั้นจะมีการแสดงผลในแบบ Tag ul และ li โดยปกติแล้วถ้าไม่มีการกำหนดจะแสดงเป็น…
admin
4,248
การเขียนโปรแกรม 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,344
การสร้าง AJAX Button
AJAX หรือเรียกว่า Asynchronous JavaScript and XML เป็นลักษณะของการเขียนโปรแกรมแบบใหม่โดยใช้คุณสมบัติของ JavaScript ที่ทำงานในฝั่ง Client แล้…
admin
7,482
แปลงวันที่ ค.ศ. เป็น พ.ศ. อัตโนมัติ โดยการ Custom ActiveRecord Model ใน Yii Framework 2
ปัญหาของวันที่นั้นค่อนข้างสำคัญ ในประเทศไทย ส่วนใหญ่ใช้รูปแบบ พุทธศักราช เช่น 30/04/2559 แต่เมื่อบันทึกในฐานข้อมูลจะกลายเป็นคนละเรื่อง หากบั…
admin
21,018
การสร้าง 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,065
การใช้งาน jQuery UI Autocomplete ใน Yii Framework 2
ในบทเรียนรู้นี้เราจะมาเรียนรู้การใช้งาน Autocomplete ซึ่งเป็นการค้นหาข้อมูลใน TextInput ด้วยการพิมพ์ตัวอัษรแล้วระบบจะกรองข้อมูลมาให้ เช่น พิ…
admin
13,595
การ Upload และ อ่านไฟล์ Excel ด้วย PHPExcel ใน Yii Framework 2
ตัวอย่างไฟล์ Excel ที่เราจะทำการเขียนโปรแกรมเพื่ออ่าน การ upload และอ่านไฟล์ MS Excel เพื่อนำไปใช้ในระบบ เช่นบันทึกลงฐานข้อมูล หรือนำไปแสดงผ…
admin
21,822
การใช้งาน DepDrop (Dependent Dropdownlist) สำหรับเลือก ภาค จังหวัด อำเภอ และตำบล
ในบทเรียนรู้นี้มาทำความรู้จักและใช้งาน Dropdownlist แบบ Dependent โดย dependent dropdownlist เป็น dropdownlist ที่มีความเชื่อมโยงกัน ตัวอย่า…
admin
15,277
ทำระบบ Tag สำหรับ Post ด้วย Taggable Behavior และ Selectize Widget
สวัสดีครับ วันนี้มาแนะนำการใช้งาน Tag ในแต่ละ Post นะครับ ซึ่งเราจะเห็นคุ้นตากันในแต่ละ web เช่น เว็บที่สร้างจาก Wordpress ก็จะมีระบบ Tag มา…
admin
6,151
การใช้งาน SelectionColumn ใน GridView สำหรับ Yii Framework 2
SelectionColumn เป็นเครื่องมือที่มีความสะดวกในการเลือกข้อมูลเพื่อทำบางอย่าง เช่น การเลือกเพื่อลบข้อมูล หรือ เลือกเพื่อส่งข้อมูลไปบันทึกในลัก…
admin
10,574
ติดตั้งและใช้งาน Bootstrap4 ใน Yii Framework 2
Bootstrap4 ใน Yii Framework 2 นั้นจะมาใน Yii version 2.1 ซึ่งก็คงต้องรออีกสักระยะ และประกอบกับ Bootstrap4 เอง ณ ตอนนี้ก็ยังเป็น version beta…
admin
14,193
Yii Framework2 กับ VueJS เรียก JSON ด้วย Axios
ในบทความนี้เป็นแนวทางในการนำ VueJS มาใช้ร่วมกันกับ Yii Framework 2 ในการโหลดข้อมูล API / JSON มาแสดงผลด้วย Axios โดยไม่ได้ Refresh หน้าเว็บ…
admin
10,114
การติดตั้ง 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
Upload file เข้าสู่ Amazon Web Service (AWS) S3 Storage ด้วย Yii Framework 2
สำหรับ Amazon Web Service นั้นมีบริการ S3 Storage ที่ออกข่าวว่ามีค่ายโทรศัพท์ค่ายหนึ่งทำการ public จนมีการคัดลอกสำเนาบัตรประชาชนออกไปได้นั่น…
admin
6,279
การติดตั้ง Package yii2-bootstrap4 สำหรับ Yii Framework 2
หลังจากที่รอคอยมายาวนานหลังจาก Bootstrap ออก version 4 ตอนนี้ Yii Framework ก็ได้ออก Package สำหรับสาวก Bootstrap 4 เรียบร้อยแล้ว โดยใช้ชื่อ…
admin
8,062
Vue.js: การจัดการเมื่อผู้ใช้คลิกปุ่ม
เมื่อผู้ใช้ทำบางอย่างเช่นการคลิกปุ่ม เราสามารถเขียนโปรแกรมให้ทำงานบางอย่างได้ผ่าน method โดยเมื่อเกิด action เช่น click ให้เรียก method ที่ต…
admin
6,117
สร้าง Link สำหรับออกจากระบบโดยไม่ใช้ Form ใน Yii Framework 2
โดยปกติเวลาที่เราออกจากระบบใน Yii Framework 2 นั้นจะต้องส่งข้อมูลไปแบบ POST โดยอาศัยฟอร์มในการส่งข้อมูล เช่นใน Nav $menuItems[] = '<li>' . H…
admin
7,484
การติดตั้งและการตั้งค่า CKEditor และ FileBrowser ใน Yii Framework 2
ในบทเรียนรู้นี้ เรามาทำการติดตั้ง package CKEditor สำหรับเป็นตัวจัดการข้อความต่างๆ เช่นการกำหนดค่าตัวหนา ตัวเอง ตัวขีดเส้นใต้ เป็นต้น และนอก…
admin
5,215
ส่ง LINE Notify รับการแจ้งเตือนแบบตัวต่อตัว
เราสามารถสร้างการแจ้งเตือนจากเว็บไซต์เราเข้า LINE ของลูกค้าได้ผ่าน LINE Notify แบบ 1-1-Chat หลักการทำงาน ขั้นแรก ลูกค้าร้องข้อเชื่อมต่อกับ S…
admin
40,980
สร้าง Mobile Application ด้วย Flutter Workshop : แอปติดตามรถไฟไทย (Train Tracker)
เตรียมเครื่องมือ การสร้าง Flutter Project : Train Tracker การปรับแต่ง Theme Color สำหรับ Application การสร้างหน้าหลัก Home Page การสร้างการเ…
admin
6,930
การสร้าง Facebook Like Button
สำหรับ Application ที่ต้องการให้สมาชิกหรือบุคคลทั่วไปให้สามารถกดปุ่ม Like หรือชอบหน้านี้แล้วให้ไปแสดงสถานะใน Facebook ของคนๆ นั้น เราเรียกว่…
admin
5,627
การ Register Script ที่เป็น JavaScript แบบ Inline
การ Register Script ลักษณะนี้เรียกว่าเป็นการ Register แบบ Inline โดยหลังจากประมวลผลแล้วจะมีการเขียน Script ลงบนหน้า Application โดยตรงโดยที่…
admin
7,032
แปลง Timestamp เป็น Y-m-d H:i:s ด้วย beforeSave() และ afterFind()
บทเรียนรู้นี้เรามาแปลง timestamp เป็น Y-m-d H:i:s หรือ format อื่นๆ ได้ตามต้องการ ปัญหาคือ ใน database เราเก็บข้อมูลแบบ timestamp ซึ่งเมื่อเ…
admin
7,316
การใช้งาน Nuxt Link
Nuxt Link เป็นการกำหนด Link ไปยังหน้าต่างๆ ที่มีใน Web Application โดยจะใช้คำสั่ง nuxt-link ซึ่งมีลักษณะการใช้งานดังตัวอย่างต่อไปนี้ <templa…
admin
6,107
สารบัญ Bootstrap 3.x
สารบัญ Bootstrap 3.x Bootstrap คืออะไร? เรียนรู้ระบบ Grid ใน Bootstrap 3 การแสดงผลตัวอักษร (Typography) การนำ Bootstrap ไปใช้ใน Webpage การแ…
admin
6,440
การทำ CRUD ด้วย AJAX สำหรับ Yii2 GridView
สวัสดีครับในตอนนี้เป็นตอนสำหรับการทำ CRUD แบบ AJAX นั้นสามารถทำได้หลายวิธี ในขั้นตอนนี้เป็นแนวทางหนึ่งในการทำเท่านั้นเอง ไปดูว่ามีขั้นตอนอย่…
admin
21,481
ปุ่มแบบต่างๆ (Button)
ปุ่มหรือ Button ใน Bootstrap นั้นมีหลายสีสันให้เลือก ซึ่งเราสามารถกำหนด class ให้กับ element ต่างๆ ได้เช่น <a>, <button> และ <input> LinkBut…
admin
23,589
การทำเว็บหลายภาษา Internationalization (I18N) ด้วย Yii Framework 2
หลักการทำงาน Internationalization (I18N) เป็นการออกแบบอย่างหนึ่งในกระบวนการของซอร์ฟแวร์นั่นคือการประยุกต์การใช้งานภาษาต่างในแต่ละภูมิภาค โดย…
admin
16,665
การสร้าง Theme จาก Material Design ใน Yii2 Advanced
สำหรับบทความชุดนี้เป็นแนวทางสำหรับการทำ Theme ในรูปแบบ Material Design สำหรับ Yii2 Advanced Application Template นะครับ โดยมีขั้นตอนดังต่อไป…
admin
22,005