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

เนื่องจากมีน้องคนหนึ่งให้ช่วยดูโค้ดเกี่ยวกับ Fullcalendar ให้หน่อย แล้วพอดีช่วงนี้ผมก็กำลังสนใจปฏิทิน Fullcalendar อยู่พอดี จึงลองหาสาเหตุที่ไม่สามารถแสดงข้อมูลจาก MySQL และไม่สามารถแทรก icon เข้าไปใน Fullcalendar ได้ จากที่สังเกตุได้ครั้งแรกคือ Error ที่ Console ของ Firefox เกี่ยวกับฟังก์ชั่นที่เขียนผิด และก็มีการ echo ค้างไว้ในส่วนของไฟล์ getCalendar.php ก็เลยจัดการทดสอบแล้วลบ echo ออกให้เหลือแค่ echo json_encode($event_array); ที่ได้ใช้งานจริงเท่านั้น ขั้นตอนการตรวจสอบความถูกต้องของโค้ด PHP 1) ต้องแน่ใจว่าคำสั่งที่เขียนไว้ สามารถดึงข้อมูลมาแสดงผลได้ด้วยการ echo $sql; 2) นำคำสั่งที่ได้ไปรันในโปรแกรมจัดการฐานข้อมูล ในที่นี้คือ phpMyAdmin 3) เมื่อตรวจสอบดูผลลัพธ์ที่ได้ หากถูกต้องมีข้อมูลก็แสดงว่าการ Query ทำงานได้ 4) มาดูการทำงานของ JavaScript ในส่วนของ jQuery มีการแจ้งเตือนที่ฟังก์ชั่น .on() ซึ่งจะใช้กับ jQuery เวอร์ชั่นใหม่เท่านั้น นั่นหมายถึงเวอร์ชั่น jQuery ที่มากับ Fullcalendar เป็นเวอร์ชั่นเก่า ก็ให้เปลี่ยนไปใช้ .live() แทน ก็จะทำงานได้ปกติ 5) มีส่ว

หลักการทำงาน เรียกข้อมูลจากตาราง tb_event ด้วยฟังก์ชั่นของ MySQLi ข้อมูลจากฐานข้อมูลจะถูกวนลูปเก็บไว้ใน $data และจะถูกส่งไปที่ Fullcalendar ด้วยการแปลงข้อมูลจาก PHP ให้อยู่ในรูปแบบ JSON อาร์เรย์ด้วยฟังก์ชั่น json_encode() PHP Code <?php //Database $data = array(); $link = mysqli_connect("127.0.0.1", "tobedev", "1234", "tobedev_example"); mysqli_set_charset($link, 'utf8'); if (!$link) {     echo "Error: Unable to connect to MySQL." . PHP_EOL;     echo "Debugging errno: " . mysqli_connect_errno() . PHP_EOL;     echo "Debugging error: " . mysqli_connect_error() . PHP_EOL;     exit; } $query = "SELECT * FROM tb_event"; if ($result = $link->query($query)) {     /* fetch object array */     while ($obj = $result->fetch_object()) {        $data[] = array(                     'id' => $obj->id,                     'title'=> $obj->titl

สำหรับตัวอย่างนี้จะเป็นการนำข้อมูลที่อยู่ในฝั่งของเซิร์ฟเวอร์ นั่นก็คือ สร้างจาก PHP ส่งไปยัง JavaScript โดยจะแปลงให้อยู่ในรูปแบบ JSON ที่ Fullcalendar สามารถนำไปใช้ได้ทันที ลองดูวิธีการเขียนคำสั่ง PHP และการเรียกใช้งาน Fullcalendar ได้จากวิดีโอนี้ได้เลยครับ วิดีโอสาธิตการทำงาน ตัวอย่างซอร์สโค้ด <?php //Database $array = array(             array('title'=> 'Long Event',                     'start'=> '2015-02-07',                     'end'=> '2015-02-10'),             array('id'=> 999,                     'title'=> 'Repeating Event',                     'start'=> '2015-02-16T16:00:00')          ); ?> <script>     $(document).ready(function() {                 $('#calendar').fullCalendar({             header: {                 left: 'prev,next today',                 center: 'title',                 right: 

หลังจากที่เคยลองเขียนปฏิทินไว้ใช้เองแล้วเริ่มยากขึ้นเรื่อยๆ ก็มีคนแนะนำว่า "เฮ้ยพี่ Fullcalendar มันเจ๋งมากเลยนะ" และจากวันนั้นผมก็เลิกเขียนปฏิทินเองไปเลยครับ เรามาลองใช้ Fullcalendar กันดูบ้างดีกว่าครับ

สำหรับตัวอย่างนี้จะสาธิตการแยกข้อความออกจากกันด้วยฟังก์ชั่น explode() วิธีการใช้สามารถดูเพิ่มเติมได้ที่ http://php.net/manual/en/function.explode.php <?php $student_name = array(                     '101' => 'Mr.Pongpun',                     '102' => 'Ms.Wundee',                     '103' => 'Mr.Suthep',                     '104' => 'Ms.Punnee'                 ); $_POST['view_id'] = '102|104|103';//ข้อมูลที่ต้องการแยกออกจากกัน ?> <h3>การแยกข้อความด้วย explode() และวนลูป (Loop) แสดงผลด้วย foreach() </h3> <?php $_array = explode('|', $_POST['view_id']); foreach($_array as $id){     echo 'Name :: ('. $id .') ';     echo $student_name[$id];     echo '<br/>'; } ?> <hr/> <h3>การแยกข้อความด้วย explode() และวนลูป (Loop) แสดงผลด้วย for() </h3> <?php $_array = explode('|', $_