¸£ูปเล่ม.pdf · - adobe dreamweaver cs5 - adobe photoshop ... appserv program ......

164
1 บทที1 บทนำ 1.1 ความสาคัญและที่มาของปัญหา ปัจจุบันธุรกิจมีอยู ่มากมายหลายรูปแบบ ซึ ่งธุรกิจประเภทบริการได้มีหลากหลายรูปแบบ โดยที่ธุรกิจเหล่านี ้จาเป็นต ้องมีการเก็บข้อมูลการให้บริการต่างๆ จึงควรมีโปรแกรมที่ใช้ในการ เก็บข้อมูลการบริการต่างๆเพื่อให้สะดวกต่อผู้ประกอบการหรือลูกค้าที่เข้ารับบริการกับทางร้าน และเนื่องจากทางสาขาระบบสารสนเทศคอมพิวเตอร์ได้มีการเข้าร ่วมโครงการ New Wave ซึ ่ง เป็นโครงการอบรมสัมมนาระหว่างนักศึกษาและผู้ประกอบการ เพื่อทาเว็บไซต์ในการประกอบ ธุรกิจ และจากที่ทางผู้จัดทาได้ไปสัมมนากับผู้ประกอบการแล้ว ทางผู้ประกอบได้ประกอบ ธุรกิจด้านบริการติดตั ้ง ของตกแต่งภายในบ ้าน เช่น ผ้าม่าน พรม ฉากกั ้นห้อง วอลล์เปเปอร์ และ ทางผู้ประกอบการมีความต้องการโปรแกรมที่สามารถอานวยความสะดวกและใช้ในการเก็บ ข้อมูลของลูกค้า จึงได้เป็นที่มาของโปรเจคที่จะสร้างระบบการบริการลูกค้าให้กับผู้ประกอบการ เพื่ออานวยความสะดวกให้แก่ผู้ประกอบการในการทางานต่างๆ เพื่อนาไปใช้งานต่อไป ทั ้งนี ้การเขียนโปรแกรมที่มีการพัฒนาในรูปแบบการใช้งานเพื่อการบริการลูกค้าอย่างระบบ การบริการลูกค้า โดยสร้างมาจาก Adobe Dreamweaver CS5 ด้วยภาษา PHP ในระดับพื ้นฐาน เพื่อเป็นแนวทางในการเขียนโปรแกรมเบื ้องต ้นให้กับผู้ที่มีความสนใจและมีความต้องการที่จะ เรียนรู้การเขียนโปรแกรมเบื ้องต ้นได้นาไปใช้ในชีวิตประจาวัน และได้ศึกษาข้อมูลหรือค้นคว้า เพิ่มเติม

Upload: lykiet

Post on 23-May-2018

248 views

Category:

Documents


3 download

TRANSCRIPT

Page 1: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

1

บทท 1

บทน ำ

1.1 ความส าคญและทมาของปญหา

ปจจบนธรกจมอยมากมายหลายรปแบบ ซงธรกจประเภทบรการไดมหลากหลายรปแบบ

โดยทธรกจเหลานจ าเปนตองมการเกบขอมลการใหบรการตางๆ จงควรมโปรแกรมทใชในการ

เกบขอมลการบรการตางๆเพอใหสะดวกตอผประกอบการหรอลกคาทเขารบบรการกบทางราน

และเนองจากทางสาขาระบบสารสนเทศคอมพวเตอรไดมการเขารวมโครงการ New Wave ซง

เปนโครงการอบรมสมมนาระหวางนกศกษาและผประกอบการ เพอท าเวบไซตในการประกอบ

ธรกจ และจากททางผจดท าไดไปสมมนากบผประกอบการแลว ทางผประกอบไดประกอบ

ธรกจดานบรการตดตง ของตกแตงภายในบาน เชน ผามาน พรม ฉากกนหอง วอลลเปเปอร และ

ทางผประกอบการมความตองการโปรแกรมทสามารถอ านวยความสะดวกและใชในการเกบ

ขอมลของลกคา จงไดเปนทมาของโปรเจคทจะสรางระบบการบรการลกคาใหกบผประกอบการ

เพออ านวยความสะดวกใหแกผประกอบการในการท างานตางๆ เพอน าไปใชงานตอไป

ทงนการเขยนโปรแกรมทมการพฒนาในรปแบบการใชงานเพอการบรการลกคาอยางระบบ

การบรการลกคา โดยสรางมาจาก Adobe Dreamweaver CS5 ดวยภาษา PHP ในระดบพนฐาน

เพอเปนแนวทางในการเขยนโปรแกรมเบองตนใหกบผทมความสนใจและมความตองการทจะ

เรยนรการเขยนโปรแกรมเบองตนไดน าไปใชในชวตประจ าวน และไดศกษาขอมลหรอคนควา

เพมเตม

Page 2: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

2

1.2 วตถประสงค

1. เพอน าระบบนเขามาใชงานกบธรกจของผประกอบการ

2. เพออ านวยความสะดวกแกผใชงานระบบ เพอน าไปใชงานในดานประโยชนตางๆ

3. ใชเกบขอมลของลกคาในการเขารบบรการกบทางราน เพอลดความซ าซอนและความ

สะดวกสบายในการเรยกใชขอมลนนๆ

1.3 ขอบเขตของโครงงาน

ผดแลระบบ (Super Admin)

- สามารถเขาถงฐานขอมลได แกไขขอมล ลบขอมลหรอเพมขอมลได

ผใชงานระบบ (User)

- สามารถเขาใชงานระบบได สามารถดขอมลไดในรปแบบ Report

1.4 ประโยชนทคาดวาจะไดรบ

1. ความสะดวกสบายในการดขอมลตางๆ

2. การเกบขอมลตางๆ และการแกไขขอมลตางๆ สามารถท าไดอยางรวดเรว

3. ชวยลดภาระงานของพนกงานได

4. ท าใหการจดการรายละเอยดขอมลมความสะดวกและมประสทธภาพ

5. เกดความแมนย าของการท า Report การเกบรายละเอยดของขอมล

Page 3: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

3

1.5 ผลทคาดวาจะไดรบเมอเสรจสนโครงการ

เมอระบบเสรจสน จะไดรบระบบการบรการลกคา ซงใชในการใหบรการลกคาในการด

ขอมลตางๆ เพอเปนประโยชนแกผประกอบการและลกคาของธรกจไดใชงานสะดวกสบาย เพอ

ใชประโยชนตางๆ ไดตรงตามความตองการของงานท าใหลดภาระในการเสยเวลาในการเกบ

ขอมลของการบรการลกคาแตละราย

Page 4: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

4

1.6 ขนตอนการด าเนนงาน

ระยะเวลาการด าเนนงานในการพฒนาระบบการบรการลกคาของผประกอบการรวมทง

จดท าเอกสารประกอบการด าเนนงานเรมตงแตวนท 10 กรกฎาคม 2556 จนถงวนท 4 ตลาคม

2556

ตารางแผนการด าเนนงาน

ระบบการบรการลกคา

รายละเอยดการด าเนนงาน ระยะเวลาการด าเนนงาน กรกฎาคม สงหาคม กนยายน ตลาคม 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4

1. ศกษาปญหาโอกาสและเปาหมาย ศกษาความเปนไปไดในการพฒนาระบบ ศกษารปแบบและขอบเขตของปญหา

2. รวบรวมขอมลและความตองการของผใช รวบรวมขอมลพนฐานของธรกจ รวบรวมขอมลและความตองการของผใช

3. วเคราะหระบบ วเคราะหงานและระบบ

4. ออกแบบระบบ Input/output design Fil and database design User Interface Design

5. พฒนาระบบ 6. ทดสอบระบบ 7. จดท าเอกสารโปรเจค

Page 5: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

5

1.7 อปกรณทใชในกำรพฒนำระบบ

1. ดานฮารดแวร (Hardware)

- เครอง server

2. ดานซอฟตแวร (Software)

- Adobe Dreamweaver CS5

- Adobe Photoshop

- Photoscape

- Appserv

3. ดานเครอขาย (Network)

- Internet : ใชในการคนหาขอมล

4. ดานฐานขอมล (Database)

- Appserv : ใชเปนฐานขอมลในการจดการและเกบขอมล

Page 6: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

6

บทท 2

ทฤษฏและโปรแกรมในกำรสรำงระบบบรกำรลกคำ

วธกำรศกษำ

Appserv Program

Appserv คอโปรแกรมทรวบรวมเอา Open Source Software หลาย ๆ อยางมารวมกนโดยม Package หลก

ดงน

-Apache -PHP

-MySQL -phpMyAdmin

จดประสงคหลกของการรวมรวบ Open Source Software เหลานเพอท าใหการตดตงโปรแกรมตาง

ๆ ทไดกลาวมาใหงายขน เพอลดขนตอนการตดตงทแสนจะยงยากและใชเวลานาน โดยผใชงานเพยงดบเบล

คลก Setup ภายในเวลา 1 นาท ทกอยางกตดตงเสรจสมบรณระบบตาง ๆ กพรอมทจะท างานไดทนททง

Web Server, Database Server เหตผลนจงเปนเหตผลหลกทหลาย ๆ คนทวโลกไดเลอกใชโปรแกรม

Appserv แทนการทจะตองมาตดตงโปรแกรมตาง ๆ ทละสวน

ค ำแนะน ำในกำรเลอกใชงำนโปรแกรม Appserv

แนะน าวาทานทตดตง Appserv ไมจ าเปนตองใชเวอรชนลาสดเสมอไป

ส าหรบผใชทใชงานระบบทไมมอะไรเปลยนแปลงมาก หรอไมไดตองการสงใหม ๆ แตตองการความเสถยร

เปนหลก ในการเลอกใช Appserv ใหทานเลอกใชเวอรชนทเหมาะสมกบระบบงานของทาน

Page 7: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

7

เรมตนใชงำน phpMyAdmin

phpMyAdmin เปนโปรแกรมทมอยกบ Appserv เพอใชส าหรบจดการฐานขอมล เชน สรางและลบ

ฐานขอมล สรางและลบ ตาราง จดการฟลดตาง ๆ ของขอมล รวมถงการประมวลผลค าสง SQL เปนตน

เรมแรกกบการเขาใชงาน phpMyAdmin เปด IE แลวพมพ http://localhost:8080/ ในชอง Address จะปรากฏ

ไดตามรป ดงน

รปท 1.1

ตอมาเปนการ Login เขาส phpMyAdmin โดยจะกดไปท phpMyAdmin Database Manager

Version 2.10.3จะปรากฏไดตามรปดงน ซงเราตองพมพชอผใช และ รหสผาน ลงไป

รปท 1.2

จากรป คอ หนาแรกของ phpMyAdmin โดยจะแบงหลก ๆ เปน 2 สวนคอ

1. ฝงซายมอ จะเปนสวนส าหรบเมนระบบของ phpMyAdmin และส าหรบเลอกฐานขอมลและตาราง

Page 8: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

8

2. ฝงขวามอ จะเปนสวนของการจดการฐานขอมลทงหมด ไดแก การสรางฐานขอมล สรางตาราง

เขยนโครงสรางตาราง ดขอมล คนหาขอมล การเพมและลบ แกไข ขอมล ฯลฯ

รปท 1.3

Page 9: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

9

กำรสรำง Database และ Table ดวย phpMyAdmin

ขนแรก ใหสงเกตบรเวณฝงขวามอ หาสวนส าหรบการสรางฐานขอมลใหม ตามภาพ ใหเราตงชอ

ฐานขอมลทเราตองการ จากนนใหกดค าวา “สราง”

รปท 1.4

จากนนใหสงเกตดานซายมอของเราจะปรากฏชอฐานขอมลทเราสรางขนมา ตามตวอยางชอ

ฐานขอมล ชอวา jay หลงจากนนใหเราใสชอตารางทเราตองการและจ านวนฟลดทเราจะเกบขอมล จากนน

กดทปม “ลงมอ”

รปท 1.5

Page 10: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

10

เมอกดค าวา ลงมอ แลวเราตองมาก าหนดชอฟลดขอมล ซงควรตงชอใหสอถงขอมลทเราจะท าการ

เกบ โดยใชชอเปนภาษาองกฤษโดยตวอกษรแรกมกจะใชเปนตวใหญ เมอก าหนดรายละเอยดเรยบรอยแลว

ใหกดปม “บนทก”

รปท 1.6

ผลลพธ ตารางจะปรากฏดานซายมอตามชอทไดสรางไว และเมอคลกท ชอตาราง กจะมรายละเอยด

โครงสรางตามทเราก าหนดไว

รปท 1.7

Page 11: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

11

กำรแทรกขอมลเขำTable และกำเปดดขอมล โดยใช phpMyAdmin

เรมแรกใหเลอกฐานขอมลทเราตองการจะแทรกจากนนใหเราคลกทตารางทเราตองการแทรกขอมล

จากนนใหคลกค าวา “แทรก”

รปท 1.8

เมอเราคลกทค าวาแทรกแลว จะมหนาจอ Form ใหกรอกขอมลในแตละฟลด ใหท าการกรอกขอมล

ลงไปหลงจากนนใหกดปมค าวา”ลงมอ”

รปท 1.9

Page 12: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

12

การดขอมลทถกเกบในแตละตาราง ไดโดยเลอกคลกทตาราง ทตองการด จากนนกดปม “เปดด”

รปท 1.10

กำรลบขอมลออกจำก Table โดยใช phpMyAdmin

วธการลบขอมลทมอยตางกท าไดงาย ๆ จดประสงคในการลบขอมลกมดวยกน 3 อยาง คอ

1. ลบขอมลใน Record ใด Record หนงทตองการโดยเฉพาะ ท าไดโดยกดปม กากบาท (X) ใน

ต าแหนงทตองการจะลบ Record นนออก

2. ลบขอมลใน Record ตงแต 2 Record ขนไป แตไมทงหมด ท าไดโดยการเลอก Record ทเราจะท า

การลบ จากนนใหกดปม กากบาท(X)

3. ลบขอมลในทก Record ใหคลกทค าวา เลอกทงหมด จากนนกดปม กากบาท(X)

Page 13: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

13

รปท 1.11

Page 14: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

14

ระบบจดเกบไฟล

ระบบการจดเกบไฟล Apache, PHP MySQL หลงจากการตดตงโปรแกรม appserv จะอยใน

โฟลเดอร WWW

รปท 2.1

โครงสรำงระบบกำรจดเกบไฟลของ Apache Web Server

apache/bin เปนทจดเกบโปรแกรมการท างานหลกของ Apache

apache/conf เปนทเกบคาคอนฟกระบบของ Apache

apache/error เปนทเกบการแจง Error Template (มเฉพาะ Apache 2)

apache/icons เปนทเกบไอคอนตาง ๆ

apache/logs เปนทเกบ Log การท างานของ Apache

apache/modules เปนทเกบโมดลเสรมของ Apache

Page 15: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

15

โครงสรำงระบบกำรจดเกบไฟลของ MySQL Database

mysql/bin เปนทจดเกบโปรแกรมการท างานหลกของ MySQL

mysql/data เปนทเกบฐานขอมลตาง ๆ ของ MySQL โดยแตละ Table จะแยกเปน

Directory

mysql/share เปนทเกบ Error Message แยกตาม Charset

โครงสรำงระบบกำรจดเกบไฟลของ PHP

php เปนท php Command line Exeution และ DLL library

php/ext เปนทเกบ PECL PHP Extension ของ PHP (มเฉพาะ PHP 5)

php/extension เปนทเกบ PECL PHP Extension ของ PHP (มเฉพาะ PHP 4)

php/PEAR เปนทเกบ PEAR Framework components ของภาษา PHP

โครงสรำงระบบกำรจดเกบไฟลเวบไซตไดเรกทอร www

www เปน Directory Root ส าหรบเกบไฟลตาง ๆ ของเวบไซต

www/cgi-bin เปนทเกบไฟลโปรแกรมประเภท CGI

www/phpMyAdmin เปนทเกบโปรแกรม phpMyAdmin

www/appserv เปนทเกบไฟลของ appserv สามารถลบทงไดทนทหลงจากตดตงเสรจ

www/index.php ไฟลหนาแรกของเวบไซต โดยเมอตดตงโปรแกรม appserv เราสามารถลบไฟล

index.php นทงไดทนท

Page 16: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

16

Adobe Macromedia Dreamweaver

(Adobe Dreamweaver) หรอชอเดมคอ แมโครมเดย ดรมวฟเวอร (Macromedia Deraweaver) เปน

โปรแกรมแกไข HTML พฒนาโดยบรษทแมโครมเดย (ปจจบนควบกจการรวมกบบรษท อะโดบซสเตมส)

ส าหรบการออกแบบเวบไซตในรปแบบ WYSIWYG กบการควบคมของสวนแกไขรหส HTML ในการ

พฒนาโปรแกรมทมการรวมทงสองแบบเขาดวยกนแบบนท าใหดรมวฟเวอรเปนโปรแกรมทแตกตางจาก

โปรแกรมอน ๆ ในประเภทเดยวกน ในชวงปลายปทศวรรษ 2533 จนถงป 2544 ดรมวฟเวอรมสดสวนของ

ตลอดโปรแกรมแกไข HTML อยมากกวา70% ดรมวฟเวอรมท งในระบบปฏบตการแมคอนทอช และ

ไมโครซอฟท วนโดวส ดรมวฟเวอรยงสามารถท างานบนระบบปฏบตการแบบยนกซ ผานโปรแกรมจ าลอง

อยาง WINE ได รนลาสดคอ ดรมวฟเวอร CS6

กำรท ำงำนกบภำษำตำงๆ

ดรมวฟเวอร สามารถท างานกบภาษาคอมพวเตอรในการเขยนเวบไซตแบบไดนามค ซงมการใช

HTML เปนตวแสดงผลของเอกสาร เชน ASP, .NET, PHP, JSP และ ColdFusion รวมถงการจดการ

ฐานขอมลตางๆ อกดวย และในเวอรชนลาสด ยงสามารถท างานรวมกบ XML และ CSS ไดอยางงายดาย

และมประสทธภาพ

สวนประกอบของ Dreamweaver

แถบค าสง (Menu Bar) เปนแถบทใชเกบค าสงทงหมดของโปรแกรม

แถบเครองมอ (Toolbar) รวบรวมปมค าสงทใชงานบอย

แถบวตถ (Object Palette) เปนกลมเครองมอตางๆ ทใชในการควบคมวตถบนชนงานเอกสาร

แถบควบคมการท างาน (Properties Palette) เปนรายการทปรบเปลยนได ตามลกษณะการเลอก

ขอมลเชน หากมการเลอกทจะพมพหรอแกไขเนอหารายการกจะเปนสวนท างานทเกยวกบอกษร,

การจดพารากราฟ

Page 17: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

17

สวนของ Panel Group เปนกลมของแถบเครองมอทสามารถเรยกใชงานไดอยางรวดเรว เพอใหงาย

ในการสราง Application บนอนเทอรเนต เชนการแทรก Code ของ JavaScript ลงในเวบเพจได

อยางงาย

กำรใชงำนพนฐำน (สงทควรรเบองตน)

1. ภาษา HTML เปนภาษาทออกแบบส าหรบการแสดงผลเทานน ไมสามารถประมวลผลหรอ ใช

เขยนเวบแอพพลเคชนได

2.หากตองการเพมลกเลน หรอ เทคนคพเศษ เชน Effect ตางๆ ตองน าภาษา JavaScript มาเสรมใน

HTML

3. การจดรปแบบใน Code เชนการขนบรรทดใหมการเวนวรรคไมมผลตอการแสดงผลทาง

WebBrowser

4.การขนบรรทดใหมตองใช Tag <br>

5. การขนยอหนาใหมตองใช Tag <p>

6.หลกการอาน Tag ของภาษา HTML จะอานคาจาก Tag ทอยดานในกอน

7. ไฟล HTML และ Script ตางๆสามารถเปดแกไขในโปรแกรม Text Editor ทวๆไปได ไม

จ าเปนตองแกไขในโปรแกรม Dreamweaver เพยงอยางเดยว

8. การแทรกขอความและการปรบแตงคาตางๆใหคลกต าแหนงทตองการแลวพมพขอความตาม

ตองการหรอใหเลอกขอความเมอตองการก าหนดคาตางๆ เพมเตม

Page 18: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

18

เบองตนเกยวกบ ภำษำ PHP

PHP ยอมาจาก Hybertext Processor เปนภาษาสครปตแบบเซรฟเวอรไซด(Server-side Scripting

language) หมายถง ภาษาทประมวลผลบนเครองแม หรอเซรฟเวอร (Server) โดยจะสงผลลพธจากการ

ประมวลผลกลบมาเปนภาษา HTML ใหกบเครองลก หรอไคลเอนต (Client) PHP เปนภาษาทใชส าหรบการ

พฒนาโปรแกรมการท างานบนเวบ(Web Programming) ทไดรบความนยมเปนอยางมาก เนองจากเปนภาษา

ทประสทธภาพสง ใชงานงายและรวดเรว สามารถเขาถงฐานขอมลไดหลากหลายประเภท อกทงยงเปน

โอเพนซอรส (Open Source) ทสามารถดาวนโหลดมาใชงานไดฟร PHP จะท างานรวมกบเอกสาร HTML

โดยสรางโคดแทรกระหวาง Tag HTML สรางไฟลเปนนามสกล .phpหรอ .html

ควำมสำมำรถของภำษำ PHP

ภาษาPHP ไดรบการพฒนาความสามารถขนมาเรอยๆ อยางตอเนอง ทงนเปนเพราะมการเปดเผย

ซอรสโคดของPHP สสาธารณะในลกษณะในลกษณะของ Open Source ท าใหมหนวยงานและองคกรตางๆ

เขามาชวยกนพฒนา

ความสามารถในการจดการกบตวแปรหลาย ประเภท เชน เลขจ านวนเตม(integer),เลขทศนยม

(float),สตรง(string),และอารเรย(array)เปนตน

ความสามารถในการรบขอมลจากฟอรมของ HTML

ความสามารถในการรบ – สง cookies

ความสามารถเกยวกบ Session (ตงแต PHP เวอรชน4 ขนไป)

ความสามารถทางดาน OOP (Object Oriented Programming) ซงรองรบการเขยนโปรแกรมเชง

วตถ

ความสามารถในการเรยกใช COM component

ความสามารถในการตดตอและจดการฐานขอมล

Page 19: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

19

จดเดนของ PHP

1.ฟรไมเสยคาใชจาย

2. Speed เนองจาก PHP น าขอดของภาษาสครปตท เคยมในภาษา C , Perl และ Java รวมกน

ความเรวของ CGI น ามาพฒนาอยใน PHP

3.Open Source

4.Crossable Platform

5.Database Access

6.Protocol Support เนองจาก PHP สามารถสนบสนนโปรโตคอลหลายแบบ

7. Library เนองจาก PHP มไลบารรส าหรบการตดตอกบแอพพลเคชนไดมากมาย

8. Flexible ดวยเหตท PHP มความยดหยนตวสง ท าใหสามารถน าไปสรางแอพพลเคชนได

หลากหลาย

9. Easy เนองจาก PHP เปนภาษาสครปตภาษาหนง สามารถแทรกทต าแหนงใดกไดในแทกของ

HTML

Page 20: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

20

กำรสรำงไซต (Site) งำน

1. ไปทเมน บารของโปรแกรม Dreamweaver CS5 แลวเลอกท Site จากนนเลอกไปทเมน New

Site ดงรป

รปท 2.2

2. จากนนจะปรากฏหนาตาง ทชอ Site Definition for project ขนมา ใหเลอกทแทบ Advance

จากนนใหก าหนดคาดงน

2.1 ทเมนดานซายมอตรงเมน Category เลอกท Local Info

- ทดานขวามอ ทชอง Site Name ใหตงชอ WebSite ของเรา (ตามทเราตองการ)

- ทชอง Local Root Folder ใหเราคลกทรปโฟลเดอร ทอยบรเวณดานขางของชอง แลวจากนนกจะปรากฏ

หนาตางเพอใหเราท าการเลอกโฟลเดอร ทตองการจะเกบ Site งาน WebSite ของเรา (ตามโครงสราง

AppServ เราตองไปสรางโฟลเดอร ทเลอกไวกอนในทนชอ โปรเจคของเราจงจะเลอกโฟลเดอร ไดดงภาพ )

Page 21: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

21

รปท 2.3

- ท Default images folder ใหเราคลก ทรปโฟลเดอร ทอยบรเวณดานขางของชอง แลวจากนนกจะปรากฏ

หนาตางเพอใหเราท าการเลอกโฟลเดอร ทตองการจะเกบ รปภาพ ของเราไว ตามโครงสราง AppServ เรา

ตองไปสรางโฟลเดอร ทเลอกไวกอนในทนชอโปรเจค และในโฟลเดอรชอโปรเจคจะมโฟลเดอรยอยชอ

image เราจงจะเลอกโฟลเดอร ไดดงภาพ

รปท 2.4

Page 22: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

22

-ท Links relative to ใหเราเลอก Site root

- ท HTTP address ใหเราก าหนดโฟลเดอร ทเกบงานไว

รปท 2.5

2.2 ทเมนดานซายมอตรงเมน Category เลอกท Remote Info

- ทดานขวามอ ทชอง Access ใหเลอกเปน Local/Network

- ท Remote Info ใหก าหนดโฟลเดอรทเกบงานเราดงรป

Page 23: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

23

รปท 2.6

2.3 ทเมนดานซายมอตรงเมน Category เลอกท Testing Server

- ทดานขวามอ ทชอง Server model ใหเลอกเปน PHP MySQL

- ทชอง Access ใหเลอกเปน Local/Network

- ท Testing server folder ใหก าหนดโฟลเดอรทเกบงานเรา

- ท URL prefix ใหก าหนดโฟลเดอรทเกบงานเรา

รปท 2.7

เมอท าเสรจสนขนตอนแลว ก Click OK ทหนาตางน เปนอนเสรจสนการตง Site งานใหมในเครอง

Page 24: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

24

เรมกำรเขยนสครปต PHP

1. เปดโปรแกรม Dreamweaver ขนมาแลวมาทหวขอ Create New คลกเลอกท PHP

รปท 3.1

2. Dreamweaver จะเปดหนา Editor ขนมาสงเกตวามนไดเขยนสครปตบางสวนไวใหแลว

รปท 3.2

Page 25: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

25

3. เนองจาก Editor ของ Dreamweaver ยงไมสามารถแสดงผลเปนภาษาไทยได เราจงตองปรบแตงคา

โดยคลกเมน Edit > Preferences ………..

รปท 3.3

4. ปรบแตงตวเลอกทรายการ Fonts และ New Document ดงรายละเอยดในรป

รปท 3.4

Page 26: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

26

รปท 3.5

5. พมพสครปตในภาษา PHP

6. บนทกไฟล โดยคลก File > Save as…

7. เลอกต าแหนงทจะบนทก ทโฟลเดอร C:\appserv\www\project

รปท 3.6

Page 27: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

27

8. ทดสอบการท างานของสครปต PHP เลอกทไอคอนรปโลก แลวเลอก Preview in IExplore

รปท 3.7

9. browser กจะเรยกไฟล hello.php ขนมาท างาน

รปท 3.8

Page 28: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

28

โคด PHP เบองตน

ค ำสง SELECT

จากฐานขอมลทสรางขนตองการน าเอาขอมลทอยในฐานขอมลมาโชว ใชค าสง SELECT ดงน

<?php

$serverName="localhost";

$databaseUserName ="root";

$databasePassword ="1234";

$databaseName = "jay";

$tableName="PRODUCT";

mysql_connect($serverName, $databaseUserName,$databasePassword) or die ("ตดตอฐานขอมล

ไมได");

mysql_select_db($databaseName);

mysql_query("SET NAMES UTF8");

?>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>

<?

$sqlCommand ="SELECT * FROM $tableName ";

$result = mysql_query($sqlCommand);

Page 29: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

29

while($row = mysql_fetch_array($result)){

$Pro_id = $row['Pro_id'];

$Pro_name = $row['Pro_name'];

$Pro_price = $row['Pro_price'];

$Pro_stock = $row['Pro_stock'];

$Pro_address = $row['Pro_address'];

?>

<table border="1" width="100%">

<tr>

<td width="10%" align="center"><?=$Pro_id ?></td>

<td width="10%" align="center"><?=$Pro_name ?></td>

<td width="10%" align="right"><?= ($Pro_price) ?></td>

<td width="10%" align="center"><?= ($Pro_stock) ?></td>

<td width="10%" align="center"><?=$Pro_address ?></td>

</tr>

</table>

<?

mysql_close();

}

</html>

Page 30: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

30

ค ำสง INSERT

จากฐานขอมลทสรางขนตองการน าเอาขอมลลงในฐานขอมลใชค าสง INSERT ดงน

<?php

$serverName="localhost";

$databaseUserName ="root";

$databasePassword ="1234";

$databaseName = "jay";

$tableName="PRODUCT";

mysql_connect($serverName, $databaseUserName,$databasePassword)

or die ("ตดตอฐานขอมลไมได");

mysql_select_db($databaseName);

mysql_query("SET NAMES UTF8");

?>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>

<?

$Pro_id = $_POST['Pro_id'];

$Pro_name = $_POST['Pro_name'];

$Pro_price = $_POST['Pro_price'];

Page 31: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

31

$Pro_stock = $_POST['Pro_stock'];

$Pro_address = $_POST['Pro_address'];

$sqlCommand = "insert into $tableName (Pro_id, Pro_name, Pro_price, Pro_stock, 'Pro_address') values

('$Pro_id', '$Pro_name', '$Pro_price', '$Pro_stock', '$Pro_address')";

mysql_close();

?>

</html>

Page 32: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

32

ค ำสง UPDATE

จากฐานขอมลทสรางขนตองการอพเดทขอมลลงในฐานขอมลใชค าสง UPDATE ดงน

<?php

$serverName="localhost";

$databaseUserName ="root";

$databasePassword ="1234";

$databaseName = "jay";

$tableName="PRODUCT";

mysql_connect($serverName, $databaseUserName, $databasePassword)

or die ("ตดตอฐานขอมลไมได");

mysql_select_db($databaseName);

mysql_query("SET NAMES UTF8");

?>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>

<?

$Pro_id = $_POST['Pro_id'];

$Pro_name = $_POST['Pro_name'];

$Pro_price = $_POST['Pro_price'];

Page 33: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

33

$Pro_stock = $_POST['Pro_stock'];

$Pro_address = $_POST['Pro_address'];

$sqlCommand = "update $tableName set Pro_name='$Pro_name', Pro_stock='$Pro_stock',

Pro_price='$Pro_price' , Pro_address='$Pro_address' where Pro_id='$Pro_id'";

$dbQuery = mysql_db_query($databaseName, $sqlCommand);

mysql_close();

?>

</html>

Page 34: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

34

ค ำสง DELETE

จากฐานขอมลทสรางขนตองการลบขอมลทอยในฐานขอมล ใชค าสง DELETE ดงน

<?php

$serverName="localhost";

$databaseUserName ="root";

$databasePassword ="1234";

$databaseName = "jay";

$tableName="PRODUCT";

mysql_connect($serverName, $databaseUserName, $databasePassword)

or die ("ตดตอฐานขอมลไมได");

mysql_select_db($databaseName);

mysql_query("SET NAMES UTF8");

?>

<html xmlns="http://www.w3.org/1999/xhtml">

<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>

<?$sqlCommand = "delete from $tableName where Pro_id='$Pro_id'";

$dbQuery = mysql_db_query($databaseName, $sqlCommand);

mysql_close();

?>

</html>

Page 35: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

35

บทท 3

วธกำรด ำเนนงำน

ขนตอนกำรตดตงโปรแกรม Appserv

ดาวนโหลดโปรแกรม AppServ จากเวบไซต http://www.appservnetwork.com โดยเลอกเวอรชนทตองการตดตงระหวางเวอรชน 2.4.x และ 2.5.x โดยความแตกตางของ 2 เวอรชนนคอ 2.4.x คอเวอรชนทน า Package ทมความเสถยรเปนหลก เหมาะส าหรบผทตองการความมนคงของระบบโดยไมไดมงเนนทจะใชฟงกชนใหม 2.5.x คอเวอรชนทน า Package ใหมๆ น ามาใชงานโดยเฉพาะ เหมาะส าหรบนกพฒนาทตองการระบบใหมๆหรอตองการทดสอบ ทดลองใชงานฟงกชนใหม ซงอาจจะไมไดความเสถยรของระบบได 100%เนองจากวา Package จากนกพฒนานน ยงอยในชวงของขนทดสอบ ทดลองเพอหาขอผดพลาดอย ขนตอนกำรตดตง AppServ 1. ดบเบลคลกไฟล appserv-win32-x.x.x.exe เพอท าการตดตง จะปรากฏหนาจอตามรปท 1

รปท 4.1

Page 36: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

36

2. เขาสขนตอนเงอนไขการใชงานโปรแกรม โดยโปรแกรม AppServ ไดแจกจายในรปแบบ GNU License หากผตดตง อานเงอนไขตางๆ เสรจสนแลว หากยอมรบเงอนไขใหกด Next เพอเขาสการตดตงในขนตอไป แตหากวาไมยอมรบเงอนไขใหกด Cancel เพอออกจากการตดตงโปรแกรม AppServ

รปท 4.2

3. เขาสขนตอนการเลอกปลายทางทตองการตดตงโดยคาเรมตนปลายทางทตดตงจะเปน

C:AppServ

หากตองการเปลยนปลายทางทตดตง ใหกด Browse แลวเลอกปลายทางทตองการ เมอเลอกปลายทาง

เสรจสนใหกดปม Next เพอเขาสขนตอนการตดตงขนตอไป

Page 37: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

37

รปท 4.3

4. เลอก Package Components ทตองการตดตง โดยคาเรมตนนนจะใหเลอกลงทก Package แตหากวา

ผใชงาน ตองการเลอกลงเฉพาะบาง Package กสามารถเลอกตามขอทตองการออก โดยรายละเอยดแตละ

Package มดงน

- Apache HTTP Server คอ โปรแกรมทท าหนาเปน Web Server

- MySQL Database คอ โปรแกรมทท าหนาเปน Database Server

- PHP Hypertext Preprocessor คอ โปรแกรมทท าหนาประมวลผลการท างานของภาษา PHP

- phpMyAdmin คอ โปรแกรมทใชในการบรหารจดการฐานขอมล MySQL ผาน

เวบไซต เมอท าการเลอก Package เรยบรอยแลว ใหกด Next เพอเขาสขนตอนการตดตงตอไป

Page 38: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

38

รปท 4.4

5. ก าหนดคาคอนฟกของ Apache Web Server มอยดวยกนทงหมด 3 สวน คอ

Server Name คอชองส าหรบปอนขอมลชอ Web Server ของทาน

เชน www.appservnetwork.com

Admin Email คอชองส าหรบปอนขอมล อเมลผดแลระบบ เชน [email protected]

HTTP Port คอชองส าหรบระบ Port ทจะเรยกใชงาน Apache Web Server โดยทวไปแลว Protocol HTTP

นนจะมคาหลกคอ 80 หากวาทานตองการหลกเลยงการใช Port 80 กสามารถแกไขไดหากมการเปลยนแปลง

Port การเขาใชงาน Web Server แลว ทกครงทเรยกใชงานเวบไซตจ าเปนทตองระบหมายเลข Port ดวย เชน

หากเลอกใช Port 99 ในการเขาเวบไซตทกครงตองใช http://www.appservnetwork.com:99 จงจะสามารถ

เขาใชงานได

Page 39: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

39

รปท 4.5

6. ก าหนดคาคอนฟกของ MySQL Database มอยดวยกนทงหมด 3 สวน คอ Root Password คอชองส าหรบปอน รหสผานการเขาใชงานฐานขอมลของ Root หรอผดแลระบบทกครงทเขาใชงานฐานขอมลในลกษณะทเปนผดแลระบบ ใหระบ user คอ root Character Sets ใชในการก าหนดคาระบบภาษาทใชในการจดเกบฐานขอมล, เรยงล าดบฐานขอมล,Import ฐานขอมล, Export ฐานขอมล, ตดตอฐานขอมล Old Password หากทานมปญหาเกยวกบการใชงาน PHP กบ MySQL API เวอรชนเกาโดยเจอ Error Client does not support authentication protocol requested by server; consider upgrading MySQL clientใหเลอกในสวนของ Old Password เพอหลกเลยงปญหาน Enable InnoDB หากทานตองการใชงานฐานขอมลในรปแบบ InnoDB ใหเลอกในสวนนดวย

Page 40: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

40

รปท 4.6

7. สนสดขนตอนการตดตงโปรแกรม AppServ ส าหรบขนตอนสดทายนจะมใหเลอกวาตองการสงใหม

การรน Apache และ MySQL ทนทหรอไม จากนนกดปม Finish เพอเสรจสนการตดตงโปรแกรม AppServ

Page 41: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

41

รปท 4.7

Page 42: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

42

ขนตอนกำรตดตงโปรแกรม Dreamweaver

1. คลกทรปไอคอน Dreamweaver ทโหลดมา

2. อานรายละเอยดและกดยอมรบ (Accept)

\

รปท 5.1

3. เลอกพนทในดสกทตองการตดตงโปรแกรมแลวกด Next

รปท 5.2

Page 43: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

43

4. โปรแกราจะสรปเพอเตรยมเขาสขนตอนการตดตง ใหอานรายละเอยด แลวกด Install >

รปท 5.3

5. ก าลงตดตงโปรแกรม

รปท 5.4

Page 44: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

44

6. โปแกรมตดตงเสรจแลว กด Finish

รปท 5.5

Page 45: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

45

ฐำนขอมลทน ำมำใชใน Project

ขนตอไปเลอก ตาราง ทจะน ามาใชใน Project ม Table ทน ามาใชดงน

Database Name sumetdesign

Table customer ใชเกบขอมลลกคา

รปท 6.1

Table customerservice ใชเกบขอมลลกคาทใชบรการ

รปท 6.2

Page 46: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

46

Table evaluate เกบคะแนนการประเมนของลกคาแตละคน

รปท 6.3

Table question เกบค าถามการประเมน

รปท 6.4

Table service เกบจ านวนครงของการใหบรการแตละประเภท

รปท 6.5

Page 47: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

47

Table login ใชเกบ username password ส าหรบเขาใชระบบ

รปท 6.6

Page 48: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

48

กำรออกแบบหนำจอ

การออกแบบหนาจอ บอกใหถงหนาหลก ๆ ทส าคญและบอกรายละเอยดคราว ๆ ของหนาจอแตละ

หนา

กำรออกแบบหนำจอ

หนำ index.php เปนหนำทใชแสดงขอมลลกคำ

Username: Password:

Header

ล าดบ ชอ-นามสกล รายละเอยดการบรการ

ขอมล ขอมล ขอมล

Footer

รปท 7.1

login

Page 49: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

49

หนำ admininde.php เปนหนำท admin ของระบบใชงำนหลงจำกท ำกำร login เขำสระบบแลว

Header

ดคะแนนประเมน | ดรายการบรการ | เปลยนค าถามประเมน | เพมลกคา

ล าดบ ชอ-นามสกล ทอย เบอรโทร รายละเอยดบรการ

ลบขอมล

ขอมล ขอมล ขอมล ขอมล คลกด คลกด

Footer

รปท 7.2

หนำ showservicecustomeradmin.php ใชแสดงรำยละเอยดกำรบรกำร

Header

รำยละเอยดกำรบรกำรลกคำ ขอมลลกคา

บรกำรทลกคำเลอกใช ขอมลการบรการ

แบบประเมนบรกำร

ค ำถำมแบบประเมน คะแนนกำรประเมน ค าถาม คะแนน

Footer

รปท 7.3

Page 50: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

50

หนำ addcustomerservice.php ใชในกำรเพมกำรบรกำรลกคำ

Header

เพมการบรการลกคา ชอ นามสกล

หมายเลขโทรศพท อเมลล

รปแบบบรการ รหสบรการ การบรการ เลอกบรการทใช ขอมล ขอมล

แบบสอบถามประเมนการท างาน ค าถามแบบประเมน คะแนนการประเมน

ค าถาม 5

Footer

รปท 7.4

หนำ editquest.php เปนหนำทใชในกำรเปลยนค ำถำมแบบประเมน

Header

ค าถามท 1

Footer

รปท 7.5

ยนยนการเปลยนค าถาม

Page 51: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

51

หนำ countserviceadmin.php เปนหนำทใชแสดงจ ำนวนครงของกำรใชบรกำรแตละประเภท

Header

บรการทลกคาเลอกใช

รหสการบรการ รปแบบบรการ จ านวนครงทลกคาใชบรการ

รปแสดงผลของ กรำฟ

Footer

รปท 7.6

หนำ showevaluatealladmin.php ใชในกำรดคะแนนกำรประเมนทงหมด

Header

คะแนนการประเมนทงสน ล าดบ ค าถามท1 ค าถามท2 ค าถามท3 ค าถามท4 ค าถามท5

คะแนนเฉลย

Footer

รปท 7.7

Page 52: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

52

เรมเขยนโปรแกรม

หลงจากทสราง database และออกแบบหนาจอเรยบรอยแลว จะเรมเขยนโปรแกรมโดยการใช

Adobe Dreamweaver CS3 ดงน

เรมตนกำรเขยน

หนำ addcusservice.php

<!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>Untitled Document</title>

</head>

<body>

<?

$hostname = "localhost"; //ชอโฮสต

$user = "root"; //ชอผใช

$password = "1234"; //รหสผาน

$dbname = "sumetdesign"; //ชอฐานขอมล

$tblname1 = "customer";

Page 53: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

53

$tblname2 = "evaluate";

$tblname3 = "service";

$tblname4 = "customerservice";

// เรมตดตอฐานขอมล

mysql_connect($hostname, $user, $password) or die("ตดตอฐานขอมลไมได");

// เลอกฐานขอมล

mysql_select_db($dbname) or die("เลอกฐานขอมลไมได");

////////////////////

include "connect.php";

////////////////////

$submit = $_POST[submit];

$cusid = $_POST[cusid];

$cusname = $_POST[cusname];

$cussurname = $_POST[cussurname];

$address = $_POST[address];

$tel = $_POST[tel];

$email = $_POST[email];

////////////////////

$serviceid1 = $_POST[serviceid1];

Page 54: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

54

$serviceid2 = $_POST[serviceid2];

$serviceid3 = $_POST[serviceid3];

$serviceid4 = $_POST[serviceid4];

////////////////////

$evaid = $_POST[evaid];

$pointquestion1 = $_POST[pointquestion1];

$pointquestion2 = $_POST[pointquestion2];

$pointquestion3 = $_POST[pointquestion3];

$pointquestion4 = $_POST[pointquestion4];

$pointquestion5 = $_POST[pointquestion5];

//////////////////////////////////////////////////////////////////////////////////////////////////////

$sql = "insert into $tblname1 (cusid, cusname, cussurname, address, tel, email )

values

('$cusid', '$cusname', '$cussurname',

'$address', '$tel', '$email')";

$dbquery = mysql_db_query($dbname, $sql);

//////////////////////////////////////////////////////////////////////////////////////////////////////

$sql = "insert into $tblname2 (evaid, cusid, pointquestion1, pointquestion2, pointquestion3,

pointquestion4, pointquestion5)

values

Page 55: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

55

('$evaid', '$cusid', '$pointquestion1',

'$pointquestion2', '$pointquestion3', '$pointquestion4', '$pointquestion5')";

$dbquery = mysql_db_query($dbname, $sql);

//////////////////////////////////////////////////////////////////////////////////////////////////////

$sql = "insert into $tblname4 (cusid, serviceid1, serviceid2, serviceid3, serviceid4, evaid )

values

('$cusid', '$serviceid1', '$serviceid2',

'$serviceid3', '$serviceid4', '$evaid')";

$dbquery = mysql_db_query($dbname, $sql);

//////////////////////////////////////////////////////////////////////////////////////////////////////

if($serviceid1 == 1){

$sql = "select * from $tblname3 where serviceid='$serviceid1'";

$dbquery = mysql_db_query($dbname, $sql);

$row = mysql_fetch_array($dbquery);

$countservice = $row[countservice]+1;

$sql = "update $tblname3 set serviceid=serviceid, countservice='$countservice' where

serviceid=$serviceid1";

$dbquery = mysql_db_query($dbname, $sql);

}

//////////////////////////////////////////////////////////////////////////////////////////////////////

if($serviceid2 == 2){

Page 56: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

56

$sql = "select * from $tblname3 where serviceid='$serviceid2'";

$dbquery = mysql_db_query($dbname, $sql);

$row = mysql_fetch_array($dbquery);

$countservice = $row[countservice]+1;

$sql = "update $tblname3 set serviceid=serviceid, countservice='$countservice' where

serviceid=$serviceid2";

$dbquery = mysql_db_query($dbname, $sql);

}

//////////////////////////////////////////////////////////////////////////////////////////////////////

if($serviceid3 == 3){

$sql = "select * from $tblname3 where serviceid='$serviceid3'";

$dbquery = mysql_db_query($dbname, $sql);

$row = mysql_fetch_array($dbquery);

$countservice = $row[countservice]+1;

$sql = "update $tblname3 set serviceid=serviceid, countservice='$countservice' where

serviceid=$serviceid3";

$dbquery = mysql_db_query($dbname, $sql);

}

//////////////////////////////////////////////////////////////////////////////////////////////////////

if($serviceid4 == 4){

Page 57: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

57

$sql = "select * from $tblname3 where serviceid='$serviceid4'";

$dbquery = mysql_db_query($dbname, $sql);

$row = mysql_fetch_array($dbquery);

$countservice = $row[countservice]+1;

$sql = "update $tblname3 set serviceid=serviceid, countservice='$countservice' where

serviceid=$serviceid4";

$dbquery = mysql_db_query($dbname, $sql);

}

//////////////////////////////////////////////////////////////////////////////////////////////////////

echo "<meta http-equiv=\"refresh\"

content=\"1;URL=http://localhost:8080/sumetdesign/adminindex.php\">";

?>

</body>

</html>

หนำ addcustomerservice.php

<? session_start();

if($_SESSION['logid'] != ""){

/////////////////////////////// ?>

<!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">

Page 58: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

58

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>เพมขอมลลกคา</title>

</head>

<body>

<?

$hostname = "localhost"; //ชอโฮสต

$user = "root"; //ชอผใช

$password = "1234"; //รหสผาน

$dbname = "sumetdesign"; //ชอฐานขอมล

$tblname1 = "customer";

$tblname2 = "evaluate";

$tblname5 = "question";

// เรมตดตอฐานขอมล

mysql_connect($hostname, $user, $password) or die("ตดตอฐานขอมลไมได");

// เลอกฐานขอมล

mysql_select_db($dbname) or die("เลอกฐานขอมลไมได");

////////////////////

include "connect.php";

Page 59: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

59

////////////////////

$sql = "select max(cusid) as customerid from $tblname1 ";

$dbquery = mysql_query($sql);

$row = mysql_fetch_array($dbquery);

$cusid = $row["customerid"];

$customerid = $cusid+1;

///////////////////////////////////////////////

$sql = "select max(evaid) as evaluateid from $tblname2 ";

$dbquery = mysql_query($sql);

$row = mysql_fetch_array($dbquery);

$evaid = $row["evaluateid"];

$evaluateid = $evaid+1;

///////////////////////////////////////////////////////ค าถาม 1

$sql = "select * from $tblname5";

$dbquery = mysql_db_query($dbname, $sql);

$row = mysql_fetch_array($dbquery);

$questiondetail1 = $row['questiondetail1'];

$questiondetail2 = $row['questiondetail2'];

$questiondetail3 = $row['questiondetail3'];

$questiondetail4 = $row['questiondetail4'];

Page 60: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

60

$questiondetail5 = $row['questiondetail5'];

///////////////////////////////////////////////////////

?>

<table align="center" width="80%">

<tr>

<td align="center">

<? include ("inc.header.php"); ?>

</td>

</tr>

<tr>

<td align="center" bgcolor="#FFC993">

<br>

<h2>เพมการบรการของลกคา</h2>

<br>

<form name="form1" id="form1" method="post" action="addcusservice.php">

<table width="70%">

<tr>

<td colspan="4" align="left"><h2>รหสลกคา :<? echo " ".$customerid?></h2></td>

</tr>

<tr>

Page 61: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

61

<td width="26%" align="right"><h3>ชอ :</h3></td>

<td width="24%" align="left"><input type="text" name="cusname" id="cusname"></td>

<td width="15%" align="left"><h3>นามสกล :</h3></td>

<td width="35%" align="left"><input type="text" name="cussurname" id="cussurname"></td>

</tr>

<tr>

<td align="right"><h3>ทอย :</h3></td>

<td colspan="3" align="left"><textarea name="address" id="address" cols="50"

rows="3"></textarea></td>

</tr>

<tr>

<td align="right"><h3>หมายเลขโทรศพท :</h3></td>

<td colspan="3" align="left"><input type="text" name="tel" id="tel"></td>

</tr>

<tr>

<td align="right"><h3>Email :</h3></td>

<td colspan="3" align="left"><input type="text" name="email" id="email"></td>

</tr>

</table>

รปแบบบรการ

Page 62: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

62

<br><br>

<table width="30%" border="1px">

<tr>

<td>รหสบรการ</td>

<td>การบรการ</td>

<td>เลอกบรการทใช</td>

</tr>

<tr>

<td>1</td>

<td>ตดตงผามาน</td>

<td><input type="checkbox" name="serviceid1" id="serviceid1" value="1" /></td>

</tr>

<tr>

<td>2</td>

<td>ตดตงวอลลเปเปอร</td>

<td><input type="checkbox" name="serviceid2" id="serviceid2" value="2" /></td>

</tr>

<tr>

<td>3</td>

<td>ตดตงพรม</td>

Page 63: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

63

<td><input type="checkbox" name="serviceid3" id="serviceid3" value="3" /></td>

</tr>

<tr>

<td>4</td>

<td>ตดตงฉากกนหอง</td>

<td><input type="checkbox" name="serviceid4" id="serviceid4" value="4" /></td>

</tr>

</table><br>

แบบสอบถามประเมนการท างาน

<br><br>

<table width="70%" border="1px">

<tr>

<td width="72%">ค าถามแบบประเมน</td>

<td width="28%">คะแนนการประเมน 0-5 คะแนน</td>

</tr>

<tr>

<td align="left"><?=$questiondetail1?></td>

<td>

<select name="pointquestion1" id="pointquestion1">

<option value="0"> 0 </option>

Page 64: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

64

<option value="1"> 1 </option>

<option value="2"> 2 </option>

<option value="3"> 3 </option>

<option value="4"> 4 </option>

<option value="5"> 5 </option>

</select>

</td>

</tr>

<tr>

<td align="left"><?=$questiondetail2?></td>

<td>

<select name="pointquestion2" id="pointquestion2">

<option value="0"> 0 </option>

<option value="1"> 1 </option>

<option value="2"> 2 </option>

<option value="3"> 3 </option>

<option value="4"> 4 </option>

<option value="5"> 5 </option>

</select>

</td>

Page 65: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

65

</tr>

<tr>

<td align="left"><?=$questiondetail3?></td>

<td>

<select name="pointquestion3" id="pointquestion3">

<option value="0"> 0 </option>

<option value="1"> 1 </option>

<option value="2"> 2 </option>

<option value="3"> 3 </option>

<option value="4"> 4 </option>

<option value="5"> 5 </option>

</select>

</td>

</tr>

<tr>

<td align="left"><?=$questiondetail4?></td>

<td>

<select name="pointquestion4" id="pointquestion4">

<option value="0"> 0 </option>

<option value="1"> 1 </option>

Page 66: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

66

<option value="2"> 2 </option>

<option value="3"> 3 </option>

<option value="4"> 4 </option>

<option value="5"> 5 </option>

</select>

</td>

</tr>

<tr>

<td align="left"><?=$questiondetail5?></td>

<td>

<select name="pointquestion5" id="pointquestion5">

<option value="0"> 0 </option>

<option value="1"> 1 </option>

<option value="2"> 2 </option>

<option value="3"> 3 </option>

<option value="4"> 4 </option>

<option value="5"> 5 </option>

</select>

</td>

</tr>

Page 67: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

67

</table>

<br><br>

<input type="hidden" name="cusid" id="cusid" value="<?=$customerid?>">

<input type="hidden" name="evaid" id="evaid" value="<?=$evaluateid?>">

<input type="submit" name="submit" id="submit" value="ยนยนเพมการบรการ">

<input type="reset" name="reset" id="reset" value="ยกเลก" >

</form>

<br><br>

<? include ("inc.backadmin.php") ?>

<br><br>

</td>

</tr>

<tr>

<td align="center">

<? include ("inc.footer.php"); ?>

</td>

</tr>

</table>

</body>

</html>

Page 68: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

68

<? }else{ echo "<meta http-equiv=\"refresh\" content=\"0;URL=loginerror.php\" />"; } ?>

หนำ adminindex.php

<? session_start();

if($_SESSION['logid'] != ""){

/////////////////////////////// ?>

<!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>ยนดตอนรบ admin เขาสระบบจดการลกคา</title>

<script type="text/javascript">

function MM_swapImgRestore() { //v3.0

var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;

}

function MM_preloadImages() { //v3.0

var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

}

Page 69: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

69

function MM_findObj(n, d) { //v4.01

var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

if(!x && d.getElementById) x=d.getElementById(n); return x;

}

function MM_swapImage() { //v3.0

var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

}

function confirmDelete(delUrl) {

if (confirm("คณตองการลบขอมลนหรอไม")) {

document.location = delUrl;

}

}

</script>

Page 70: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

70

</head>

<body onload="MM_preloadImages('images/logout2.png')">

<?

$hostname = "localhost"; //ชอโฮสต

$user = "root"; //ชอผใช

$password = "1234"; //รหสผาน

$dbname = "sumetdesign"; //ชอฐานขอมล

$tblname = "customer";

// เรมตดตอฐานขอมล

mysql_connect($hostname, $user, $password) or die("ตดตอฐานขอมลไมได");

// เลอกฐานขอมล

mysql_select_db($dbname) or die("เลอกฐานขอมลไมได");

//////////////

include "connect.php";

//////////////

//////////ท า next page //////////////////

$lpp = 10;

$p = $_GET['p'];

Page 71: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

71

if (!$p)

$p = 1;

$result = mysql_query("SELECT COUNT(*) a FROM $tblname");

$object = mysql_fetch_object($result);

$allrec = $object->a;

@mysql_free_result($result);

unset($object);

unset($result);

$allpage = ceil($allrec/$lpp);

if ($p > $allpage)

$p = $allpage;

if ($p < 1)

$p = 1;

$startrec = ($p - 1) * $lpp;

?>

<table align="center" width="80%">

<tr>

<td align="center">

<? include ("inc.header.php"); ?>

Page 72: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

72

</td>

</tr>

<tr>

<td align="center" bgcolor="#FFC993">

<div align="right"><a href="logout.php" onmouseout="MM_swapImgRestore()"

onmouseover="MM_swapImage('Image7','','images/logout2.png',1)"><img src="images/logout1.png"

alt="logout" name="Image7" width="50" height="50" border="0" id="Image7" /></a>

</div>

<br>

<h3>รายชอลกคาทใชบรการกบทางราน</h3>

<br><br>

<table width="95%">

<tr align="right">

<td width="50%" align="right"><a href="showevaluatealladmin.php"><img src="images/evaluate.jpg"

width="40" height="40" alt="ดคะแนนการประเมน"/><br>ดคะแนนการประเมน</a></td>

<td width="14%" align="right"><a href="countserviceadmin.php"><img src="images/Search-icon.png"

width="40" height="40" alt="ดรายการบรการ"/><br>ดรายการบรการ</a></td>

<td width="20%" align="right"><a href="editquest.php"><img src="images/editquest.jpg" width="40"

height="40" alt="เปลยนค าถามแบบประเมน"/><br>เปลยนค าถามแบบประเมน</a></td>

<td width="16%" align="right"><a href="addcustomerservice.php"><img src="images/addcus.png"

width="40" height="40" alt="เพมการบรการลกคา"/><br>

เพมการบรการลกคา</a></td>

Page 73: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

73

</tr>

</table><br>

<table border="1" width="95%" bordercolor="#000000">

<tr height="40" bgcolor="#CCCCCC">

<td width="10%">ล าดบท</td>

<td width="22%">ชอ-นามสกล</td>

<td width="36%">ทอยลกคา</td>

<td width="11%">เบอรโทรศพท</td>

<td width="12%">รปแบบบรการ</td>

<td width="9%">ลบขอมล</td>

</tr>

<?

$i = 0;

$sql = "select * from $tblname ORDER BY cusid DESC LIMIT $startrec, $lpp";

$result = mysql_query($sql);

while($row = mysql_fetch_array($result)){

$cusid = $row['cusid'];

$cusname = $row['cusname'];

$cussurname = $row['cussurname'];

$address = $row['address'];

Page 74: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

74

$tel = $row['tel'];

//////////////////////////////////

$i++;

?>

<tr align="center">

<td><?=$i ?></td>

<td><?="คณ"." ".$cusname." ".$cussurname ?></td>

<td><?=$address ?></td>

<td><?=$tel?></td>

<td><A href="showservicecustomeradmin.php?cusid=<?=$cusid?>"><img src="images/lookservice.png"

width="40" height="40" alt="ดรายการใหบรการ"/><br></A></td>

<td><a href="javascript:confirmDelete('deletecus.php?cusid=<?=$cusid?>')"><img

src="images/deletecus.png" width="40" height="40" alt="ลบขอมลน"></a></td>

</tr>

<?

}

?>

</table><br>

<?

if ($p > 1)

Page 75: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

75

echo "[<a href=$PHP_SELF?p=".($p-1).">prev</a>] ";

else

echo "[prev]";

for ($i = 1; $i <= $allpage; $i++) {

if ($i == $p)

echo " $i ";

else

echo "<a href=$PHP_SELF?p=".($i)."> $i </a>";

}

if ($p < $allpage)

echo "[<a href=$PHP_SELF?p=".($p+1).">next</a>] ";

else

echo "[next]";

?>

<br><br>

</td>

</tr>

<tr>

Page 76: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

76

<td align="center">

<? include ("inc.footer.php"); ?>

</td>

</tr>

</table>

</body>

</html>

<? }else{ echo "<meta http-equiv=\"refresh\" content=\"0;URL=loginerror.php\" />"; } ?>

หนำ check.php

<?

session_start();

///////////////////////////////////////////

$hostname = "localhost"; //ชอโฮสต

$user = "root"; //ชอผใช

$password = "1234"; //รหสผาน

$dbname = "sumetdesign"; //ชอฐานขอมล

$tblname = "login"; //ชอตาราง

// เรมตดตอฐานขอมล

mysql_connect($hostname, $user, $password) or die("ตดตอฐานขอมลไมได");

Page 77: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

77

// เลอกฐานขอมล

mysql_select_db($dbname) or die("เลอกฐานขอมลไมได");

// ค าสง SQL และสงใหท างาน

$sql = "select * from $tblname where username='$username_log' and password='$password_log'"; //เชค

คาขอมลทสงมาจากฟอรม

$dbquery = mysql_db_query($dbname, $sql);

$row = mysql_fetch_array($dbquery);

$_SESSION["logid"] = $row["logid"];

// หาจ านวนเรกคอรดขอมล

$num_rows = mysql_num_rows($dbquery);

if($row['status'] == "ADMIN"){

header("location:http://localhost:8080/sumetdesign/adminindex.php"); //ไปไปตามหนาทคณตองการ

}else {

header("location: loginerror.php"); //ไมถกตองใหกบไปหนาเดม

}

/////////////////////////////////////////////////////////////////////////

?>

หนำ connect.php

Page 78: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

78

<?

mysql_query("SET NAMES UTF8");

mysql_query("SET character_set_results=utf8");

mysql_query("SET character_set_client=utf8");

mysql_query("SET character_set_connection=utf8");

?>

หนำ countservice.php

<!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>แสดงรายการบรการลกคาทงสน</title>

</head>

<body>

<?

$hostname = "localhost"; //ชอโฮสต

$user = "root"; //ชอผใช

$password = "1234"; //รหสผาน

Page 79: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

79

$dbname = "sumetdesign"; //ชอฐานขอมล

$tblname1 = "customer";

$tblname2 = "evaluate";

$tblname3 = "service";

$tblname4 = "customerservice";

// เรมตดตอฐานขอมล

mysql_connect($hostname, $user, $password) or die("ตดตอฐานขอมลไมได");

// เลอกฐานขอมล

mysql_select_db($dbname) or die("เลอกฐานขอมลไมได");

////////////////////////////////////////////////////

include ("connect.php");

?>

<table align="center" width="80%">

<tr>

<td align="center">

<? include ("inc.header.php"); ?>

</td>

</tr>

<tr>

Page 80: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

80

<td align="center" bgcolor="#FFC993">

<br>

<h3>บรการทลกคาเลอกใช</h3>

<br><br>

<table align="center" border="1px" bordercolor="#000000" width="80%">

<tr height="40" bgcolor="#CCCCCC">

<td><b>รหสการบรการ</b></td>

<td><b>รปแบบบรการ</b></td>

<td><b>จ านวนครงทลกคาใชบรการ</b></td>

</tr>

<?

$i=0;

$sql = "select * from $tblname3";

$dbquery = mysql_db_query($dbname, $sql);

while($row = mysql_fetch_array($dbquery)){

$serviceid = $row['serviceid'];

$servicedetail = $row['servicedetail'];

$countservice = $row['countservice'];

$i++

?>

Page 81: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

81

<tr>

<td><?=$serviceid?></td>

<td><?=$servicedetail?></td>

<td><?=$countservice?></td>

<? } ?>

</tr>

</table>

<br><br>

<iframe width="680" height="550" src="graphservice.php" frameborder="0"></iframe><br><br>

<? include ("inc.back.php") ?>

<br><br>

<br><br>

</td>

</tr>

<tr>

<td align="center">

<? include ("inc.footer.php"); ?>

</td>

</tr>

</table>

Page 82: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

82

</body>

</html>

หนำ countserviceadmin.php

<? session_start();

if($_SESSION['logid'] != ""){

/////////////////////////////// ?>

<!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>แสดงรายการบรการลกคาทงสน</title>

</head>

<body>

<?

$hostname = "localhost"; //ชอโฮสต

$user = "root"; //ชอผใช

$password = "1234"; //รหสผาน

$dbname = "sumetdesign"; //ชอฐานขอมล

Page 83: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

83

$tblname1 = "customer";

$tblname2 = "evaluate";

$tblname3 = "service";

$tblname4 = "customerservice";

// เรมตดตอฐานขอมล

mysql_connect($hostname, $user, $password) or die("ตดตอฐานขอมลไมได");

// เลอกฐานขอมล

mysql_select_db($dbname) or die("เลอกฐานขอมลไมได");

////////////////////////////////////////////////////

include ("connect.php");

?>

<table align="center" width="80%">

<tr>

<td align="center">

<? include ("inc.header.php"); ?>

</td>

</tr>

<tr>

<td align="center" bgcolor="#FFC993">

Page 84: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

84

<br>

<h3>บรการทลกคาเลอกใช</h3>

<br><br>

<table align="center" border="1px" bordercolor="#000000" width="80%">

<tr height="40" bgcolor="#CCCCCC">

<td><b>รหสการบรการ</b></td>

<td><b>รปแบบบรการ</b></td>

<td><b>จ านวนครงทลกคาใชบรการ</b></td>

</tr>

<?

$i=0;

$sql = "select * from $tblname3";

$dbquery = mysql_db_query($dbname, $sql);

while($row = mysql_fetch_array($dbquery)){

$serviceid = $row['serviceid'];

$servicedetail = $row['servicedetail'];

$countservice = $row['countservice'];

$i++

//////////////////////////////////////////

?>

Page 85: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

85

<tr>

<td><?=$serviceid?></td>

<td><?=$servicedetail?></td>

<td><?=$countservice?></td>

<? } ?>

</tr>

</table>

<br><br>

<iframe width="680" height="550" src="graphservice.php" frameborder="0"></iframe><br><br>

<? include ("inc.backadmin.php") ?>

<br><br><br><br>

</td>

</tr>

<tr>

<td align="center">

<? include ("inc.footer.php"); ?>

</td>

</tr>

</table>

</body>

Page 86: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

86

</html>

<? }else{ echo "<meta http-equiv=\"refresh\" content=\"0;URL=loginerror.php\" />"; } ?>

หนำ deletecus.php

<!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>Untitled Document</title>

</head>

<body>

<?

$hostname = "localhost"; //ชอโฮสต

$user = "root"; //ชอผใช

$password = "1234"; //รหสผาน

$dbname = "sumetdesign"; //ชอฐานขอมล

$tblname1 = "customer";

$tblname2 = "evaluate";

$tblname3 = "service";

Page 87: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

87

$tblname4 = "customerservice";

// เรมตดตอฐานขอมล

mysql_connect($hostname, $user, $password) or die("ตดตอฐานขอมลไมได");

// เลอกฐานขอมล

mysql_select_db($dbname) or die("เลอกฐานขอมลไมได");

include ("connect.php");

////////////////////////////////////////////////////

$sql = "delete from $tblname1 where cusid='$cusid'";

$dbquery = mysql_db_query($dbname, $sql);

////////////////////////////////////////////////////

$sql = "delete from $tblname2 where cusid='$cusid'";

$dbquery = mysql_db_query($dbname, $sql);

////////////////////////////////////////////////////

$sql = "delete from $tblname4 where cusid='$cusid'";

$dbquery = mysql_db_query($dbname, $sql);

////////////////////////////////////////////////////

echo "<meta http-equiv=\"refresh\"

content=\"1;URL=http://localhost:8080/sumetdesign/adminindex.php\">";

?>

Page 88: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

88

</body>

</html>

หนำ editquest.php

<? session_start();

if($_SESSION['logid'] != ""){

/////////////////////////////// ?>

<!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>แกไขค าถาม</title>

</head>

<body>

<?

$hostname = "localhost"; //ชอโฮสต

$user = "root"; //ชอผใช

$password = "1234"; //รหสผาน

$dbname = "sumetdesign"; //ชอฐานขอมล

Page 89: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

89

$tblname1 = "customer";

$tblname2 = "evaluate";

$tblname3 = "service";

$tblname4 = "customerservice";

$tblname5 = "question";

// เรมตดตอฐานขอมล

mysql_connect($hostname, $user, $password) or die("ตดตอฐานขอมลไมได");

// เลอกฐานขอมล

mysql_select_db($dbname) or die("เลอกฐานขอมลไมได");

////////////////////

include "connect.php";

///////////////////////////////////////////////////////

$sql = "select * from $tblname5";

$dbquery = mysql_db_query($dbname, $sql);

$row = mysql_fetch_array($dbquery);

$questionid = $row['questionid'];

$questiondetail1 = $row['questiondetail1'];

$questiondetail2 = $row['questiondetail2'];

$questiondetail3 = $row['questiondetail3'];

$questiondetail4 = $row['questiondetail4'];

Page 90: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

90

$questiondetail5 = $row['questiondetail5'];

///////////////////////////////////////////////////////

?>

<table align="center" width="80%">

<tr>

<td align="center">

<? include ("inc.header.php"); ?>

</td>

</tr>

<tr>

<td align="center" bgcolor="#FFC993">

<br>

<h2>เปลยนค าถามแบบประเมน</h2><br><br><br>

<form name="form1" id="form1" method="post" action="updatequest.php">

<input type="hidden" name="questionid" id="questionid" value="<?=$questionid?>">

<table width="90%">

<tr>

<td align="right"><b>ค าถามท 1</b></td>

<td>

Page 91: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

91

<input type="text" name="questiondetail1" id="questiondetail1" size="100"

value="<?=$questiondetail1?>">

</td>

</tr>

<tr>

<td align="right"><b>ค าถามท 2</b></td>

<td>

<input type="text" name="questiondetail2" id="questiondetail2" size="100"

value="<?=$questiondetail2?>">

</td>

</tr>

<tr>

<td align="right"><b>ค าถามท 3</b></td>

<td>

<input type="text" name="questiondetail3" id="questiondetail3" size="100"

value="<?=$questiondetail3?>">

</td>

</tr>

<tr>

<td align="right"><b>ค าถามท 4</b></td>

<td>

Page 92: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

92

<input type="text" name="questiondetail4" id="questiondetail4" size="100"

value="<?=$questiondetail4?>">

</td>

</tr>

<tr>

<td align="right"><b>ค าถามท 5</b></td>

<td>

<input type="text" name="questiondetail5" id="questiondetail5" size="100"

value="<?=$questiondetail5?>">

</td>

</tr>

<tr>

<td colspan="2">

<br><br>

<input type="submit" name="submit" value="ยนยนการเปลยนค าถาม">

</td>

</tr>

</table>

</form>

<br><br>

Page 93: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

93

<? include ("inc.backadmin.php") ?>

<br><br><br><br><br>

</td>

</tr>

<tr>

<td align="center">

<? include ("inc.footer.php"); ?>

</td>

</tr>

</table>

</body>

</html>

<? }else{ echo "<meta http-equiv=\"refresh\" content=\"0;URL=loginerror.php\" />"; } ?>

หนำ graphservice.php

<?

include ("jpgraph-3.5.0b1/src/jpgraph.php");

include ("jpgraph-3.5.0b1/src/jpgraph_bar.php");

$hostname = "localhost"; //ชอโฮสต

$user = "root"; //ชอผใช

$password = "1234"; //รหสผาน

Page 94: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

94

$dbname = "sumetdesign"; //ชอฐานขอมล

$tblname1 = "customer";

$tblname2 = "evaluate";

$tblname3 = "service";

$tblname4 = "customerservice";

$tblname5 = "question";

// เรมตดตอฐานขอมล

mysql_connect($hostname, $user, $password) or die("ตดตอฐานขอมลไมได");

// เลอกฐานขอมล

mysql_select_db($dbname) or die("เลอกฐานขอมลไมได");

////////////////////////////////////////////////////

include ("connect.php");

////////////////////////////////////////////////////

$sql = "select * from $tblname3";

$dbquery = mysql_db_query($dbname, $sql);

////////////////////////////////////////////////////

$datay=array();

while($row = mysql_fetch_array($dbquery))

{

$datay[] = $row["countservice"];

Page 95: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

95

}

// Create the graph.

$graph = new Graph(650,500);

$graph->SetScale("textlin");

$graph->xaxis->title->Set("Serviceid");

$graph->xaxis->title->SetFont(FF_ARIAL,FS_BOLD,15);

$graph->yaxis->title->Set("Count of Service");

$graph->yaxis->title->SetFont(FF_ARIAL,FS_BOLD,15);

$graph->SetMarginColor('navy:1.9');

$graph->SetBox();

$graph->title->Set('Show Service Coustomer');

$graph->title->SetFont(FF_ARIAL,FS_BOLD,20);

$graph->SetTitleBackground('lightblue:1.3',TITLEBKG_STYLE2,TITLEBKG_FRAME_BEVEL);

$graph->SetTitleBackgroundFillStyle(TITLEBKG_FILLSTYLE_HSTRIPED,'orange','yellow');

Page 96: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

96

// Create a bar pot

$bplot = new BarPlot($datay);

$bplot->SetFillColor('black');

$bplot->SetWidth(0.6);

$graph->xaxis->SetFont(FF_ARIAL,FS_BOLD,20);

$graph->xaxis->SetLabelAngle(2);

$bplot->SetPattern(PATTERN_CROSS1,'navy');

$graph->Add($bplot);

$graph->Stroke();

?>

หนำ inc.back.php

<a href="index.php"><img src="images/home.jpg" width="40" height="40" alt="กลบสหนาหลก"></a>

หนำ inc.backadmin.php

<a href="adminindex.php"><img src="images/home.jpg" width="40" height="40" alt="กลบสหนา

หลก"></a>

หนำ inc.header.php

<img src="images/header.jpg" width="100%">

Page 97: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

97

หนำ inc.footer.php

<img src="images/footer.jpg" width="100%">

หนำ index.php

<!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>sumet-design บรการตกแตงภายในบาน</title>

</head>

<body>

<?

$hostname = "localhost"; //ชอโฮสต

$user = "root"; //ชอผใช

$password = "1234"; //รหสผาน

$dbname = "sumetdesign"; //ชอฐานขอมล

$tblname = "customer";

// เรมตดตอฐานขอมล

Page 98: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

98

mysql_connect($hostname, $user, $password) or die("ตดตอฐานขอมลไมได");

// เลอกฐานขอมล

mysql_select_db($dbname) or die("เลอกฐานขอมลไมได");

//////////////

include "connect.php";

//////////////

$lpp = 10;

$p = $_GET['p'];

if (!$p)

$p = 1;

$result = mysql_query("SELECT COUNT(*) a FROM $tblname");

$object = mysql_fetch_object($result);

$allrec = $object->a;

@mysql_free_result($result);

unset($object);

unset($result);

$allpage = ceil($allrec/$lpp);

if ($p > $allpage)

$p = $allpage;

if ($p < 1)

Page 99: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

99

$p = 1;

$startrec = ($p - 1) * $lpp;

?>

<table align="center" width="80%">

<tr>

<td align="right" bgcolor="#FF9900">

<form name="form1" method="post" action="check.php">

Username :

<input type="text" name="username_log" size="13">

Password :

<input type="password" name="password_log" size="13">

<input type="submit" name="Submit" value="Login">

</form>

</td>

</tr>

<tr>

<td>

<? include ("inc.header.php"); ?>

</td>

Page 100: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

100

</tr>

<tr>

<td valign="top" align="center" bgcolor="#FFC993">

<br>

<table align="right" border="0">

<tr>

<td align="right"><a href="showevaluateall.php"><img src="images/evaluate.jpg" width="50"

height="50" alt="ดคะแนนการประเมน"/><br>ดคะแนนการประเมน</a></td>

<td align="right">

<a href="countservice.php"><img src="images/Search-icon.png" width="50" height="50" alt="ดรายการ

บรการ"/><br>ดรายการบรการ</a>

</td>

</tr>

</table>

<br><br>

<h3>รายชอลกคาทใชบรการกบทางราน</h3>

<br><br>

<table border="1" width="80%" bordercolor="#000000">

<tr height="40" bgcolor="#CCCCCC">

<td width="20%">ล าดบท</td>

Page 101: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

101

<td width="53%">ชอ-นามสกล</td>

<td width="27%">ดแบบประเมนความพงพอใจ</td>

</tr>

<?

$i = 0;

$sql = "select * from $tblname ORDER BY cusid DESC LIMIT $startrec, $lpp";

$result = mysql_query($sql);

while($row = mysql_fetch_array($result)){

$cusid = $row['cusid'];

$cusname = $row['cusname'];

$cussurname = $row['cussurname'];

//////////////////////////////////

$i++;

?>

<tr>

<td><?=$i ?></td>

<td><?="คณ"." ".$cusname." ".$cussurname ?></td>

<td><A href="showservicecustomer.php?cusid=<?=$cusid?>"><img src="images/lookservice.png"

width="40" height="40"></A></td>

</tr>

Page 102: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

102

<?

}

?>

</table><br>

<?

if ($p > 1)

echo "[<a href=$PHP_SELF?p=".($p-1).">prev</a>] ";

else

echo "[prev]";

for ($i = 1; $i <= $allpage; $i++) {

if ($i == $p)

echo " $i ";

else

echo "<a href=$PHP_SELF?p=".($i)."> $i </a>";

}

if ($p < $allpage)

echo "[<a href=$PHP_SELF?p=".($p+1).">next</a>] ";

else

echo "[next]";

Page 103: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

103

?>

<br><br>

<img src="images/category.jpg" />

<br>

<img src="images/present.jpg" />

<br>

<iframe width="560" height="315" src="//www.youtube.com/embed/6GopoOiJgD0" frameborder="0"

allowfullscreen></iframe>

<br><br>

<img src="images/guarantee.jpg">

<br>

<br>

</td>

</tr>

<tr>

<td>

<? include ("inc.footer.php"); ?>

</td>

</tr>

Page 104: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

104

</table>

</body>

</html>

หนำ loginerror.php

<!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>Untitled Document</title>

</head>

<body>

<table align="center" width="80%">

<tr>

<td align="center">

<? include ("inc.header.php"); ?>

</td>

</tr>

<tr>

Page 105: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

105

<td align="center" bgcolor="#FFC993" valign="middle" height="400">

<h1>หนานใชไดเฉพาะ Admin เทานน<br><br>

</h1>

<meta http-equiv="refresh" content="2;URL=http://localhost:8080/sumetdesign/index.php">

</td>

</tr>

<tr>

<td align="center">

<? include ("inc.footer.php"); ?>

</td>

</tr>

</table>

</body>

</html>

หนำ logout.php

<?

session_start();

session_destroy();

header("location:index.php");

?>

Page 106: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

106

หนำ showevaluateall.php

<!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>แสดงคะแนนการประเมนทงหมด</title>

</head>

<body>

<?

$hostname = "localhost"; //ชอโฮสต

$user = "root"; //ชอผใช

$password = "1234"; //รหสผาน

$dbname = "sumetdesign"; //ชอฐานขอมล

$tblname1 = "customer";

$tblname2 = "evaluate";

$tblname3 = "service";

$tblname4 = "customerservice";

$tblname5 = "question";

Page 107: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

107

// เรมตดตอฐานขอมล

mysql_connect($hostname, $user, $password) or die("ตดตอฐานขอมลไมได");

// เลอกฐานขอมล

mysql_select_db($dbname) or die("เลอกฐานขอมลไมได");

////////////////////////////////////////////////////

include ("connect.php");

///////////////////////////////////////////////////////

$sql = "select * from $tblname5";

$dbquery = mysql_db_query($dbname, $sql);

$row = mysql_fetch_array($dbquery);

$questionid = $row['questionid'];

$questiondetail1 = $row['questiondetail1'];

$questiondetail2 = $row['questiondetail2'];

$questiondetail3 = $row['questiondetail3'];

$questiondetail4 = $row['questiondetail4'];

$questiondetail5 = $row['questiondetail5'];

///////////////////////////////////////////////////////

?>

<table align="center" width="80%">

<tr>

Page 108: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

108

<td align="center">

<? include ("inc.header.php"); ?>

</td>

</tr>

<tr>

<td align="center" bgcolor="#FFC993"><br><br>

<h2>คะแนนการประเมนทงสน</h2>

<br>

คะแนนเตม 5 คะแนน

<br>

<table bordercolor="#000000" border="1px" width="90%">

<tr height="40" bgcolor="#CCCCCC">

<td><b>ล าดบท</b></td>

<td><b><?=$questiondetail1?> / คะแนน</b></td>

<td><b><?=$questiondetail2?> / คะแนน</b></td>

<td><b><?=$questiondetail3?> / คะแนน</b></td>

<td><b><?=$questiondetail4?> / คะแนน</b></td>

<td><b><?=$questiondetail5?> / คะแนน</b></td>

</tr>

<?

Page 109: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

109

$sql = "select * from $tblname2";

$dbquery = mysql_db_query($dbname, $sql);

$i=0;

while($row = mysql_fetch_array($dbquery)){

$pointquestion1 = $row['pointquestion1'];

$pointquestion2 = $row['pointquestion2'];

$pointquestion3 = $row['pointquestion3'];

$pointquestion4 = $row['pointquestion4'];

$pointquestion5 = $row['pointquestion5'];

$i++;

///////////////////////////////////////////////////////

$pointquestiontotal1 += $pointquestion1;

$pointquestiontotal2 += $pointquestion2;

$pointquestiontotal3 += $pointquestion3;

$pointquestiontotal4 += $pointquestion4;

$pointquestiontotal5 += $pointquestion5;

///////////////////////////////////////////////////////

$pointquestiontotals1 = $pointquestiontotal1/$i;

$pointquestiontotals2 = $pointquestiontotal2/$i;

$pointquestiontotals3 = $pointquestiontotal3/$i;

Page 110: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

110

$pointquestiontotals4 = $pointquestiontotal4/$i;

$pointquestiontotals5 = $pointquestiontotal5/$i;

///////////////////////////////////////////////////////

$pointquestiontotals1 = number_format($pointquestiontotals1, 2, '.', '');

$pointquestiontotals2 = number_format($pointquestiontotals2, 2, '.', '');

$pointquestiontotals3 = number_format($pointquestiontotals3, 2, '.', '');

$pointquestiontotals4 = number_format($pointquestiontotals4, 2, '.', '');

$pointquestiontotals5 = number_format($pointquestiontotals5, 2, '.', '');

///////////////////////////////////////////////////////

?>

<tr>

<td><?=$i?></td>

<td><?=$pointquestion1?></td>

<td><?=$pointquestion2?></td>

<td><?=$pointquestion3?></td>

<td><?=$pointquestion4?></td>

<td><?=$pointquestion5?></td>

</tr>

<?

}

Page 111: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

111

?>

<tr>

<td><b>คะแนนเฉลย</b></td>

<td><?=$pointquestiontotals1." "."คะแนน"?></td>

<td><?=$pointquestiontotals2." "."คะแนน"?></td>

<td><?=$pointquestiontotals3." "."คะแนน"?></td>

<td><?=$pointquestiontotals4." "."คะแนน"?></td>

<td><?=$pointquestiontotals5." "."คะแนน"?></td>

</tr>

</table>

<br><br>

<? include ("inc.back.php"); ?>

<br><br>

</td>

</tr>

<tr>

<td align="center">

<? include ("inc.footer.php"); ?>

</td>

</tr>

Page 112: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

112

</table>

</body>

</html>

หนำ showevaluatealladmin.php

<!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>แสดงคะแนนการประเมนทงหมด</title>

</head>

<body>

<?

$hostname = "localhost"; //ชอโฮสต

$user = "root"; //ชอผใช

$password = "1234"; //รหสผาน

$dbname = "sumetdesign"; //ชอฐานขอมล

$tblname1 = "customer";

$tblname2 = "evaluate";

Page 113: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

113

$tblname3 = "service";

$tblname4 = "customerservice";

$tblname5 = "question";

// เรมตดตอฐานขอมล

mysql_connect($hostname, $user, $password) or die("ตดตอฐานขอมลไมได");

// เลอกฐานขอมล

mysql_select_db($dbname) or die("เลอกฐานขอมลไมได");

////////////////////////////////////////////////////

include ("connect.php");

///////////////////////////////////////////////////////

$sql = "select * from $tblname5";

$dbquery = mysql_db_query($dbname, $sql);

$row = mysql_fetch_array($dbquery);

$questionid = $row['questionid'];

$questiondetail1 = $row['questiondetail1'];

$questiondetail2 = $row['questiondetail2'];

$questiondetail3 = $row['questiondetail3'];

$questiondetail4 = $row['questiondetail4'];

$questiondetail5 = $row['questiondetail5'];

///////////////////////////////////////////////////////

Page 114: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

114

?>

<table align="center" width="80%">

<tr>

<td align="center">

<? include ("inc.header.php"); ?>

</td>

</tr>

<tr>

<td align="center" bgcolor="#FFC993"><br><br>

<h2>คะแนนการประเมนทงสน</h2>

<br>

คะแนนเตม 5 คะแนน

<br>

<table bordercolor="#000000" border="1px" width="90%">

<tr height="40" bgcolor="#CCCCCC">

<td><b>ล าดบท</b></td>

<td><b><?=$questiondetail1?> / คะแนน</b></td>

<td><b><?=$questiondetail2?> / คะแนน</b></td>

<td><b><?=$questiondetail3?> / คะแนน</b></td>

<td><b><?=$questiondetail4?> / คะแนน</b></td>

Page 115: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

115

<td><b><?=$questiondetail5?> / คะแนน</b></td>

</tr>

<?

$sql = "select * from $tblname2";

$dbquery = mysql_db_query($dbname, $sql);

$i=0;

while($row = mysql_fetch_array($dbquery)){

$pointquestion1 = $row['pointquestion1'];

$pointquestion2 = $row['pointquestion2'];

$pointquestion3 = $row['pointquestion3'];

$pointquestion4 = $row['pointquestion4'];

$pointquestion5 = $row['pointquestion5'];

$i++;

///////////////////////////////////////////////////////

$pointquestiontotal1 += $pointquestion1;

$pointquestiontotal2 += $pointquestion2;

$pointquestiontotal3 += $pointquestion3;

$pointquestiontotal4 += $pointquestion4;

$pointquestiontotal5 += $pointquestion5;

///////////////////////////////////////////////////////

Page 116: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

116

$pointquestiontotals1 = $pointquestiontotal1/$i;

$pointquestiontotals2 = $pointquestiontotal2/$i;

$pointquestiontotals3 = $pointquestiontotal3/$i;

$pointquestiontotals4 = $pointquestiontotal4/$i;

$pointquestiontotals5 = $pointquestiontotal5/$i;

///////////////////////////////////////////////////////

$pointquestiontotals1 = number_format($pointquestiontotals1, 2, '.', '');

$pointquestiontotals2 = number_format($pointquestiontotals2, 2, '.', '');

$pointquestiontotals3 = number_format($pointquestiontotals3, 2, '.', '');

$pointquestiontotals4 = number_format($pointquestiontotals4, 2, '.', '');

$pointquestiontotals5 = number_format($pointquestiontotals5, 2, '.', '');

///////////////////////////////////////////////////////

?>

<tr>

<td><?=$i?></td>

<td><?=$pointquestion1?></td>

<td><?=$pointquestion2?></td>

<td><?=$pointquestion3?></td>

<td><?=$pointquestion4?></td>

<td><?=$pointquestion5?></td>

Page 117: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

117

</tr>

<?

}

?>

<tr>

<td><b>คะแนนเฉลย</b></td>

<td><?=$pointquestiontotals1." "."คะแนน"?></td>

<td><?=$pointquestiontotals2." "."คะแนน"?></td>

<td><?=$pointquestiontotals3." "."คะแนน"?></td>

<td><?=$pointquestiontotals4." "."คะแนน"?></td>

<td><?=$pointquestiontotals5." "."คะแนน"?></td>

</tr>

</table>

<br><br>

<? include ("inc.backadmin.php"); ?>

<br><br>

</td>

</tr>

<tr>

<td align="center">

Page 118: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

118

<? include ("inc.footer.php"); ?>

</td>

</tr>

</table>

</body>

</html>

หนำ showservicecustomer.php

<!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>รปแบบบรการ</title>

</head>

<body>

<?

$hostname = "localhost"; //ชอโฮสต

$user = "root"; //ชอผใช

$password = "1234"; //รหสผาน

Page 119: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

119

$dbname = "sumetdesign"; //ชอฐานขอมล

$tblname1 = "customer";

$tblname2 = "evaluate";

$tblname3 = "service";

$tblname4 = "customerservice";

$tblname5 = "question";

// เรมตดตอฐานขอมล

mysql_connect($hostname, $user, $password) or die("ตดตอฐานขอมลไมได");

// เลอกฐานขอมล

mysql_select_db($dbname) or die("เลอกฐานขอมลไมได");

////////////////////

include "connect.php";

////////////////////

$sql = "select * from $tblname1 where cusid='$cusid'";

$dbquery = mysql_db_query($dbname, $sql);

$row = mysql_fetch_array($dbquery);

$cusname = $row['cusname'];

$cussurname = $row['cussurname'];

$address = $row['address'];

Page 120: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

120

$tel = $row['tel'];

$email = $row['email'];

///////////////////////////////////////////////////////

$sql = "select * from $tblname4 where cusid='$cusid'";

$dbquery = mysql_db_query($dbname, $sql);

$row = mysql_fetch_array($dbquery);

$serviceid1 = $row['serviceid1'];

$serviceid2 = $row['serviceid2'];

$serviceid3 = $row['serviceid3'];

$serviceid4 = $row['serviceid4'];

$evaid = $row['evaid'];

///////////////////////////////////////////////////////

$sql = "select * from $tblname2 where evaid='$evaid'";

$dbquery = mysql_db_query($dbname, $sql);

$row = mysql_fetch_array($dbquery);

$pointquestion1 = $row['pointquestion1'];

$pointquestion2 = $row['pointquestion2'];

$pointquestion3 = $row['pointquestion3'];

$pointquestion4 = $row['pointquestion4'];

$pointquestion5 = $row['pointquestion5'];

Page 121: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

121

///////////////////////////////////////////////////////

$sql = "select * from $tblname3 where serviceid='$serviceid1'";

$dbquery = mysql_db_query($dbname, $sql);

$row = mysql_fetch_array($dbquery);

$serviceid1 = $row['servicedetail'];

///////////////////////////////////////////////////////

$sql = "select * from $tblname3 where serviceid='$serviceid2'";

$dbquery = mysql_db_query($dbname, $sql);

$row = mysql_fetch_array($dbquery);

$serviceid2 = $row['servicedetail'];

///////////////////////////////////////////////////////

$sql = "select * from $tblname3 where serviceid='$serviceid3'";

$dbquery = mysql_db_query($dbname, $sql);

$row = mysql_fetch_array($dbquery);

$serviceid3 = $row['servicedetail'];

///////////////////////////////////////////////////////

$sql = "select * from $tblname3 where serviceid='$serviceid4'";

$dbquery = mysql_db_query($dbname, $sql);

$row = mysql_fetch_array($dbquery);

$serviceid4 = $row['servicedetail'];

Page 122: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

122

///////////////////////////////////////////////////////

$sql = "select * from $tblname5";

$dbquery = mysql_db_query($dbname, $sql);

$row = mysql_fetch_array($dbquery);

$questiondetail1 = $row['questiondetail1'];

$questiondetail2 = $row['questiondetail2'];

$questiondetail3 = $row['questiondetail3'];

$questiondetail4 = $row['questiondetail4'];

$questiondetail5 = $row['questiondetail5'];

///////////////////////////////////////////////////////

?>

<table align="center" width="80%">

<tr>

<td align="center">

<? include ("inc.header.php"); ?>

</td>

</tr>

<tr>

<td align="center" bgcolor="#FFC993">

<br>

Page 123: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

123

<h2>รายละเอยดการบรการลกคา</h2>

<br><br>

<table align="center">

<tr>

<td align="right">

ชอ - นามสกล

</td>

<td>

:

</td>

<td align="left">

คณ<?=$cusname." "." ".$cussurname?>

</td>

</tr>

<tr>

<td align="right">

ทอย

</td>

<td>

:

Page 124: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

124

</td>

<td align="left">

<?=$address?>

</td>

</tr>

<tr>

<td align="right">

เบอรโทรศพท

</td>

<td>

:

</td>

<td align="left">

<?=$tel?>

</td>

</tr>

<tr>

<td align="right">

อเมล

</td>

Page 125: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

125

<td>

:

</td>

<td align="left">

<?=$email?>

</td>

</tr>

</table>

<h2>บรการทลกคาเลอกใช</h2>

<br><br>

<table>

<tr>

<td>

<?=$serviceid1?>

</td>

</tr>

<tr>

<td>

<?=$serviceid2?>

</td>

Page 126: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

126

</tr>

<tr>

<td>

<?=$serviceid3?>

</td>

</tr>

<tr>

<td>

<?=$serviceid4?>

</td>

</tr>

</table>

<br><br>

<h2>แบบประเมนการบรการ</h2>

<table border="1px" bordercolor="#000000">

<tr height="40" bgcolor="#CCCCCC">

<td>

ค าถามแบบประเมน

</td>

<td>

Page 127: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

127

คะแนนการประเมน

</td>

</tr>

<tr>

<td align="left">

<?=$questiondetail1?>

</td>

<td>

<?=$pointquestion1?>

</td>

</tr>

<tr>

<td align="left">

<?=$questiondetail2?>

</td>

<td>

<?=$pointquestion2?>

</td>

</tr>

<tr>

Page 128: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

128

<td align="left">

<?=$questiondetail3?>

</td>

<td>

<?=$pointquestion3?>

</td>

</tr>

<tr>

<td align="left">

<?=$questiondetail4?>

</td>

<td>

<?=$pointquestion4?>

</td>

</tr>

<tr>

<td align="left">

<?=$questiondetail5?>

</td>

<td>

Page 129: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

129

<?=$pointquestion5?>

</td>

</tr>

</table>

<br><br>

<? include ("inc.back.php") ?>

<br><br>

</td>

</tr>

<tr>

<td align="center">

<? include ("inc.footer.php"); ?>

</td>

</tr>

</table>

</body>

</html>

หนำ showservicecustomeradmin.php

<? session_start();

if($_SESSION['logid'] != ""){

Page 130: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

130

/////////////////////////////// ?>

<!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>รปแบบบรการ</title>

</head>

<body>

<?

$hostname = "localhost"; //ชอโฮสต

$user = "root"; //ชอผใช

$password = "1234"; //รหสผาน

$dbname = "sumetdesign"; //ชอฐานขอมล

$tblname1 = "customer";

$tblname2 = "evaluate";

$tblname3 = "service";

$tblname4 = "customerservice";

$tblname5 = "question";

Page 131: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

131

// เรมตดตอฐานขอมล

mysql_connect($hostname, $user, $password) or die("ตดตอฐานขอมลไมได");

// เลอกฐานขอมล

mysql_select_db($dbname) or die("เลอกฐานขอมลไมได");

////////////////////

include "connect.php";

////////////////////

$sql = "select * from $tblname1 where cusid='$cusid'";

$dbquery = mysql_db_query($dbname, $sql);

$row = mysql_fetch_array($dbquery);

$cusname = $row['cusname'];

$cussurname = $row['cussurname'];

$address = $row['address'];

$tel = $row['tel'];

$email = $row['email'];

///////////////////////////////////////////////////////

$sql = "select * from $tblname4 where cusid='$cusid'";

$dbquery = mysql_db_query($dbname, $sql);

$row = mysql_fetch_array($dbquery);

Page 132: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

132

$serviceid1 = $row['serviceid1'];

$serviceid2 = $row['serviceid2'];

$serviceid3 = $row['serviceid3'];

$serviceid4 = $row['serviceid4'];

$evaid = $row['evaid'];

///////////////////////////////////////////////////////

$sql = "select * from $tblname2 where evaid='$evaid'";

$dbquery = mysql_db_query($dbname, $sql);

$row = mysql_fetch_array($dbquery);

$pointquestion1 = $row['pointquestion1'];

$pointquestion2 = $row['pointquestion2'];

$pointquestion3 = $row['pointquestion3'];

$pointquestion4 = $row['pointquestion4'];

$pointquestion5 = $row['pointquestion5'];

///////////////////////////////////////////////////////

$sql = "select * from $tblname3 where serviceid='$serviceid1'";

$dbquery = mysql_db_query($dbname, $sql);

$row = mysql_fetch_array($dbquery);

$serviceid1 = $row['servicedetail'];

///////////////////////////////////////////////////////

Page 133: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

133

$sql = "select * from $tblname3 where serviceid='$serviceid2'";

$dbquery = mysql_db_query($dbname, $sql);

$row = mysql_fetch_array($dbquery);

$serviceid2 = $row['servicedetail'];

///////////////////////////////////////////////////////

$sql = "select * from $tblname3 where serviceid='$serviceid3'";

$dbquery = mysql_db_query($dbname, $sql);

$row = mysql_fetch_array($dbquery);

$serviceid3 = $row['servicedetail'];

///////////////////////////////////////////////////////

$sql = "select * from $tblname3 where serviceid='$serviceid4'";

$dbquery = mysql_db_query($dbname, $sql);

$row = mysql_fetch_array($dbquery);

$serviceid4 = $row['servicedetail'];

///////////////////////////////////////////////////////

$sql = "select * from $tblname5";

$dbquery = mysql_db_query($dbname, $sql);

$row = mysql_fetch_array($dbquery);

$questiondetail1 = $row['questiondetail1'];

$questiondetail2 = $row['questiondetail2'];

Page 134: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

134

$questiondetail3 = $row['questiondetail3'];

$questiondetail4 = $row['questiondetail4'];

$questiondetail5 = $row['questiondetail5'];

///////////////////////////////////////////////////////

?>

<table align="center" width="80%">

<tr>

<td align="center">

<? include ("inc.header.php"); ?>

</td>

</tr>

<tr>

<td align="center" bgcolor="#FFC993">

<br>

<h2>รายละเอยดการบรการลกคา</h2>

<br><br>

<table align="center">

<tr>

<td align="right">

ชอ - นามสกล

Page 135: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

135

</td>

<td>

:

</td>

<td align="left">

คณ<?=$cusname." "." ".$cussurname?>

</td>

</tr>

<tr>

<td align="right">

ทอย

</td>

<td>

:

</td>

<td align="left">

<?=$address?>

</td>

</tr>

<tr>

Page 136: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

136

<td align="right">

เบอรโทรศพท

</td>

<td>

:

</td>

<td align="left">

<?=$tel?>

</td>

</tr>

<tr>

<td align="right">

อเมล

</td>

<td>

:

</td>

<td align="left">

<?=$email?>

</td>

Page 137: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

137

</tr>

</table>

<h2>บรการทลกคาเลอกใช</h2>

<br><br>

<table>

<tr>

<td>

<?=$serviceid1?>

</td>

</tr>

<tr>

<td>

<?=$serviceid2?>

</td>

</tr>

<tr>

<td>

<?=$serviceid3?>

</td>

</tr>

Page 138: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

138

<tr>

<td>

<?=$serviceid4?>

</td>

</tr>

</table>

<br><br>

<h2>แบบประเมนการบรการ</h2>

<table border="1px" bordercolor="#000000">

<tr height="40" bgcolor="#CCCCCC">

<td>

ค าถามแบบประเมน

</td>

<td>

คะแนนการประเมน

</td>

</tr>

<tr>

<td align="left">

<?=$questiondetail1?>

Page 139: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

139

</td>

<td>

<?=$pointquestion1?>

</td>

</tr>

<tr>

<td align="left">

<?=$questiondetail2?>

</td>

<td>

<?=$pointquestion2?>

</td>

</tr>

<tr>

<td align="left">

<?=$questiondetail3?>

</td>

<td>

<?=$pointquestion3?>

</td>

Page 140: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

140

</tr>

<tr>

<td align="left">

<?=$questiondetail4?>

</td>

<td>

<?=$pointquestion4?>

</td>

</tr>

<tr>

<td align="left">

<?=$questiondetail5?>

</td>

<td>

<?=$pointquestion5?>

</td>

</tr>

</table>

<br><br>

<? include ("inc.backadmin.php") ?>

Page 141: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

141

<br><br>

</td>

</tr>

<tr>

<td align="center">

<? include ("inc.footer.php"); ?>

</td>

</tr>

</table>

</body>

</html>

<? }else{ echo "<meta http-equiv=\"refresh\" content=\"0;URL=loginerror.php\" />"; } ?>

หนำ updatequest.php

<!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>Untitled Document</title>

</head>

Page 142: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

142

<body>

<?

$hostname = "localhost"; //ชอโฮสต

$user = "root"; //ชอผใช

$password = "1234"; //รหสผาน

$dbname = "sumetdesign"; //ชอฐานขอมล

$tblname1 = "question";

// เรมตดตอฐานขอมล

mysql_connect($hostname, $user, $password) or die("ตดตอฐานขอมลไมได");

// เลอกฐานขอมล

mysql_select_db($dbname) or die("เลอกฐานขอมลไมได");

////////////////////

include "connect.php";

////////////////////

$questionid = $_POST[questionid];

$questiondetail1 = $_POST[questiondetail1];

$questiondetail2 = $_POST[questiondetail2];

$questiondetail3 = $_POST[questiondetail3];

$questiondetail4 = $_POST[questiondetail4];

Page 143: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

143

$questiondetail5 = $_POST[questiondetail5];

////////////////////////////////////////////////////////////////////////////////

$sql = "update $tblname1 set questionid=questionid, questiondetail1='$questiondetail1',

questiondetail2='$questiondetail2', questiondetail3='$questiondetail3', questiondetail4='$questiondetail4',

questiondetail5='$questiondetail5' where questionid=$questionid";

$dbquery = mysql_db_query($dbname, $sql);

////////////////////////////////////////////////////////////////////////////////

echo "<meta http-equiv=\"refresh\"

content=\"1;URL=http://localhost:8080/sumetdesign/adminindex.php\">";

?>

</body>

</html>

Page 144: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

144

บทท 4

ผลกำรด ำเนนงำน

ผลกำรศกษำ

จากการทไดท าการศกษาหาขอมลจากพ ๆ ทมความรมประสบการณภายในเขตอตสาหกรรม

ซอฟตแวรประเทศไทย และจากอาจารยทปรกษา รวมทงการหาขอมลตาง ๆ จากแหลงความร ท าใหไดรบ

ความรในดานการเขยนโปรแกรม จนสามารถสรางเปนระบบการบรการลกคาของทางรานสเมธดไซน

รวมถงไดใชเทคนคตาง ๆ เชนการตกแตงใหสวยงาม การเพมลกเลนโดยใชภาษา JavaScript ซงท าใหได

เทคนคเหลานนมาเพอชวยน ามาประยกตใชใหระบบมลกเลนและความสมบรณแบบ ดงตอไปน

หนา index.php

รปท 8.1

Page 145: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

145

สวนทใช login เขาสระบบ

รปท 8.2

หนา adminindex.php

รปท 8.3

Page 146: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

146

ป ม ดการบรการ

รปท 8.4

หนา showservicecustomeradmin.php

รปท 8.5

Page 147: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

147

ป ม ดคะแนนการประเมน

รปท 8.6

หนา showevaluatealladmin.php

รปท 8.7

ป ม ลบขอมลลกคา

รปท 8.8

Page 148: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

148

รปท 8.9

ป มเปลยนค าถามการประเมน

รปท 8.10

Page 149: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

149

หนา editquest.php

รปท 8.11

ป ม ดรายการบรการทงหมด

รปท 8.12

Page 150: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

150

หนา countserviceadmin.php

รปท 8.13

ป มเพมการบรการลกคา

รปท 8.14

Page 151: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

151

หนา addcustomerservice.php

รปท 8.15

Page 152: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

152

วเครำะหผลกำรศกษำ

ภาษา PHP นนไดรบการพฒนาและออกแบบมาเพอใหใชงานในการสรางเอกสารแบบ HTML โดย

สามารถสอดแทรกหรอแกไขเนอหาไดโดยอตโนมต เปนเครองมอทส าคญชนดหนง ทชวยใหสามารถสราง

เอกสารแบบ Dynamic HTML ไดอยางมประสทธภาพและมลกเลนมากขน และมสวนเชอมตอกบเครองมอ

ชนดอน เชน ตดตอกบคลงขอมลหรอ Database ดวยเหตผลทงหมดทกลาวมาจงท าใหภาษา PHP ไดรบ

ความนยมอยางแพรหลาย

จากการทขาพเจาไดจดท าระบบการบรการลกคาขนมานน เพอทจะเรมตนใหผใชงานเขาใจการ

ท างานของโปรแกรม Adobe Dreamweaver CS5 , Appserv และภาษา PHP สามารถตดตงโปรแกรม

ก าหนดคาของการใชงาน มความรความเขาใจในโคดตาง ๆ ดวยตนเอง โดยเรมจากการ เขยนโคด PHP

พนฐาน การหาขอมลและการศกษาของโคดเบองตนกอนการเขยนโคด PHP และ JavaScript ผทจะเรมใช

งานนนสามารถฝกเขยนโคดตาง ๆ ไดดวยตนเอง โดยเรมจากโคด PHP พนฐานและสงทส าคญอกยางหนง

คอ ความรความเขาใจเกยวกบฐานขอมล (Appserv) และโปรแกรม Adobe Dreamweaver ซงตองมทง 2 สง

นควบคกนไป

ซงผลของการศกษาน ท าใหขาพเจาไดเรยนรการท างานรวมกบผใชงานจรงและประสบการณจรง

ในการท าระบบนขนมา และ ท าใหขาพเจาสามารถน าความรทไดรบจากการท าโครงงานนสามารถน าความร

ทไดรบจากการฝกฝน ศกษาหาความรจากวธการใชโคด การใชโปรแกรมตาง ๆ เพอทจะน ามาใชสราง

ระบบตางๆ ไดอกมากมาย จากการศกษาในครงน ท าใหน าความรทไดมาใชใหเกดประโยชนในสวนของ

ความช านาญในการท างาน การใชโคดภาษาตาง ๆ ทเกยวกบการใชสรางระบบ อกทงยงสามารถน าความรท

ไดรบมานนมาใชในกาท างานจรง และ สามารถไปใชในชวตประจ าวนไดอกดวย

Page 153: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

153

บทท 5

บทสรปผลและขอเสนอแนะ

สรปผลกำรศกษำ

จากการทขาพเจาไดสรางระบบบรการลกคาของรานผประกอบการขนมานน ท าใหขาพเจาไดเรยนรใน

กระบวนการท างานตาง ๆ ทไดเรยนและศกษามานน ไดน ามาประยกตใชในการสรางระบบ ตงแตในสวน

ของการวเคราะหและออกแบบ การเกบรวบรวมขอมล ความตองการของผใชงาน การออกแบบการจดการ

ฐานขอมล และการน าโคดภาษาตาง ๆ นนเขามาประยกตใชกบการสรางออกแบบระบบขน เพอใหเปน

ระบบทมประสทธภาพสามารถใหระบบนใชงานไดจรงและมความถกตองในการด าเนนการ ซงพอจะ

สรปผลการด าเนนการไดดงน

1. ระบบบรการลกคาสามารถลดภาระของพนกงานในการเกบขอมล

2. ระบบบรการลกคาสามารถชวยใหธรกจประหยดตนทนและเวลา

3. ระบบบรการลกคาสามารถชวยลดความผดพลาดทเกดขน

4. ระบบบรการลกคาใหความสะดวกในการเกบขอมล ของลกคาแตละคนไดอยางถกตองครบถวน

5. ไดรจกการใชโปรแกรม Adobe Dreamweaver , Appserv และภาษา PHP ไดอยางมประสทธภาพ

6. ไดเรยนรและมประสบการณจรงในการท างาน ไดรบประโยชนหลาย ๆ อยางจากการเขยน

โปรแกรมระบบบรการลกคา

Page 154: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

154

ขอเสนอแนะ

จากการสรางระบบบรการลกคา ผพฒนามขอเสนอแนะ ดงน

1. การสรางระบบควรมการก าหนดจดประสงคใหแนนอนกอน

2. ผศกษาควรศกษาคนควา ท าความเขาใจกบวธการใชงานของโปรแกรมและโคดตาง ๆ เพอน ามา

พฒนาการเขยนโปรแกรมหรอเปนการตอยอดของโปรแกรมนน ๆ ตองหมนเรยนรและใหความ

สนใจในการใชโปรแกรมและการเขยนโคดเปนประจ าเพอใหเกดความช านาญและคนเคยกบ

โปรแกรมและโคดไดเปนอยางด

3. ผศกษาควรมการศกษาหาความรเพมเตมเกยวกบระบบทพฒนาอยสม าเสมอ

4. ควรมการเตรยมความพรอมในการเจอปญหาเฉพาะหนา เพราะการสรางหรอพฒนาระบบมาใหม

นนอาจจะเจอปญหาไมคาดคดได

5. ระบบจะมประสทธภาพมากทสด คอ ผใชงานระบบมความพงพอใจ มความงายตอการใชงานระบบ

ดงนนการพฒนาระบบจงตองวเคราะหความตองการของ ผใชงานโดยตรง

Page 155: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

155

เอกสำรอำงอง

PHP MySQL

http://www.thaicreate.com

การตดตง Appserv

http://www.appservnetwork.com/modules.php?name=Content&pa=showpage&pid=4

การตดตง Dreamweaver

http://www.thaigoodview.com/library/contest2552/type2/tech04/47/page/2_setup.html

Page 156: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

156

ภำคผนวก

คมอกำรใชงำนระบบเพมยอดขำยสนคำของผประกอบกำร

การใชงานระบบเพมยอดขายสนคามขนตอนตาง ๆ ดงน

1. Download Appservโดยเขาไปทเวบไซต http://www.appservnetwork.com ขนตอน Download และ

ตดตงไดกลาวไวหนา

2. มไฟลระบบขายสนคา ชอวา sumetdesign

3. Copy โฟลเดอร sumetdesign หลงจากนนเขาไปท Local Disk (C:) จะเจอโฟลเดอร Appservดบเบล

คลกเขาไป

รปท 9.1

4. จากนนดบเบลคลกไปทโฟลเดอร www

Page 157: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

157

รปท 9.2

5. Past โฟลเดอร sumetdesign ลงไปยงโฟลเดอร www เสรจขนตอน

รปท 9.3

Page 158: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

158

เขาไปดขอมลท

http://localhost:8080/phpMyAdmin/ ลอกอนเขาสระบบ username คอ root และ password คอ 1234

จะพบฐานขอมลทน าเขาไว ทชอ sumetdesign

รปท 9.4

เรมใชงานโปรแกรมโดยพมพ http://localhost:8080/sumetdesign/index.phpทชองโดเมนเนม จะไดระบบ

บรการลกคา พรอมใชงานทนท

Page 159: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

159

รปท 9.5

Page 160: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

160

ชนดของขอมลทเกบรายละเอยดอน ๆ ภายในโปรแกรม Appserv มดงน

ฟลดส าหรบใสชอฟลด

ชนดส าหรบเลอกชนดของขอมลทตองการเกบในฟลดนน

ความยาว/เชต ส าหรบก าหนดขนาดของขอมล

แอททรบวตส าหรบเลอกลกษณะเฉพาะของขอมลทจะเกบ

คาวางเปลา (Null) ส าหรบเลอกวาฟลดนนสามารถใสคาวางไดหรอไม

คาปรยาย ส าหรบก าหนดคาเรมตนของฟลด (Default)

เพมเตม ส าหรบก าหนดคาเพมเตม เชน กรณทฟลดเกบขอมลจ านวนตวเลขจ านวนเตม (Int)

สามารถเลอกใหเพมคาอตโนมต (Auto_increment) ไดเปนตน

ไพรมารเลอกเมอตองการก าหนดใหฟลดนนเปนฟลดหลก (Primary key)

ดชนเลอกเมอตองการสรางฟลดนนเปนดชน (index)

เอกลกษณเลอกเมอตองการใหฟลดนน (Unique)

ตอไปเปนค าอธบายของชนดขอมลแตละชนดทสามารถเลอกได

ประเภทขอมลจ ำนวนเตม

ประเภท ชวงขอมล การเกบ (ไบต) ค าอธบาย

TINYINT [(M)] -127..128

หรอ 0..255

1 จ านวนเตมขนาดเลกมาก

SMALLINT [(M)] -32768..32767

หรอ 0..65535

2 จ านวนเตมขนาดเลก

MEDIUMINT [(M)] -8388608.. 8388607

หรอ 0.. 16777215

3 จ านวนเตมขนาดกลาง

INT [(M)] -2 31 .. 2 31 -1

หรอ 0.. 2 32 -1

4 จ านวนเตมปกต

Page 161: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

161

INTEGER [(M)] ชอเดยวกบ INT

BIGINT [(M)] -2 63 .. 2 63 -1

หรอ 0.. 2 64 -1

8 จ านวนเตมปกต

ประเภทขอมลทศนยม

ประเภท ชวงขอมล การเกบ (ไบต) ค าอธบาย

FLOAT ( precision) ขนกบ precision แปรผน สามารถระบเปน Single หรอ

Double

FLOAT [(M,D)] ?1.175494351E-38

?3.402823466E+38

4 ขนาด Single เทยบเทากบ

FLOAT (4) แตระบการแสดง

ความกวางและจ านวนทศนยม

DOUBLE [(M,D)] ?1.7976931348623157E+308

?2.2250738585072014E-308

8 ขนาด Double เทยบเทากบ

FLOAT (8) แตระบการแสดง

ความกวางและจ านวนทศนยม

DOUBLE

PRECISION [(M,D)]

เทากบ DOUBLE ชอเดยวกบ DOUBLE [(M,D)]

REAL [(M,D)] เทากบ DOUBLE ชอเดยวกบ DOUBLE [(M,D)]

DECIMAL[(M [,D])] แปรผน M+2 จ านวนทศนยมทจดเกบเปน

char ชวงขอมลขนกบ M และ

แสดงความกวาง

NUMERIC [(M,D)] เทากบ NUMERIC ชอเดยวกบ NUMERIC

Page 162: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

162

ประเภทขอมลวนทและเวลำ

ประเภท ชวงขอมล ค าอธบาย

DATE 1000-01-01

9999-12-31

วนท แสดงเปน YYYY-MM-DD (ป เดอน วน)

TIME -838 :59:59

838 :59:59

เวลา แสดงเปน HH:MM:SS (ชวโมง นาท วนาท)

หมายเหต ชวงขอมลกวางกวาความตองการใช

DATETIME 1000-01-01 00 :00:00

9999-12-31 23:59:59

วนทและเวลา แสดงเปน YYYY-MM-DD

HH:MM:SS (ป เดอน วน ชวโมง นาท วนาท)

TIMESTAMP [(M)] 1970-01-01 00:00:00

บางกรณเปน 2037 timestamp

timestamp ใชกบรายงานทรานแซคชน รปแบบ

การแสดงขนกบคาของ M

ชวงขอมลดานบน ขนกบ UNIX

YEAR 70 – 69 (1970 – 2069)

1901 – 2155

ป สามารถระบเปนรปแบบ 2 หรอ 4 ต าแหนง แต

ละรปแบบมชวงขอมลตางกน

Page 163: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

163

ประเภทขอควำมธรรมดำ

ประเภท ชวงขอมล ค าอธบาย

[NATIONAL]

CHAR (M) [BINARY]

1 ถง 255 ตวอกษร ความยาวตายตวตาม M โดย M อยระหวาง 1 ถง

255 คยเวรด NATIONAL ระบชดตวอกษรเรมตน

นเปนคาเรมตนใน MySQL แตรวมอยในมาตรฐาน

ANSI SQL คยเวรด BINARY ระบขอมลตอง

ไดรบการปฏบตเปนไมใช case sensitive (คา

เรมตนเปน case sensitive )

[NATIONAL]

VARCHAR (M)

[BINARY]

1 ถง 255 ตวอกษร เหมอนกบ CHAR ยกเวนความยาวแปรผน

Page 164: ¸£ูปเล่ม.pdf · - Adobe Dreamweaver CS5 - Adobe Photoshop ... Appserv Program ... เว็บไซต์แบบไดนามิค ซ่ึงมีการใช้

164

ประเภทขอมล TEXT และ BLOB

ประเภท ชวงความยาวมากทสด (ตวอกษร) ค าอธบาย

TINYBLOB 2 8 -1 (คอ 255) ฟลด BLOB ขนาดเลก

TINYTEXT 2 8 -1 (คอ 255) ฟลด TEXT ขนาดเลก

BLOB 2 16 -1 (คอ 65,535) ฟลด BLOB ขนาดปกต

TEXT 2 16 -1 (คอ 65,535) ฟลด TEXT ขนาดปกต

MEDIUMBLOB 2 24 -1 (คอ 16,777,215) ฟลด BLOB ขนาดกลาง

MEDIUMTEXT 2 24 -1 (คอ 16,777,215) ฟลด TEXT ขนาดกลาง

LONGBLOB 2 32 -1 (คอ 4,294,967,295) ฟลด BLOB ขนาดใหญ

LONGTEXT 2 32 -1 (คอ 4,294,967,295) ฟลด TEXT ขนาดใหญ

ประเภทขอมล ENUM และ SET

ประเภท ชวงคามากทสดในชด ค าอธบาย

ENUM (‘value1', ‘value2',

…)

65,535 คอลมนประเภทนสามารถเกบเพยงคา

เดยวของรายการ หรอคาวาง

SET (‘value1', ‘value2',

…)

64 คอลมนประเภทนสามารถเกบชดของคาท

ระบ หรอคาวาง