วันอาทิตย์ที่ 31 มีนาคม พ.ศ. 2556

เริ่มต้นสร้าง Chart อย่างเทพกับ jqPlot


     ผมสนใจตัวทำแผนภูมิหรือ Charts ซึ่งเป็น Plugin ของ jQuery อยู่ตัวนึง  ที่ฟรีแบบไม่มีเงื่อนไขใดๆ  ซึ่งจะไม่เหมือนกับ Highchart  ที่หลายคนอาจรู้จักและเคยใช้ แต่เราไม่สามารถเอามาใช้ในเชิงพาณิชย์แบบฟรีๆได้
     ส่วนเจ้าตัวนี้มีชื่อว่า jqPlot ครับ เราสามารถเอามาพัฒนาดัดแปลงใช้กับเว็บไซต์ที่แสวงผลกำไรอย่างเช่นเว็บอีคอมเมิร์ซได้แบบไม่ต้องกลัวโดนฟ้องว่าละเมิดลิขสิทธิ์ และถึงแม้หน้าตาหรือลุกเล่นจะสู้ Highchart ไม่ได้ และแสดงผลอาจจะเพี๊ยนอยู่บ้างบน IE แต่ก็มีวิธีแก้ปัญหานี้ได้ เดี๋ยวผมจะสอนทีหลังว่าต้องแก้ไขยังไงครับ ถึงแม้ว่ามันจะทำงานแบบ Javascript แต่ก็สามารถใช้ภาษา PHP ดึงข้อมูลจากฐานข้อมุล MySQL มาแสดงได้นะครับ

1.ให้ดาวน์โหลดได้จากเว็บไซต์ https://bitbucket.org/cleonello/jqplot/downloads/ ถ้าได้ไฟล์มาแล้ว ก็ให้ Extract จะได้โฟลเดอร์ชื่อ dist ให้เปลี่ยนชื่อใหม่เป็น jqplot เพื่อจะได้สื่อความหมายหน่อยแล้วเอาไปติดตั้งไว้ใน Web Server ของเรา
2. jqplot มันพัฒนาจาก jQuery คับ ถ้าจะใช้งานก็ต้องมีการเรียกไฟล์ jquery.js เข้ามาในโปรเจ็คของเราก่อน

ถ้าเราใส่โค๊ดนี้เข้าไป ในส่วนของ <head>

วันอาทิตย์ที่ 17 มีนาคม พ.ศ. 2556

สอนทำ Autocomplete และ Autofill แสดงข้อมูลจากฐานข้อมูล

      สืบเนื่องมาจากบทความ สอนทำ Autocomplete ด้วย jQuery+AJAX ค้นหาหมวดสินค้า มีสมาชิกท่านหนึ่งถามผมว่า ถ้าเราเลือกที่ตัวเลือกใดตัวเลือกหนึ่งใน Autocomplete สามารถดึงข้อมูลรายละเอียดต่างๆที่เกี่ยวข้องมาแสดงแบบอัตโนมัติหรือ Autofill ในช่อง Input อื่นๆได้ไหม
     ผมจึงต้องขออนุญาตเขียนบทความสอนทำ Autocomplete และ Autofill ให้อ่านกันไปเลยครับ เพราะวิธีทำก็ไม่ยากอะไรเลย เราจะใช้ Autocomplete ของ jQuery UI นะครับ ผมจะไม่ใช้ Autocomplete ที่ผมสร้างขึ้นเองและได้สอนจากบทความก่อนมาดัดแปลง เพราะขี้เกียจและยอมรับว่าฝีมือยังกากมาก ^^”” ในเมื่อมันมี Plugin ขั้นเทพอย่าง jQuery UI ของ jQuery ให้ใช้ แล้วไยต้องมาเขียนโค๊ดเองให้ปวดกบาลทำไมครับ ว่าไหม!!!

วันศุกร์ที่ 8 มีนาคม พ.ศ. 2556

Yii Framework กับการทำ Friendly URL

     วันนี้จะมาสอนปรับแต่ง URL ของ Yii (PHP Framework) กันครับ URL โดยปกติของ Yii Framework ที่เป็นค่าเริ่มต้น จะมีรูปแบบ เช่น http://localhost/myyii/index.php?r=site/login แต่เราก็สามารถเปลี่ยน URL ได้อีกครับ เราจะเรียกวิธีนี้ว่า SEO Friendly URL เช่น อยากเปลี่ยนเป็น http://localhost/myyii/site/login ก็สามารถทำได้
     มีวิธีเปลี่ยน URL หรือ Mod Rewrite มีอยู่ 2 วิธีด้วยกัน วิธีแรกสามารถเปลี่ยนโดยที่ไม่ต้องไปConfig Web Server ให้เปิด Mod Rewrite ส่วนที่วิธีที่้สอง จะต้องเข้า Config Web Server เพื่อเปิดใช้ก่อน และต้องใช้ร่วมกับไฟล์ .htaccess

1.มาดูวิธีแรกกันเลยครับ ไปที่โปรเจ็ค Yii /protected/config.main.php เปิดไฟล์ main.php ขึ้นมา ตรง component ให้เปิดคอมเม้นท์คำสั่ง urlManager ดังรูป

วันอังคารที่ 5 มีนาคม พ.ศ. 2556

วิธีกำหนดสิทธิการใช้งาน MySQL เพื่อให้เครื่องอื่นสามารถเรียกใช้ได้


     โดยความจริงแล้วเราสามารถเข้าไปใช้งานฐานข้อมูลจากเครื่องอื่นได้ผ่าน phpMyadmin โดยพิมพ์ ip ของเครื่องที่ติดตั้ง MySQL เช่น http://192.168.0.22/phpmyadmin ก็สามารถเข้าใช้งานได้ แต่ถ้าเราจะใช้เครื่องมืออื่นๆเช่น Navicat,Visual Studio,Dreamweaver เพื่อดึงข้อมูลฐานข้อมูลจากเครื่องอื่นมาแสดงที่เครื่องของเรา ก็จะเจอปัญหาคือ ไม่สามารถเข้าถึงได้เพราะยังไม่ได้กำหนดสิทธิให้ ip เครื่องของเราให้เข้าใช้งานได้
     ดังนั้นเราจะต้องเข้าไปกำหนดสิทธิให้กับ MySQL ก่อน เพื่อเปิดให้เครื่องอื่นเข้าใช้งานได้