PHP วิถีเริ่มต้นของโปรแกรมเมอร์ รับทำเว็บไซต์

       การสร้างเว็บไซต์นั้น นอกจาก notepad หรือ gedit ที่เป็น text editor มาพร้อมระบบปฏิบัติการ(OS)ที่ติดตั้งแล้วนั้น ยังมีโปรแกรมอีกมากมายหลายตัวที่ช่วยให้เราเขียนโค๊ด HTML ได้ง่ายขึ้น จึงทำให้การสร้างเว็บเพจขึ้นมาแต่ละหน้านั้น ง่ายขึ้นกว่าการเขียนเว็บด้วยซอร์สโค๊ด HTML ล้วนๆเพียงอย่างเดียว        สำหรับโปรแกรมที่ผมจะนำเสนอควบคู่ไปกับทุกบทความที่เกี่ยวกับการสร้างเว็บไซต์ ผมจะใช้โปรแกรมที่ชื่อว่า BlueGriffon   ซึ่งเป็นโปรแกรมที่เรียกว่า WYSIWYG คือสามารถปรับแต่งหน้าเว็บของเราผ่านการคลิกที่เมนูต่างๆ ได้สะดวกยิ่งขึ้นโดยไม่ต้องเสียเวลากับการพิมพ์โค๊ดแท็กต่างๆ        โปรแกรมที่ใช้ออกแบบหน้าเว็บเหล่านี้ (รวมถึง Dreamweaver ด้วย) จะมีข้อเสียอยู่เล็กน้อยคือ การสร้างโค๊ดที่เกินความจำเป็นให้กับหน้าเว็บเพจของเรามากเกินไป เช่นการกำหนดสไตล์ต่างๆ มักจะกำหนดลงไปที่แท็กแต่ละแท็กไปเลย ที่จริงปัญหานี้เราสามารถแก้ไขได้โดยการเขียน css ควบคุมหน้าเว็บเอง แล้วมากำหนด class ให้กับแท็กต่างๆที่ต้องปรับเปลี่ยน...

       ในการสร้างเว็บไซต์สำหรับรับข้อมูล สิ่งที่จำเป็นจะต้งเรียนรู้ไม่แพ้ PHP เลยนั่นก็คือภาษา HTML อันที่จริงแล้วจะบอกว่าการสร้างเว็บเพจทุกหน้าจะแสดงผลด้วย HTML ถึงจะถูก แต่ในส่วนที่จะกล่าวถึงต่อไปนี้คือส่วนของแบบฟอร์มรับข้อมูล (HTML Form) ซึ่งจะประกอบด้วยช่องรับข้อมูลอยู่หลายชนิดด้วยกัน ดังนี้        1. ช่องรับข้อมูลแบบป้อนข้อความลงไปในช่องว่าง            1.1 Text Fields  ช่องรับข้อมูลแบบบรรทัดเดียว <input type="text/password"/>            1.2 Textarea ช่องรับข้อมูลแบบหลายบรรทัด <textarea></textarea>        2. ช่องรับข้อมูลแบบตัวเลือก เลือกได้อย่างเดียว            2.1 Radio Button <input type="radio"/>            2.2 Select Option <select>...option...</select>        3. ช่องรับข้อมูลแบบตัว...

การสร้างเว็บไซต์ สักเว็บหนึ่ง จะประกอบด้วยการเขียนโค๊ดลงไปในเว็บเพจหลายๆหน้า และโค๊ดที่ใช้เขียนโปรแกรมนั้น บางครั้งก็แสนจะสร้างความมึนงงลายหูลายตาซะเหลือเกิน สำหรับการเขียนเว็บ ด้วยภาษา php นั้นจะมีวิธีทำให้อ่านโค๊ดง่ายขึ้นเมื่อปะปนกับ html ดังนี้ แบบเดิมที่ใช้วงเล็บปีกกา foreach($array as $key=>$value){      //.....โค๊ดอื่นๆ }

จุดเล็กๆ ที่ไม่สำคัญแต่ขัดใจกระผมอย่างยิ่งเกี่ยวกับการสร้างเว็บเพจ หรือเว็บไซต์ที่ใช้การโหลดข้อมูลแบบ AJAX ก็คือ "การเปลี่ยนหน้า" หรือโหลดข้อมูลหน้าใหม่ ปกติเราคลิกที่ลิงค์ก็จะโหลดหน้าใหม่ แล้วก็แสดงข้อมูลตั้งแต่บรรทัดแรก แต่เว็บที่ใช้การเขียนโปรแกรมรับส่งข้อมูลด้วย AJAX โหลดข้อมูลเพจใหม่ มักจะลืมไปว่า บางครั้งผู้ใช้งานกำลังดูข้อมูลอยู่ตรงบรรทัดสุดท้าย ที่ห้างไกลจากบรรทัดแรกเยอะมากๆ พอคลิกเพื่อไปหน้าใหม่ปุ๊บ ก็จะเจอไม่มีการเหลี่ยนหน้าไปไหน มีแต่ความว่างเปล่า ที่ไหนได้ ข้อมูลมาเปลี่ยนไปแล้ว แต่ไม่ได้สั่งให้สกอบาร์วิ่งไปด้านบน รู้สึกขัดใจกับหลายๆเว็บแฮะ (รวมทั้งเว็บที่กระผมเองดูแลด้วย) ลองเอาโค๊ดนี้ ไปปรับใช้ดูเถอะนะ ^____^

การเขียนโปรแกรมเว็บแอพพลิเคชั่นนั้น ส่วนของการแสดงผลจะใช้ jQuery ร่วมกับ Javascript เพื่อแสดงผลลัพธ์ที่เกิดขึ้นในขณะนั้น ในตัวอย่างนี้จะเป็นการคำนวณคะแนนที่ได้จากตัวเลือก โดยใช้ jQuery selector ในการนับจำนวนตัวเลือกค่าต่างๆ ว่ามีจำนวนเท่าไหร่ แล้วนำมาคำนวณตัวค่าคงที่ของตัวมันเอง ก็จะได้คะแนนที่ต้องการ

หลังจากที่นำเสนอเรื่องการแสดงตัวเลือกจากคะแนนในฐานขอมูลในบทความก่อน และได้ทิ้งท้ายในเรื่องการปรับปรุงซอร์สโค๊ด PHP ให้สั้นและกระชับลง แต่ก็ยังคงอ่านเข้าใจง่าย ซึ่งในบทความนี้จะใช้วิธีการเก็บ ID ของตัวเลือกที่ต้องการ แล้วนำไปใช้กับโค๊ด jQuery เพื่อสั่งให้ Checked ตัวที่กำหนดไว้

สำหรับตัวอย่างนี้ จะเป็นการเขียนโค๊ดดึงข้อมูลมาแสดง โดยจะใช้ radio button เพื่อแสดงค่าที่มีการตอบแบบสอบถามไว้ โดยการเช็คคะแนนความพึงพอใจ เมื่อตรงกับช่องไหน ก็ให้ทำเครื่องหมายที่ช่องนั้นๆ

    สำหรับวิดีโอในบทความนี้ จะเป็นการเขียนโปรแกรม PHP เพื่อดึงข้อมูลสถานที่ท่องเที่ยวต่างๆจากฐานข้อมูล MySQL มาแสดงใน drop-down list ตามรายชื่ออำเภอที่เลือก โดยการรับส่งข้อมูลผ่าน AJAX ด้วย jQuery จาวาสคริปต์เฟรมเวิร์ก ซึ่งจะใช้ข้อมูลรูปแบบ JSON สร้างเป็นอาร์เรย์ในจาวาสคิปต์ จากนั้นก็นำข้อมูลอาร์เรย์ที่ได้ไปสร้าง <option> ด้วยฟังก์ชั่น parseHtml() ที่สร้างขึ้นมาเพื่อรับข้อมูลแบบอาร์เรย์โดยเฉพาะ สำหรับเทมเพลต html หรือตัว <option> นั้นจะสร้างด้วยหลักการเดียวกันกับ View ของ CodeIgniter Framework {list}     <option value="{district_id}">{district_name}</option> {/list}

การรับค่าจากแบบฟอร์มนั้น PHP จะใช้ตัวแปรอยู่ 3 แบบด้วยกันคือ $_GET, $_POST, $_REQUEST ซึ่งแต่ละแบบจะมีการส่งค่าดังนี้ 1. $_GET จะส่งค่าผ่าน URL เราจะเห็นพารามิเตอร์ที่ส่งไปต่อท้าย URL ของหน้านั้นๆ 2. $_POST จะส่งแบบไม่แสดงพารามิเตอร์ให้เห็น  3. $_REQUEST จะเป็นตัวแปรที่ใช้รับค่าทั้งที่ส่งมาแบบ $_GET และ $_POST สำหรับขั้นตอนการค้นหาข้อมูลเพื่อนำมาทดสอบ เราจะใช้คีย์เวิร์ดดังนี้  เข้าไปที่เว็บไซต์ www.google.co.th แล้วค้นหาคำว่า "php การรับค่า ฟอร์ม" จากนั้นก็ลองนำซอร์สโค๊ดตัวอย่างมาทดลองดูว่าได้ผลอย่างไรบ้างและแตกต่างกันอย่างไร form.html <html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>ทดสอบ การรับค่าผ่านฟอร์ม คำนวณพื้นที่สี่เหลี่ยม</title> </head> <body> <form action="test.php?id=5" method="post" name="frm_data"> <table width="500"> <caption><h3>ทด...

การเขียน PHP   จะต้องเขียนอยู่ในแท็ก <?php และ ?>     หรือ      <? และ ?> แบบที่สองนั้นจะเป็นแท็กแบบย่อซึ่งเครื่องที่ให้บริการฝากเว็บ หรือเครื่องที่จำลองเว็บเซิร์ฟเวอร์ไว้ จะต้องเปิดให้ใช้งานได้ก่อน มิเช่นนั้นจะเกิดการแจ้งเตือนข้อผิดพลาดขึ้นได้ โค๊ด PHP ที่เขียนขึ้นนั้นจะต้องบันทึกเป็นไฟล์ที่มีส่วนขยายเป็น *.php เช่น  index.php ตัวอย่างคำสั่งแบบที่ 1 <html> <body> <?php $name = “Songchai” echo “สวัสดีฉันชื่อ “ . $name . ”<br/>”; ?> <hr> ยืนยัน :: <input type=”text” value=” <?php echo $name ; ?> ” /> </body> </html> ผลลัพธ์ดังนี้