บทที่ 1 ความรู พื้นฐานเก ี่ยวกับการพ...
TRANSCRIPT
บทท 1 ความรพนฐานเกยวกบการพฒนา และเขยนโป โปรแกรมบนเวบ
วชา การเขยนโปรแกรมบนเวบd(Web-based Programming)
Application คออะไร
Application กคอ โปรแกรมทถก
สรางขนมาสาหรบสนบสนนการ
ทางานของระบบสารสนเทศตางๆ
การพฒนาแอพพลเคชนแบบ
Web Based Application ??
วชา การเขยนโปรแกรมบนเวบ (Web-based Programming) 2
Web Application คออะไร
eÇçºæo¾Å ie¤ª a¹ (Web application) ¤ o o»Ãæ¡ÃÁ·Õè¶Ù¡e¢Õ¹¢ é¹ ÊÒÁÒöe¢ �Ò㪠�§Ò¹¼ �Ò¹ eÇ纺ÃÒÇe«oà � o´ÂoÒÈ aÂo»Ãoµ¤oÅ http(s) ¼ �Ò¹e¤Ã o¢ �ÒÂoi¹e·oà �e¹çµ Ëà o oi¹·ÃÒe¹çµ
E-Commerce
E-Auction
http://www.like.com/order.phpweb board
tb k
วชา การเขยนโปรแกรมบนเวบ (Web-based Programming) 3
guestbook
Web Application
(Client)(Client) (Server)(Server)(Client)(Client) (Server)(Server)
Database
Cli t
Database
SClient
View Form
Server
e¾ èoe¡çº¢ �oÁÙŵ �Ò§æ
View Data
Ù æ
ŧo»Ãæ¡ÃÁ½ ��§ Server
ÁÕo»Ãæ¡ÃÁ Application ¤o Browser
วชา การเขยนโปรแกรมบนเวบ (Web-based Programming) 4
การตดตอระหวาง Client กบ Server
http://cs udru ac th/~wanasirihttp://cs.udru.ac.th/ wanasiri
http requesthttp://cs.udru.ac.th/~wanasiri
response
คอมพวเตอรฝงผใชอนเทอรเนต
(web browser) เครองบรการเวบ (web server)
วชา การเขยนโปรแกรมบนเวบ (Web-based Programming) 5
การตดตอระหวาง Client กบ Server
http://cs udru ac th/~wanasiri/news phphttp://cs.udru.ac.th/ wanasiri/news.php
http requesthttp://cs.udru.ac.th/~wanasiri/news.php
response
คอมพวเตอรฝงผใชอนเทอรเนต
(web browser) เครองบรการเวบ (web server)Code
ภาษา
HTML
news.php regist.php index.html
Code
ภาษา
วชา การเขยนโปรแกรมบนเวบ (Web-based Programming) 6
ภาษา
HTML
องคประกอบหลกของการเขยนโปรแกรมบนเวบ
เครองบรการเวบ (Web Server)
โปรแกรมเรยกดเอกสารเวบ (Web Browser)
ภาษา HTML และ ภาษา Scriptภาษา HTML และ ภาษา Script
ฐานขอมล (Database)
วชา การเขยนโปรแกรมบนเวบ (Web-based Programming) 7
เครองบรการเวบ (Web server)
A h HTTP S
Zeus Web Server
oftw
are
Sun Java System Web Server
Apache HTTP Server
erve
r So
yInternet Information Server (IIS)
Web
se
วชา การเขยนโปรแกรมบนเวบ (Web-based Programming) 8
ตองใชเวบเซอรฟเวอรจรงๆ ในการพฒนา ??
ลอ ให ป ซอรฟ อรจาลองใหเปนเวบเซอรฟเวอร
Apache Web serverวชา การเขยนโปรแกรมบนเวบ (Web-based Programming) 9
Apache Web server
โปรแกรมเรยกดเอกสารเวบ (web browser)
Internet Explorer Fire fox Google chrome
Plawan browser Opera Safari browser
วชา การเขยนโปรแกรมบนเวบ (Web-based Programming) 10
ลกษณะของภาษาสครปต
ลกษณะภาษาสครปต ทใชการพฒนาโปรแกรมบนเวบ
สามารถแบงได 2 แบบดวยกนคอ
1 Server Side Script เปนลกษณะของภาษาททางานบนเครองเซรฟเวอร1.Server-Side Script เปนลกษณะของภาษาททางานบนเครองเซรฟเวอร
เชน ASP, ASP.NET, PHP, JSP
2.Client-Side Script เปนลกษณะของภาษาททางานอยบนเครองผใช
เชน JavaScript, VBScript
วชา การเขยนโปรแกรมบนเวบ (Web-based Programming) 11
แนะนาภาษา PHP
Rasmus LerdorfRasmus Lerdorf
PHP : Personal Home Page Tools (PHP-Tools)
วชา การเขยนโปรแกรมบนเวบ (Web-based Programming) 12
แนะนาภาษา PHP
PHP เปนภาษาททางานฝง server คอ มการ complier ทฝง server
กอนจะคนคากลบมาในรปแบบของ HTMLกอนจะคนคากลบมาในรปแบบของ HTML
สงทผเรมเขยน PHP ตองเรยนร และตองมพนฐานกอนกคอ ภาษา HTML
วชา การเขยนโปรแกรมบนเวบ (Web-based Programming) 13
ทาไมจงนยมใช PHP
PHP ไดรบความนยมในการนาไปเขยนโปรแกรมบนเวบเนองจาก
1.ใชงานไดฟร
ป ช UNIX L2.รองรบการทางานกบทกระบบปฏบตการ เชน UNIX,Linux และ
Windows
3.รองรบการทางานบนโปรแกรมเวบเบราวเซอรไดทกตว
4 คาสงงายตอการทาความเขาใจ4.คาสงงายตอการทาความเขาใจ
5.ทางานรวมกบระบบแฟมขอมล (File System) ไดด
6.มฟงกชนทรองรบการทางานคอนขางมาก
7 ใชรวมกบคาสงภาษา XML ไดทนท
วชา การเขยนโปรแกรมบนเวบ (Web-based Programming) 14
7.ใชรวมกบคาสงภาษา XML ไดทนท
องคประกอบของการเขยนสครปตภาษา PHP
องคประกอบสาคญไดแกองคปร กอบสาคญไดแก
1.เซอรฟเวอร --> เครองคอมพวเตอร
2.ไคลเอนท --> เครองคอมพวเตอร
3.โปรแกรม Web Server
4.PHP Script Language and Complier
D b5.Database
6.โปรแกรม Database Manager
7.Text Editor
วชา การเขยนโปรแกรมบนเวบ (Web-based Programming) 15
โปรแกรม Web Server
วชา การเขยนโปรแกรมบนเวบ (Web-based Programming) 16
PHP Script Language and Complier
วชา การเขยนโปรแกรมบนเวบ (Web-based Programming) 17
Database
วชา การเขยนโปรแกรมบนเวบ (Web-based Programming) 18
โปรแกรม Database Manager
วชา การเขยนโปรแกรมบนเวบ (Web-based Programming) 19
AppServ คออะไร ???
โปรแกรมทรวมชดโปรแกรมทจาเปนในการเขยนโปรแกรมบนเวบดวย PHP
Appche (Web server) PHP (PHP Compiler)Appche (Web server) PHP (PHP Compiler)
MySql (Database)
phpMyAdmin
ดาวนโหลดฟร!! t k
phpMyAdmin
วชา การเขยนโปรแกรมบนเวบ (Web-based Programming) 20
ดาวนโหลดฟร!! --> www.appservnetwork.com
ใช Appserv รนไหนด ??
AppServ 2.5.10 AppServ 2 6 0AppServ 2.5.10
•Apache 2.2.8
•PHP 5 2 6
AppServ 2.6.0
•Apache 2.2.8 •PHP 5.2.6 •MySQL 5.0.51b
•PHP 6.0.0-dev
•MySQL 6.0.4-alpha •phpMyAdmin-2.10.3 •phpMyAdmin-2.10.3
วชา การเขยนโปรแกรมบนเวบ (Web-based Programming) 21
เมอลงโปรแกรม Appserv เสรจแลว
ส โฟ ใช 1. ตรวจสอบโฟลเดอรใชงานทงหมด
วชา การเขยนโปรแกรมบนเวบ (Web-based Programming) 22
เมอลงโปรแกรม Appserv เสรจแลว
ส ซ ฟ 2. ตรวจสอบการทางานของเวบเซอรฟเวอร
พมพ “localhost” หรอ “127.0.0.1” ใน Address bar ของเวบเบราวเซอร
วชา การเขยนโปรแกรมบนเวบ (Web-based Programming) 23
ทดสอบการทางานของไฟล PHP อยางไร??
http://localhost/ชอโฟลเดอรทเกบไฟล php/ชอไฟล php.php
วชา การเขยนโปรแกรมบนเวบ (Web-based Programming) 24
เรมเขยนโปรแกรมบนเวบดวย PHP อยางไร??
1. การเขยนคาสง PHPPHP•(SGML style)
<? คาสงภาษา PHP ?><? คาสงภาษา PHP ?> •(XML style)
<?php คาสงภาษา PHP ?> •(JavaScript style)
<script language="php"> ... </script> •(ASP style)(ASP style)
<% คาสงภาษา PHP %>
วชา การเขยนโปรแกรมบนเวบ (Web-based Programming) 25
เรมเขยนโปรแกรมบนเวบดวย PHP อยางไร??
1 การเขยนคาสง PHP1. การเขยนคาสง PHP
<?<? คาสงภาษา PHP คาสงภาษา PHP
?>?>
วชา การเขยนโปรแกรมบนเวบ (Web-based Programming) 26
เรมเขยนโปรแกรมบนเวบดวย PHP อยางไร??
2. การเขยนภาษา HTML รวมกบคาสง PHP<?<?
echo “ภาษา HTML”;print “ภาษา HTML”;echo “<img src=‘me.jpg’ border=‘1’ alt=‘รปฉน’>”;
??>คาสงภาษา HTML<img src=“me.jpg” border=“1” alt=“รปฉน”>
วชา การเขยนโปรแกรมบนเวบ (Web-based Programming) 27
เรมเขยนโปรแกรมบนเวบดวย PHP อยางไร??
3. การเขยนคาสงภาษา PHP รวมกบภาษา HTML
<html>
<body>
” ส ” /<h1><? echo”ขอความจากคาสง PHP” ?></h1>
<h1> ขอความจากคาสง HTML </h1>
</body>
</html>
วชา การเขยนโปรแกรมบนเวบ (Web-based Programming) 28
เรมเขยนโปรแกรมบนเวบดวย PHP อยางไร??
4. การเขยน Comment
<? // สาหรบ Comment 1 บรรทด
/* สาหรบ Comment หลายบรรทดตดกน
บรรทดท 2บรรทดท 2
บรรทดท 3
*/
วชา การเขยนโปรแกรมบนเวบ (Web-based Programming) 29?>
เรมเขยนโปรแกรมบนเวบดวย PHP อยางไร??
5. คาสงแสดงผล
<?
echo “ขอความ หรอ ตวแปร”;
print “ขอความ หรอ ตวแปร”;p ;
?>
วชา การเขยนโปรแกรมบนเวบ (Web-based Programming) 30
เรมเขยนโปรแกรมบนเวบดวย PHP อยางไร??
6. การกาหนดจดสนสดคาสง PHP แตละคาสง
ระบดวยเครองหมาย ; ;<?<?
echo “”; echo ;
print “”;print ;
?>วชา การเขยนโปรแกรมบนเวบ (Web-based Programming) 31
?>
เรมเขยนโปรแกรมบนเวบดวย PHP อยางไร??
7. ตวแปรของ PHP
ประกาศตวแปรดวยเครองหมาย $<?
$name=“wanasiri thurachon”;
echo “$name”;
echo $name;echo $name;
?>
วชา การเขยนโปรแกรมบนเวบ (Web-based Programming) 32
ตวแปรภาษา PHP
เงอนไขในการตงชอตวแปรในภาษา PHPเงอนไขในการตงชอตวแปรในภาษา PHP
1.ตองขนตนดวยตวอกษร หรอ เครองหมาย Underscore "_"
หามขนตนดวยตวเลข
2. ชอของตวแปรจะประกอบดวย ตวอกษร ตวเลข หรอ เครองหมาย
Underscore เทานน ไมสามารถใชเครองหมายพเศษตางๆ ได
≠3. รองรบ Case Sensitive $name ≠ $Name
4. ชอของตวแปรจะตองไมมชองวาง
$user_login_name;
$userLoginName;
วชา การเขยนโปรแกรมบนเวบ (Web-based Programming) 33
$userLoginName;
แบบฝกปฏบต ทายบท
1. ใหนกศกษา install program appserv ใหม ในเครองทใชในหองปฏบตการ
และทดสอบการทางานของเวบเซอรฟเวอร
2. สรางโฟลเดอรของนกศกษา(ตามหลกการตงชอ) ทตองการเกบไฟล PHP
3 สรางโปรแกรมเพอแสดงขอมลของนกศกษาตามตวอยางใหแจก3. สรางโปรแกรมเพอแสดงขอมลของนกศกษาตามตวอยางใหแจก
4. แสดงผลขอมลผาน localhost
วชา การเขยนโปรแกรมบนเวบ (Web-based Programming) 34
จบบทท 1