การ เชื่อม ต่อ ฐานข้อมูล xampp

1.ติดตั้งโปรแกรม XAMPP

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

xampp-control แล้วกด Start ที่ mudule  

-Apache     

-MySQL

2. log in เข้าฐานข้อมูล phpMyAdmin 

ไปที่ http://localhost/phpmyad min/ 

• แล้วเข้า log in ชื่อ 

• Username : root 

• Password : 1234 

• หมายเหตุ ในกรณีที่สร้างครั้งแรก อาจจะเข้าเปลี่ยน Username และ Password  

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

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

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

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

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

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

6. การสร้าง site กด  New Site สร้าง Site Name เลือกที่เก็บ กด Save

6.1 การสร้าง site :เลือก Advanced Settings สร้าง Site Name

6.2 การสร้าง site :เลือกที่เก็บLocal Site Folder กด Save

6.3 การสร้าง site :เข้าไปใน xampp เลือก htdocs สร้างชื่อโฟล์เดอร์ฐานข้อมูล

6.4 การสร้าง site : ไปตั้งค่าที่ Servers 

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

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

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

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

7. ทดสอบโดยการสร้างไฟล์ html 1 ไฟล์ 

7.1 ทดสอบโดยการสร้างไฟล์ html 1 ไฟล์: test.html

7.2 ทดสอบ test.html กด F12

กด F12 เพื่อแสดงหน้าต่างผลลัพธ์

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

ป้อนรหัสและรหัสผ่าน

Username: Root

Pass: 1234

9. สร้าง Database 

9.1 สร้าง Database ชื่อ นักศึกษา_DB และเลือก UTF8_general_ci 

9.2 สร้าง Database ชื่อ นักศึกษา_DB และเลือก UTF8_general_ci เมื่อกด Create 

10. วิธี Connect Database

10.1 วิธี Connect Database สังเกตว่า ติ๊กถูกครบ 3 ข้อ จากนั้นไปที่เครื่องหมาย +

จะปรากฏหน้าต่าง MySQL Connection

10.2 วิธี Connect Database ตั้งค่า แต่กด Test เพื่อตรวจสอบความถูกต้อง กด OK

10.3 วิธี Connect Database ที่แถบ database จะเห็น MyConnect 

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

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

จะปรากฏหน้าต่างป้อนรหัสและรหัสผ่าน

Username: Root

Pass: 1234

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

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

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

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

11.2 การสร้าง Recordset 

11.2.1 การสร้าง Recordset :กดเลือก Recordset (Query) 

11.2.2 การสร้าง Recordset ตั้งค่าข้อมูลตามภาพ

12. การสร้าง Bindings เพื่อการผูกข้อมูลกับเว็บเพจ 

12.1 การสร้าง Bindings ลากแต่ละรายการไปวาง จากนั้นทดสอบด้วยการกด Live View 

12.1 การสร้าง Bindings ลากแต่ละรายการไปวาง จากนั้นทดสอบด้วยการกด Live View 

12.3 การสร้าง Bindings ลากแต่ละรายการไปวาง จากนั้นทดสอบด้วยการกด  F12 

12.4 การสร้าง Bindings ลากแต่ละรายการไปวาง จากนั้นทดสอบด้วยการกด Live View 

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

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

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

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

14. หากต้องการแก้ไข Repeat Region

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

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

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

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

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

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

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

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

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

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

15.7 สร้าง Dynamic Text เมื่อตั้งค่าเรียบร้อย กด F12 

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

พิมพ์คำว่า เพิ่มข้อมูลใหม่

16.1 การเพิ่มข้อมูลเข้าสู่ตารางข้อมูลใน MySQL จากนั้นสร้างไฟล์มา 1 ไฟลช์ื่อ insert.php 

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

16.3  เมื่อตั้งค่าเรียบร้อย กด F12 

16.4  การเพิ่มข้อมูลเข้าสู่ตารางข้อมูลใน MySQL

16.4.1  การเพิ่มข้อมูลเข้าสู่ตารางข้อมูลใน MySQL

16.4.2  การเพิ่มข้อมูลเข้าสู่ตารางข้อมูลใน MySQL

16.4.3  การเพิ่มข้อมูลเข้าสู่ตารางข้อมูลใน MySQL

16.4.4 กด F12 

กด Insert record เพื่อเพิ่มข้อมูล จะปรากฏหน้าต่างผลลัพธ์

16.5 การเพิ่มข้อมูลเข้าสู่ตารางข้อมูลใน MySQL 

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

16.6  การเพิ่มข้อมูลเข้าสู่ตารางข้อมูลใน MySQL แล้วกด F12 

17.  แก้ปัญหาภาษาไทย 

เมื่อทำการแก้ไขCode แล้วกด F12 เพื่อการแสดงผล

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

เพิ่ม Column 

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

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

กด F12 เพื่อ TEST

เมื่อกดปุ่ม ลบ  ข้อมูลจะถูกลบออกทั้ง record

ผลลัพธ์ การแสดงผล

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

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

กดตั้งค่าตามรูปภาพ กด F12 ในไฟล์ data-table.php จะปรากฏหน้าต่าง

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

สร้างไฟล์อัพเดต

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

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

เข้าเมนู insert เลือก update record แล้วเลือก update record from wizard

19.2.1 ตั้งค่าตามภาพ

19.2.2 เมื่อตั้งค่าเสร็จจะปรากฏตารางเพิ่มข้อมูล

19.2.3 กด F12 เพื่อแสดงผลลัพธ์

19.2.4 ทดลองแก้ไขชื่อหรือข้อมูลอื่นๆ

19.2.5 กดเพื่อ update record ดูผลลัพธ์