มกราคม 2012

วันจันทร์ที่ 30 มกราคม พ.ศ. 2555

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

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

ให้เปลี่ยนตัวเลือกเป็นการแสดงข้อมูลแค่ 10 แถวต่อหน้าเท่านั้น ดังรูป

จากนั้นไปที่แท็บ SEVER BEHAVIORS แล้วเลือก Recordset Paging ในส่วนของเมนูย่อย ให้เลือกทั้งหมด โดยคลิกทีละเมนูจนครบ ดังรูป

อ่านเพิ่มเติม »

วันจันทร์ที่ 16 มกราคม พ.ศ. 2555

แสดงข้อมูลจากฐานข้อมูลด้วย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>รหัส</strong></td>
    <td><strong>ชื่อสินค้า</strong></td>
  </tr>
    <tr>
      <td></td>
      <td> </td>
    </tr>
</table>
</body>
</html>

อ่านเพิ่มเติม »

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

สร้างการเชื่อมต่อฐานข้อมูล 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 จากนั้นให้คลิกที่ปุ่ม + แล้วเลือก MySQL Connection
2.ระบุข้อมูลเชื่อมต่อฐานข้อมูล DbConnect คือชื่อการเชื่อมต่อกับฐานข้อมูล
3.เมื่อระบุข้อมูลเชื่อมต่อกับฐานข้อมูลเสร็จแล้ว ให้คลิกที่ปุ่ม select
4.เลือกฐานข้อมูลของเรา ของผมเลือก db_exshop
5.คลิกปุ่ม OK เมื่อเลือกฐานข้อมูลตามที่ต้องการแล้วหน้าต่างนี้จะปิดลง
6.คลิกปุ่ม OK เพื่อสร้างการเชื่อมต่อกับฐานข้อมูล

อ่านเพิ่มเติม »

วันอังคารที่ 10 มกราคม พ.ศ. 2555

[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('post')) {
           if ($this->User->save($this->request->data)) {
                $this->Session->setFlash('สมัครสมาชิกเรียบร้อยแล้ว');
                $this->redirect(array('action' => 'register'));
   }
  }
 }
}
?>

อ่านเพิ่มเติม »

[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 ครับ เมื่อเสร็จแล้ว ก็สามารถนำส่วนต่างๆเหล่านี้มาประกอบเข้าด้วยกัน
             เหตุผลที่ต้องขอบันทึกความรู้เรื่อง CakePHP ลงบล็อก เพราะว่าผมไม่ได้เล่นกับเจ้านี้มานานเกือบครึ่งปีแล้วครับ เพราะไม่ได้เอาเจ้านี้มาใช้ทำโปรเจ็คอะไรเลย ^__^” และโปรเจ็คที่เราใช่ส่วนมากก็จะเป็นการเขียนCodeแบบทั่วๆไป เพราะไม่ใช่โปรเจ็คที่ใหญ่อะไร ก็แค่ทำเว็บไซต์ธรรมดาเท่านั้น กลัวว่าซักวันนึงตูคงต้องลืมแน่ๆ ก็จำเป็นจะต้องมีการบันทึกกันหน่อยแล้วครับ
            CakePHP คือ PHP Framework พัฒนาด้วยภาษา PHP มีการออกแบบโปรแกรมแบบ MVC และ ORM(เกี่ยวข้องกับการmapข้อมูลในฐานข้อมูล)
M = Model คือ เกี่ยวข้องกับการทำงานกับฐานข้อมูล การMapข้อมูลในตารางข้อมูล และการตรวจสอบข้อมูล (Validation) ของฟอร์ม
V = View คือ ส่วนของการแสดงผลลัพธุ์
C = Controller คือ จะเกี่ยวข้องกับการประมวลผลข้อมูล และเป็นตัวติดต่อระหว่าง M กับ V ให้ทำงานได้สมบูรณ์

คุณสามารถศึกษาเพิ่มเติมได้จากที่นี่-> http://www.cakephp.in.th/index.php?topic=2.0

สำหรับวิธีติดตั้ง CakePHP ให้ศึกษาจากที่นี่ -> http://www.cakephp.in.th/index.php?board=5.0

ถ้าเข้าใจความหมายของCakePHP และได้ติดตั้งเสร็จสมบูรณ์แล้ว บทความต่อไป ผมจะสอนทำระบบสมัครสมาชิก ด้วย CakePHP ครับ หากสงสัยตรงไหนสามารถสอบถามได้จากคอมเม้นท์ด้านล่างครับ
ป .ล. ผมใช้CakePHPเวอร์ชั่น2.0.5 ซึ่งเป็นเวอร์ชั่นล่าสุดในตอนนี้ครับ

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

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

Tab menu for jQuery

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

อ่านเพิ่มเติม »

สมัครสมาชิก: บทความ ( Atom )