บทความ

ตัวอย่างการใช้งาน AJAX กับเว็บไซต์ ตอนที่ 4
19 มิ.ย. 2560 0 13,277
ตัวอย่างนี้จะว่าด้วยเรื่อง การส่งข้อมูลไปบันทึกยังฐานข้อมูลด้วย Ajax ซึ่งเป็นจุดเด่นที่สำคัญอีกเรื่องของ Ajax

ตัวอย่างการใช้งาน AJAX กับเว็บไซต์ ตอนที่ 3
17 มิ.ย. 2560 0 7,131
ตัวอย่างแรก การโหลดหน้าเว็บด้วย Ajax ซึ่งตัวอย่างนี้จะแสดงให้เห็นถึงการใช้ Ajax ในการโหลดเว็บไซต์ทั้งหน้ามาแสดงผล

ตัวอย่างการใช้งาน AJAX กับเว็บไซต์ ตอนที่ 2
17 มิ.ย. 2560 0 4,200
เนื่องจากคชสารเป็น Web Framework จึงได้มีการรวมคุณสมบัติด้าน Ajax ไว้ด้วยแล้ว โดยมีไลบรารี่ GAjax เป็นไลบรารี่หลักและสามารถใช้งานร่วมกับคชสารได้อย่างสมบูรณ์

ตัวอย่างการใช้งาน AJAX กับเว็บไซต์ ตอนที่ 1
17 มิ.ย. 2560 0 7,272
AJAX (อ่านว่า เอแจ๊กซ์) ย่อมาจาก Asynchronous JavaScript and XML ซึ่งหมายถึงการพัฒนาเว็บแอพพลิเคชั่นที่ประมวลผลในเบื้องหลัง

ตัวอย่างการสร้างและเรียกใช้ API ด้วยคชสาร ตอนที่ 2
09 มิ.ย. 2560 0 8,780
บทที่ 2 จะเป็นโค้ดตัวอย่างในการรับค่าจาก API ด้วยคชสาร (สามารถรับค่าด้วยวิธีใดๆก็ได้ เนื่องจากเป็นการรับค่าด้วยวิธี GET ธรรมดา) ซึ่ง API จะคืนค่าผลลัพท์เป็น JSON กลับมา

ตัวอย่างการสร้างและเรียกใช้ API ด้วยคชสาร ตอนที่ 1
09 มิ.ย. 2560 0 13,158
API เป็นจุดเด่นอย่างหนึ่งของคชสาร เนื่องจากคชสารเป็นเฟรมเวอร์คที่มีประสิทธิภาพสูงทำให้การสร้าง API ด้วยคชสารจะได้ประสิทธิภาพที่ดีกว่า สามารถรองรับจำนวนรีเควสพร้อมๆกันได้มากกว่าเฟรมเวอร์คอื่นๆ

ดาวน์โหลดไฟล์ text จากฐานข้อมูล
31 พ.ค. 2560 0 5,927
ตัวอย่างการดาวน์โหลดไฟล์ text จากข้อมูลในฐานข้อมูล สามารถประยุกต์ใช้ในการดาวน์โหลดไฟล์ประเภทใดก็ได้

เทคนิคการส่งค่าตัวแปรแอเรย์จาก Javascript ไปยัง PHP ด้วย Ajax
30 พ.ค. 2560 0 11,581
การส่งค่าตัวแปรแบบเแอเรย์ของ Javascript ไปยัง PHP ด้วย Ajax สามารถทำได้ง่ายๆ

เทคนิคการ Query ข้อมูลล่าสุดของแต่ละกลุ่ม
22 พ.ค. 2560 0 17,078
จากข้อมูลตัวอย่าง มี owner_id หลายรายการที่ไม่ซ้ำกัน และแต่ละ owner_id ก็มีข้อมูล id อีกหลายรายการด้วยกัน โดยที่ในแต่ละ owner_id จะมี id ไม่ซ้ำกัน โจทย์ต้องการหา id ล่าสุดของแต่ละ owner_id

การค้นหาพื้นที่ใกล้เคียง จาก ลองติจูด และ ละติจูด ด้วย MySql
24 เม.ย. 2560 0 18,207
เราสามารถ Query ข้อมูลสถานที่ ที่อยู่รอบๆจากตำแหน่ง ลองติจูด และ ละติจูดที่บันทึกไว้ในฐานข้อมูลได้ โดยอาศัยการคำนวณแบบพื้นฐาน
![[แจกฟรี] สคริปต์ระบบบันทึกรายรับ-รายจ่าย PHP](https://www.kotchasan.com/datas/users/kotchasan/document/picture-7-72.png?1677206776)
[แจกฟรี] สคริปต์ระบบบันทึกรายรับ-รายจ่าย PHP
23 เม.ย. 2560 0 54,607
ออมสิน คือชื่อของระบบบันทึกรายรับ-รายจ่ายส่วนบุคคลที่ทำงานบน Server ด้วย ภาษา PHP และออกแบบโดยใช้ Kotchasan Web Framework

DISTINCT ข้อมูลใน subquery เพื่อส่งให้กับ IN จำเป็นหรือไม่
21 เม.ย. 2560 0 10,998
มีข้อสงสัยจากโพสต์ว่า ถ้าเราต้องใช้คำสั่ง IN ร่วมกับ subquery เราควรกำหนด DISTINCT ให้กับผลลัพท์ของ subquery หรือไม่

ตัวอย่างการใช้งานดัชนีกับฐานข้อมูล
17 เม.ย. 2560 0 9,260
Dev ทุกคนคงเคยได้ยินประโยคที่บอกว่า ใช้ Index (ดัชนี) สิเพื่อให้ Query ข้อมูลจากฐานข้อมูลได้เร็วขึ้น แต่ก็มีจำนวนมากที่ไม่รู้จะใช้ยังไง หรือไม่รู้ว่ามันทำให้เร็วขึ้นได้ยังไง

เทคนิคการเลือกภาษาสำหรับการเขียนโปรแกรม
15 เม.ย. 2560 0 8,299
ถ้าคุณเป็น end user สิ่งที่คุณทำได้เมื่อพบว่า แอพพลิเคชั่นที่ใช้งานอยู่มันช้า คือเปลี่ยนไปใช้แอพพลิเคชั่นอันใหม่ (ใช่หรือ ? ....)

เทคนิคการทำเว็บไซต์ให้เป็นสีเทาทั้งเว็บ โดยการใช้ CSS
16 ต.ค. 2559 0 8,859
หลายๆคนในช่วงนี้คงมีโอกาศได้พบกับปรากฎการณ์เว็บไซต์สีเทาของคนไทยไปกันถ้วนทั่ว ซึ่งคงเป็นปรากฎการณ์ที่ไม่เคยเห็นกันมาก่อนเป็นแน่ในวงการเว็บไซต์

การใส่ intro page หรือ landing page ลงในเว็บไซต์
15 ต.ค. 2559 0 23,310
Intro Page หรือ Landing Page มีชื่อเรียกเป็นภาษาไทยว่า หน้าต้อนรับ ใช้สำหรับแสดงข้อมูลอะไรบางอย่างก่อนที่จะเข้าสู่เว็บไซต์จริงๆ เช่น อาจแสดง logo หรือคำเตือน เพื่อให้กดยอมรับก่อน หรือใช้ในการแสดงโฆษณาก่อนที่จะเข้าสู่เนื้อหา
![[ตอนที่ 8] เวิร์คช้อป CMS อย่างง่าย เก็บข้อมูลลงฐานข้อมูล](https://www.kotchasan.com/datas/users/kotchasan/document/default_icon.png)
[ตอนที่ 8] เวิร์คช้อป CMS อย่างง่าย เก็บข้อมูลลงฐานข้อมูล
13 ก.ย. 2559 0 3,331
ตอนสุดท้ายนี้จะพูดถึงฝั่ง API ของแชตล้วนๆ ซึ่งโค้ด API ของแชตจะเป็น Model และอยู่ที่ Chat Index Model ซึ่งผมจะอธิบายทีละเมธอดนะครับ
![[ตอนที่ 7] เวิร์คช้อป CMS อย่างง่าย เก็บข้อมูลลงฐานข้อมูล](https://www.kotchasan.com/datas/users/kotchasan/document/default_icon.png)
[ตอนที่ 7] เวิร์คช้อป CMS อย่างง่าย เก็บข้อมูลลงฐานข้อมูล
13 ก.ย. 2559 0 3,272
โมดูลสุดท้ายที่จะพูดถึงคือโมดูลห้องสนทนาหรือแชตนั่นเอง จุดประสงค์ของการแสดงตัวอย่างการใช้งานโมดูลแชต ก็เพื่อให้เห็นวิธีการอย่างง่ายในการใช้งาน API ร่วมกับคชสาร
![[ตอนที่ 6] เวิร์คช้อป CMS อย่างง่าย เก็บข้อมูลลงฐานข้อมูล](https://www.kotchasan.com/datas/users/kotchasan/document/default_icon.png)
[ตอนที่ 6] เวิร์คช้อป CMS อย่างง่าย เก็บข้อมูลลงฐานข้อมูล
13 ก.ย. 2559 0 3,216
ก่อนจะไปต่อ เราจะมาพูดถึงเทคนิคการแสดงผลข้อมูลในลักษณะของลิสต์รายการ ซึ่งสามารถจัดการได้ง่ายๆด้วย View ของคชสาร
![[ตอนที่ 5] เวิร์คช้อป CMS อย่างง่าย เก็บข้อมูลลงฐานข้อมูล](https://www.kotchasan.com/datas/users/kotchasan/document/default_icon.png)
[ตอนที่ 5] เวิร์คช้อป CMS อย่างง่าย เก็บข้อมูลลงฐานข้อมูล
13 ก.ย. 2559 0 2,658
ในบทนี้ผมจะเขียนถึงการสร้างโมดูลสมุดเยี่ยม Guest Book เนื่องจากผมมองว่าโมดูลสมุดเยี่ยมนี่แหละที่สามารถอธิบายความสามารถของคชสารได้หลายอย่าง ในแบบที่ไม่ซับซ้อนนัก
![[ตอนที่ 4] เวิร์คช้อป CMS อย่างง่าย เก็บข้อมูลลงฐานข้อมูล](https://www.kotchasan.com/datas/users/kotchasan/document/default_icon.png)
[ตอนที่ 4] เวิร์คช้อป CMS อย่างง่าย เก็บข้อมูลลงฐานข้อมูล
13 ก.ย. 2559 0 2,661
อธิบายที่ส่วนรับค่าจากฟอร์ม
![[ตอนที่ 3] เวิร์คช้อป CMS อย่างง่าย เก็บข้อมูลลงฐานข้อมูล](https://www.kotchasan.com/datas/users/kotchasan/document/default_icon.png)
[ตอนที่ 3] เวิร์คช้อป CMS อย่างง่าย เก็บข้อมูลลงฐานข้อมูล
13 ก.ย. 2559 0 2,730
ตอนนี้เราจะมาพูดถึงส่วนของแอดมินกันบ้าง กระบวนการโดยทั่วไปจะไม่มีอะไรแตกต่างจากเวิร์คช้อปก่อนหน้า เนื่องจากเราไม่ได้เปลี่ยนแปลงกระบวนการใดๆ ในส่วนนี้ สิ่งที่แตกต่างไปจะมีเพียงส่วนที่เกี่ยวข้องกับ เมนูและหน้าเพจเท่านั้น
![[ตอนที่ 2] เวิร์คช้อป CMS อย่างง่าย เก็บข้อมูลลงฐานข้อมูล](https://www.kotchasan.com/datas/users/kotchasan/document/default_icon.png)
[ตอนที่ 2] เวิร์คช้อป CMS อย่างง่าย เก็บข้อมูลลงฐานข้อมูล
13 ก.ย. 2559 0 4,276
ในเวิร์คช้อบนี้ defaultController หรือ Index Index Controller จะมีความแตกต่างจากเวิร์คช้อปก่อนหน้าเพียงนิดเดียวในส่วนของการโหลดโมดูลที่ต้องการ
![[ตอนที่ 1] เวิร์คช้อป CMS อย่างง่าย เก็บข้อมูลลงฐานข้อมูล](https://www.kotchasan.com/datas/users/kotchasan/document/default_icon.png)
[ตอนที่ 1] เวิร์คช้อป CMS อย่างง่าย เก็บข้อมูลลงฐานข้อมูล
12 ก.ย. 2559 0 4,580
ในเวิร์คช้อปชุดนี้ผมจะหยิบเอา เวิร์คช้อป CMS อย่างง่าย เก็บข้อมูลเป็นไฟล์ มาพัฒนาต่อ โดยนำมาเปลี่ยนวิธีจัดเก็บข้อมูลเมนูและหน้าเพจลงฐานข้อมูลแทน
![[ตอนที่ 8] เวิร์คช้อป CMS อย่างง่าย เก็บข้อมูลเป็นไฟล์](https://www.kotchasan.com/datas/users/kotchasan/document/default_icon.png)
[ตอนที่ 8] เวิร์คช้อป CMS อย่างง่าย เก็บข้อมูลเป็นไฟล์
12 ก.ย. 2559 0 2,386
ตอนนี้เป็นตอนสุดท้ายแล้วสำหรับเวิร์คช้อปนี้ ซึ่งในตอนก่อน เราได้สร้างฟอร์มไปแล้ว ตอนนี้เราจะมาดูถึงการรับค่าจากฟอร์มกันบ้าง
![[ตอนที่ 7] เวิร์คช้อป CMS อย่างง่าย เก็บข้อมูลเป็นไฟล์](https://www.kotchasan.com/datas/users/kotchasan/document/picture-7-49.png?1682424575)
[ตอนที่ 7] เวิร์คช้อป CMS อย่างง่าย เก็บข้อมูลเป็นไฟล์
12 ก.ย. 2559 0 3,351
ที่หน้า login เราได้เห็นการสร้างฟอร์มโดยการเขียน HTML ไปแล้ว ซึ่งข้อเสียของการเขียนฟอร์มแบบ HTML คือ เราต้องจัดรูปแบบของฟอร์มด้วยตัวเอง เพื่อให้ใช้งานร่วมกับ GCSS แสดงผลฟอร์มที่ส่วยงามได้
![[ตอนที่ 6] เวิร์คช้อป CMS อย่างง่าย เก็บข้อมูลเป็นไฟล์](https://www.kotchasan.com/datas/users/kotchasan/document/default_icon.png)
[ตอนที่ 6] เวิร์คช้อป CMS อย่างง่าย เก็บข้อมูลเป็นไฟล์
12 ก.ย. 2559 0 2,410
ที่ Index Main Controller หลังจากตัดสินใจได้แล้ว ว่าจะเลือกหน้าไหนมาแสดง คชสารก็จะทำการโหลดไฟล์ที่เกี่ยวข้องมาให้
![[ตอนที่ 5] เวิร์คช้อป CMS อย่างง่าย เก็บข้อมูลเป็นไฟล์](https://www.kotchasan.com/datas/users/kotchasan/document/default_icon.png)
[ตอนที่ 5] เวิร์คช้อป CMS อย่างง่าย เก็บข้อมูลเป็นไฟล์
12 ก.ย. 2559 0 2,469
ในตอนนี้เราจะมาสำรวจโค้ดของ Index LoginController และ Index Main Controller ซึ่งจะถูกเรียกในลำดับถัดมา
![[ตอนที่ 4] เวิร์คช้อป CMS อย่างง่าย เก็บข้อมูลเป็นไฟล์](https://www.kotchasan.com/datas/users/kotchasan/document/default_icon.png)
[ตอนที่ 4] เวิร์คช้อป CMS อย่างง่าย เก็บข้อมูลเป็นไฟล์
12 ก.ย. 2559 0 2,209
ถึงตอนนี้ส่วนแอดมินก็พร้อมจะทำงานแล้ว ไฟล์แรกที่คชสารจะเรียกใช้ก็คือ defaultController เหมือนเดิม Index Index Controller
![[ตอนที่ 3] เวิร์คช้อป CMS อย่างง่าย เก็บข้อมูลเป็นไฟล์](https://www.kotchasan.com/datas/users/kotchasan/document/picture-7-44.png?1682424476)
[ตอนที่ 3] เวิร์คช้อป CMS อย่างง่าย เก็บข้อมูลเป็นไฟล์
11 ก.ย. 2559 0 2,204
ในบทนี้ เราจะมาเริ่มสร้างส่วนของแอดมินกัน โดยที่ผมจะสรุปโครงสร้างคร่าวๆของส่วนแอดมินไว้ดั้งนี้ ส่วนแอดมินจะต้องแยกออกจากหน้าเว็บหลักโดยจะถูกติดตั้งไว้ที่ไดเร็คทอรี่ admin การเข้าระบบแอดมินต้องมีการรักษาความปลอดภัย โดยผมจะใช้วิธีการตรวจสอบการ Login มาตรฐาน
![[ตอนที่ 2] เวิร์คช้อป CMS อย่างง่าย เก็บข้อมูลเป็นไฟล์](https://www.kotchasan.com/datas/users/kotchasan/document/default_icon.png)
[ตอนที่ 2] เวิร์คช้อป CMS อย่างง่าย เก็บข้อมูลเป็นไฟล์
11 ก.ย. 2559 0 2,366
กระบวนการแสดงผลหน้าเว็บของ TCMS จะมีข้อแตกต่างไปจากโปรเจ็คก่อนหน้าเล็กน้อยเท่านั้น
![[ตอนที่ 1] เวิร์คช้อป CMS อย่างง่าย เก็บข้อมูลเป็นไฟล์](https://www.kotchasan.com/datas/users/kotchasan/document/picture-7-42.png?1682424336)
[ตอนที่ 1] เวิร์คช้อป CMS อย่างง่าย เก็บข้อมูลเป็นไฟล์
10 ก.ย. 2559 0 3,876
ในเวิร์คช้อปแรก เราเรียนรู้การสร้างเว็บไซต์อย่างง่ายๆ กันไปแล้ว ในเวิร์คช้อปนี้ เราจะมาเรียนรู้ต่อจากของเดิม โดยการเพิ่มเติมความสามารถในการเขียนและแก้ไขให้กับเวิร์คช้อปในคราวที่แล้ว
![[ตอนที่ 6] เวิร์คช้อปการสร้างเว็บไซต์อย่างง่ายด้วยคชสาร](https://www.kotchasan.com/datas/users/kotchasan/document/default_icon.png)
[ตอนที่ 6] เวิร์คช้อปการสร้างเว็บไซต์อย่างง่ายด้วยคชสาร
01 ก.ย. 2559 0 5,981
ตอนนี้จะเป็นตอนสุดท้ายของเวิร์คช้อปนี้แล้วนะครับ ซึ่งจากที่ทำมามันก็เป็นเว็บไซต์ที่ครบถ้วนแล้ว ขั้นตอนสุดท้ายนี่ก็จะป็นการตกแต่งให้เว็บไซต์ของเราสวยงามขึ้น
![[ตอนที่ 5] เวิร์คช้อปการสร้างเว็บไซต์อย่างง่ายด้วยคชสาร](https://www.kotchasan.com/datas/users/kotchasan/document/default_icon.png)
[ตอนที่ 5] เวิร์คช้อปการสร้างเว็บไซต์อย่างง่ายด้วยคชสาร
01 ก.ย. 2559 0 3,530
ในตอนที่ 4 เราได้ทำการสร้างเมนูเป็นที่เรียบร้อยแล้ว แต่เมนูมันยังดูไม่เหมือนเมนูสักเท่าไร เพราะเรายังไม่ได้กำหนค่าให้มันแสดงผลเป็นเมนูเลย
![[ตอนที่ 4] เวิร์คช้อปการสร้างเว็บไซต์อย่างง่ายด้วยคชสาร](https://www.kotchasan.com/datas/users/kotchasan/document/default_icon.png)
[ตอนที่ 4] เวิร์คช้อปการสร้างเว็บไซต์อย่างง่ายด้วยคชสาร
01 ก.ย. 2559 0 3,178
ในบทนี้เราจะมาสร้างเมนูให้กับเว็บไซต์ของเรากัน ซึ่งคชสารสนับสนุนเมนูแบบ Responsive ด้วยแล้ว ทำให้การสร้างเมนูแบบ Responsive ไม่ยากอีกต่อไป
![[ตอนที่ 3] เวิร์คช้อปการสร้างเว็บไซต์อย่างง่ายด้วยคชสาร](https://www.kotchasan.com/datas/users/kotchasan/document/default_icon.png)
[ตอนที่ 3] เวิร์คช้อปการสร้างเว็บไซต์อย่างง่ายด้วยคชสาร
01 ก.ย. 2559 0 3,321
ตอนที่ 3 จะเป็นตัวอย่างการสร้างเว็บไซต์ที่มีหน้าเพจ โดยที่เราจะมีการสร้างหน้าเพจขึ้น 2 หน้า หน้าแรกคือ home และอีกหน้าคือ about
![[ตอนที่ 2] เวิร์คช้อปการสร้างเว็บไซต์อย่างง่ายด้วยคชสาร](https://www.kotchasan.com/datas/users/kotchasan/document/default_icon.png)
[ตอนที่ 2] เวิร์คช้อปการสร้างเว็บไซต์อย่างง่ายด้วยคชสาร
01 ก.ย. 2559 0 4,037
ตอนที่ 2 นี้จะเป็นการออกแบบให้คชสารใช้งานร่วมกับ Template ซึ่ง Template ของคชสารจะถูกเก็บไว้ในไดเร็คทอรี่ skin
![[ตอนที่ 1] เวิร์คช้อปการสร้างเว็บไซต์อย่างง่ายด้วยคชสาร](https://www.kotchasan.com/datas/users/kotchasan/document/default_icon.png)
[ตอนที่ 1] เวิร์คช้อปการสร้างเว็บไซต์อย่างง่ายด้วยคชสาร
01 ก.ย. 2559 0 5,792
ตัวอย่างนี้จะเป็นการสร้างเว็บไซต์อย่างง่าย ๆ นะครับ เพื่อให้เห็นถึงวิธีการใช้งานเบื้องต้น ทั้งการเรียกใช้งานส่วนต่างๆของคชสาร ตลอดจนการใช้งาน template CSS และ Javascript

สรุปภาพรวมความสามารถของคชสารเว็บเฟรมเวิร์ค
28 ส.ค. 2559 0 5,499
ความสามารถของคชสารไม่ได้มาเพราะโชคช่วย แต่เป็นเพราะการออกแบบที่คำนึงถึงข้อจำกัดต่างๆอย่างรัดกุมเพื่อให้คชสารเหมาะสำหรับใช้ทำ GCMS และยังเหมาะสำหรับใช้ในงานออกแบบทั่วๆไปด้วย

ข้อแตกต่างระหว่าง Framework และ Library
24 ส.ค. 2559 0 12,829
เห็นหลายๆคนยังสับสนกับความหมายของคำว่า Framework และ Library ว่าสองตัวนี้มันแตกต่างกันยังไง ผมสรุปสั้นๆ แบบนี้นะครับ