Macromedia DreamweaverMX & Macromedia DreamweaverMX … · Macromedia DreamweaverMX & Macromedia DreamweaverMX 2004 Web Application PHP & MySQL ผู ี ยนเขไพฑู

Macromedia DreamweaverMX & Macromedia DreamweaverMX 2004 Web Application PHP & MySQL ผเขยน ไพฑรย งวทง ISBN สงวนลขสทธตามพระราชบญญตลขสทธ พ.ศ. 2537 หามลอกเลยนแบบไมวาสวนใดสวนหนงของหนงสอเลมนในรปแบบใดๆ เวนแตจะไดรบอนญาตเปนลายลกษณอกษรจากผจดพมพเทานน ออกแบบปก อรรถพร จทม พมพครงท 1 มถนายน 2548 จดพมพโดย ราคา 199 บาท

คานา ในปจจบนเทคโนโลยสารสนเทศมบทบาทในชวตประจาวนของเรามากขนการทเราจะสรางระบบงานทใชในองคกรทเปน Web Application จดเกบขอมล และสบคนขอมล ในระบบฐานขอมล จะตองมผชานาญในการพฒนาระบบจงจะทาใหระบบนนมประสทธภาพในการใชงาน DreamveaveaMX และ DreamveaveaMX 2004 เปนเครองมอทไดรบความนยมมากในนกพฒนาเวบไซต รวมถงนกพฒนา Web Application ในภาษา Server Site ตางๆ เชน PHP , JSP, ASP, ASP .NET ,ColdFusion เปนตน หนงสอเลมนจดทาเพอนาเสนอการใชDreamveaveaMX และ DreamveaveaMX2004ชวยในการพฒนา Web Applicationดวยภาษา PHP DreamveaveaMX และ DreamveaveaMX 2004 สามารถชวยใหเขยน ภาษา Server Site ใหเราไดเปนอยางดชวยประหยดเวลา ทนแรงไดมาก เหมาะสาหรบผทเขยน Web Application ไดคลองแลวแตตองการเขยนใหเรวขน และผทเรมตนพฒนาระบบ Web Application ทยงเขยนไมคลอง เมอคณไดอานและทาตามหนงสอเลมนแลวคณจะรวาดจรงๆคณสามารถนาไปประยกตใชไดกบ JSP, ASP, ASP .NET , ColdFusion ไดเปนอยางด ผเขยนหวงวาหนงสอเลมนจะชวยใหผอาน ประหยดเวลาในการสรางและพฒนาระบบงาน Web Application ไดดเปนอยางด ขอขอบคณ พอ แม ทใหชวตคอยอบรมเลยงด ขอขอบคณพระพทธศาสนาทเปนเครองยดเหนยวจตใจทใหทาแตความด ขอขอบคณพนแผนดนไทย ขอบคณสงแวดลอมทดๆททาใหขาพเจาไดเรยนรและซมซบ ขอขอบคณครอาจารยทกทานทประสทธประสาทวชาใหกบขาพเจา ขอขอบคณ เพอนๆ พๆ นองๆ ทกคนทเขามาในชวตไดพดคยแลกเปลยนความคดและประสบการณตาง ขอขอบคณผเขยนหนงสอทกเลมทขาพเจาไดอาน และขอขอบคณผอานทกทานทเลอกใชหนงสอเลมน หากมคาแนะนาหรอขอสงสยประการใด กรณาสงมาท [email protected] , ผเขยนพรอมรบเพอไปปรบปรงแกไข ผอานสามารถแสดงขอคดเหนและขอมลเพมเตมไดท http://pibul2.psru.ac.th/~p_ngiwetung ไพฑรย งวทง มถนายน 2548

สารบญ หนา บทท 1 กาหนดสภาพแวดลอม สาหรบการเขยน Web Application ดวยภาษา PHP ..........................................1-1 สงทคณตองม ...............................................................................................................................................1

การตงคา Site ของ Dreamweaver MX หรอ Dreamweaver MX 2004 เพอเขยน ภาษา PHP .......................1 บทท 2 การใช ภาษา PHP โดย เขยน Code เอง.....................................................................................................4-15 การรบคาจาก Fromของ ภาษา PHP...............................................................................................................4 การรบคาจาก FROM แลวเพมขอมลลงในฐานขอมลแบบไมมรปภาพ.........................................................6 สรางไฟล แสดงขอมลจากฐานขอมล.............................................................................................................7 เพมขอมลจาก From แลวเกบลงฐานขอมล.....................................................................................................8 สรางไฟลเพอแก ไขขอมลในฐานขอมล.......................................................................................................11 สรางไฟลลบขอมลในฐานขอมล...................................................................................................................15 บทท 3 การใช Dreamweaver MX หรอ Dreamweaver MX 2004 ชวยในการเขยน Code ภาษา PHP............17- 48 การสรางไฟลแสดงขอมลจากฐานขอมล.......................................................................................................18 การแสดงผลหนงหนาทมากกวา 1 Record โดยใช Repeat Region ...............................................................22 การสราง กาหนด Navigation ในการเลอน Recordเพอแสดง Record ตอไป.................................................23 การสราง Navigation Status เพอวาจานวน Record........................................................................................25 การสรางไฟลเพมขอมลลงในฐานขอมล........................................................................................................26 การสรางไฟลแกไขขอมลจากฐานขอมล........................................................................................................28 การสร างไฟล ลบข อมลจากฐานข อมล............................................................................................................33 การสรางไฟลเพอคนหาขอมลจากฐานขอมลแลวนามาแสดง........................................................................37 สรางระบบ Log In ปองกนเวบเพจยนดตอนรบผเขามาในระบบ...................................................................41

สราง Restrict access to page เพอปองกนการเขาโดยไมผานหนา Log in......................................................46 สรางระบบ Log Out เพอออกจากระบบ.........................................................................................................48

บทท 4 การ Up load รปภาพนาไปเกบใน Folder ในกรณเพมลบแกไขขอมล ในฐานขอมล การเกบตาแหนงของรปไวในฐานขอมล รวมถงการแสดงรปภาพ.............................................................49-60 สรางไฟลทใชแสดงรปภาพและขอมล............................................................................................................50 สรางไฟลเพมขอมลและUpload File รปภาพ..................................................................................................51 สรางไฟลแกไขขอมล และ Upload File รปภาพ.............................................................................................54

สารบญ (ตอ) หนา

การสรางไฟลลบขอมล และ Upload File รปภาพ………………………......………………………….….60 บทท 5 การ FTP ไฟลไปไวท Web Server.........................................................................................................65-66

การใชโปรแกรม WS_FTP...........................................................................................................................65 ใช FTP ผาน Browser...................................................................................................................................65 การใช DreamMX ในการFTP.....................................................................................................................66 บทท 6 ตดตงและการใช Extension ต างๆของ DreamweaverMX หรอ DreamweaverMX 2004 ..................68-80 การตดตง Extension………………………………………………………………………………………68 การสราง Counter เพอนบจานวนผเขามชมในเวบ โดยใช Extension ทชอว Visit Counter ……………..70 การตรวจสอบขอมลทปอนใน Form โดยใช Extension ทชอวา Validate Form………………………….72 การสรางหนาให User Upload ไฟล ไปไวท Web server

โดยใช Extension ทชอวา PHP Upload…………………………………………………………………...74

แสดงรปภาพแบบ Random โดยใช Extension ทชอวา Random Image…………………………………..76

การเรยกใช PHP Manual โดยใช Extension ทชอว า PHP Manual………………………………………77 การใช PHP ตดตอฐานขอมลแบบ ADObd ใชตดตอฐานขอมลคายอนๆโดยใช Extension

ทชอวา PHAkt2…………………………………………………………………………………………...80 บทท 7 การจดการฐานขอมล MySQL ดวยภาษา SQL และการใช MySQL-Front..........................................83-93 การเปดบรการของของ MySQL..................................................................................................................83 การเรยนใช MySQL ดวยภาษา SQL………………………………………………………………………83 การใช MySQL-Front Version 2.2………………………………………………………………………...90 สรางฐานขอมล……………………………………………………………………………………………91 สราง Table ในฐานขอมล…………………………………………………………………………………91 แกไขโครงสราง Table…………………………………………………………………………………….92 เพมขอมลใน Table………………………...……………………………………………………………...93 การทดสอบการใชภาษา SQL ………………………………………………………………………….....93 ภาคผนวก ก. การตดตง Dreamweaver MX หรอ Dreamweaver MX 2004 เพอใชกบภาษา JSP.......................94- 102 ภาคผนวก ข. เรยนรการใช ภาษา HTML (Hypertext Markup Language) ขนพนฐาน......................................103-122

บทท 1 กาหนดสภาพแวดลอม สาหรบการเขยน Web Application ดวยภาษา PHP สาหรบ Dreamweaver MX หรอ Dreamweaver MX 2004 สงทคณตองม 1. เครองคอมพวเตอร PC หนงชด 2. ระบบปฏบตการ Windows ตงแต 98 ขนไป 3. ตดตงโปรแกรม Appserv แลวคณจะได ฐานขอมล My-Sql และ Web Server ทชอวา Apache ทรองรบ ภาษา PHP รวมถงภาษา PHP ดวย (ในการตดตงมการใหใส User nameใหใสวา root สวน Password ไมตองใส) 4. ตดตงโปรแกรม Dreamweaver MX และ Dreamweaver MX Thai Setting เพอใหโปรแกรม Dreamweaver MX ใช ภาษาไทยได (ผเขยนขอแนะนาให ใช Dreamweaver MX จะดกวา Dreamweaver MX 2004 ในเรองของการใชภาษา ไทยในตอนทเราเขาไปแกไข Code ในสวนของ Code View) 5. ตดตง Extension ของ Dreamweaver MX หรอ Dreamweaver MX 2004 เปนตวเสรมททาให DreamMx สราง Web Application ไดงาย ขน (FX_PHPUserAuthent12, Go_To_Detail_Page_php, Validate_Form และ Extension ) ตวอนๆ ทพดถงอย ในบทตอไป 6. ตดตงโปรแกม MySql-Front เปนโปรแกรมทชวยในการจดการฐานขอมล MySQL ใหคณได โดยไมตองผาน Comman Line หรอ คณจะใช phpMyAdminกได การตงคา Site ของ Dreamweaver MX หรอ Dreamweaver MX 2004 เพอเขยน ภาษา PHP 1. ตอง Run Service ของ Mysql และ Web Server (Apache) 2. เปดโปรแกรม Dreamweaver MX ขนมาแลวเลอกเมน Site จากนนเลอก คาสง New Site

Web Application ดวยภาษา PHP & Dreamweaver MX หรอ Dreamweaver MX 2004

1

3. กาหนดสวนของ Local Info

กาหนดชอweb serverตามดวย sub folderทเราเกบเชน http://localhost ชอ web server สวน student เปน sub folder

กาหนดตาแหนงทเกบรปภาพ

กาหนดตาแหนงFolder ทWeb Server ใช Run ไฟล .php .html .htm

ตงชอSite เชน site_student

4. กาหนดสวนของ Remote Info

เลอกรปแบบการเขาถงNetwork

กาหนดตาแหนง Folder ท Web Server ใช Run ไฟล .php .html .htm

5. กาหนดสวนของ Testing Server


2

เลอกรปแบบ Server Model

เลอกรปแบบ Network

ใสชอWeb server และ sub folderทใชในการทดสอบการRun เมอกด F12 หรอ Preview in

เลอกตาแหนง Folder ทใหTest Server

ดงนน คณกจะได site ตามทกาหนดไวและทกครงทมการ Save ไฟลกจะไปเกบ ณ Folder ทกาหนดSite ไว ดงรป


3

บทท 2 การใช ภาษา PHP โดย เขยน Code เอง การรบคาจาก Fromของ ภาษา PHP 1. เลอกเมน File --> Newสราง ไฟล ชอ from1.php แลวนา From และ Texfield มาวางตามรป

Saveไฟล ทไดแลวตง ชอ from1.php

ตงชอ วา fname

ตงชอ lname

ตงชอ address

2. เลอกเมน File --> Newสราง ไฟล ชอ showedata.php เลอกในสวนของ View Code จากนนพมพคาสงดงรป แลวก Save หลงจากเมอพมพเสรจแลว


4

3. กลบไปทไฟล from1.php เพอกาหนด Properties ของ From1 แลว Save ดงรป

4. เมอ Preview แลวลองกรอกขอมล จากนนแลวคลกปม Submit ดงรป

เมอคลกปม ubmit แลวใหสงคาทกรอก ไปทไฟล showdata.php

สงขอมลเปน แบบ POST


5

เมอกดปม Submit ไฟล shoedata.php รบคาจาก ไฟล from1.php ทสงมา มาแสดงดงรป

การรบคาจาก FROM แลวเพมขอมลลงในฐานขอมลแบบไมมรปภาพ 1. สรางฐานขอมลในMySQL โดยใช MySQL-Front เชนสรางฐานขอมลชอ computer และม Table ทชอวา member ทใชเกบขอมลสมาชก ดงรป

2. เพมขอมลตวอยางในฐานขอมลไวประมาณ 3 Record

ใชเกบตาแหนงทอยของรปภาพ (นาไปใชในบทตอไป)


6

สรางไฟล แสดงขอมลจากฐานขอมล 1. สรางไฟล membershow.php ขนมาแลวพมพ Code ดงน


7

2. เมอ พมพเสรจแลว Save จากนนกดปม F12 เพอ Preview จะไดผลดงรป

เพมขอมลจาก From แลวเกบลงฐานขอมล 1. สรางไฟล ทม FROM รบคาจากผใช ชอ member_from_add.php แลวเขยน Code ดงรป


8

2. สรางไฟลเพอรบคาแลวเพมขอมลลงไปยงฐานขอมล ชอไฟล member_add.php พมพCode ดงรป


9

3. เมอ พมพเสรจแลว Save จากนนกลบไปทไฟล member_from_add.php กดปม F12 เพอ Preview ทดสอบกรอก ขอมลลงไปแลวกดปม Sumit จะไดผลดงรป


10

สรางไฟลเพอแกไขขอมลในฐานขอมล 1. กอนจะสราง ไฟลแกไขขอมลในฐานขอมล ใหไปแกไข code ในไฟล membershow.php ดงน

บรรทดท 39 สงคา id ไปท member_delete1.php


11

บรรทดท 40 สงคา id ไปท member_edit1.php บรรทดท 44 Linkไปเปดไฟล member_from_add.php 2. สรางForm เพอเรยกขอมลขนมาแกไขขอมล ตงชอไฟล member_edit1.php แลวพมพ Code ดงน


12

3. สรางไฟล ชอ member_edit2.php เพอรบขอมลทแกไขแลวนาไป Update ในฐานขอมล แลวเขยน Code ดงน


13

4. เมอ พมพเสรจแลว Save จากนนกลบไปทไฟล membershow.php กดปม F12 เพอ Preview ทดสอบจะไดผลดงรป


14


15

สรางไฟลลบขอมลในฐานขอมล 1. สรางไฟลเพอรบคาลบขอมล ชอไฟล member_delete1.php ดงรป

2. เมอ พมพเสรจแลว Save จากนนกลบไปทไฟล membershow.php กดปม F12 เพอ Preview ทดสอบจะไดผลดงรป


16


17

บทท 3 การใช Dreamweaver MX หรอ Dreamweaver MX 2004 ชวยในการเขยน Code ภาษา PHP กอนอนขอพดถงการใชUSER NAME และ PASSWORD ในฐานขอมลทใชกอนหนานวา ทเราเขยนคาสง เองน เราใช user name ชอ root และ Password ไมม ตอจากนใหเราสราง USER NAME คอ uadmin และ PASWORD คอ

upassword การทเราจะสราง User Name และกาหนด Password ในฐานขอมล MySQL โดยใช โปรแกรม Mนนทาไดดงน โดยไปท เมน Tools เลอกเครองมอ User-manager แลวกาหนดดงรป

นy-SQL Front

ใส USERNAMEทเราจะสราง คอ uadmin

จากนนคลกปม Add User และจะม Message แสดงดงรป

ใสชอ Host Name คอชอเครองทเปนฐานขอมลถาเปนตวทจาลองอยบนเครอง กใช ชอ localhost

ใส Password ทเราจะกาหนดให คอ upassword

ถ


18

าตองการดวาม User Name ทเราสรางจรงหรอไมสามารถดไดท Page Edit User ดงรป

F เล2. แลว Save ตงชอ member_show.php สราง Connection เพอตดตอกบฐานขอมล เลอกเครองมอสวน pplication ->

Database คลกเครองหมาย + แลวเลอก MySQL Connection ดงรป

การสรางไฟลแสดงขอมลจากฐานขอมล 1. สรางชอไฟล ทจะแสดงขอมล เชน dmember_show.php โดยเลอกเมน ile แลว

อกคาสง New เลอก Dynamic Page--> PHP คลกปม Create

3.

A

ถามแลวกคลกปม Close

คลกปม Refresh

ถาตองการแกไขUser หรอ

คลกปม Edit user ลบกเลอก user แลวกเลอก


19

. จากนนเราจะได

ใสชอ user name ทมสทธใชฐานขอมลคอ uadmin

ใส password ของ user คอ orupassw d

ชอเครองทเปนฐานขอมล

คลกเลอก Database Namคอ computer

e

ตงชอConnect ตงใหสอความหมาย คอ connect_com

4 Connection ตดตอกบฐานขอมล ทเราสรางขนดงรป

Web Application ด หรอ Dreamweaver MX 2004

20 วยภาษา PHP & Dreamweaver MX

5. สราง Table ทจะแสดงขอมลในไฟล dmember_show.php แลวให Design ดงรป

. สราง Record set เพอเรยกใช Tableจากฐานขอมล ดงรป

6

การเรยงขอมลโดยใช id เรยงจากนอยไปมาก

เลอก Table ทจะใช คอ member

เลอก Connnection ทสรางไวคอ connect_com

ตงชอ คอ Rs_member


21

7. จากนนเราจะไดRecord set ดงรป มาวางในตารางของ ไฟล dmember_show.php ท เพ

แสดงผลการ Run ดงรป

แลวกนา field แตละ field ทไดออกแบบไว แลวก Save กดปม F12 อแสดงผล


22

การแสดงผลหนงหนาทมากกวา 1 Record โดยใช Repeat Region สามารถทาไดดงน 1. กาหนดแถวของTableทตองการจะแสดงดงรป

2. เลอก ทคาสง Page Server Behaviors แลวเลอก คาสง Repeat Region ดงรป

3. แลวใหกาหนดวาหนงหนาจะใหแสดงก Record ดงรป

เลอก Record set ทจะกาหนด

ใสจานวน Record ทจะแสดง เชน 2 หรอถาเลอกเปน All

Records ใหแสดงทงหมดทม

4. คลกปม OK แลว Save ไฟลทแกไขแลวกด F12 เพอแสดงผลดงรป

การสราง กาหนด Navigation ในการเลอน Recordเพอแสดง Record ตอไป 1. นา เคอเซอร ไปวาง ณ ตาแหนงทจะสราง Navigation 2. เลอกคาสง Navigation ใน Page Application ดงรป

. เลอกรปแบบ วาจะใหแสดงเปนขอความ หรอ รปภาพ แลวกคลกปม OK


23

3


24

4. Save ไฟล ทแกไขแล

ว กดปม F12 เพอแสดงผล

การสราง Navigation Status เพอวาจานวน Record งหมดมก Record และแสดงตอนน ตงแต Record ใดถง Record ใด นาเคอเซอร ไปวางตาแหนงทตองการสราง แลวเลอกคาสงหนา Page Application

ท1.

อกเครองมอทชอ Navigation Status ดงรป

2. เลอก Record ทจะสราง Navigation Status ดงรปแลวคลกปม OK

3. คณจะได Navigation Statusดงรป จากนน Save กดปม F12 แสดงผล

เล


25

การสรางไฟลเพมขอมลลงในฐานขอมล 1. สราง ไฟล ทชอ dmember_add.php ขนมา และออกแบบ From ดงรป

Web Application ดวยภาษา PHP & Dreamweaver MX หรอ Dreamwe

Page Application --> Server Behaviors--> + -->Insert Record ดงรป

. เล2 อกคาสงท

นาFormมาวาง

Button ใสคาอธบายวา “เพมขอมล”

เลอก connection และ ชอ Table

กรณเพมขอมลแลวตองการใหไปแสดงหนาPage ใด เชน นคลกป dmember_show.php จากน ม OK แล ve ว Sa

Table
Texfield1 ตงชอ name
Texarea1 ตงชอ address
Texfield2 ตงชอ image_path
aver MX 2004 26

3. กลบไปสราง Link ใหเปดไฟลเพมขอมลจากหนา ไฟล dmember_show.php ดงรป

ล จากไฟล dmember_add.php ดงรป

Select ขอความทตองการสราง Link

กาหนด ไฟลท องการ Linkไป คอ dmember_add.php


27

4. Save All แลวกด F12 เพอแสดงขอมล และคลกขอความ ”เพมขอมล” เพอเพมขอม

ต

การสรางไฟลแกไขขอมลจากฐานขอมล 1. สรางไฟล dmember_edit.php ใหนา Form มาวางดงรป

2. นา Table มาวางเพอจดรปของ Form นา Textfield และปม

สราง Record set เพอรบคามาแสดงดงน

งรป Button มาวางด

Text field1 ตงชอ name

Text field2 ตงชอ address

Text field3 ตงชอ image_path

Hidden field ตงชอ id

3.

Web Application ดวยภาษา PHP & Dreamweaver MX ห

Button กาหนด Actionเปน Submitและกาหนด Label เปน Edit Data

รอ Dreamweaver MX 2004 28

Web Application ดวยภาษา PHP & Dreamweaver MX หรอ D

4. คลกปม OK เสรจแลว 5. กาหนดค และ Text field จาก Record Set ทเราสราง ดงรป

# หมายเหต กาหนดใหกบ id, name, address, image_path จนครบ

เมอกาหนดาให Hidden field

ตงชอ Record set

เลอก connection

ช

เลทบ

1

2

เลอก Tabl ใe ท

reamweaver MX 2004 29

อก Colums ทใช งหาง Field

มด ใช All หรอ ใช Selected

3

4


30

6. เมอกาหนดเสรจครบแลวจะไดดงรป

ดคาสงเพอทาการแกไขจาก Form และ แกไขแลว

. กาหน7

แสดงpage dmember_showดงรป

8. เมอกาหนดคาตางเสรจเรยบรอยแลว คลกปม OK 9. ให Save all จากนนใหเปด ไฟล ชอ dmember_show.php เพอกาหนด goto detailpage สงคา Parameter ไปให ไฟล dmember_edit.php ดงรป

เลอก Formจะทางาน กรณ

Web Application ดวยภาษา PHP & Dreamw

ทมมากกวา 1 Form ตองเลอกใหถกวาจะทางาน ณ formใด


เลอกTable ทจะแกไข

กาหนดคาใหก textfeildกรณทไมไดตงชอ ถาตงชอตรงกบ field ใน Table โปรแกรมจะกาหนดใหตามรป

เมอทาการแกไขแลวตองการใหแสดงหนา page ชออะไร ถามเครองหมาย / หนาไฟล ใหเอาออกดวย

บ

ง
1. ใหจองขอความแกไข หรอขอความทตองการส
e

2. เลอกคาสง go to Detail page

aver MX หรอ Dreamweaver MX 2004 31

10. เมอกาหนดเ น กดปม F12 เพอทดสอบผลทไดดงรป

สรจแลวใหเลอกคาสง OK แลว Save all จากน


32

เลอก Reสง ถามมา

cordset ทตองการใช กกวา 1

เลอก field ทตองการสงคา

เลอกไฟล ทตองการสงไปถาเครองหมาย / อยขางหนาไฟลใหเอาออก

การสรางไฟลลบขอม

. สราง ไฟล ชอ งไฟล แลวนา Form มาวาง ออกแบบดงรป

าง Record set เพอรบคามาแสดงดงรป

# กาหนดคาเสรจแลว คลกปม OK

ลจากฐานขอมล 1

dmember_delete.php ขนมา หน

Web Application ดวยภาษา PHP & Dreamweaver MX หรอ Dreamweaver

2. สร

ตาราง ปม Button กาหนด Action เปน Submit
ตงชอ Record set
เลอก Table ทใช
เลอก Colums ทใช ทงหมด ใช All หรอถาใช บาง Field ใช Selected

กาหนด Field ทใชกรอง และรบขอมล จาก URL ทสง

MX 2004 33

3. นา Hidden Field มาวางแลวตงชอวา id ใหเหมอนกน ชอ Field ในฐานขอมล และกาหนดคาให Hidden Field ดงรป

นา Field จาก Record Set มาวาง ในตาแหนงทต แสดงขอมลยกเวน id ดงรป

4. ให องการให

Field มาวาง

1 . Hidden

2. กาหนดชอ id

นา

3. กาหนดคา

4. เลอกคา


34

5. กาหนดคาสง Delete Record เพอทาการลบ ขอมล ดงรป

# เลอกคาตามทกาหนด

เลอกทาตาม Form

เลอกไฟล เมอลบ แลวใหแสดง หนา Page นขนมา # เมอกาหนดคาเสรจแลว ใหคลกปม OK


35

6. กลบไปท ไฟล dmember_show.php เพอกาหนด Go to Detail page มาท ไฟล dmember_delete.php ดงรป

เสรจแลว

W

ม 2. เลอก คาสง go to Detail page

#

1. จองขอควา

คลกปม OK แลวเลอกคาสง Save all จากนน กดปม F12 เพอดผล

eb Application ดวยภาษา PHP & Dreamweaver MX ห

เลอกไฟลทตองการสง า ค

ร

เลอก Record set
เลอก Field ทสงคา
อ Dreamweaver MX 2004 36

การสรางไฟลเพอคนหาขอมลจากฐานขอมลแลวนามาแสดง 1. สรางไฟลชอ dmember_fine.php เพอใหuser

องหารคนดงรป ทาการกรอกขอมลทต


37

Text Field ตงชอเหมอนกบ Field ทใชคน เชน name

Button กาหนด Action เปน Reset Button กาหนด Action เปน Submit Form

2. กาหนด Properties ของ Form ดงรป

3. สราง ไฟลชอ dmember_fine_show.php เพอรบคามาแสดงให

ดง ดงรป


38

Design ดงรป

4. สราง Record Set เพอรบ คา Parameter แลวนาขอมลมาแส

กาหนด Method การสง เปนแบบ POST วาสงคา Parameter ไปใหไฟลชออะไร กาหนด

# เมอกาหนดคาเสรจแลวใหทาการ Save all

# เสรจแลวคลกปม OK แลว Save all

นาคาField จาก Record Set มาวางในตาแหนงของตารางทเราตองการใหแสดง ขอมล ด ป


39

4. ให งร

ตงชอ Record Set เลอก Connection เลอก Table

เลอกการกรอง ขอมล โดยใช Field ท

parameter

าตองการเรยงขอมลกใช Sort เราสงมาcontains เปนการ หาขอความทใกลเคยงทสดรบแบบ URL

ถ


40

5. เมอนามาวางหมดแลวใหทาการ Save all จากนนใหกลบไปท dmember_fine.php แลว กดปม F12 เพอใสชอท ตองการคน

# ห สามารถเข วนของคาสง SQL ทสวนของ Advanced โ

หา

มายเหตตองการคนหามากกวา หนดยเพม Parameter ตามทเราสงมา

ง Field าไปแกไขในส

สรางระบบ Log In ปองกนเวบเพจยนดตอนรบผเขามาในระบบและ สรางระบบการปองกนการเขาโดยไมผานหนา Login 1. กอนจะสราง ไฟล ฐานขอมลทตดตอตองม Table ทเกบ username และ Password ของผดแลระบบไวแลว เชน ตาราง admin ดงรป

1. สราง ไฟล Log in ของ Adminเพอปอนขอ และออกแบบดงรป

Web Application ดวยภาษา P

อยาลมใสขอมลในตาราง admin เพอไวทดสอบการ Log in นะครบ

มล User และะ password เชน ไฟล admin_login .php

HP & Dreamweaver MX หรอ Dreamweaver MX 2004 41


42

# เมอออกแบบตงชอและกาหนดคาเสรจแลวให Save all

. สรางไฟลตอนรบผดแลระบบ ในกรณท Log in มาแลวผาน คอไฟล admin_success.php และ ออกแบบดงรป ดงรป

3. บอกให Login ใหม ออกแบบดงรป

2

# เมอออกแบ

บเสรจแลวให Save all

สรางไฟลชอ admin_fail.php ไวแสดงในกรณ ท Login แลว ไมผาน

Button กาหนด Action เปน Reset

Text Field2 ตงชอวา password และกาหนดproperties เปน password

Text Field1 ตงชอวา user

นงหนา page มมากวา1 Form ควรตงชอใหสอความหมาย Form1 ถาในห

กาหนด Action เปน Submit

สราง Link ไปทไฟล admin_login.php

# ออกแบบเสรจแลวให Save all

4. กลบมาทไฟล admin_login.php แลวเลอกคาสง Log in User ดงรป

เลอก Form ททางานกรณมมากกวา 1

เลอก Field ทกาหดเปน user เลอก Field ทกาหนดเปน password เลอกconnection เลอก Table เลอก Field Columnทกาหนดเปนuser เลอก Field Columnทกาหนดเปนpassword ถา Log in ผาน ใหแสดง Page ทตองการ ถา Lo

กรณในตาราง admin ใชเปนทง userดวย มการกาหนด ระดบการเขาถงวาเปนใคร กตองกาหนด ถาแยก คนละ Table ไมตองกาหนด

g in ไมผาน ใหแสดง Page ทตองการ


43


44

5. เมอกาหนดคาตางๆ เสรจแลว คลกปม OK แลว Save all แลว ลองทดสอบ Log in ด โดยกดปม F12 ดงรป

การเรยกตวแปร Sessions เพอแสดง ชอของผท Login เขา 1. ไปทไฟล admin_login.php ดท Code view แลว Copy ตวแปร Sessions ทชอวา MM_Username ดงรป

ไมผาน

Login ใหม

ผาน

จะเหนวายงไมมชอผ Login มาแสดง


45

2. กลบไปทไฟล admin_success.php เรยกคาสงในการแสดง ตวแปร Sessionsขนมาแสดงโดยตงชอ เห

3. น

มอนทเรา Copy มา

าตวแปรทไดมาแสดง หนาเวบบนตาแหนง ทตองการของ ไฟล admin_success.php ดงรป

Web Application ดวยภาษา PHP & Dre

4. เสรจแลว ให Save all ถาลอง Run ด กยงไมแสดงจะตองทา Restrict access to page กอนครบ สราง Restrict access to page เพอปองกนการเขามาโดยไมผานหน 1. สรางไฟล admin_restrict.php ถาเขามาโดยไมผานการ Login ใหแสดงหนาน ออกแบบดงรปเสรจแลว Save all

2. กลบมาทไฟล admin_success.php แลวเลอกคาสง Rest

า Log in

สราง Link ไปท ไฟล admin_login.php

rict access to page ดงรป

ถาLog in ไมผานใหไปท admin_restrict.phpอยาลมเอา

องหมาย /หนาไฟล ออกดวยครบเคร

amweaver MX หรอ Dreamweaver MX 2004 46


47

3. Save all แลวกลบไปทไฟล admin_login.php แลวกดปม 12 ดผลทได

F

ไมผาน

Login ใหม

ผาน

แสดงชอผท เขามาในระบบ กรณทเปด Browser ใหม

จะแสดงหนานขนมา

และ copy URL มาวางโดยเขามาไมผานเขา หนา Log In


48

สรางระบบ Log Out เพอออกจากระบบ

สราง Log Out User ตองสรางไฟลทจะ Log

ท 2 ในกรณ ผดพลาด

Check UserใหมกรณทUser ซา

Out ขนมา 2 ไฟล ไฟลท1 เพอ Log Out ไฟล


49

บทท 4 การUp load รปภาพนาไปเกบใน Folder กรณ เพ กไขขอมล ในฐานขอมล ม ลบ แการเกบตาแหนงของรปไวในฐานขอมล รวมถงการแสดงรปภาพ

เมอมการเพ ลบ แกไขขอมล ในฐานขอมลก รปภาพไปเกบใน Folder ละ เกบตาแหนงของรปไ นขอมล รวมถงการแสดงรปภาพ

1. กอนทจะทาตองสราง Folder ทจะใชในการเกบตาแหนงของรปภาพกอนนะครบ เชนตงชอ Folder ชอ imagepath ควรตงชอใหสอความหมาย ดงรป

รณ ารUp load ทมกม แ วในฐา

Folder ทใชเกบรปภาพ

สรางไฟลทใชแสดงรปภาพและขอมล

.สรางไฟลชอ admin_membershow.php เพอแสดงรปภาพและขอมลกอนตาม Step ทเคยสรางมา ในบทท 3 สวนทใชแสดงรปภาพเลอกใชเครองมอ Image ดงรป

1

เลอกเปน Data Sources แลวเลอก Field ทเกบตาแหนงรปภาพ


50

สรางไฟลเพมขอมลและUpload รปภาพ 1. สรางไฟล admin_member_add.php ทม Form กรอกขอมล ออกแบบดงรป

สราง Link ขอความเพมขอมล ไปหนา admin_member_add.php

Texefield ตงชอวา address และกาหนด เปน Multi line

Button = Submit File Field ตงชอวา UploadedFile Button = Reset

Textfield ตงชอ name


51

2. กาหนดการสงคาของ Form ท Properties เพอสงคาไปยงไฟล admin_member_add_upload.php ดงรปดานลาง

างไฟล admin_member_add_upload.php เพอเขยน Code เพอขอมล,ตาแหนงรปภาพ และ Upload รปภาพ เขยน Code ดงน

หมายเหต ดCode บรรทดท 22 หนาตอไป

3. สร


52


53

ตอบรรทดท 22 => if(strchr($UploadedFile_name,".")==".jpg" || strchr($UploadedFile_name,".")==".jpeg" || strchr($UploadedFile_name,".")==".gif" || strchr($UploadedFile_name,".")==".JPG" || strchr($UploadedFile_name,".")==".JPEG" || strchr($UploadedFile_name,".")==".GIF")

4. เสรจแลว Save all กลบไปหนา admin_membershow.php แลวกดปม F12 เพอ Run เพอทดสอบ

1. ใหกลบไปหนา admin_membershow.php เพอไปกาหนด go to detail page ทขอความ “แกไข” สงคา id ไปให ไฟล admin_member_edit.php ดงรป

สรางไฟลแกไขขอมล และ Upload File รปภาพ


54

Web Application ดวยภาษา

2. สราง ไฟล admin_member_edit.php ออกแบบดงรป

ง

Hidden Field ตงชอ id
Hidden Field ตงชอ name_h
ง
Hidden Field ตชอ address_h
Hidden Field ตงชอ UploadedFile_h
Button = Submit Button = Reset
PHP & D

Find Field ตงชอ UploadedFile

reamwe
Text Field กาหนดเปน multi lineตงชอ address_f
aver MX หรอ Dreamwe

Text Field ตชอ name_f

aver MX 2004 55


56

3. สราง Record set เพอรบคาจาก ไฟล admin_membershow.php ดงรป

4. กาหนดคาใหกบ Hidden Field และ Text Field แตละตวจาก Record set ทไดดงรปจากตาราง

ตงชอ Recordset เลอก Connection

เลอก Table

กาหนดการรบขอมล ทสงมาเปน idรบจาก URL Parameter


57

กาหนดดงน

5. เลอก เครองมอ image เพอแสดงรปกอนทจะแกไขแลวกาหนด Data source เปน image_path ดงรป

Hidden Field Record set id id name_h name address_h address UploadedFile_h image_path

Text Field Record set name_f name address_f address UploadedFile ไมตองกาหนด


58

6. กาหนด Properties ใหกบ Form เพอสงคาไปท ไฟล admin_member_edit_upload.php ดงรป

7. สรางไฟล admin_member_edit_upload.php เพอรบคาท ลวสงลงฐานขอมล ดงน

แกไขแ


59

! หมายเหต บรรทดท 16 ทงหมดพมพทน if(strchr($UploadedFile_name,".")==".jpg" || strchr($UploadedFile_name,".")==".jpeg" || strchr($UploadedFile_name,".")==".gif" || strchr($UploadedFile_name,".")==".JPG" || strchr($UploadedFile_name,".")==".JPEG" || strchr($UploadedFile_name,".")==".GIF

8. พมพเสรจแลวให Save all แลวกลบไปทหนา admin_membershow.php แลว วลองทดสอบดครบ

")

กดปม F12 Run แล

การสรางไฟลลบขอมล และ Up Load รปภาพ การสรางลบขอมลก1. กลบไปทไฟล admin_membershow ก go to detail page ทขอความ “ลบขอมล” เพอสง คา id ไปท admin_member_delete_upload.php 2. สรางไฟล admin_member_delete_upload.php วออกแบบเพอจะแสดงคาทจะลบ ดงรป

เหมอนตอนแรกทไดกลาวมา าหนดสงคา

แล


60

Web Application ดวยภาษา PHP & Dreamweav

3. สราง Record Set เพอรบคา idจากไฟล admin_membershow.php

Hidden Field ตงชอ id

ทสงมาดงรป

ตงชอ Record Set

เลอกconnection

เลอก table

กาหนดรปแบบการรบคา

er MX หรอ Dreamweaver MX 2004 61

4. กาหนดคาใหกบ Hidden Field และ นาคา Field มาวางในตารางทออกแบบไวจาก Record Set


62

5. กาหนด Image เพอแสดงรปภาพ

6. เลอกคาสง Delete Record ดงรป


63

Web A

7. เสรจแลว Save

เลอก table
Primary key เลอกกระทาท form
pplication

all กลบไปห

ไฟล admmin_membershow.phpเมอลบเสรจแลวใหไปแสดงท

ดวยภาษา PHP & Dreamweaver MX หรอ Dreamweaver MX 2004 64

แลวกดปม

นา admin_membershow.php F12 ทดสอบด


65

บทท 5 การ FTP ไฟลไปไวท Web Server

โปรแกรม WS_FTP

ใช FTP

ใช

ผาน Browse r

รปแบบการใช1 ftp://user name:[email protected]

ftp://user nameบบการใช :@student.psru.ac.th

! หมายเหต แบบท2 จะมหนาใหใสpassword อกทปองกนคนอนด password

รปแ 2

Web

การใช DreamMX ในการFTP Edit site เลอก Remote Site ดงรป

โดยเขาไปแกไขสวน

สามารถนาขอมลเขามาวาง ไดเหมอนหนาตาง Windows ตองเปดหนาตาง Windows ทอยบนเครองเราอก หนงหนาตาง Windows

ใส User Name

ใส Password

เลอก FTP

ชอServer

กาหนดDirectory เชนPublic_html หรอ public_html/student

จากนนใหกดปม OK

Application ดวยภาษา PHP & Dreamweaver MX หรอ Dreamweaver MX 2004 66

คลกปม Connection เพอตดตอท Server

แสดงสวน local View (เครองของเรา) ทตดตอกบ Server แลว

แสดงสวน RemoteView (เครอง Server) ทตดตอกบ Server แลว

ปม Get File(s) เปนการDownload ไฟล เครอง Server มาทเครองของเรา

ปม Put File(s) เปนการ Upload ไฟล จากเครองเราไปทเครองServer ตาแหนงทเรา กาหนด Directory ไว


67


68

บทท 6 ตดตง และการใช nsion ตางๆของ DreamweaverMX หรอ DreamweaverMX 2004 งาน Exte คณสามารถ Download Extension ตางๆ ของ DreamweaverMX หรอ DreamweaverMX 2004 ไดทเวบไชต ดงน http://www.felixone.it/extensions , http://www.macromedia.com , http://www.tecnorama.org/document.php http://www.arizaliadam.com/files/extensions (สวนใหญ เปนภาษา PHP ผเขยนไดเตรยมไวใหยใน CD-ROM สามารถใชไดทง DreamweaverMX และ DreamweaverMX 2004)

ารตดตง Extension

Extension ทพดในบทนอ ก1. เปด Extension Manager ขนมาดงรป

2. เลอกท เมน File Install Extension จากนนไปเลอกไฟล ทเปนนามสกล .MPX

3. เสรจแลวจะขนมาดงรป เมอ ไมตองการตดตง Extension ตวอนอกก ปด ไปแลวกสามารถใชงานไดแลว

Web Application ดวยภาษา PHP & Dreamweaver MX หร

สรางแบบทดสอบขอสอบ

ตรวจสอบการกรอกขอมลท From
สราง Counter
อ Dreamweaver MX 2004 69


70

การสราง Counter เพอนบจานวนผเขามชมในเวบ โดยใช Extension ทชอวา Visit Counter 1. ทานควรตดตง Extension ทชอวา Visit Counter ทมอยใน CD-ROM หรอวาจะ ไป Download มากไดจาก

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

วางในตาแหนงทตองการใหแสดงผลจานวนผเขาชม แลวเลอกคาสง rs--> FELIXONE--> Visit Counter ดงรป

3. แลวเคอเซอรไปServer Behavio


71

4. จากนนใหกาหนดคาเวลาในการนนจานวนผเขาชมเปนแบบใดดงรป

File Name ตงไฟลทเกบจานวน Counter Digitals Number กาหนดใหแลว 5 หลก หรอจะกาหนดเองกได Stare From U Once per session เปนการนบตอ 1 ตวแปร session ต งทคลกเขามาหนาทตง Counter

5. เ ป

กาหนดจานวนหลกของตวเลข คามาตรฐานแตไมเกน 9 หลก กาหนดคาเรมตนในการนบ

pdate Count ในการ Update Counter ใหใชแบบใด แ ถาเปน Any time จะเปนการนบทกครมอไดแลวให Save แลวลองทดสอบ Counter ทสรางดงร

6. กรณทตองการแกไขการตงคา Counter ใหไปเลอกสวนของ Server Behaviors-->Visit Counter โดยการ

Double click

การตรว Form โดยใช E Validate Form

1. ทานควรตดตง Extension ทชอวา Va -ROM หรอวา จาก เวบไชตทใหไวในขนตอนทตดตง

2. สรางไฟลทม Form ใชในการออกแบบดงรป

จสอบขอมลทปอนใน xtension ทชอวาlidate Form ทมอยใน CD


72

จะ ไป Download มากได


73

3. เลอกสวนของเมน Common ---> Validate Form ดงรป

4 . จากนนใหกาหนดคาทตองก าหนดในสวนของ Form ดงรป

5. เลอก Fields ทตองการกาหนดรปแบบตามทตองการแลว คลกปม ตกลง

6. จากนนให ทาการบนทก ไฟล แลวลองทดสอบการปอนขอมล แลว คลกปม Submit ดงรป

การสรางหนาให User Upload ไฟล ไปไวท Web server โดยใช Extension ทชอวา PHP Upload

ไดจาก

2. สรางไฟลโดยนา Form , File Field และ Button มาวางแลวออกแบบดงรป

1. ทานควรตดตง Extension ทชอวา PHP Upload ทมอยใน CD-ROM หรอวาจะ ไป Download มาก

เวบไชตทใหไวในขนตอนทตดตง


74

2. คลกเลอกคาสง Server Behaviors --> Sephiroth -->PHP Upload ดงรป

3. แลวกาหนคาทตองการ Upload ดงรป


75


76

ไปเกบไว Redirect if error : ใหเลอกไฟลทมาแสดงในกรณเกดขอผดพลาด Redirect if success : ใหเลอกไฟลทมาแสดงในกรณ Upload ได Max_zise : กาหนดขนาดไฟลทจะ Upload 4. เมอกาหดนคาตางๆเสรจแลว คลกปม OK จากนนใหบนทกแลว ทดสอบการ Upload แสดงรปภาพแบบ Random โดยใช Extension ทชอวา Random Image

1. ทานควรตดตง Extension ทชอวา Random Image ทมอยใน CD-ROM หรอวาจะ ไป Download มากไดจาก เวบไชตทใหไวในขนตอนทตดตง

2. สรางไฟลทตองการแสดงรปภาพแลวนาเคอเซอรไปวานาตาแหนงทตองการแสดงรปภาพ 3. คลกเลอกคาสง Server Behaviors --> Tecnorama -->Random Image ดงรป

destination folder : ใหใสชอ Folder ทตองการ Upload ไฟล


77

4. กาหนดตาแหนงของ Folder ทตองการแสดงรปภาพแลวเลอกปม OK ดงรป

5. จากนนใหทาการบนทกแลวท สดงผล ลองกดปม Refresh รปภาททแสดงกจะเปลยนไปตามจานวนรปภาพทมอย Folder

การเรยกใช PHP Manual โดยใช Exten า PHP Manual 1. ทานควรตดตง Extension ทชอวา PHP Manual ทมอยใน CD-ROM หรอวาจะ ไป Download มากไดจาก

งรป

าการทดสอบการแ

sion ทชอว

เวบไชตทใหไวในขนตอนทตดตงจะไดเครองมอทชอวา PHP Manual ด

2. จากนนให Copy Folder PHP_Help200 ไปวาไวใน C:\ 3. จากนนใหคลกทเคลอมอ PHP Manual จะเกดขอควมดงรป

4 จากนนเลอกคลกปม OK ดงรป

6. เลอกปม Brows for File แลวเลอกFolder PHP_Help200 ทได Copyไวท C:\ เลอกไฟล php_manual_en.chm ดงรป


78


79

7. ลองทดสอบการเรยก PHP Manual มาใชงาน


80

การเรยกใช PHP ตดตอฐานขอมลแบบ ADObd ใชตดตอฐานขอมลคายอนๆ

. ทานควรตดตง Extension ทชอวา PHAkt2 ทมอยใน CD-ROM หรอวาจะ ไป Download มากไดจาก เวบไชตทใหไวในขนตอนทตดตง

โดยใช Extension ทชอวา PHAkt2 1

2.ไปแกไขสวนของ Site เลอกเมน Site --> Edit Site แลวมาสวนของ Testing Server เปลยน Server Model เปน

PHP ADODB ดงรป

3. จากนนใหสรางไฟลขนมาใหมโดยเลอก Document Type เปน PHP4 ดงรป

4. จากนนเลอกสวน Server Application คลกเครองหมาย + เพอเลอกสวนตดตอฐานขอมลดงรป


81

5. เลอกรปแบบการตดตอฐานขอมล หรอฐานขอมลของคายทเราจะทาการตดตอ ดงรป

จากนน ตงชอ Connection , ชอ Database Server , User Name ทใชฐานขอมล, Password 6. ผใชฐานขอมล, ชอ

Database ทตองการเรยนใช


82

Web Application ดวยภาษา PHP

บทท 7 การจดการฐานขอมล MySQL ดวยภาษา SQL และการใช MySQL-Front การเปดบรการของของ MySQL 1. ตดตงโปรแกรม MySQL จาลองอยบนเครองเราเปน Database Server 2. เรยกใชใหโปรแกรม MySQL ใหบรการ 3. ไปท Start ---> Run พมพคาวา command แลวกด Enter เขาส หนาตาง Dos 4. เรยนใช Mysql-Admin c:\> mysql\bin แลวกดEnter แลวเรยกใช c:\>winmysqladmin แลวจากนนเกด รปสญญาณไฟเขยวบรการท Task Bar ดงรป

การเรยนใช MySQL 1. C:\> mysql -u root -p แลวกด Enter แลวใส password ถาไมมใหกด Enter

User name

& Dreamwe

Password ถาไมมกดEnter

aver MX หรอ Dreamweaver MX 2004 83


84

การ

การสราง Databaseเชน สรางฐานขอมลชอ dbtestใชคาสง create database dbtest ;

แสดง DATABAS ใน MySQL

เรยก

การสราง Table เชนตองการสราง Table ชอ Customer มรายละเอยดดงน

แส

ใช Database ทเราสราง เชน เรยกใช dbtest ใชคาสง use dbtest
ชอ ประเภท ขนาด key option id int - pk unique not null auto_incrementname cha 30 - address cha 30 -
Web Application ดวยภาษา PHP & Dreamweaver MX หรอ Dreamweaver MX 2004 85

ดง Table


86

แสด แกไขโครงสราง ของ TABLE โดย เพม colume ในตาราง เชน เพม phone เปน char มขนาด 10 ตวอกษร ในตาราง customer

แกไขโครงสราง ของ TABLE โดยลบ colume ทชอ phone ในตาราง customer ออก

ง โครงสราง ของ TABLE


87

เพม ล

เรยกดขอมลท อยในตาราง Customer ทงหมด

ลบขใชค ustomer where id = 1; แกไขขอจากตาราง customer ใชคาสงตอไปน mysql> update customer set name=‘somchai’ where id = 2; การหาชอตามทกาหนด

ใชคาสงตอไปน mysql> select * from customer where name in(‘paitoon’, ‘supachai’);

ขอม ลงใน table Customer โดย nameมคา paitoon และ addressมคา sukhothai

อจากตาราง customer าสงตอไปน mysql> delete from c


88

การแสดงขอมล แสดงคา จากมากไปหานอย และ จากนอยไปหามาก(asc นอยไปมาก และ desc มากไปนอย

า price ในตาราง Customer ทมคาระหวาง 200 ถง 500 ใชคาสงตอไปน

สดงขอมล แสดงคาท ตวอกษรขนตนตามทกาหนด เชน หาคนทมชอขนตนดวย ตว S

แสดงขอมล แสดงคาท ทตวอกษรลงทายตามทก เชน หาคนทมชอตวอกษรลงทายดวย ตว n

)

ใชคาสงตอไปน mysql> select * from customer order by name asc; แสดงขอมลทเปนชวงของขอมล เชน ตองการหาคาราคาสนค mysql> select * from customer where price between 200 and 500; แ

าหนด

แสดงขอมลแสดงคาท ทตวอกษรหรอขอความทใกลเคยงทสด เชน หาคนทมชอตวอกษรใกลเคยงมากทสดเชน ตว p

สดงขอมล แสดงคาทซากนใหแสงดเพยงคาเดยว

คาสง เพมUser และกาหนดสทธ กบ User กรณเราเปน Root Mysql> grant all on dbname.* to uname@localhost identified by ‘password’; (คาสงนเขาถงไดในกรณอยบนเครอง Database Server เทานน ใช Telnet หรอโปรแกรม pytty เขามา) Mysql> grant all on dbname.* to uname@’%’ identified by ‘password’; าสงนกาหนดใหเขาไดจากทกท รวมถงการใชโปรแกรม MySQL-Front เขามากได)

บตาราง ใชคาสงตอไปน ysql> drop table custome;

แ

(ค ลm


89

ลบ Database ใชคาสงตอไปน mysql> drop database dbtest; คาสงออกจาก mysql

ysql> quit;

ารใช MySQL-Front Version 2.2

m ก

Web Application ดวยภาษา PHP & Dreamweaver MX หรอ D

สราง Connection ใหม

ใสชอ Hostname ทเปน Database Server

ใส User Name และ Password

จากนนให คลก Connect


สรางฐานขอมล 1. เลอกเมน Tools Create Database

2. ตงชอของ ฐานขอมล

สราง Table ในฐานขอมล 1.เลอกฐานขอมลทตองการสราง Table เลอกเมน Tool Create Table


91

ตงชอ Table

ใสชอ Fields แลวคลก ปม Add จนครบตามทออกแบบ

กาหนด ประเภทขอมล ขนาด และ option

แกไขโครงสราง Table 1. เลอกTable ทตองการแกไขแลวเลอก Page Table

2. Double คลก ท Fields ทตองการแกไข และจากนนกทาการแกไขประเภท และขนาดของขอมล


92

เพมขอมลใน Table .เลอก Tableทตองการเพมขอมล เลอกเพมขอมล 1

Web Application ดวยภาษา PH

การทดสอบการใชภาษา SQL 1. คลกทหนา Page Query จากนนกใสชดคาสง

เพมขอมลแลวถาตองการบนทกคลก
ลบขอมล
P & Dreamweaver MX หรอ Dreamweaver MX 2004 93

ททดสอบและคลกปม Run ดงรป

Web Applica

ภาคผนวก ก. การตดตง Dreamweaver MX หรอ Dreamweaver MX 2004 เพอใชกบภาษา JSP(Java Server Page)

ตดตง J2SE + Tomcat+ Macromedia® Dreamweaver® MX เพอใชงาน” JSP”

. ตดตง Java 2 SDK Standard Edition หรอ J2SDK สามารถ Download ไดท เวบ http://java.sun.com/j2se/ หรอ

http://jakarta.apache.org/

1www.sun.com

2. ตดตง Apache Tomcat

C:\Program Files\apache

คลก OK

นนการทางานของ Sevlet และ JSP สามารถ Download ไดท tomcat/

เปนเวบเซรฟเวอรทสนบส

นาไฟลนนมาUnZip แลวจงจะ ตดตง (ควรตดตง Path ใหอยท C:\Tomcat ดกวา Tomcat เพราะจะตองกาหนดการอางถง Files ทใชไดงาย)

tion ดวยภาษา PHP & Dreamweaver MX หรอ Dreamweaver MX 2004 94

คลก I Agree

คลก Next กาหนด path ดงรป เพองายในการ Config แลว คลก Install รอจนกวาโปรแกรมตดตงเสรจแลว คลกปม Close เปนการตดตงเสรจ


95

3. ตอมาใหทาการ กาหนด PATH ให ตวTomcat สามารถ s ตางๆ ของ Java ไดดงน • Windows 95 หรอ 98 - คลก ทปม Start แลวเลอกคาสง RUN มหน าง Run ขนมา - ใหพมพคาสง sysedit ลงในชอง Open แลวคลก OK - จากนนใหทาการกาหนด Path ในไฟล AUTOEXEC.BAT วาไฟล Java อยทไหน ดงรป

บรรทดท1

เรยกใชไฟล Java และ Clas

าต

เปนการแทรก ;C\j2SDK1.4.0\BIN ลงไป(ตองดดวยวาเราใช JDK Version อะไรPathจะไมเหมอนกน บรรทดท2 พมพ SET JAVA_HOME=C:\j2sdk1.4.0 เปนการ SET JAVA_HOME อยไหน บรรทดท3 พมพ SET CATALINA_HOME=C:\Tomcat เปนการ SET Tomcatเรยกใช

- Windows ME

1.ใชเมน Run เหมอนกน แลว พมพคาวา mscongif คลกปม OK 2. ใหเขาไปแกไข Path และ เพม path ทแทบ Environment ในหนาตาง System Configuration Utility


96

W

- Windows NT , Windows 2000, Windows XP 1. คลกปม Start ของ Windows แลวเลอกคาสง Setting > Control Panel แ ลกท

ไอคอน System ในหนาตาง Control Panel 2. หนาตาง System Properties จะเปดออกมา ใหคลกไปทแทบ Advanced แลวคลกทปม

3. จากนนกทาการแกไขหรอเพม Path ในสวนของ System v 4.จากนนใหทาการ Reboot เครองใหม 5.ตอมาใหทาการทดสอบการวา Run JSP ไดหรอยง ดงน ใหทาการ Start Tomcatโดยคลกท Start > Program > Apache Tomcat > Start Tomcat

ลวใหดบเบลค

Environment Variables ariables

จ

eb Application ดวยภาษา PHP & Dreamweaver MX หรอ Dreamweaver MX 2004 97

ากนนเมอ Tomcat ถกRun ขน ใหคลกท ปม Minimize เพอเกบ Tomcat ไว

W

ใหเปด Browser Internet Explorer ขนมา แลวพมพวา http://localhost:8080 แลวกด Enter

จ

. ถาตองกาเวบ httpบในไดเร

6 ทเกไดเรกทอร เครอง Com

eb Application ดวยภาษา PHP & Dreamweaver MX หรอ Dreamweaver MX 2004 98

ากนนคณสามารถทดสอบ JSP ไดคลก แลวเลอกโปรแกรมทดสอบถา Runไดถอวาใชได

รให JSP ตดตอฐานขอมล MySQLl กตองไป Dowload Class ทใชในการ Connect MySQL ://mmmysql.sourceforge.net แลวทาการ Unzip จากนนใหทาการCopy ไฟล mm.mysql-2.0.14-bin.jar นไปกทอร C:\j2sdk1.4.0_01\jre\lib\ext ซงเปนไดเรกทอรของ J2SE ทเกบไฟล .jar ไว หรอ จะนาไปเกบใน

t\lib กได หลงจากนนใหทาการ หลงจากนนเมอ shutdown การทางานของ Tomcat และ restart SP ตดตอกบ ฐานขอมล MySQL ไดเลย

ท JSP Examples

C:\Tomcaputerใหมแลว กสามารถเขยนสครปต J

7. ตอมาเปนการConfig ใช Dreamweaver® MX ในการเขยน JSPและตดตอ Mysql อนจะConfig นต ดตงฐานขอมล M แลว ตองกาหนด User และ

assword ของผใช วแลวอยาลม Run mysql-adminนะครบ และ Run Tomcat ดวยครบ คณสามารถอาน(ก องทาการต

ฐานขอมลไySQL กอนโดยตองสราง Database ไว

PเพมเตมในเรองMySQL+MySQL-Font) ตอนนผมม Database ชอวา ecom ม User Nameชอ admin และ Password

หลงจาก

ชอ admin 7.1 เปดโปรแกรม Dreamweaver® MX ขนมา เลอกไปทเมน Site > New Site

We

น ตามรป นจะเกดหนาจอดงรป เลอกสวนทเปน Advanced >Local Info แลวทาการกาหนด

b

Application ดวยภาษา PHP & Dreamweaver MX หรอ Dreamweaver MX 2004 99


100

เลอกสวน Remote Info แลวกาหนดตามรป

เลอก Testing Server แลวกาหนดตามรป และคลกปม OK

ทดสอบสราง ไฟล ชอ index.jsp ขนมาหนง ไฟล แลวกดทปม F12 เพอทดสอบการใชงานดงรป

. การสรเลอ

8

าง Connect เชอมตอฐานขอมล MySQL ก Application > Databases >เครองหมาย + > MySQL Driver ดงรป


แลวจะแสดงผลดงรป

อมากาหatabase)

แลวเลอก

าTest ผา

ตd

ถ

W

นดดงน ตงชอ Connect_MySQL, hostname เปลยนเปน localhost, databases nameเปลยนเปน ecom(ชอ และ กาหนด User Name : admin, Password : admin เลอก Sould Connect เปน Testing Server ดงรป

Tes อ

t เพ ทาการทดสอบวา ตดตอไดหรอไม ถาผานจะมขอความดงรป แลว คลก ปม OK

นแลวคลกปมOK ดานขวามอ คณจะไดฐานขอมลทเชอมตอเสรจแลว

eb Application ดวยภาษา PHP & Dreamweaver MX หรอ D



103

ภาคผนวก ข. เรยนรการใชภาษา HTML (Hypertext Markup Language) ขนพนฐาน ภาษา HTML (Hypertext Markup Language)

เวบเพจสวนใหญจะถกสรางขนจากภาษาคอมพวเตอรทมชอเรยกวา HTML (Hypertext Markup Language) าษา HTML จะกาหนดรปแบบ และหนาตาของเวบเพจทปรากฏบนหนาจอ และเชอมตอ(Link) เวบเพจกบขอมลอนๆ

รงสราง ภาษา HTML

และ BODY โปรแกรมในสวน HEAD จะเกยวของกบการกาหนดหวขอของเวบเพจ และโปรแกรมในสวนBODY จะกาหนดหนาตาของเวบเพจ <HTML> <HEAD> <TITIE> หวขอเวบเพจ </TITLE> </HEAD>

สวนทมเนอหา และขอมลเกยวกบ ภาพ Link ทปรากฏในเวบเพจ </BODY> </HTML>

ภ โค

โครงสรางพนฐานของภาษา HTML นนแบงออกไดเปน 2 สวนไดแกสวน HEAD

<BODY>


104

ใชโปรแกรม Notepad เขยน HTML 1. หเปดโปรแกรม Notepad ขนมา โดยคลกปม Stare ดงรป

ใ

2. โปรแกรมกจะทาการเปดโปรแกรม Notepad ดงรป


105

3. จากนนใหทดลองพมพ คาสง HTML ดงรป

4. เมอพมพคาสงเสรจแลวใหทาการบนทกชอเปน Index. Html ดงรป

5. เมอ Save เอกสารเรยบรอยแลวกสามารถเปดโปรแกรม Internet Explorer เพอดเวบเพจทคณเขยนดงรป

6.ให ม Browse เพอหาไฟลชอ Index.Html ทเกบไวจากนนกกดปม Ok โปรแกรมจะแสดงเวบเพจทเขยนมาดงรป

กดป


Web Application ดวยภาษา PHP & D

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

วรรคใหม คาสงขนบรรทดใหม<BR> คาสงขนวรรคใหม<p>

รปแบบคาสง

<!หมายเหต>

การขนบรรทดใหม และ

reamw
eaver MX หรอ Dreamweaver MX 2004 107

การกาหนดรปแบบตวอกษร สามารถกาหนดตวอกษรในขอความไดหลายแบบ เชน ตวเขม ตวเอน หรอขดเสนใต

รปแบบตวอกษร คาสงทใช

ตวหนา ตวเอน ตวขดฆา

ตวsubscript ขดเสนใต

<B>….</B> <I>….</I> <S>….</S>

<SUB>…</SUB> <U>…</U>

ตว superscript <SUP>…</SUP>

Web

Application ดวยภาษา PHP & Dreamw

eaver MX หรอ Dreamweaver MX 2004 108

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

ตกตางก เลกสด

การใชหวเรองเพแ น ใหญสด <H1>…</H1> <H6>…</H6>
Web Application ดวยภาษา PHP & Dre
amweaver MX หรอ Dreamweaver MX 2004 109

การเปลยนขนาดตวอกษร ตองการใหขอความในเวบเพจมขนาดตวอกษรทแตกตางกนใหใชคาสง

การจด

<FONT SIZE=ขนาดตวอกษร>………</FONT>

<P

Web Application ดวยภาษา PHP & Dreamweaver

วางขอความ สามารถจดตาแหนงขอความทงยอหนา ใหชดขวา ชดซาย ห

ALIGN=LEFT/ CENTER/ RIGHT>…..</P>

รออยกงกลาง ไดโดยใชคาสง

MX หรอ Dreamweaver MX 2004 110

การใชส เนองจากในภาษา HTML ตองระบรหสสทตองการในรปของเลขฐาน 16 จงขอแนะนาใหใชตารางแปลงคา

สแดง สเขยว สนาเงน รหสสในรปของเลขฐาน16 สแดง สเขยว สดา สขาว

255 0

255 0

0 255 255

0

0 0

255 0

#FF0000 #00FF00 #000000 #FFFFFF

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

แท

BGCOLOR=#รหสส TEXT=#รหสส

Web Application ดวยภาษ

รกในคาสง <BOBY> เพอใหสทกาหนดมผลกบเวบเพจ

กาหนดสพน

กาหนดสตวอกษร

า PHP & Dreamweaver MX หรอ Dreamweaver MX 2004 111


112

การกาหนดตวอกษรในขอความใหมสทแตกตางกน ถาตองการใหขอความมสสรรทแตกตางกนไปใหใชคาสง

<FONT COLOR=รหสส>……</FONT>

ตวอกษรมสทแตกตางกน

ข ดเสนคนคนในเวบเพจ งเนอหาออกเปนสวนๆ ทาใหอานไดงายสาหรบรปคาสงมดงน

จกกราฟฟกชนดตางๆ สาหรบการสรางเวบเพจนนกราฟฟกทใชสวน

าพมสกลเปน .JPEG)

การใชส จะชวยแบ

<HR SIZE=”ความกวางทตองการ”> ร ภ

Web Application ดวยภาษา PHP & Dr

ใหญ เปนชนด GIF (ไฟลภาพมสกลเปน .GIF) และ JPEG (ไฟล

eamweaver MX หรอ Dreamweaver MX 2004 113

แสดงภาพบนเวบ การนาภาพมา าสง

แสดงบนเวบเพจโดยใชค

IMG SRC=ช .สกลภาพ> อไฟลภาพ

Web Application ดวยภาษา PHP & Dr

eamweaver MX หรอ Dreamweaver MX 2004 114

ป ดรปภาพ ถานารปมาแสดงในเวบมขนาดเลก หรอใหญเกนไป สามารถกาหนดขรบขนา

นาดของภาพ โดยการรบความกวาง ความยาวทตองการดวย

ทรกในคาสง <IMG SRC…..>

และ

WIDTH=ความกวางของภาพ HEIGHT=ความสงของภาพ แ


115

ก ภาพเปน Background ารแสดงงไดโดยกาหนดภาพเลกๆ 1 ภาพจะถกนามาดเรยงซากนเพอสรางแผนกระเบอง

าหรบตวอยางตอไปนใชลาย เปน Background

ารสราง Link โดย Link ซงเปนสงทชวยให

จตางๆ หรอเวบเพจของทอนๆ ท Liปแบบของคาสง Link มดงน

ink สามารถเชอมโยงขอมลได 3 วธค การเชอมโยงขอมลภายในเวบเพจ การเชอมโยงขอมลในเวบเพจกบ การเชอมโยงขอมลกบเวบไซตอน

สามารถตกแตงเวบเพจใหมภาพเปนพนหลนพนหลงใหกบเวบเพจ ในลกษณะเดยวกบการวางเป

ส ก เพร L•••

Web Application ดวยภ

ผใชสามารถทองอนเตอรเนตไดโดยการ Click mouse เพอใหเปลยนไปดหนาเวบnk ไป

อ เดยวกน เวบเพจอน

<A HREF=สวนเชอม>ขอความทใชเปนLink</A>

าษา PHP & Dreamweaver MX หรอ Dreamweaver MX 2004 116

การLinkโดยการใชขอความ

Web Application ดวยภาษา PHP & Dreamweaver MX ห

รอ Dreamweaver MX 2004 117

การใชภาพเปน Link เพอทาใหเวบเพจดหนาสนใจขน โดยการใชภาพเปน Link เชมกบเวปอนแทรกการใชขอความธรรมดา ารใช าไดโดยการเพมคาสง ก ภาพเปน Link เชอมไปยงเวบเพจอนนนท

<A HREF=จดเชอมโยง> <IMG SRC=ชอรปภาพ.สกลภาพ></A>


การสรางตารางในเวปเพจ

านวนคาสง<TR>..</TR> เปนการกาหนดจานวนแถวในตาราง านวนคาสง<TD>..</TD>เปนการกาหนดจานวนคอลมนในแตละแถว

สาหรบรปแบบคาสงตารางมดงน

<TABLE<TR><TD>ขอมล</TD><TD>ขอมล</TD></TR> <TR><TD>ขอมล</TD><TD>ขอมล</TD></TR> </TABLE>

>

จจ

Web Application ดวยภาษา

PHP & Dreamweaver MX หรอ Dreamweaver MX 2004 119

การกาหนดเสนของตาราง TABLE …..>

ารปรบความสงและความกวางของตาราง คาความกวางและความสงนน คอ เปอรเซนตความกวางความสงของตารางทตองการ โดยเทยบกบขนาดของ

นาจอบราวเซอร รปแบบคาสง

โดยการเพมคาสง BORDER แรก ในคาสง <

ใสเสนตาราง

WIDTH=ความกวาง% HEIGHT=ความสง

ก ห


120

ปรบขนาดชองตาราง

เพอทาใหเสนตารางไมเขามาตดกบขอมลมากเกนไป โดยมคาสงดงน

ง

CELLPADDING=ขนาดทวา

Web Application ดวยภาษา PHP
& Dreamweaver MX หรอ Dreamweaver MX 2004 121

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


122

Documents

Macromedia DreamweaverMX & Macromedia DreamweaverMX … · Macromedia DreamweaverMX & Macromedia DreamweaverMX 2004 Web Application PHP & MySQL ผู ี ยนเขไพฑู