การประยุกต์ใช้ Dreamweaver MX ด้วย ภาษา PHP & Database Mysql จัดทำโดย อาจารย์ไพฑูรย์ งิ้วทั่ง อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th การติดตั้งAppserv สำหรับการเขียน Web Application ด้วย ภาษา PHP & Database Mysql & MreamMx สิ่งที่คุณต้องมี 1. เครื่องคอมพิวเตอร์ PC หนึ่งชุด 2. ระบบปฏิบัติการ Windows ตั้งแต่ 98 ขึ้นไป 3. ติดตั้งโปรแกรม Appserv แล้วคุณจะได้ ฐานข้อมูล My-Sql และ Web Server ที่ชื่อว่า Apache ที่รองรับ ภาษา PHP รวมถึงภาษา PHP ด้วย (ในการติดตั้งมีการให้ใส่ User nameให้ใส่ว่า root ส่วน Password ไม่ต้องใส่) 4. ติดตั้งโปรแกรม Dreamweaver MX และ Dreamweaver MX Thai Setting เพื่อให้โปรแกรม Dreamweaver MX ใช้ภาษาไทยได้(ควรติดตั้ง Thai Setting 2 ครั้ง เพื่อมันจะได้รู้จัก ) 5. ติดตั้ง Extension ของ Dreamweaver MX เป็นตัวเสริมที่ทำให้ DreamMx สร้าง Web Application ได้ง่ายขึ้น (FX_PHPUserAuthent12, Go_To_Detail_Page_php, Validate_Form) อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th การติดตั้งAppserv สำหรับการเขียน Web Application ด้วย ภาษา PHP & Database Mysql & MreamMx ต่อ 6. ติดตั้งโปรแกม MySql-Front เป็นโปรแกรมที่ช่วยในการจัดการฐานข้อมูล My-SQL ให้คุณได้ โดยไม่ต้องผ่าน Comman Line อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th การตั้งค่า Site ของ Dream MX เพื่อเขียน ภาษา PHP 1. ต้อง Run Service ของ Mysql และ Web Server (Apache) 2. เปิดโปรแกรม Dreamweaver MX ขึ้นมาแล้วเลือกเมนู Site จากนั้นเลือก คำสั่ง New Site อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
การตั้งค่า Site ของ Dream MX เพื่อเขียน ภาษา PHP กำหนดส่วนของ Local Info กำหนดตำแหน่งFolder ที่Web Server ใช้ Run ไฟล์ .php .html .htm ตั้งชื่อSite เช่น site_student กำหนดตำแหน่งที่เก็บรูปภาพ กำหนดชื่อweb serverตามด้วย sub folderที่เราเก็บเช่น http://localhost ชื่อ web server ส่วน student เป็น sub folder อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th การตั้งค่า Site ของ Dream MX เพื่อเขียน ภาษา PHP Remote Info เลือกรูปแบบการเข้าถึง Network กำหนดตำแหน่งFolder ที่Web Server ใช้ Run ไฟล์ .php .html .htm อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th การตั้งค่า Site ของ Dream MX เพื่อเขียน ภาษา PHP Testing Server เลือกรูปแบบ Server Model เลือกรรูแบบ Network เลือกตำแหน่ง Folder ที่ให้Test Server ใส่ชื่อWeb server และ sub folder ที่ใช้ในการทดสอบการRun เมื่อกด F12 หรือPreview in Browser อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th การตั้งค่า Site ของ Dream MX เพื่อเขียน ภาษา PHP คุณก็จะได้ site ตามที่กำหนดไว้และทุกครั้งที่มีการ Save ไฟล์ก็จะไปเก็บ ณ Folder ที่กำหนดSite ไว้ อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th ให้คุณเตรียมฐานข้อมูลชื่อ computer และสร้างตารางที่ออกแบบมาให้ดังต่อไปนี้ อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th สร้างหน้าแรกของเว็บ 1.ออกแบบเว็บหน้าแรกชื่อ index.phpดังรูป อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 2. สร้าง Connection ติดต่อฐานข้อมูลดังรูป 6 3 1. 5 4 อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 3. สร้าง Record set เพื่อแสดง รายการสินค้า กำหนดค่าดังรูป อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 4. ออกแบบส่วนที่จะแสดงสินค้า 1. table 3. Button 2. Form 5. Hidden Field ชื่อp_number 6. Hidden Field ชื่อp_name 4.Hidden Field ชื่อp_price 7. Hidden Field ชื่อp_id อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 5. นำ Field จาก Record Set มาแสดงรายการสินค้าที่ออกแบบไว้ 2. เลือกเครื่องมือ Images 3. เลือก Field รูปภาพ 1. คลิ๊กตำแหน่งแสดงรูปสินค้า 4. Ok อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 6. คลิ๊ก รายการสินค้าเพื่อกำหนด แสดงรายการสินค้า Repeat Regain กำหนดแสดง 10 รายการ อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 7. กด F12 เพื่อแสดงผลดังรูป อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
สร้างหน้าแสดงการกรองสินค้าตามประเภทสินค้า 1. ให้ทำการ Save Add จากไฟล์ index.php ให้เป็นไฟล์ product_type.php 2. แก้ไข ส่วน Record Set ที่ชื่อ Rs_pro ดังรูป 1.Double click Record Set ที่ต้องการแก้ไข อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 3. สร้าง Record Set เพื่อแสดงรายการประเภทขงสินค้าจาก Table t_Producttype อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 4. กำหนดส่วนบนของการค้นหา 1.คลิ๊ก 4. Ok 3.พิมพ์ Select 2. คลิ๊ก อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 5. คลิ๊ก Dynamic 6.เลือก Rs_producttype 7. เลือก type_id 8. เลือก type_name อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 5. กำหนดการส่งของ Form การค้นให้เป็นการส่ง แบบ GET 1.คลิ๊กเส้นปะสีแดงของ Form 2.เลือกส่งค่าไปที่ไฟล์ product_type.php 3. เลือกการส่งค่าแบบ GET อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 6. นำชื่อประเภทสินค้ามาแสดงในส่วนที่ออกแบบไว้ อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 7. กำหนด Repeat Region ให้กับรายการประเภทสินค้า อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 8. สร้างรายการ Link ประเภทสินค้าพร้อมกับการส่ง type_id 3.เลือก product_type 4. 1. 2. อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 6. คลิ๊ก สายฟ้า 5. ตั้งชื่อ type_id 8. Ok 7.เลือก type_id อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 9. ให้ตอบ Ok แล้วเลือก Save All 10. ถ้าต้องการให้หน้า Index.php ค้นหาได้ให้กลับไปกำหนดหน้า Index เหมือนกับหน้า product_type ตั้งแต่ ข้อที่ 3 ถึงข้อที่9 แล้วก็ Save อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 11. ทดสอบการการทำงาน อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
สร้างระบบการสั่งซื้อสินค้า 1. กลับไปหน้าที่ต้องการคลิ๊กสั่งซื้อสินค้าเช่นหน้าแรก Index.php 2. กำหนดค่าให้กับHidden Field ชือ p_name ที่จะส่งค่าของสินค้าที่สั่งซื้อ 3. 1. 4. 2. อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 3. กำหนดค่าให้กับHidden Field ชือ p_price ที่จะส่งค่าของสินค้าที่สั่งซื้อ อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 4. กำหนดค่าให้กับHidden Field ชือ p_number ที่จะส่งค่าของสินค้าที่สั่งซื้อ ใส่ค่า Value เป็น 1 อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 5. กำหนดค่าให้กับHidden Field ชือ p_id ที่จะส่งค่าของสินค้าที่สั่งซื้อ อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 6. สร้างไฟล์ carttemp.php แล้วออกแบบดังรูป Form1 Form2 Text Field ตั้งชื่อ p_number Hidden field ตั้งชื่อ id Form4 Form3 Hidden field ตั้งชื่อ id Hidden field ตั้งชื่อ price_total Hidden field ตั้งชื่อ day อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 7. สร้าง Record Set เพื่อแสดงรายการสินค้าในตะกร้าดังรูป อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 8. นำ Field ที่ได้จาก Record set มาวางในส่วนที่ออกแบบไว้ อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 9. สร้าง Record Set เพื่อหาราคารวมของสินค้าทั้งหมดดังรูป อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 10. นำ Field ที่ได้ผลรวมราคาสินค้าทั้งหมดมาวางในส่วนที่ออกแบบไว้ อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 11. กลับไปหน้า Index.php เลือก Form Button Add to Cart แล้วเลือกคำสั่ง Insert Record ดังรูป อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 12. ดูที่ View Code หน้าของ Index.php เข้าไปแก้ไขคำสั่งการเพิ่มข้อมูลดังรูป อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 13. เลือก Save All ทดสอบการทำงานเริ่มที่ไฟล์ Index แล้วรอง คลิ๊กที่ปุ่ม Add to Cart ดังรูป อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 14. กลับไปที่ไฟล์ CartTemp.php ใส่คำสั่ง ใน Hidden Field day ดังนี้ <?php echo date("j F Y H:i:s "); ?> นำค่ามาใส่Hidden Field ราคารวมสินค้า อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 15.สร้างไฟล์ user_login.php แล้วออกแบบดังรูป อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 16. เลือกคำสั่ง Login User อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th Hidden Field ชื่อusername Form Hidden Field ชื่อorder_date 17. สร้างไฟล์ order.php ดังรูป Hidden Field ชื่อprice_total อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 18.สร้าง Record Set แสดงค่าจาก Carttempโดยแสดงทั้งหมด เรียงค่าน้อยไปหามาก ใช้ id 19.สร้างตัวแปร session ชื่อ MM_Username 20.สร้างตัวแปร Form ขื่อ day และ price_total อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 21. นำค่าจากตัวเปรและ Record Set มาวาง และกำหนดค่าให้กับ Hidden Field อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 22. เลือกใช้คำสั่ง Restrict Access To Page ในหน้า Order.php อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 1. 17. กลับไปหน้าไฟล์ cartemp.php เลือกคำสั่ง Action Post ส่งค่าไปที่ไฟล์ Order.php 2. อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 18.สร้างไฟล์ Order_print และออกแบบดังรูป อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 19.สร้าง Record Set Rs_Order ดังรูป อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 20. เปิดดูส่วน view code เพิ่ม Code ดังนี้ //เพิ่มข้อมูลในแฟ้มรายละเอียดใบสั่งซื้อ $username=$row_Rs_Order['username']; echo $username; mysql_select_db($database_connect_com, $connect_com); $query_Rs_Orderdetail = sprintf(" INSERT INTO t_orderdedail(order_id, p_id, p_name, p_number, p_price, price_sum) SELECT t_order.order_id, t_carttemp.p_id, t_carttemp.p_name, t_carttemp.p_number, t_carttemp.p_price, t_carttemp.price_sum From t_carttemp, t_order WHERE t_order.username='$username'"); $Rs_Orderdetail = mysql_query($query_Rs_Orderdetail, $connect_com) or die(mysql_error()); อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th ตัวอย่าง Code อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 21. สร้าง Record Set Rs_Orderdetail อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th แก้ไขส่วนของ Rs_Orderdetai คำสั่ง อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 22. นำ Field จาก Record Ser มาวางในส่วนที่ออกแบบไว้ดังรูป อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 23. หน้า Order.php ใช้คำสั่ง Insert Record 1 2 อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 24. Save all แล้วทดสอบการทำงาน คลิ๊ก ยังไม่ได้Login Login ผ่าน ถ้า LogIn แล้ว พิมพ์ใบสั่งซื้อ อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
สร้างระบบรหัสผ่านป้องกันเว็บเพจ ยินดีต้อนรับผู้เข้ามาในระบบและ การป้องกันการเข้าโดยไม่ผ่านหน้า Login อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th ก่อนจะสร้าง ไฟล์ ฐานข้อมูลที่ติดต่อต้องมี Table ที่เก็บ username และ Password ของผู้ดูแลระบบไว้แล้ว เช่น ตาราง admin ดังรูป อย่าลืมใส่ข้อมูลในตาราง admin เพื่อไว้ทดสอบการ Log in นะครับ อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 1. สร้าง ไฟล์ ที่ให้ User หรือว่า Adminป้อนข้อมูล User และะ password เช่น ไฟล์ admin_login .php และออกแบบดังรูป Text Field1 ตั้งชื่อว่า user Text Field2 ตั้งชื่อว่า password และกำหนดproperties เป็น password กำหนด Action เป็น Submit Form1 ถ้าในหนึ่งหน้า page มีมากว่า1 Form ควรตั้งชื่อให้สื่อความหมาย Button กำหนด Action เป็น Reset * เมื่อออกแบบเสร็จให้ Save all อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 2. สร้างไฟล์ต้อนรับผู้ดูแลระบบ ในกรณีที่ Log in มาแล้วผ่าน คือไฟล์ admin_success.php และออกแบบดังรูป ดังรูป เมื่อออกแบบเสร็จแล้วให้ Save all อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 3. สร้างไฟล์ชื่อ admin_fail.php ไว้แสดงในกรณี ที่ Login แล้ว ไม่ผ่าน บอกให้ Login ใหม่ ออกแบบดังรูป สร้ง Link ไปที่ไฟล์ admin_login.php ออกแบบเสร็จแล้วให้ Save all อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 4. กลับมาที่ไฟล์ admin_login.php แล้วเลือกคำสั่ง Log in User ดังรูป อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th เลือก Form ที่ทำงานกรณีมีมากกว่า 1 เลือก Field ที่กำหดเป็น user เลือก Field ที่กำหนดเป็น password เลือกconnection เลือก Table เลือก Field Columnที่กำหนดเป็นuser เลือก Field Columnที่กำหนดเป็นpassword ถ้า Log in ผ่าน ให้แสดง Page ที่ต้องการ ถ้า Log in ไม่ผ่าน ให้แสดง Page ที่ต้องการ กรณีในตาราง admin ใช้เป็นทั้ง userด้วย มีการกำหนด ระดับการเข้าถึงว่าเป็นใคร ก็ต้องกำหนด ถ้าแยก คนละ Table ไม่ต้องกำหนด อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th Save all แล้ว ลอง Log in ดู โดยกดปุ่ม F12 ดังรูป ไม่ผ่าน Login ใหม่ ผ่าน จะเห็นว่ายังไม่มีชื่อผู้ Login มาแสดง อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th การเรียกตัวแปร Sessions เพื่อแสดง ชื่อของผู้ที่ Login เข้า 1. ไปที่ไฟล์ admin_login.php ดูที่ Code view แล้ว Copy ตัวแปร Sessions ที่ชื่อว่า MM_Username ดังรูป อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 2. กลับไปที่ไฟล์ admin_success.php เรียกคำสั่งในการแสดง ตัวแปร Sessions ขึ้นมาแสดงโดยตังชื่อเหมือนที่เรา Copy มา อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 3. นำตัวแปรที่ได้มาแสดง หน้าเว็บบนตำแหน่ง ที่ต้องการของ ไฟล์ admin_success.php ดังรูป เสร็จแล้ว ให้ Save all ถ้าลอง Run ดู ก็ยังไม่แสดงต้องทำ Restrict access to page อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
สร้าง Restrict access to page เพื่อป้องกันการเข้ามา โดยไม่ผ่านหน้า Log in อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 1. สร้างไฟล์ admin_restrict.php ถ้าเข้ามโดยไม่ผ่านการ Login ให้แสดงหน้านี้ ออแบบดังรูป Link ไปที่ ไฟล์ admin_login.php เสร็จแล้ว Save all อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 2. กลับมาที่ไฟล์ admin_success.php แล้วเลือกคำสั่ง Restrict access to page ดังรูป ชี้ไปที่admin_restrict.php อย่าลืมเอาเครื่องหมาย / หน้าไฟล์ ออกด้วยนะครับ Save all แล้วกลับไปที่ไฟล์ admin_login.php แล้วกดปุ่ม F12 ดูผลที่ได้ อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th ไม่ ใหม่ ผ่าน กรณีที่เปิด Browser ใหม่และ copy URL มาวางโดยเข้ามาไม่ผ่าน เข้า หน้า Log In จะแสดงหน้านี้ขึ้นมา อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
เมื่อมีระบบ Log Inแล้ว ถ้าต้องการออกจากระบบ ควรจะมีหน้า Log Out เพื่อออกจากระบบ สร้าง Log Out User Check Userใหม่กรณีที่User ซ้ำ อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th การสร้าง logout 1. สร้างไฟล์ user_logout.php 2. เลือกคำสั่ง Logout ดังรูป อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th การสร้างกระดานสนทนา 1. เตรียมตารางในฐานข้อมูลเพื่อสร้างคำถาม และคำตอบดังรูป อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 2. สร้างไฟล์ Webboard.php แล้วออกแบบดังรูป Form Textfield1 ตั้งชื่อquestion Textfield2 ตั้งชื่อ question_detail Textfield3 ตั้งชื่อ name Hiddenfield1 ตั้งชื่อ day และให้คำสั่งส่วนของValue ดังนี้ <?php echo date(" j F Y H:i:s");?> อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 3. เรียกใช้คำสั่ง Insert Record อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 4. สร้าง Record Set เพื่อแสดงคำถาม อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 5. นำ Field จาก Record Set มาวางในส่วนแสดงคำถาม ดังรูป 6. ให้กำหนด Repeat Regain ส่วนของคำถามให้แสดงทีละ 10 Record 7. สร้าง Record Navigation Status เพื่อแสดงสถานะของ Record 8. สร้าง Record Navigation Bar เพื่อสร้างปุ่มเลื่อน Record อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 9. จองข้อความในส่วนของชื่อคำถาม แล้วสร้าง Linkไปที่ไฟล์ Answer.php และส่ง Parameter ค่าของ รหัสคำถามไปให้ด้วยดังรูป 3. 1. 4. 2. อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 5. ตั้งชื่อตัวแปรที่จะส่งค่า 6. คลิ๊กเครื่องหมาย สายฟ้า 7. เลือกค่า question_id 8. คลิ๊ก Ok อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 10. คลิ๊ก OK แล้ว Save All Ok อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 11. สร้างไฟล์ Answer.php และออกแบบดังรูป Form Text Field1 ตั้งชื้อanswer Text Field2 ตั้งชื้อname Hidden Field1 ตั้งชื้อquestion_id Hidden Field2 ตั้งชื้อ day เขียนคำสั่ง ใน value ดังนี้ <?php echo date(" j F Y H:i:s");?> อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 12. สร้าง Record Set จาก Table คำถาม question อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 13. สร้าง Record Set จาก Table คำตอบ answer อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 14. จำ Field จาก Record Set ทั้งสอง มาวางดังรูป อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 15. กำหนดค่า Value ให้กับ Hidden Field ชื่อ question_id 3. 4. 1. 2. อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 16. กำหนด Repeat Regain ให้กับ Record Set Rs_answer แสดง เป็น All 17. สร้าง Record Navigation Status เพื่อแสดงสถานะของ Record Set ใช้ของ Rs_answer 18. สร้าง Record Navigation Bar เพื่อสร้างปุ่มเลื่อน Record Setใช้ของ Rs_answer อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 19. เพิ่มคำสั่ง Insert Record ในส่วนของ Form ดังรูป 1. อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 2. เลือกไฟล์ answer.php 3. เลือก Parameter อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 4. ตั้งชื่อ question_id 5. คลิก สายฟ้าเลือก Rs_question เลือก Field question_id 6. Ok อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 7. Ok อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 20. สร้าง Link กลับไปหน้าตั้งคำถาม question.php อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 21. ทดสอบการใช้งาน เริ่มที่ไฟล์ Webboard.php คลิ๊กเพื่อดูคำตอบและตอบคำถาม อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th การ FTP ไฟล์ไปไว้ใน Web Server 1. ใช้โปรแกรม WS_FTP อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 2. ใช้FTP ผ่าน Browse r รูปแบบการใช้1 ftp://user name:password@student.psru.ac.th รูปแบบการใช้2 ftp://user name:@student.psru.ac.th แบบที่2 จะมีหน้าให้ใส่password อีกทีป้องกันคนอื่นดู password สามารถนำข้อมูลเข้ามาวาง ได้เหมือนหน้าต่าง Windows ต้องเปิดหน้าต่าง Windows ที่อยู่บนเครื่องเราอีก หนึ่งหน้าต่าง Windows อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th 3. การใช้ DreamMX ในการFTP ให้ไปแก่ไขส่วน Edit site เลือก Remote Site ดังรูป เลือก FTP ชื่อServer กำหนดDirectory เช่น Public_html หรือ public_html/student ใส่ User Name ใส่ Password จากนั้นให้กดปุ่ม OK อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th แสดงส่วน RemoteView (เครื่อง Server) ที่ติดต่อกับ Server แล้ว แสดงส่วน local View (เครื่องของเรา) ที่ติดต่อกับ Server แล้ว คลิกปุ่ม Connection เพื่อติดต่อที่ Server อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th ปุ่ม Get File(s) เป็นการDownload ไฟล์ เครื่อง Server มาที่เครื่องของเรา ปุ่ม Put File(s) เป็นการ Upload ไฟล์ จากเครื่องเราไปที่เครื่องServer ตำแหน่งที่เรา กำหนด Directory ไว้ อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th
อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th หนังสือแนะนำให้อ่านสามารถนำมาประยุกต์ใช้ เวบไซต์ แนะนำให้อ่านสามารถนำมาประยุกต์ใช้เลือกหัวข้อที่สนใจ http://www.webthang.co.uk สอบถาม E-mail : p_ngiwetung@psru.ac.th เวบ : http://pibul2.psru.ac.th/~p_ngiwetung อาจารย์ไพฑูยร์ งิ้วทั่ง mail: p_ngiwetung@psru.ac.th