บทความ

กำลังแสดงโพสต์จาก มกราคม, 2012

แสดงข้อมูลและแบ่งหน้าข้อมูลจากฐานข้อมูลด้วยDreamweaver (PHP+MySQL)

รูปภาพ
บทความก่อนหน้านี้ได้ สอน ท่านใช้ โปรแกรมDreamweaver ดึงข้อมูลจากฐานข้อมูลมาแสดง ซึ่งเราได้เลือกข้อมูลทั้งหมดมาแสดง แต่ถ้าหากว่าเรามีข้อมูลที่จัดเก็บไว้มีหลักพันหรือหลักหมื่นเรคคอร์ดแล้วล่ะก็ การเลือกที่จะแสดงข้อมูลทั้งหมดในหนึ่งหน้า คงจะไม่ใช่วิธีที่ดีอย่างแน่นอน เพราะจะทำให้เว็บโหลดช้า ซึ่งขึ้นอยู่กับปริมาณของข้อมูลด้วย และส่งผลต่อการทำSEO เพราะการโหลดของหน้าเว็บใดๆจะต้องไม่เกิน 10 วินาทีครับ ดังนั้นวิธีแก้ปัญหาก็คือ การแบ่งหรือแยกข้อมูลออกเป็นหลายๆหน้าครับ เพื่อช่วยลดเวลาในการโหลดข้อมูล บทความนี้จึงจะ สอนท่านใช้โปรแกรมDreamweaverแสดงข้อมูลและแบ่งหน้าข้อมูล ครับ  โดยในอันดับแรกท่านจะต้องกลับไปทำตามขั้นตอนในบทความนี้ก่อนครับ-> แสดงข้อมูลจากฐานข้อมูลด้วยDreameweaver ให้ทำตามขั้นตอนลงมาเรื่อยๆจนถึ งหน้าต่างตัวเลือกเพื่อแสดงจำนวนข้อมูล ดังรูป ให้เปลี่ยนตัวเลือกเป็นการแสดงข้อมูลแค่ 10 แถวต่อหน้าเท่านั้น ดังรูป จากนั้นไปที่แท็บ SEVER BEHAVIORS แล้วเลือก Recordset Paging ในส่วนของเมนูย่อย ให้เลือกทั้งหมด โดยคลิกทีละเมนูจนครบ ดังรูป

แสดงข้อมูลจากฐานข้อมูลด้วยDreamweaver (PHP+MySQL)

รูปภาพ
บทความนี้จะสอนใช้ โปรแกรมDreamweaver ดึงข้อมูลจากฐานข้อมูลมาแสดง โดยที่เราไม่ต้องเขียนคำสั่งขึ้นมาเองเลยครับ เพราะ Dreamweaver จะสร้างคำสั่ง PHP และส่งคำสั่ง MySQL คิวรี่ข้อมูลจากฐานข้อมูลมาแสดงให้เราเองครับ แต่ก่อนอื่นคุณต้องศึกษาและทำตามขั้นตอนในบทความนี้ให้ได้ก่อนครับ-> สร้างการเชื่อมต่อฐานข้อมูล MySQL ด้วยDreamweaver ++++ ให้สร้างไฟล์ชื่อ pdshow.php และออกแบบฟอร์มดังรูป ออกแบบไฟล์ pdshow.php หรือให้พิมพ์คำสั่งHTMLดังนี้ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>แสดงข้อมูลจากฐานข้อมูลด้วยDreamweaver</title> </head> <body> <table width="500" border="0" align="center">   <tr bgcolor="#CCFF00">     <td><strong>ร...

สร้างการเชื่อมต่อฐานข้อมูล MySQL ด้วยDreamweaver (PHP+MySQL)

รูปภาพ
          ในDreamweaverเองมีเครื่องมือที่ใช้ในการสร้าง Web Application ที่รองรับหลายภาษา อาทิ PHP , ASP , JSP และรองรับ การเชื่อมต่อกับฐานข้อมูลMySQL โดยที่เราไม่จำเป็นต้องเขียนคำสั่งเองให้เหนื่อย แต่เราจำเป็นจะต้องมีความรู้ด้านการเขียนโปรแกรมอยู่บ้างเหมือนกัน เพราะบางอย่าง Dreamweaver ทำให้เราไม่ได้ เราจำเป็นจะต้องเขียนคำสั่งหรือแทรกคำสั่งเอาเอง          บทความนี้จะสอนท่าน ใช้Dreamweaverเชื่อมต่อกับฐานข้อมูลMySQL กันก่อนครับ ก่อนอื่นต้องตั้งไซต์ให้กับเว็บไซต์ของท่านก่อนนะครับ อ่านได้จากบทความนี้ครับ-> เซตค่า Manage Site ให้กับ Dreamweaver +++ เมื่อตั้งไซต์เสร็จแล้ว จากนั้นให้สร้างโฟลเดอร์โปรเจ็คขึ้นมา ของผมตั้งชื่อว่า dreamtest และสร้างไฟล์ index.php ในโฟลเดอร์ ดังรูป สร้างโฟลเดอร์และไฟล์โปรเจ็คของเรา +++ คลิกเปิดไฟล์ index.php แล้วทำตามดังรูป วิธีสร้างไฟล์เชื่อมต่อกับฐานข้อมูล( Database ) MySQL 1.ไปที่ DATABASES Panel จะแสดงอยู่ทางขวามือ ถ้าไม่เจอให้ไปที่เมนู Window เลือก Databases...

[CakePHP] สอนทำระบบสมัครสมาชิก (Register) ด้วยCakePHP

รูปภาพ
         บทความนี้จะสอนท่านทำ ระบบสมัครสมาชิกด้วยCakePHP เพื่อให้เห็นการใช้งาน Controller,Model,View และ การใช้ Validation  ซึ่งจะเป็นฟังก์ชั่นที่เรียกใช้ในส่วนของModel เพื่อใช้ตรวจสอบความถูกต้องจากการกรอกข้อมูลในฟอร์มสมัครสมาชิกครับ แต่คุณต้องเรียนรู้พื้นฐานการใช้งานต่างๆของ CakePHP จากเว็บ www.cakephp.in.th ก่อนครับ จะทำให้ไม่งงกับCodeของโปรแกรมที่ผมจะสอน เนื่องจากผมจะไม่สอนในระดับBasicครับ แต่จะข้ามไประดับAdvanceเลย เพื่อให้เห็นภาพการนำ CakePHP มาใช้งานจริงกับโปรเจ็คของเราครับ           อันดับแรก  ดูวิธีสร้างฐานข้อมูลและวิธีเชื่อมต่อกับฐานข้อมูลได้จาก ที่นี่ และให้สร้างไฟล์ขึ้นมาดังรูป 1.ให้สร้างไฟล์ user_controller.php ใน app/Controller เพราะเทเบิลในฐานข้อมูลของเราชื่อ users ครับ ให้พิมพ์Codeดังนี้ <?php class UsersController extends AppController { public $name = 'Users'; public $helpers = array("Html","Form"); public function register() { if ($this->request->is('po...

[CakePHP] การสร้างฐานข้อมูล (Database) MySQL และการเชื่อมต่อกับฐานข้อมูล

รูปภาพ
          หลังจากที่เคยเกริ่นนำไปแล้วในบทความที่แล้วว่า CakePHP คืออะไร และจะ สอนทำระบบสมัครสมาชิก ด้วยCakePHP เพื่อให้ได้เห็นการใช้งาน CakePHP ได้เข้าใจยิ่งขึ้น แต่ต้องรอบทความต่อไปนะครับ ^__^''ที่จะสอนจริงๆ บทความนี้ผมจะสอนสร้างฐานข้อมูลและการเชื่อมต่อฐานข้อมูลก่อน เพราะรายละเอียดยิบย่อยมันเยอะ ผมจึงขอแยกออกทีละบทความครับ หวังว่าคุณจะได้ติดตั้ง CakePHP เสร็จแล้วและสมบูรณ์ และมีความรู้พื้นฐานด้านการเขียนโปรแกรมแบบ OOP (Object-oriented programming) หรือ เขียนโปรแกรมเชิงวัตถุ อยู่บ้างนะครับ เพราะเราจะเอามาใช้กับ CakePHP ครับ อันดับแรกให้สร้างฐานข้อมูลดังรูป

[CakePHP] CakePHP คืออะไร

รูปภาพ
               ขอบันทึกเตือนความจำซักหน่อยครับ CakePHP เป็น PHP Framework ตัวนึง ที่ผมสนใจมากและพยายามศึกษาอยู่ในตอนนี้ เหตุผลที่ผมชอบ เพราะมันมี Class และ Funcion ต่างๆให้เราเรียกใช้ ทำให้ไม่ต้องเสียเวลาเขียนขึ้นมาใช้เอง และมันออกแบบตามมาตรฐาน MVC มีกฎเกณณ์ที่ระบุไว้ตายตัวและต้องปฏิบัติตามกฎอย่างเคร่งครัด เหมือนกับกฏระเบียบที่เราใช้ในชีวิตจริงไม่ว่าจะ ตอนเรียน ตอนทำงาน ล้วนแต่มีกฎระเบียบที่เราต้องปฎิบัติตาม มิฉะนั้นจะทำงานหรือสื่อสารกับคนอื่นไม่รู้เรื่อง ทำให้เราเห็นข้อดีของ CakePHP คือ การเกิดความเข้าใจที่ตรงกันระหว่างเหล่า Web Developers ไม่ว่าจะเป็นฝ่าย Programmer และ ฝ่าย Designer สามารถแยกส่วนการทำงานของโปรแกรมได้อีสระ เช่น ฝ่าย designer ก็สามารถdesignหน้าตาเว็บไซต์ออกมาตาม V(View) Pattern   ส่วนเหล่าProgrammerก็เขียนคำสั่งตาม M(Model) Pattern และ C(Controller) Pattern ครับ เมื่อเสร็จแล้ว ก็สามารถนำส่วนต่างๆเหล่านี้มาประกอบเข้าด้วยกัน            ...

สอนทำ Tab menu ขั้นเทพ ด้วย jQuery

รูปภาพ
Tab menu for jQuery         ขึ้นหัวบล็อกอย่างนี้ Tab menu ที่ผมจะนำเสนอในวันนี้ต้องไม่ธรรมดาครับ เป็น Code ที่เขียนขึ้นเองครับ เป็น Tab menu แสดงผลแบบ เลื่อนแสดงผลอัตโนมัติ ครับ โดยที่เราไม่จำเป็นต้องคลิกเลือกแถบ Menu ของ Tab ทุกครั้งที่เราต้องการจะดูครับ มันจะเลื่อนไปยัง Menu ถัดๆไปของ Tab ให้เราอัตโนมัติ การทำงานจะเหมือนกับการทำสไลด์โชว์รูปภาพ นั่นแหละครับ         สำหรับ Tab menu นี้ สามารถดูตัวอย่างจากเว็บ sanook และ mthai ผมได้แนวคิดมาจากเว็บเหล่านั้นแหละครับ ^__^ “