การติดตั้ง xampp และการ Insert Delete and Update



การติดตั้งโปรเเกรม XAMPP

  • ติดตั้งโปรแกรม XAMPP(ไว้ที่ไดร์ C เท่านั้นนะ)
  • xampp-controlแล้วกด Start ที่
    • Apache
    • MySQL

  • ไปที่ Admin Apache > http://localhost/phpmyadmin/
  • แล้วเข้า log in ชื่อ 
  • Username : root 
  • Password : 1234
  • หมายเหต ุ ในกรณีที่สร้างคร ้ังแรก อาจจะเข้าเปลี่ยน Username และ Password

 การ config เพื่อใช้ภาษา PHP

  • เปลี่ยน config เป็น cookie
  • เปิดโปรแกรม Dreamweaver > open\C:\xampp\phpMyAdmin\config.inc













การเปิดใช้ php_mysql.dll หรือ mysqlเพื่อใช้งานกับ Dreamweaver Database

  • Dreamweaver > open\C:\xampp\php\php.ini

  • เอาเครื่องหมาย ; ; ออกแล้ว save

ตรวจสอบฟังก์ชันการใช้งาน mysql โดยไปที่ http://localhost/dashboard/phpinfo.php


การสร้าง site




  • ตั้งชื่อ site
  • เลือก folder ไปที่ C:\xampp\htdocs\ZE9_db\

ไปตั้งค่าที่ Servers


เลือกแถบ Advanced แล้วเลือก PHP MySQL






เลือกแถบ Basic แล้วตั้งค่าตามภาพ




นำเครื่องหมายถูก ใส่ที่ Testing เท่านั้นแล้วกด save




เข้าฐานข้อมูล phpMyAdmin

สร้าง Database





  • ตั้งชื่อฐานข้อมูลของเรา
  • เลือก UTF8_general_ci
  • กด Create


จะได้หน้านี้นะ


วิธี Connect Database


  • มาที่โปรแกรม Dreamweaver > window > Databases
  • และจะได้หน้า Databases













สังเกตว่า ติ๊กถูกครบ 3 ข้อ 




จากนั้นไปที่เครื่องหมาย +



จะได้หน้า MySQL Connection







จากนั้นทำการ Test จะได้หน้านี้นะครับ




กลับมาที่โปรแกรม Dreamweaver ที่แถบ database จะเห็น MyConnect





การสร้าง Recordset/Bindings เพื่อการผูกข้อมูลกับเว็บเพจ: การสร้างตาราง





  • จากนั้นคลิก "ไป" แล้วพิมพ์ข้อมูลลงไป แล้วทำการ save  (โดยจะมี id เป็น Primary key)








  • พอเราได้ตารางนี้แล้วให้ไปที่ Insert เพื่อทำการใส่รายละเอียด
  • แล้วคลิก go






  • พอคลิก go แล้วให้มาที่หน้า Browse จะได้ ชื่อที่เราใส่เข้าไป





การสร้าง Recordset


  • ให้มาที่โปรปกรม Dreamweaver > Create PHP > Bindings > + > Recordset










  • ลาก id name age email มายังที่ว่าง แล้วคลิก Live

  • แล้วคลิก Live(หรือ F12) ให้ save ใน folder ที่เราสร้างขึ้นมาเท่านั้น





การสร้าง Repeat Region สำหรับการแสดงผลที่มากกว่า 1 Records



  • ทำการ "จุด" หน้า Records ที่เราลากลงมา 





  • แล้วทำการคลุมดำทั้งหมด
  • ไปหัวข้อ Data > Repear Region







  • สามารถเลือกได้ว่าจะแสดงกี่ Records หรือจะแสดงทั้งหมด






การสร้าง Dynamic Text ดึงข้อมูลจาก MySQL ขึ้นมาแสดงผล

  • create PHP > Dynamic Table




  • คลิก Recordset > NAME: ShowData 


















  • คลิก Live(หรือF12) แล้ว save ชื่อว่า data-table.php


การเพิ่มข้อมูลเข้าสู่ตารางข้อมูลใน MySQL (Insert Data)


  • พิมพ์คำว่า"เพิ่มข้อมูลใหม่" แล้วทำการ save as ตั้งชื่อว่า insert.php


การเพิ่มข้อมูลเข้าสู่ตารางข้อมูลใน MySQL ให้ไฮไลท์ที่ "เพิ่มข้อมูลใหม่"


  • คลุมดำคำว่า "เพิ่มข้อมูลใหม่" แล้วไปที่ Select File เลือก insert.php(insert)




  • จากนั้นให้ไปที่ Data ของโปรแกรม Dreamweaver หา Insert Record


  • จากนั้นจะได้หน้า Record Insertion Form > Browse... > data_table.php








การเพิ่มหัวตาราง






การลบข้อมูล (Delete Record)









การลบข้อมูล (Delete Record) ไปที่ไฟล์ delete.php แล้วเลือก Delete Record

  • Create PHP NEW > Data > Delete Record







การแก้ไขข้อมูลในฐานข้อมูล MySQL (Record Update)



  • Create PHP NEW แล้วให้ save ตั้งชื่อว่า update.php
  • เพิ่มคอลัม แก้ไข ในหน้า data_table














  • ไปที่ไฟล์ชื่อ update.php
















ความคิดเห็น