วันนี้ เรามีคลิปวิดีโอสุดพิเศษที่จะมา “สอนใช้ GitHub Copilot สร้างเกมส์” JavaScript ง่ายๆ (ในคลิปคือเกมยิงดาวเคราะห์น้อย) โดยใช้เวลาเพียง 10 นาทีเท่านั้น! มาดูกันว่า AI จะช่วยเราเขียนโค้ดได้เร็วและแม่นยำแค่ไหนครับ

GitHub Copilot คืออะไร? ทำไมโปรแกรมเมอร์ยุคนี้ต้องใช้?

ก่อนจะไปดูคลิป เรามาทำความรู้จักกันสั้นๆ ครับ GitHub Copilot คือ AI Pair Programmer (เพื่อนคู่หูโปรแกรมเมอร์ที่เป็น AI) ที่พัฒนาโดย GitHub และ OpenAI มันสามารถวิเคราะห์บริบทของโค้ดที่เรากำลังเขียน หรือแม้กระทั่ง “คอมเมนต์” ที่เราพิมพ์บอกความต้องการ (เช่น “สร้างฟังก์ชันเกมยิงกระสุน”) แล้วมันจะแนะนำโค้ดทั้งฟังก์ชันให้เราทันที ช่วยลดเวลาในการค้นหา Syntax และช่วยให้เราโฟกัสกับ Logic ที่ซับซ้อนได้มากขึ้น

ดูคลิป: สอนใช้ AI (GitHub Copilot) สร้างเกมส์ใน 10 นาที

ในวิดีโอนี้ คุณจะได้เห็นขั้นตอนการใช้ GitHub Copilot ใน VSCode เพื่อสร้างเกมยิงบนเว็บเบราว์เซอร์ตั้งแต่เริ่มต้น (ไฟล์เปล่า) จนกลายเป็นเกมที่เล่นได้จริง โดยเราจะสั่งการ AI ด้วยการพิมพ์ Prompt (คำสั่ง) เป็นภาษาไทยและอังกฤษง่ายๆ ครับ

สิ่งที่คุณจะได้เรียนรู้จากคลิปนี้

เพื่อความสะดวกในการรับชม ผมได้แบ่งเนื้อหาสำคัญในวิดีโอไว้ให้แล้ว สามารถคลิกข้ามไปดูส่วนที่สนใจได้เลยครับ:

• [00:00:01] – Intro (แนะนำวิดีโอ)
• [00:00:45] – GitHub Copilot คืออะไร? (อธิบายการใช้งานเบื้องต้น, โหมดต่างๆ)
• [00:00:12] – วิธีติดตั้ง Extension ใน VSCode
• [00:03:10] – เริ่มโปรเจกต์ (ตั้งค่าโฟลเดอร์และอธิบายเกม)
• [00:04:52] – เริ่มสั่งงาน Copilot สร้างโครงสร้าง HTML/Canvas
• [00:11:19] – แก้ไขโค้ดที่ AI สร้าง และทดสอบเกม
• [00:18:59] – สรุปข้อดี-ข้อเสีย และการทำงานร่วมกับ AI

สรุป: AI คือ “ผู้ช่วย” ไม่ใช่ “ผู้แทนที่”

จากในวิดีโอจะเห็นว่า แม้ GitHub Copilot จะสร้างโค้ดส่วนใหญ่ให้เราได้ แต่ก็ยังมีบางจุดที่เราต้องเข้าไปแก้ไข ปรับปรุง หรือ “จูน” โค้ดเอง (เช่น การปรับค่าพลังชีวิต, ความเร็วกระสุน) แสดงให้เห็นว่า AI ในปัจจุบันยังทำหน้าที่เป็น “ผู้ช่วย” (Copilot) ที่ทรงพลัง มากกว่าที่จะมา “แทนที่” (Pilot) โปรแกรมเมอร์ครับ

หากคุณเป็นโปรแกรมเมอร์ที่ใช้ VSCode อยู่แล้ว การลองใช้ GitHub Copilot จะช่วยเปิดโลกและเพิ่มความเร็วในการพัฒนาโปรเจกต์ของคุณได้อย่างแน่นอนครับ

The post สอนใช้ GitHub Copilot สร้างเกมส์ JavaScript ง่ายๆ ใน 10 นาที (ดูคลิป) first appeared on การเขียนโปรแกรม, เทคโนโลยี.

ในวิดีโอนี้ จะพาไปเจาะลึกการใช้ mPDF ไลบรารี PHP สุดเจ๋ง ที่จะช่วยให้การสร้างเอกสาร PDF ของคุณง่ายเหมือนปอกกล้วยเข้าปาก แถมยังปรับแต่งได้สารพัดอย่าง ไม่ว่าจะเป็นหน้าตา, รูปภาพ, ตาราง หรือฟอนต์สวยๆ ที่ถูกใจ เพียงแค่รู้ html, css และ php เท่านั้น

ทำไมใครๆ ก็หลงรัก mPDF?

• ง่ายจนเหลือเชื่อ: ไม่ต้องเขียนโค้ดให้ซับซ้อนวุ่นวาย mPDF มีฟังก์ชันที่ช่วยให้คุณสร้าง PDF ได้แบบสบายๆ
• อยากได้แบบไหน? จัดให้!: จะปรับสี, ใส่โลโก้, ออกแบบตารางเก๋ๆ หรือจะใส่ฟอนต์ไทยสวยๆ ก็ทำได้หมด
• เพื่อนคู่คิดของนักพัฒนา: เป็นไลบรารี Open Source ที่ใช้งานได้ฟรี แถมยังมีเพื่อนๆ นักพัฒนาคอยช่วยเหลือเพียบ

ในวิดีโอ สอนอะไรบ้าง?

• เริ่มตั้งแต่ศูนย์: พาติดตั้ง mPDF แบบ Step-by-Step
• สร้าง PDF ใบกำกับภาษี/ใบเสร็จรับเงิน ง่ายๆ สไตล์มือโปร
• mPDF สร้างให้รองรับภาษาไทย
• เติมสีสันให้เอกสาร: ใส่ข้อความ, รูปภาพ, และตารางแบบเนียนๆ
• จัดระเบียบทุกหน้า: กำหนดหน้า, ใส่หัวกระดาษ, ท้ายกระดาษ ให้ดูดีมีสไตล์
• พิเศษ! ตัวอย่างการสร้างใบกำกับภาษีและใบเสร็จรับเงินแบบเข้าใจง่าย

ใครควรมาดูบ้าง?

• เหล่านักพัฒนา PHP ที่อยากยกระดับงานเอกสารของตัวเอง
• ใครก็ตามที่อยากสร้างเอกสาร PDF ที่ดูดี มีมาตรฐาน
• มือใหม่หัดเขียนโค้ด PHP ก็ดูได้

ตัวอย่างผลงาน mPDF

The post PHP Workshop มาสร้าง PDF ง่ายๆ ด้วย mPDF กัน first appeared on การเขียนโปรแกรม, เทคโนโลยี.

ฟีเจอร์เด่นของระบบบัญชี PHP

• บันทึกใบกำกับภาษี & ใบเสร็จรับเงิน – รองรับการพิมพ์ใบกำกับภาษีแบบเต็มรูปแบบ พร้อมฟอร์มที่ถูกต้องตามมาตรฐาน
• พิมพ์ใบสั่งซื้อ – ระบบพิมพ์ใบสั่งซื้อที่ช่วยให้การจัดการคำสั่งซื้อเป็นไปอย่างมีประสิทธิภาพ พร้อมฟอร์มที่ถูกต้องตามมาตรฐาน
• จัดการข้อมูลสินค้า – เพิ่ม/แก้ไขข้อมูลสินค้า
• จัดการข้อมูลลูกค้า – บันทึกและจัดเก็บข้อมูลลูกค้าอย่างเป็นระบบ
• จัดการข้อมูลผู้จำหน่าย – บริหารจัดการข้อมูลซัพพลายเออร์ได้ง่ายดาย
• การตั้งค่าระบบเต็มรูปแบบ – ปรับแต่งการทำงานของระบบตามความต้องการของธุรกิจคุณ

ระบบบัญชี PHP ที่รองรับการพิมพ์ใบกำกับภาษี & ใบสั่งซื้อ

ระบบนี้ได้รับการออกแบบให้ใช้งานง่าย รองรับทุกฟังก์ชันสำคัญ ทั้งการ พิมพ์ใบกำกับภาษี PHP, พิมพ์ใบสั่งซื้อ PHP, ระบบขาย/ซื้อ PHP ซึ่งช่วยให้การดำเนินธุรกิจเป็นไปอย่างคล่องตัว

ดาวน์โหลดฟรี – ติดตั้งง่าย พร้อมใช้งาน!

หากคุณกำลังมองหา ระบบบัญชี PHP ที่สามารถ พิมพ์ใบกำกับภาษี PHP และ พิมพ์ใบสั่งซื้อ PHP ได้ครบถ้วน นี่คือโอกาสที่คุณไม่ควรพลาด! คลิกที่ลิงก์ด้านล่างเพื่อดาวน์โหลดระบบและเริ่มใช้งานได้ทันที

ดาวน์โหลดระบบบัญชีฟรีที่นี่

⚙️ วิธีติดตั้งระบบบัญชี PHP พร้อมพิมพ์ใบกำกับภาษี & ใบสั่งซื้อ

การติดตั้ง ระบบบัญชี PHP นี้ง่ายและรวดเร็ว เพียงทำตามขั้นตอนต่อไปนี้ คุณจะสามารถเริ่มใช้งานระบบได้ทันที!

ขั้นตอนการติดตั้ง

1. ดาวน์โหลดไฟล์ระบบ: คลิกที่ลิงก์ด้านล่างเพื่อดาวน์โหลดซอร์สโค้ดระบบบัญชี ดาวน์โหลดระบบบัญชีฟรีที่นี่
2. แตกไฟล์ ZIP: หลังจากดาวน์โหลดเสร็จ ให้แตกไฟล์ ZIP และนำไปวางไว้ในเซิร์ฟเวอร์ของคุณ ตัวอย่างไว้ใน c:/xampp/htdocs/eaccount-lite
3. ตั้งค่าฐานข้อมูล MySQL:
   • สร้างฐานข้อมูลใหม่ใน MySQL (แนะนำใช้ phpMyAdmin) ชื่อฐานข้อมูล eaccount_lite
   • Import sql นำเข้าตารางฐานข้อมูลจากไฟล์ eaccount_lite.sql
   • ตั้งค่าการเชื่อมต่อฐานข้อมูลและตั้ง URL ในไฟล์ config.php
4. ตั้งค่าเซิร์ฟเวอร์: ตรวจสอบให้แน่ใจว่าเซิร์ฟเวอร์รองรับ PHP version 8 ขึ้นไป และ MySQL เวอร์ชันล่าสุด
5. ทดสอบการใช้งาน: เปิดเบราว์เซอร์แล้วไปที่ URL ของเซิร์ฟเวอร์เพื่อล็อกอินเข้าสู่ระบบ

คำแนะนำเพิ่มเติม

• ควรตั้งค่าสิทธิ์ไฟล์และโฟลเดอร์ให้เหมาะสม (CHMOD 755 หรือ 777) เพื่อให้สามารถอัปโหลดไฟล์เอกสารได้
• ตรวจสอบว่ามีการเปิดใช้งานโมดูล mysqli ในเซิร์ฟเวอร์ของคุณ
• หากพบข้อผิดพลาดในการติดตั้ง สามารถติดต่อทีมพัฒนาเพื่อรับคำแนะนำเพิ่มเติม

ดาวน์โหลดและเริ่มใช้งานเลย!

ระบบนี้รองรับทุกฟังก์ชันสำคัญ เช่น พิมพ์ใบกำกับภาษี PHP, พิมพ์ใบสั่งซื้อ PHP, ระบบขาย/ซื้อ PHP และสามารถปรับแต่งเพิ่มเติมได้ตามความต้องการ รีบดาวน์โหลดและเริ่มใช้งานเพื่อเพิ่มประสิทธิภาพในการจัดการบัญชีของคุณ

หวังว่าระบบนี้จะช่วยให้การจัดการบัญชีและเอกสารของคุณเป็นเรื่องง่ายขึ้น! หากมีข้อสงสัยเกี่ยวกับการติดตั้งหรือการใช้งาน สามารถสอบถามเพิ่มเติมได้เลย

The post แจกฟรี! ระบบบัญชี PHP พร้อมพิมพ์ใบกำกับภาษี & ใบสั่งซื้อ รองรับทุกธุรกิจ first appeared on การเขียนโปรแกรม, เทคโนโลยี.

ระบบเอกสาร PHP & MySQL คืออะไร?

ระบบเอกสารออนไลน์ (E-Document System) เป็นระบบโปรแกรมที่ช่วยให้คุณสามารถ จัดเก็บไฟล์เอกสาร ค้นหา การเข้าถึงได้อย่างสะดวก เหมาะสำหรับองค์กร บริษัท หรือบุคคลทั่วไปที่ต้องการเครื่องมือช่วยจัดการเอกสาร

✨ คุณสมบัติเด่นของระบบ

✔ อัปโหลดและจัดเก็บเอกสาร รองรับไฟล์หลากหลายประเภท
✔ จัดหมวดหมู่เอกสาร แยกตามประเภทหรือแผนกเพื่อค้นหาง่ายขึ้น
✔ ค้นหาเอกสารได้รวดเร็ว ด้วยระบบค้นหาตามชื่อไฟล์หรือคำสำคัญ
✔ อินเตอร์เฟซใช้งานง่าย ดีไซน์เรียบง่าย มือใหม่ก็ใช้งานได้ทันที

ดาวน์โหลดและติดตั้งระบบเอกสาร

โครงการนี้ถูกเผยแพร่ผ่าน GitHub สามารถดาวน์โหลดได้ที่ https://github.com/ipball/edocument

วิธีติดตั้ง

1️⃣ ดาวน์โหลดโค้ดจาก GitHub
2️⃣ อัปโหลดลงเซิร์ฟเวอร์ที่รองรับ PHP และ MySQL หรือติดตั้งบนเครื่องโดยใช้ xampp จำลองเซิฟเวอร์แทนได้
3️⃣ สร้างฐานข้อมูลชื่อ document และนำเข้าตารางจากไฟล์ SQL ที่แนบมาชื่อไฟล์ _database.sql ในกรณีผมใช้ phpmyadmin ในการจัดการฐานข้อมูล
4️⃣ ตั้งค่าการเชื่อมต่อฐานข้อมูลใน config.php
5️⃣ เริ่มใช้งานระบบเอกสารได้เลย!

เข้าจัดการเอกสาร /admin
ผู้ใช้: todo
รหัสผ่าน: passpass

ประโยชน์ของระบบเอกสาร

ทำไมต้องใช้ระบบเอกสารออนไลน์? นอกจากช่วยจัดการไฟล์ได้ง่ายขึ้นแล้ว ยังช่วยให้ทีมงานสามารถเข้าถึงข้อมูลสำคัญได้ตลอดเวลา ไม่ต้องกังวลเรื่องเอกสารสูญหาย ลดการใช้กระดาษ และเพิ่มประสิทธิภาพการทำงาน

หากคุณกำลังมองหาวิธี บริหารเอกสารให้มีประสิทธิภาพ ระบบนี้คือคำตอบ! รองรับการใช้งานหลากหลาย และสามารถปรับแต่งเพิ่มเติมได้ตามความต้องการ

และโปรแกรมแจกฟรี เขียนโดย PHP&Mysql ทำให้ไม่ต้องกังวลเรื่องเซิฟเวอร์ราคาแพง เพราะเป็นภาษาไม่เสียค่าลิขสิทธิ์

The post แจกระบบเอกสาร PHP & MySQL | ดาวน์โหลดฟรี พร้อมวิธีติดตั้ง first appeared on การเขียนโปรแกรม, เทคโนโลยี.

โดยวันนี้เราจะใช้ภาษา PHP และ javascript(jQuery) ในการทำงานนั้นเอง โดยใช้เทคนิค AJAX ตอนดึงข้อมูลมาใส่ใน dropdown 2, 3 เดี่ยวมาดูกันว่าเขียนอย่างไรบ้างในบทความนี้

วิธีการเขียน Multiple Dropdown

1. ทำการ import database ของฐานข้อมูล จังหวัด, อำเภอ, ตำบล ลงในฐานข้อมูลก่อน ดาวน์โหลดได้ที่
   https://github.com/ipball/multiple_dropdown2025/blob/main/multiple_dropdown.sql
2. ทำการสร้างไฟล์ conect.php เพื่อเชื่อมต่อกับฐานข้อมูล

3. สร้างไฟล์ index.php เพื่อทำหน้าจอ dropdown จังหวัด, อำเภอ, ตำบล และ ช่อง input text รหัสไปรณีย์

อธิบายโค๊ด

บรรทัดที่ 2 include ไฟล์เพื่อเชื่อมต่อฐานข้อมูล
บรรทัดที่ 4-10 ดึงข้อมูลจากตารางจังหวัด แล้ววนข้อมูลเก็บใส่ตัวแปร $provinces เพื่อที่จะนำไปวนลูปใน dropdown
บรรทัดที่ 28-35 เป็น dropdown ของจังหวัด นำตัวแปรจาก บรรทัดข้างบนมา วนแสดงผล จังหวัด
บรรทัดที่ 37-52 เป็นฟอร์มของ อำเภอ, ตำบล, รหัสไปรษณีย์ ยังไม่มีค่าใดๆ เพราะต้องรอให้เลือก dropdown จังหวัดก่อน ในส่วนนี้
บรรทัดที่ 56-57 include ไฟล์สำคัญคือ jquery มาใส่งาน, และไฟล์ script.js เป็นไฟล์ที่เราจะเขียนขึ้นเพื่อหาจังหวะตอนเลือกเปลี่ยน ค่า dropdown

4. สร้างไฟล์ script.js เพื่อจับเหตุการ์ณและดึงข้อมูลแสดงผล อำเภอ, ตำบล, รหัสไปรษณีย์

อธิบายโค๊ด

บรรทัดที่ 2-24 เมื่อมีการเปลี่ยนแปลง dropdown จังหวัด จะทำการ reset ค่าของ อำเภอ, ตำบล, รหัสไปรษณีย์ แล้วทำการดึงข้อมูลอำเภอ ตามจังหวัดที่เลือกใน dropdown นั้น ด้วย jquery AJAX จากไฟล์ get_districts.php (เราจะสร้างทีหลัง) ซึ่งพอเราดึงค่าข้อมูลจากไฟล์ได้แล้วจะได้ข้อมูล รุปแบบ JSON ให้เราทำการวนข้อมูลแล้ว ลูปอำเภอ นำมาใส่ใน element dropdown ของอำเภอ
บรรทัดที่ 26-47 เมื่อเปลี่ยนแปลง dropdown อำเภอ ทำการ reset ค่า ตำบล, รหัสไปรษณีย์ แล้วดึงข้อมูลตำบล ตามอำเภอที่เลือก ด้วย jquery AJAX จากไฟล์ get_subdistricts.php แล้วเอาข้อมูลที่ได้รับเป็น JSON วนลูปใส่ใน dropdown ตำบล
บรรทัดที่ 49-52 เมื่อมีการเปลี่ยนแปลง ตำบล เราจะเอาข้อมูลรหัสไปรษณีย์ที่อยู่ data-postcode มาใส่ในช่องรหัสไปรษณีย์

5. สร้างไฟล์ get_districts.php เพื่อดึงข้อมูลอำเภอตามจังหวัดที่เลือกแล้วส่งข้อมูลออกกลับไปเป็น JSON

6. สร้างไฟล์ get_subdistricts.php เพื่อดึงข้อมูลตำบลตามอำเภอที่เลือกแล้วส่งข้อมูลออกกลับไปเป็น JSON

เพียงเท่านี้เราก็ได้ Multiple Dropdown List แบบหลายชั้นแล้ว เดี่ยวเราลองมาดูผลลัพท์กัน

สำหรับ Source code Multiple Dropdown List โดยใช้ PHP, MySQL, Javascript(Jquery) สามารถดาวน์โหลดได้ที่ลิงค์ด้านล่าง
ดาวน์โหลด Source Code กดตรงนี้

The post Dynamic Dropdown หลายชั้นด้วย PHP+Ajax first appeared on การเขียนโปรแกรม, เทคโนโลยี.

1. สมัครสมาชิก
2. เข้าสู่ระบบ
3. ตรวจสอบการเข้าสู่ระบบว่า ได้เข้าสู่ระบบหรือไม่

PHP Workshop ทำระบบ Register + Login สอนละเอียด เต็มระบบ

พร้อม Sourcecode นำไปดูเป็นตัวอย่าง

วิธีการดาวน์โหลด Source code

1. กดติดตาม ช่อง Youtube ช่องนี้ Youtube Bahtsoft
2. ทักไปที่เพจ https://www.facebook.com/itoffside แจ้งว่า ขอ source code ระบบ Register+Login พร้อม แคปภาพว่า ได้กดติดตามช่อง Youtube แล้ว

สิ่งที่ได้รับจากวิดีโอนี้

1. การเขียน PHP เชื่อมต่อกับ MySQLi
2. การเขียน PHP workshop แบบ สมาชิกสามารถ Login, สามารถ Register ได้
3. การเขียน PHP กับ Session ในการจัดการตรวจสอบการเข้าสู่ระบบ

สารบัญการสอน

1. สร้างโปรเจ็ค
2. สร้างฐานข้อมูล
3. สร้างไฟล์ index.php (โปรไฟล์) ตรวจสอบสิทธิ์การ Login
4. สร้างหน้า Login
5. สร้างหน้าสมัครสมาชิก (register)
6. บันทึกข้อมูลการสมัครสมาชิกลง Database
7. ทำระบบ Login ตรวจสอบ username/password
8. ทำหน้าแรก แสดงข้อมูลโปรไฟล์

วิดีโอสอน Full Course ฟรี

The post PHP Workshop Register+Login ระบบสมัครสมาชิก+Login [Full Course] สอนละเอียด ฟรี! first appeared on การเขียนโปรแกรม, เทคโนโลยี.

วิดีโอนี้พาสอนการเขียนโปรแกรมเต็มรูปแบบมีระบบ

1. จัดการสินค้า เพิ่ม ลบ แก้ไข แสดงรายการสินค้า
2. จัดการตะกร้าสินค้า เพิ่มสินค้าเข้าในตะกร้า, อัพเดทจำนวนสินค้าในตะกร้า, ลบสินค้าออกจากตะกร้า
3. ระบบสั่งซื้อหลังจากหยิบสินค้าใส่ตะกร้าแล้ว

สิ่งที่ได้รับจากวิดีโอนี้

1. การเขียน PHP เชื่อมต่อกับ MySQLi
2. การเขียน PHP workshop แบบ CRUD [Create, Read, Update Delete]
3. การเขียน PHP กับ Session ในการจัดการตะกร้าสินค้า

สารบัญการสอน

1. Demo ระบบ
2. สร้างฐานข้อมูล(Database)
3. สร้างโปรเจ็ค Shoppingcart
4. สร้างไฟล์ config.php
5. สร้างหน้า index.php รายการ, เพิ่ม, แก้ไข, ลบ สินค้า
6. เพิ่มสินค้าเข้าฐานข้อมูล
7. แสดงรายการสินค้า
8. แก้ไขสินค้า
9. ลบสินค้า
10. สินค้าสำหรับหยิบใส่ตะกร้า
11. เพิ่มสินค้าลงในตะกร้า
12. แสดงจำนวนสินค้าตะกร้า
13. หน้ารายการตะกร้าสินค้า
14. ลบสินค้าออกจากตะกร้า
15. อัพเดทจำนวนสินค้าในตะกร้า
16. หน้าสั่งซื้อสินค้า Checkout
17. fix error session[cart]

วิดีโอสอน Full Course ฟรี

หากต้องการ Sourcode สามารถซื้อเพื่อสนับสนุนผู้สอนได้ที่

500บาท โปรลดราคาเหลือเพียง 300 บาท

inbox เพจ https://www.facebook.com/itoffside
หรือ ติดต่อที่ไลน์ไอดี @eke8377p (มี @ ข้างหน้าด้วย)

LINE ID:

The post PHP Workshop Shoppingcart จัดการสินค้า, ตะกร้าสินค้า, สั่งซื้อสินค้า [Full Course] สอนละเอียด ฟรี! first appeared on การเขียนโปรแกรม, เทคโนโลยี.

เพื่อใช้งาน Eloquent คุณสามารถสร้างคลาสที่สืบทอดจากคลาส Eloquent และปรับปรุงข้อมูลตามความต้องการ คลาสนี้จะเรียกว่า “Model” ซึ่งจะเป็นตัวแทนของตารางในฐานข้อมูลนั่นเอง

หากต้องการสร้าง Model สำหรับตาราง “users” ของฐานข้อมูล สามารถสร้างไฟล์ “User.php” ภายในโฟลเดอร์ “app/Models” และสร้างไฟล์ User.php แล้วเขียนคลาสดังนี้

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Model;

class User extends Model
{
    //
}

หลังจากนั้น ให้ไฟล์ใน Controller สามารถเรียกใช้งาน Eloquent เพื่อดึงข้อมูลจากตาราง “users” ของฐานข้อมูลได้ดังนี้

<?php

namespace App\Http\Controllers;

use App\Models\User;
use Illuminate\Http\Request;

class UserController extends Controller
{
    public function index()
    {
        $users = User::all();
        return view('users.index', compact('users'));
    }
}

จากตัวอย่างข้างต้น สามารถใช้งานฟังก์ชัน all เพื่อดึงข้อมูลทั้งหมดจากตาราง “users” และนำข้อมูลทั้งหมดนั้นไปแสดงผลบนหน้าจอผ่านทางเทมเพลท (view) ไฟล์ resources/views/users/index.blade.php

น่าจะเป็นสิ่งที่มีประโยชน์มากสำหรับนักพัฒนาเว็บแอพพลิเคชัน เพราะมันช่วยให้สร้างโค้ดที่ลดข้อผิดพลาดลง โดยไม่ต้องเขียนคำส่ง SQL ของฐานข้อมูลขึ้นมาเอง นอกจากนี้ Eloquent ยังมีการสนับสนุนการใช้งานฟังก์ชันการค้นหาและการเรียงลำดับข้อมูล ทำให้คุณสามารถสร้างโค้ดที่มีประสิทธิภาพสูงขึ้นได้อีกด้วย

นอกจากนี้ Eloquent ยังมีการสนับสนุนการทำงานร่วมกับความสัมพันธ์ของข้อมูลระหว่างตารางต่าง ๆ หรือเรียกว่า Relation ซึ่งช่วยให้สามารถสร้างโค้ดที่สามารถเข้าถึงข้อมูลที่เกี่ยวข้องกันได้ง่ายขึ้น ตัวอย่างเช่น หากตาราง “users” มีความสัมพันธ์กับตาราง “orders” ซึ่งเป็น 1-N ดังนั้นสามารถสร้างฟังก์ชันที่เรียกว่า “orders” ใน Model ของ “User” เพื่อเข้าถึงข้อมูลการสั่งซื้อของผู้ใช้นั้นๆ ดังนี้ โดยให้เข้าไปแก้ไข code ที่ไฟล์ app\Models\User.php

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Model;

class User extends Model
{
    public function orders()
    {
        return $this->hasMany(Order::class);
    }
}

จากตัวอย่างข้างต้น สามารถเรียกใช้งานฟังก์ชัน orders เพื่อเข้าถึงข้อมูลการสั่งซื้อของผู้ใช้นั้นๆ ได้ดังนี้ ใน Controller

$user = User::find(1);
$orders = $user->orders;

Eloquent ยังมีการสนับสนุนการทำงานร่วมกับความสัมพันธ์ของข้อมูลอื่น ๆ เช่น ความสัมพันธ์ 1-1, N-1 และ N-N เพื่ออธิบายความสัมพันธ์นี้ในรูปแบบของคลาส สามารถใช้คำสั่งต่าง ๆ ของ Eloquent เพื่อสร้างความสัมพันธ์นี้ได้ ตัวอย่างเช่น การสร้างความสัมพันธ์ 1-1 ระหว่าง Model ของ “User” กับ Model ของ “Profile” คุณ สามารถเขียนโค้ดดังนี้ ที่ไฟล์ app\Models\User.php

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Model;

class User extends Model
{
    public function profile()
    {
        return $this->hasOne(Profile::class);
    }
}

จากตัวอย่างข้างต้น สามารถเรียกใช้งานฟังก์ชัน profile เพื่อเข้าถึงข้อมูลของโปรไฟล์ของผู้ใช้นั้นๆ ได้ดังนี้ใน Controller

$user = User::find(1);
$profile = $user->profile;

Eloquent ยังสามารถช่วยให้คุณสร้างความสัมพันธ์ของข้อมูลแบบ N-N ได้ ด้วยการใช้คำสั่ง belongsToMany แทน ตัวอย่างเช่น การสร้างความสัมพันธ์ N-N ระหว่าง Model ของ “User” กับ Model ของ “Role” สามารถเขียนโค้ดดังนี้

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Model;

class User extends Model
{
    public function roles()
    {
        return $this->belongsToMany(Role::class);
    }
}

จากตัวอย่างข้างต้น สามารถเรียกใช้งานฟังก์ชัน roles เพื่อเข้าถึงข้อมูลของบทบาทของผู้ใช้นั้นๆ ได้ดังนี้ ใน Controller

$user = User::find(1);
$roles = $user->roles;

$user = User::find(1);
$roles = $user->roles;

นอกจากนี้ ยังสามารถเรียกใช้งานฟังก์ชันต่าง ๆ ของ Eloquent เพื่อจัดการข้อมูลของตารางอื่นๆ ได้อย่าง save, update, delete หรือการเรียกดูข้อมูลแบบกำหนดเงื่อนไขได้ ตัวอย่างเช่น การอัพเดทข้อมูลของผู้ใช้ที่มี ID เท่ากับ 1 สามารถเขียนโค้ดดังนี้

$user = User::find(1);
$user->name = 'John';
$user->save();

นอกจากนี้ ยังสามารถเรียกใช้งานคำสั่ง update ของ Eloquent เพื่ออัพเดทข้อมูลทีละหลายฟิลด์พร้อมๆ กันได้ เช่น

User::where('id', 1)->update([
    'name' => 'John',
    'email' => 'john@example.com',
]);

นอกจากนี้ยังสามารถเรียกใช้งานคำสั่ง delete ของ Eloquent เพื่อลบข้อมูลทีละหลายแถวพร้อมๆ กันได้ เช่น

User::where('id', '>', 1)->delete();

เพื่อที่จะเข้าถึงข้อมูลแบบกำหนดเงื่อนไข สามารถใช้ฟังก์ชัน where ของ Eloquent ซึ่งจะสร้างคำสั่ง WHERE ของ SQL สำหรับการค้นหาข้อมูลได้ ตัวอย่างเช่น การเรียกดูข้อมูลของผู้ใช้ที่มีอีเมลล์ลงทะเบียนเป็น “john@example.com” สามารถเขียนโค้ดดังนี้

$users = User::where('email', 'john@example.com')->get();

สามารถปรับปรุงฟังก์ชัน where เพิ่มเติมโดยฟังก์ชันอื่น ๆ เช่น orWhere หรือ whereIn ซึ่งจะช่วยค้นหาข้อมูลตามเงื่อนไขที่กำหนดเพิ่มเติม ตัวอย่างเช่น การเรียกดูข้อมูลของผู้ใช้ที่มีอีเมลล์ลงทะเบียนเป็น “john@example.com” หรือ “jane@example.com” สามารถเขียนโค้ดดังนี้

$users = User::where('email', 'john@example.com')
    ->orWhere('email', 'jane@example.com')
    ->get();

นอกจากนี้ ยังสามารถใช้ฟังก์ชัน whereIn เพื่อค้นหาข้อมูลของผู้ใช้ที่มีอีเมลล์ลงทะเบียนอยู่ในรายการที่กำหนด ตัวอย่างเช่น การเรียกดูข้อมูลของผู้ใช้ที่มีอีเมลล์ลงทะเบียนเป็น “john@example.com” หรือ “jane@example.com” สามารถเขียนโค้ดดังนี้

$users = User::whereIn('email', ['john@example.com', 'jane@example.com'])->get();

Eloquent ยังมีฟังก์ชันอื่น ๆ ที่สามารถใช้งานเพื่อค้นหาข้อมูลแบบกำหนดเงื่อนไขได้ เช่น whereBetween หรือ whereNotIn สามารถศึกษาเพิ่มเติมได้จากเอกสารของ Laravel

การใช้งาน Eloquent นอกจากทำให้นักพัฒนาสะดวกสบายยังทำให้งานโปรเจ็คต่างๆเสร็จอย่างรวดเร็ว อีกทั้งยัง code ยังเป็นระเบียนและสามารถต่อยอดแก้ไขได้ในอนาคต ผู้เขียนหวังว่าบทความนี้จะเป็นประโยชน์ต่อผู้อ่าน หากมีข้อสงสัยตรงไหนสอบถามใน Comment ได้เลยครับ

ขอบคุณครับ

The post Laravel – EP13 Database กับการใช้งาน Eloquent first appeared on การเขียนโปรแกรม, เทคโนโลยี.

Bootstrap datepicker เป็น plugin ที่ใช้สำหรับการเลือกวันที่ในแบบฟอร์มของเว็บไซต์ ซึ่งใช้งานได้ง่าย และสามารถปรับแต่งตามความต้องการได้หลากหลาย

ในการเรียกใช้งาน Bootstrap datepicker คุณจะต้องมีการติดตั้ง Bootstrap และ datepicker ก่อน ซึ่งคุณสามารถดาวน์โหลดไฟล์ตัวอย่างของ Bootstrap จากเว็บไซต์ของ Bootstrap หรือเรียกใช้งานโดยใช้ CDN ส่วน datepicker สามารถดาวน์โหลดจากเว็บไซต์ของ Bootstrap Datepicker แล้วเพิ่มไฟล์ที่ต้องการเข้าสู่โปรเจคของคุณ เช่น ไฟล์ CSS สำหรับรูปแบบ และไฟล์ JavaScript สำหรับการทำงานของ datepicker

หลังจากนั้น คุณสามารถเริ่มการเขียนโค้ดเพื่อเรียกใช้งาน datepicker โดยการเพิ่มปุ่มหรือฟิลด์ข้อมูลวันที่ลงในแบบฟอร์ม และกำหนดค่าต่างๆ

หลังจากนั้นคุณสามารถเขียน JavaScript เพื่อเรียกใช้ datepicker โดยใช้คำสั่ง .datepicker() ซึ่งจะถูกเรียกใช้กับอิลิเมนต์ที่กำหนดไว้ เช่น ปุ่มหรือฟิลด์ข้อมูลวันที่ ตัวอย่างการเขียน JavaScript ดังนี้:

$(document).ready(function() {
  $('#date').datepicker();
});

ในตัวอย่างนี้ คำสั่ง .datepicker() จะถูกเรียกใช้กับอิลิเมนต์ที่มี ID ชื่อ “date” คำสั่ง .ready จะทำหน้าที่เรียกใช้งาน datepicker เมื่อหน้าเว็บโหลดเสร็จสมบูรณ์

นอกจากนี้คุณยังสามารถกำหนดค่าต่างๆ เพื่อปรับแต่ง datepicker ได้ เช่น รูปแบบของวันที่ที่จะแสดง ช่วงของวันที ที่สามารถเลือกได้ และฟังก์ชันการเลือกวันที่ เช่น การเลือกวันที่เมื่อคลิกปุ่ม หรือการแสดงข้อความแจ้งเตือนเมื่อวันที่ถูกเลือก ซึ่งคุณสามารถกำหนดค่านี้โดยการใช้คำสั่ง .datepicker() พร้อมกับอาร์กิวเมนต์ของค่าที่ต้องการกำหนด ตัวอย่างการกำหนดค่าต่างๆ ดังนี้

$(document).ready(function() {
  $('#date').datepicker({
    format: 'dd/mm/yyyy',
    startDate: '01/01/2010',
    endDate: '31/12/2022',
    todayBtn: 'linked',
    todayHighlight: true,
    autoclose: true
  });
});

คำอธิบายในตัวอย่างนี้
format: ‘dd/mm/yyyy’ คือ กำหนดรูปแบบของวันที่เป็น ‘dd/mm/yyyy’
startDate: ’01/01/2010′, endDate: ’31/12/2022′ คือ กำหนดช่วงของวันที่ที่สามารถเลือกได้ จากวันที่ 1 มกราคม 2010 ถึง 31 ธันวาคม 2022
todayBtn: ‘linked’ คือ กำหนดปุ่ม “Today” เมื่อคลิกแล้วให้กรอกวันที่ปัจจุบันให้ในช่อง input
todayHighlight: true คือ กำหนดสีไฮไลท์วันที่ปัจจุบัน
autoclose: true คือ กำหนดให้ datepicker ปิดอัตโนมัติเมื่อเลือกวันที่แล้ว

ลองมาดูตัวอย่าง code Bootstrap Datepicker แบบเต็มๆกันครับ

HTML:

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.js"></script>
</head>
<body>
  <form>
    <div class="form-group">
      <label for="datepicker">เลือกวันที่:</label>
      <input type="text" class="form-control" id="date">
    </div>
  </form>
</body>
</html>

JavaScript:

$(document).ready(function() {
  $('#date').datepicker({
    format: 'mm/dd/yyyy',
    startDate: '01/01/2010',
    endDate: '12/31/2020',
    todayBtn: 'linked',
    todayHighlight: true,
    autoclose: true
  });
});

ผลลัพท์ของ bootstrap datepicker

หากคุณมีข้อสงสัยหรือคำถามสามารถถามได้ในคอมเม้นนี้

ขอบคุณครับ

The post การใช้งาน Bootstrap Datepicker เพื่อแสดงวันที่ปฏิทินให้สวยงาม first appeared on การเขียนโปรแกรม, เทคโนโลยี.

Laravel Validation เป็น แพคเก็จที่ติดมาตอนติดตั้ง Laravel เลยเราไม่ต้องไปติดตั้งเพิ่ม ในการเรียนรู้การใช้งาน Laravel Validation นั้นเรียนรู้ง่าย ไม่ซับซ้อน ใช้งานไม่ยาก เพียงเรากำหนดเงื่อนไข ที่ต้องการ เวลา ผู้ใช้กรอกข้อมูลแล้ว submit form มา จังหวะนี้ ที่ Validation ทำการตรวจสอบ ถ้าหากว่าข้อมูลที่ตรวจสอบไม่ถูกต้อง ก็จะส่ง ข้อความมาหาผู้ใช้ แสดงผลที่หน้าฟอร์มทันที

เริ่มต้นใช้งาน โดยเริ่มจากทำ ตัวอย่างง่ายๆ ระบบ เพิ่มหนังสือ ครับ

#กำหนด Routes (เส้นทาง)

เริ่มแรก ให้เรา กำหนด routes ที่ routes/web.php

use App\Http\Controllers\BookController;
 
Route::get('/book/create', [BookController::class, 'create']);
Route::post('/book', [BookController::class, 'store']);
Route::get('/book/success', [BookController::class, 'saveSuccess']);

#สร้าง Validation

ให้เราทำการสร้าง validation สำหรับตรวจสอบข้อมูลโดนใช้คำสั่งใน command
php artisan make:request BookSave
หรือจะสร้างไฟล์ใน App/http/requests/BookSave.php ก็ได้

นำโค๊ดด้านล่างไปวางไว้ในไฟล์ BookSave.php

<?php

namespace App\Http\Requests;

use Illuminate\Foundation\Http\FormRequest;

class BookSave extends FormRequest
{
    /**
     * Determine if the user is authorized to make this request.
     *
     * @return bool
     */
    public function authorize()
    {
        return true;
    }

    /**
     * Get the validation rules that apply to the request.
     *
     * @return array
     */
    public function rules()
    {
        return [
            'firstname' => 'required',
            'lastname' => 'required',
            'username' => 'required',
            'email' => 'required|email',
            'tel' => 'required|numeric|digits_between:8,15',
        ];
    }

    public function messages()
    {
        return [
            'firstname.required' => 'โปรดระบุชื่อจริง',
            'lastname.required' => 'โปรดระบุนามสกุล',
            'username.required' => 'โปรดระบุชื่อผู้ใช้',
            'email.required' => 'โปรดระบุอีเมล์',
            'email.email' => 'รูปแบบอีเมล์ไม่ถูกต้อง',
            'tel.required' => 'โปรดระบุเบอร์โทร',
            'tel.numeric' => 'ระบุเฉพาะตัวเลขเท่านั้น',
            'tel.digits_between' => 'เบอร์โทรต้องมี 8 - 15 ตัว',
        ];
    }
}

อธิบายโค๊ด
บรรทัดที่ 14-17 กรณีที่ไม่ต้องการตรวจสอบสิทธิ์การเข้าถึงเช่นผู้ใช้คนนี้สามารถ บันทึกข้อมูล หรือแก้ไขข้อมูลได้ ให้เราคืนค่าเป็น true ตามตัวอย่างได้เลย
บรรทัดที่ 24-33 เป็นการกำหนดการตรวจสอบข้อมูลที่ส่งมาจากฟอร์ม
บรรทัดที่ 27 ตรวจสอบว่าชื่อจริง โดยอ้างอิงจาก หน้าฟอร์ม name=”firstname” ห้ามว่าง
บรรทัดที่ 28 ตรวจสอบนามสกุล ห้ามว่าง อ้างอิงหลักการเดียวกับบรรทัดบน เช่นกันคือ lastname
บรรทัดที่ 29 ตรวจสอบ username ห้ามว่าง
บรรทัดที่ 30 ตรวจสอบ email ห้ามว่างและ รูปแบบต้องเป็นอีเมล์ เช่น sample@mail.com หรือ test@hotmail.com
บรรทัดที่ 31 ตรวจสอบ เบอร์โทร ห้ามว่าง, ต้องเป็นตัวเลขเท่านั้น และมีจำนวนตัวอักษรตั้งแต่ 8 ตัวถึง 15 ตัว

บรรทัดที่ 35-47 เป็นการกำหนดข้อความแสดงผลถ้าตรวจสอบแล้วไม่ผ่าน ตรงนี้ถ้าเราไม่มีฟังก์ชั่น messages() นี้ ระบบจะไปเอาข้อความ Default จากไฟล์ resources/lang/en/validation.php หรือ resources/lang/xx/validation.php ตาม local ที่เราตั้งค่าครับ (ปล. เราสามารถ แก้ไขไฟล์แสดงข้อความ error ได้เหมือนกัน)

เราสามารถดู rule เพิ่มเติมนอกจากตัวอย่าง ได้ซึ่งมีให้ใช้งานในหลากหลายงานเยอะมาก
https://laravel.com/docs/9.x/validation#available-validation-rules

#สร้าง Controller

ให้เราทำการสร้าง controller ชื่อ BookController จะสร้างโดยใช้คำสั่งใน command
php artisan make:controller BookController
หรือจะสร้างไฟล์ใน App/http/controllers/BookController.php ก็ได้เช่นกัน
แล้วให้นำโค๊ดด้านล่างไปวางไว้

<?php

namespace App\Http\Controllers;

use App\Http\Requests\BookSave;

class BookController extends Controller
{
    public function create()
    {
        return view('book.create');
    }

    public function store(BookSave $request)
    {
        return redirect('/book/success');
    }

    public function saveSuccess()
    {
        return view('book.save_success');
    }
}

อธิบายโค๊ด
บรรทัด 5 เรียกใช้ BookSave Validate โดยใช้คำสั่ง use App\Http\Requests\BookSave
บรรทัดที่ 9-12 ฟังก์ชั่น create() แสดงผลหน้าฟอร์ม
บรรทัดที่ 14-17 ฟังก์ชั่น store() บันทึกข้อมูลฟอร์ม เมื่อฟอร์ม Submit มา จะผ่าน BookSave ก่อนเข้า Controller Method
บรรทัดที่ 19-22 ฟังก์ชั่น saveSuccess() แสดงหน้าจอเมื่อบันทึกข้อมูลสำเร็จ

#สร้าง View

– หน้าจอฟอร์ม create.blade.php
ให้เราสร้างไฟล์ view ที่ resources/views/book/create.blade.php (ถ้าไม่มีโฟล์เดอร์ book ให้สร้างขึ้นมาเลยครับ) แล้วนำโค๊ดด้านล่างไปวางไว้

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Shop Book</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
</head>

<body class="bg-light">
    <div class="container" style="width: 960px;">
        <main>
            <div class="py-5 text-center">
                <img src="https://laravel.com/img/logotype.min.svg">
                <h2>Checkout form</h2>
                <p class="lead">ระบบสั่งซื้อสินค้าออนไลน์ ง่ายดายเพียงปลายนิ้ว</p>
            </div>

            <div class="row g-5">
                <div class="col-md-5 col-lg-4 order-md-last">
                    <h4 class="d-flex justify-content-between align-items-center mb-3">
                        <span class="text-primary">Your cart</span>
                        <span class="badge bg-primary rounded-pill">3</span>
                    </h4>
                    <ul class="list-group mb-3">
                        <li class="list-group-item d-flex justify-content-between lh-sm">
                            <div>
                                <h6 class="my-0">ขนมปังใส้มายองเนส</h6>
                                <small class="text-muted">สุดยอดขนมปังแสนอร่อย อิ่มแน่นอน</small>
                            </div>
                            <span class="text-muted">฿12</span>
                        </li>
                        <li class="list-group-item d-flex justify-content-between lh-sm">
                            <div>
                                <h6 class="my-0">นมเปรี้ยว ตราสุขใจ</h6>
                                <small class="text-muted">นมเปรี้ยวขนาด 100ML อร่อยเต็มๆ</small>
                            </div>
                            <span class="text-muted">฿10</span>
                        </li>
                        <li class="list-group-item d-flex justify-content-between lh-sm">
                            <div>
                                <h6 class="my-0">ยาสีฟัน มายดรีม</h6>
                                <small class="text-muted">ยาสีฟัน ฟันขาวสดชื่น</small>
                            </div>
                            <span class="text-muted">฿20</span>
                        </li>
                        <li class="list-group-item d-flex justify-content-between bg-light">
                            <div class="text-success">
                                <h6 class="my-0">Promo code</h6>
                                <small>ส่วนลดพิเศษ</small>
                            </div>
                            <span class="text-success">−฿5</span>
                        </li>
                        <li class="list-group-item d-flex justify-content-between">
                            <span>Total (USD)</span>
                            <strong>฿37</strong>
                        </li>
                    </ul>

                    <form class="card p-2">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="Promo code">
                            <button type="submit" class="btn btn-secondary">Redeem</button>
                        </div>
                    </form>
                </div>
                <div class="col-md-7 col-lg-8">
                    <h4 class="mb-3">Billing address</h4>
                    <form method="post" action="{{ url('/book') }}">
                        @csrf
                        <div class="row g-3">
                            <div class="col-sm-6">
                                <label class="form-label">ชื่อ</label>
                                <input type="text" name="firstname" class="form-control @error('firstname') is-invalid @enderror" value="{{ old('firstname') }}">
                                <div class="invalid-feedback">
                                    {{ $errors->first('firstname') }}
                                </div>
                            </div>

                            <div class="col-sm-6">
                                <label class="form-label">นามสกุล</label>
                                <input type="text" name="lastname" class="form-control @error('lastname') is-invalid @enderror" value="{{ old('lastname') }}">
                                <div class="invalid-feedback">
                                    {{ $errors->first('lastname') }}
                                </div>
                            </div>

                            <div class="col-12">
                                <label for="username" class="form-label">Username</label>
                                <div class="input-group has-validation">
                                    <span class="input-group-text">@</span>
                                    <input type="text" name="username" class="form-control @error('username') is-invalid @enderror" value="{{ old('username') }}">
                                    <div class="invalid-feedback">
                                        {{ $errors->first('username') }}
                                    </div>
                                </div>
                            </div>

                            <div class="col-6">
                                <label for="email" class="form-label">Email</label>
                                <input type="text" name="email" class="form-control @error('email') is-invalid @enderror" placeholder="you@example.com" value="{{ old('email') }}">
                                <div class="invalid-feedback">
                                    {{ $errors->first('email') }}
                                </div>
                            </div>

                            <div class="col-6">
                                <label for="zip" class="form-label">เบอร์โทร</label>
                                <input type="text" name="tel" class="form-control @error('tel') is-invalid @enderror" value="{{ old('tel') }}">
                                <div class="invalid-feedback">
                                    {{ $errors->first('tel') }}
                                </div>
                            </div>

                            <div class="col-12">
                                <label for="address" class="form-label">ที่อยู่</label>
                                <input type="text" name="address" class="form-control" placeholder="1234 หมู่ 9 ต.บางรัก อ.บางประกง กรุงเทพฯ 11220" value="{{ old('address') }}">
                                <div class="invalid-feedback">
                                    Please enter your shipping address.
                                </div>
                            </div>
                        </div>

                        <hr class="my-4">

                        <button class="w-100 btn btn-primary btn-lg" type="submit">Continue to checkout</button>
                    </form>
                </div>
            </div>
        </main>

        <footer class="my-5 pt-5 text-muted text-center text-small">
            <p class="mb-1">&copy; 2017–2022 Company Name</p>
            <ul class="list-inline">
                <li class="list-inline-item"><a href="#">Privacy</a></li>
                <li class="list-inline-item"><a href="#">Terms</a></li>
                <li class="list-inline-item"><a href="#">Support</a></li>
            </ul>
        </footer>
    </div>
    
</body>

</html>

อธิบายโค๊ด
บรรทัดที่ 72-130 เป็นฟอร์ม ที่มีช่องกรอกข้อมูล
จะอธิบายที่ช่อง firstname ที่บรรทัด 76 โดยสิ่งที่อ้างอิงกันคือ name=”firstname” จะถูกไปอ้างอิงในไฟล์ BookSave.php ตอนทำ rule นั้นเอง และ เราได้กำหนด class is-invalid ให้กับช่องนี้กรณีมี error ตรวจสอบไม่ผ่าน ให้มี is-invalid (class ที่แสดงกรอบสีแดงพร้อม ไอคอนตกใจ) และ แสดงข้อความหลักจากกด submit ไปแล้วเพื่อไม่ให้ค่าหายไปโดยใช้ old ซึ่งเป็น session แบบ flash ที่ใช้เพียงครั้งเดียว

ส่วนช่องอื่นๆ ก็ใช้หลักการเดียว เพียงแต่เปลี่ยนชื่อฟิล์ด แค่นั้นครับ

– หน้าจอแสดงผลลัพท์ save_success.blade.php
ให้เราสร้างไฟล์ view ที่ resources/views/book/save_success.blade.php แล้วนำโค๊ดด้านล่างไปวางไว้

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Shop Book</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
</head>

<body class="bg-light">
    <div class="container" style="width: 960px;">
        <div class="text-center">
            <h1 class="mt-5">บันทึกข้อมูลสำเร็จ</h1>
            <a href="{{ url('/book/create') }}" class="btn btn-primary" role="button">กลับไปหน้าฟอร์ม</a>
        </div>
    </div>
</body>

</html>

อธิบายโค๊ด
โค๊ดส่วนนี้การทำงานคือแสดงผลลัพท์หน้าจออย่างเดียว ให้ผู้ใช้เห็นว่า บันทึกข้อมูลผ่านการตรวจสอบแล้ว

มาดูผลลัพท์กันครับ

สำหรับการใช้งาน Laravel validation ก็ประมาณนี้ ซึ่งจริงๆมี rule ที่เยอะแยะมากและช่วยเราทำให้เราลดเวลาในการเขียนเองเยอะไปมาก เดี่ยวไว้คราวหน้าจะมาแนะนำทริปใหม่ๆ เพิ่มเติม สำหรับบทความนี้ก็มีเพียงเท่านี้ ขอบคุณครับ

หากต้องการดาวน์โหลด source code Laravel Validation ของตัวอย่างนี้ทั้งหมดสามารถ inbox มาขอได้ที่เพจ
https://www.facebook.com/itoffside
กติกาคือ เพียงแค่กดไลท์เพจ แล้วแคปเจอร์กดไลท์ แล้วส่ง inbox มาหาเราทางเราจะส่งลิงค์ดาวน์โหลดไปให้

The post Laravel การตรวจสอบข้อมูลก่อนบันทึกด้วย Validation first appeared on การเขียนโปรแกรม, เทคโนโลยี.