SlideShare a Scribd company logo
HTML, CSS, PHP,
MySQL, Database
เขียนเว็บติดต่อฐานข้อมูล
เริ่มจาก 0 (ศูนย์)
อ.เอิญ สุริยะฉาย (ENS)
ภาควิชาวิทยาการคอมพิวเตอร์และสารสนเทศ
มหาวิทยาลัยเทคโนโลยีพระจอมเกล้าพระนครเหนือ
http://bit.ly/Web2DB_pdf
Download This File
Outline
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 2
WEBSITE DATABASE
YouTube & Download File
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 3
https://youtu.be/bKIZH1eOAHM
Download
https://drive.google.com/open?id=11FVp1qaLDLHgEQdFlCLWu9KYLI2az7Qj
http://bit.ly/Web2DB_Lab
(Full URL)
HTML
(Part 1)
เขียนเว็บติดต่อฐานข้อมูล 4
HTML, CSS, PHP, MySQL, Database
ภาษาที่ใช้สร้าง Website
เขียนเว็บติดต่อฐานข้อมูล 5
HTML, CSS, PHP, MySQL, Database
HTML & CSS
▪ HTML (hypertext markup language) is the language used to
create webpages.
▪ CSS (cascading style sheets) tells the computer how the
content should be displayed, including layout, fonts, colors,
etc.
เขียนเว็บติดต่อฐานข้อมูล 6
HTML, CSS, PHP, MySQL, Database
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 7
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 8
<!doctype html>
▪ Doctype จะเป็น tag ที่ไว้บอกบราวเซอร์ ว่า เอกสารที่มันกาลังเปิด
อยู่กาหนดมาตรฐานไว้แบบไหน โดยที่ Doctype จะเป็น tag ที่อยู่
ก่อน tag html
▪ HTML 5 Doctype คือ
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 9
<!doctype html>
<html>
</html>
<html></html>
▪ The <html> tag tells the browser that this is an HTML
document.
▪ The <html> tag represents the root of an HTML document.
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 10
<!doctype html>
<html>
</html>
<head></head>
▪ The <head> element is a container for all the head elements.
▪ The <head> element can include a title for the document,
scripts, styles, meta information, and more.
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 11
<html>
<head>
<title>HTML Study : ฝึกเขียนเว็บด ้วย HTML</title>
</head>
</html>
<title></title>
▪ defines a title in the browser toolbar
▪ provides a title for the page when it is added to favorites
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 12
<body></body>
▪ The <body> tag defines the document's body.
▪ The <body> element contains all the contents of an HTML
document, such as text, hyperlinks, images, tables, lists, etc.
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 13
<head>
<title>HTML Study : ฝึกเขียนเว็บด ้วย HTML</title>
</head>
<body>
Hello สวัสดี
</body>
<body></body>
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 14
<h1></h1> (to h6)
▪ The <h1> to <h6> tags are used to define HTML headings.
▪ <h1> defines the most important heading. <h6> defines the
least important heading.
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 15
<body>
<h1>หัวข ้อ Heading 1</h1>
<h2>หัวข ้อ Heading 2</h2>
<h3>หัวข ้อ Heading 3</h3>
<h4>หัวข ้อ Heading 4</h4>
<h5>หัวข ้อ Heading 5</h5>
<h6>หัวข ้อ Heading 6</h6>
</body>
<h1></h1>
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 16
<p></p>
▪ The <p> tag defines a paragraph.
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 17
<body>
<h1>Hello สวัสดี</h1>
ข ้อความปกติ
<p>My Website<br>
<p>ย่อหน้าที่ 2 อธิบายเนื้อหา การทาเว็บด ้วยภาษา HTML และ
แต่งให ้สวยงามด ้วย CSS</p>
</body>
<p></p>
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 18
<br> หร ือ </br>
▪ The <br> tag inserts a single line break.
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 19
<body>
<h1>Hello สวัสดี</h1>
ข ้อความปกติ
<p>My Website</p>
<p>ย่อหน้าที่ 2 อธิบายเนื้อหา การทาเว็บด ้วยภาษา</br>
HTML และ แต่งให ้สวยงามด ้วย CSS</p>
</body>
<br>
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 20
<a></a>
▪ The <a> tag defines a hyperlink
▪ href - Specifies the URL of the page the link goes to
▪ target - Specifies where to open the linked
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 21
<body>
<p>My Website</p>
<a href="http://www.google.com">go to Google</a>
<a href="https://www.w3schools.com/"
target="_blank">W3Schools!</a>
</body>
Link
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 22
<img>
▪ The <img> tag defines an image in an HTML page.
▪ The <img> tag has two required attributes: src and alt.
▪ src - Specifies the URL of an image
▪ alt - Specifies an alternate text for an image
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 23
<body>
<h1>Hello สวัสดี</h1>
<p>My Website</p>
<img src="fish.png" alt="Fish">
</body>
<img>
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 24
<img>
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 25
<body>
<h1>Hello สวัสดี</h1>
<p>My Website set height = 300 width = 300</p>
<img src="fish.png" alt="Fish" height="300" width="300">
</body>
<img>
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 26
<ul></ul>
▪ The <ul> tag defines an unordered (bulleted) list.
▪ Use the <ul> tag together with the <li> tag to create
unordered lists.
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 27
<body>
<h1>Hello สวัสดี</h1>
<h3>Normal List</h3>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
<li>Water</li>
</ul>
</body>
<ul></ul>
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 28
<ol></ol>
▪ The <ol> tag defines an ordered list. An ordered list can be
numerical or alphabetical.
▪ Use the <li> tag to define list items.
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 29
<body>
<h1>Hello สวัสดี</h1>
<h3>Number List</h3>
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
<li>Water</li>
</ol>
</body>
<ol></ol>
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 30
<ol></ol>
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 31
<body>
<h1>Hello สวัสดี</h1>
<h3>Number List</h3>
<ol start="15">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
<li>Water</li>
</ol>
</body>
<ol></ol>
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 32
<table></table>
▪ The <table> tag defines an HTML table.
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 33
<table>
<tr>
<th>Id</th>
<th>Name</th>
<th>Score</th>
</tr>
<tr>
<td>620405001</td>
<td>Meena</td>
<td>82</td>
</tr>
<tr>
<td>620405002</td>
<td>MeSa</td>
<td>65</td>
</tr>
</table>
<table></table>
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 34
<table></table> + CSS
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 35
<table>
<tr>
<th>Id</th>
<th>Name</th>
<th>Score</th>
</tr>
<tr>
<td>620405001</td>
<td>Meena</td>
<td>82</td>
</tr>
<tr>
<td>620405002</td>
<td>MeSa</td>
<td>65</td>
</tr>
</table>
<head>
<title>HTML Study : ฝึกเขียนเว็บด ้วย
HTML</title>
<style>
table,
th,
td {
border: 1px solid black;
border-collapse: collapse;
padding: 8px;
}
table {
width: 400px;
}
</style>
</head>
<table></table> + CSS
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 36
<hr>
▪ The <hr> element is used to separate content
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 37
<body>
<h1>Hello สวัสดี</h1>
<h2>Earn's WebSite</h2>
<p>My Website</p>
<hr>
<h2>เริ่มลงมือกันเลย</h2>
<p>ย่อหน้าที่ 2 อธิบายเนื้อหา การทาเว็บด ้วยภาษา HTML และ แต่ง
ให ้สวยงามด ้วย CSS</p>
</body>
<hr>
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 38
CSS
(Part 2)
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 39
Selector Declaration
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 40
<style></style>
▪ The <style> tag is used to define style information for an
HTML document.
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 41
<head>
<title>HTML Study : ฝึก
เขียนเว็บด ้วย HTML</title>
<style>
h1 {
color: red;
}
p {
color: blue;
}
</style>
</head>
<body>
<h1>Hello สวัสดี</h1>
<h2>Earn's WebSite</h2>
<p>My Website</p>
ข ้อความปกติ
<hr>
<h2>เริ่มลงมือกันเลย</h2>
<p>ย่อหน้าที่ 2 อธิบายเนื้อหา การทา
เว็บด ้วยภาษา HTML และ แต่งให ้สวยงามด ้วย
CSS</p>
</body>
Html + CSS
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 42
background-color
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 43
<style>
h1 {
color: red;
}
p {
color: blue;
margin: 25px 50px 40px;
}
body {
background-color: pink;
font-family: tahoma;
}
</style>
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 44
color
▪ HEX Value color: #efefef
▪ Color Names color: red
▪ RGB Value color: rgb(255,0,0)
▪ RGBA Value color: rgba(255,99,71,0.4)
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 45
body { color: #efefef; }
h1 { color: red; }
p { color: rgb(255,0,0); }
margin, border, padding
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 46
margin
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 47
margin: 25px 50px 75px 100px;
top margin is 25px
right margin is 50px
bottom margin is 75px
left margin is 100px
margin: 25px 50px 75px;
top margin is 25px
right and left margins are 50px
bottom margin is 75px
margin: 25px 50px;
top and bottom margins are 25px
right and left margins are 50px
margin: 25px;
all four margins are 25px
class & id
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 48
<style>
.bigtitle {
background-color: purple;
color: white;
padding: 10px;
}
#promotion {
background-color: red;
color: white;
padding: 10px;
margin: auto;
margin-top: 20px;
margin-bottom: 30px;
width: 400px;
border: 5px solid blue;
border-radius: 10px;
text-align: center;
}
</style>
<body>
<h1>Hello สวัสดี</h1>
<h2 class="bigtitle">Earn's
WebSite</h2>
<p>My Website</p>
<img src="fish.png"
alt="Fish">
<hr>
<h2 id="promotion">เริ่มลงมือกัน
เลย</h2>
<p>ย่อหน้าที่ 2 อธิบายเนื้อหา การทา
เว็บด ้วยภาษา HTML และ แต่งให ้สวยงาม
ด ้วย CSS</p>
</body>
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 49
ภาษาไทยเพี้ยน
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 50
ภาษาไทยเพี้ยน (ว ิธีการแก้ไข)
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 51
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
</head>
HTML Form
(เพิ่มเติม 1)
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 52
HTML Form
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 53
<form>
▪ The <form> tag is used to create an HTML form for user input.
▪ <input>
▪ <textarea>
▪ <button>
▪ <select>
▪ <option>
▪ <optgroup>
▪ <fieldset>
▪ <label>
▪ <output>
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 54
input type
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 55
button password
checkbox radio
color range
date reset
datetime-local search
email submit
file tel
hidden text
image time
month url
number week
Form & input type
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 56
<form>
</form>
input
select
textarea
button
input
text
password
radio
search
email
text
text
date
time
number
color
checkbox
submit reset
<input type="text“>
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 57
<form>
ชื่อ : <input type="text"><br>
</form>
Bootstrap
(เพิ่มเติม 2)
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 58
Bootstrap
▪ https://getbootstrap.com/
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 59
Starter template
▪ https://getbootstrap.com/docs/4.3/getting-
started/introduction/#starter-template
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 60
Grid #12
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 61
Grid options
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 62
Grid
▪ https://getbootstrap.com/docs/4.3/layout/grid/
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 63
Example Form
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 64
https://getbootstrap.com
/docs/4.3/examples/
Example Table
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 65
PHP
(Part 3)
เขียนเว็บติดต่อฐานข้อมูล 66
HTML, CSS, PHP, MySQL, Database
PHP
▪ PHP เป็นภาษาสคริปต์ (script) ทางานในฝั่ ง Server แล้วแปล
(interpreter : ตัวแปลที่ละคาสั่ง) ออกมาเป็นหน้าเว็บไซต์
▪ เหมาะสาหรับการพัฒนาเว็บไซต์ และสามารถที่แทรกรวมเข้ากับ
HTML ได้
▪ ความสามารถในการทางานสูง โดยเฉพาะกับการติดต่อกับ
Database เช่น MySQL ได้สะดวก
▪ PHP โครงสร้างภาษา คล้ายกับภาษา C ทาให้เขียนได้ง่าย
▪ PHP มี function ต่างๆ ช่วยในการทางานมากมาย
▪ PHP มีผู้พัฒนามากมายทาให้ทางตัวอย่างได้ง่าย
67
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database
<?php ?>
▪ เปิดด้วยแท็ก <?php ปิดด้วย ?>
▪ ในแท็ก <?php ?> นั้นจะเป็นคาสั่ง PHP
68
เขียนเว็บติดต่อฐานข้อมูล
<?php
echo "Hello World";
?>
File : 1hello.php
HTML, CSS, PHP, MySQL, Database
echo
▪ คาสั่ง echo ใช้สาหรับสั่ง แสดงข้อความออกทางเว็บเพจ
▪ “ “ (Double Quote) จะแสดงข้อความ และค่าของตัวแปร (ถ้ามี)
▪ ‘ ‘ (Single Quote) จะแสดงเป็นข้อความล้วนๆ
69
เขียนเว็บติดต่อฐานข้อมูล
<?php
echo "Hello World";
echo 'How are you?';
?>
File : 1hello.php
HTML, CSS, PHP, MySQL, Database
echo + html code
▪ ถ้าต้องการแสดงผลด้วยภาษา html สามารถใช้คาสั่ง echo แสดงผล
70
เขียนเว็บติดต่อฐานข้อมูล
<?php
echo "Hello World";
echo '<br>';
echo 'How are you?’;
?>
<?php
echo "Hello World<br>";
echo 'How are you?’;
?>
File : 1hello.php
HTML, CSS, PHP, MySQL, Database
การเขียน Comment
▪ เพื่อการอธิบาย code ควรจะเขียนเสมอ ทาให้กลับมาทางานได้ง่าย
▪ ปิด code บางส่วนไม่ให้ทางาน เพื่อแก้ไข (Debug)
▪ ส่วนที่ Comment โปรแกรมจะไม่ประมวลผล ในส่วนนั้น
▪ // สาหรับ 1 บรรทัด
▪ /* */ สาหรับในส่วนนี้ทั้งหมด
71
เขียนเว็บติดต่อฐานข้อมูล
<?php
echo "Hello World";
echo '<br>'; // ขึ้นบรรทัดใหม่
/*echo 'How are you?';
echo 'Have a good day';*/
?>
HTML, CSS, PHP, MySQL, Database
ตัวแปรในภาษา PHP
▪ ตัวแปร หรือ variable มีไว้สาหรับเก็บข้อมูล หรือไว้เรียกใช้ภายหลัง
▪ อยู่ในหน่วยความจาของคอมพิวเตอร์
▪ ชื่อตัวแปรควรเป็นชื่อที่สื่อความหมาย
▪ ตัวแปรที่ใช้เก็บค่ารัศมี อาจตั้งชื่อเป็น radius
▪ อุณหภูมิ อาจตั้งชื่อเป็น Temperature_C , temp_c
▪ อย่าขี้เกียจพิมพ์ หรือ ตั้งชื่อมั่วๆ
▪ ภาษา PHP ไม่จำเป็นต้องประกำรตัวแปร หรือ กาหนดชนิดของตัว
แปรก่อน
▪ ตัวแปรในภาษา PHP สามารถเก็บข้อมูลได้ทุกประเภท
▪ ตัวแปรเดิม สามารถเก็บทั้งตัวเลข หรือ ตัวอักษร ได้
72
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database
ตัวแปร
73
เขียนเว็บติดต่อฐานข้อมูล
<?php
$name = 'Meena';
$score = 82;
echo "นักศึกษา $name ได ้คะแนน = $score";
echo '<br>'; // ขึ้นบรรทัดใหม่
echo 'นักศึกษา $name ได ้คะแนน = $score';
?>
File : 2variable.php
HTML, CSS, PHP, MySQL, Database
กฏเกณฑ์การตั้งชื่อตัวแปร
▪ ชื่อตัวแปรต้องขึ้นต้นด้วยเครื่อง $ (dollar sign) เสมอ
▪ ต้องขึ้นต้นด้วยตัวอักษร (A-Z หรือ a-z) หรือ underscore _ เท่านั้น
▪ ตัวอักขระตัวถัดไปอาจตามด้วยตัวอักษร ตัวเลข 0 - 9 หรือ _ ได้
▪ ชื่อของตัวแปรมีคุณสมบัติเป็น case-sensitive
▪ คือตัวอักษรตัวใหญ่และตัวเล็กถือว่ำเป็นคนละตัวกัน
▪ ห้ามมีช่องว่าง หรือ สัญลักษณ์พิเศษเช่น ! # @ $ % ^ & ( ) - + = / .
▪ ไม่ควรตั้งชื่อซ้ากับ keyword และฟังก์ชันมาตรฐาน
เขียนเว็บติดต่อฐานข้อมูล 74
HTML, CSS, PHP, MySQL, Database
ตัวอย่างคาที่ห้ามใช้
▪ PHP Keywords (คาสงวน) เช่น (มีเพิ่มเติ่มอีก)
เขียนเว็บติดต่อฐานข้อมูล 75
and false or
break for require
case foreach return
class function static
continue global switch
default if this
do include true
else list var
elseif new virtual
extends not while
HTML, CSS, PHP, MySQL, Database
การเชื่อมข้อความด้วยจุด ( . )
▪ ใช้จุด เพื่อเชื่อม ข้อความ หรือ ตัวแปรเข้ากันได้
▪ ถ้าเป็นข้อความจะอยู่ในเครื่องหมาย “ ” ‘ ’
76
เขียนเว็บติดต่อฐานข้อมูล
<?php
$name = 'Meena';
$lastname = 'เมษา';
$score = 82;
echo 'ชื่อ'.$name.' นามสกุล’.$lastname;
?>
File : 3string.php
HTML, CSS, PHP, MySQL, Database
ตัวดาเนินการ และ ตัวถูกดาเนินการ
▪ ตัวดาเนินการ (Operator) คือ เครื่องหมายหรือสัญลักษณ์ที่ใช้ในการ
แทนการกระทาอย่างใดอย่างหนึ่งกับข้อมูล
▪ เช่น + - * / % = > < && ||
▪ ตัวถูกดาเนินการ (Operand) คือ ข้อมูลที่ถูกกระทาโดยตัวดาเนินการ
ซึ่งตัวถูกดาเนินการอาจอยู่ในรูปของ
▪ ตัวแปร (Variable)
▪ ค่าคงที่ (Constant)
▪ นิพจน์ (Expression)
▪ ค่าที่ได้รับจากฟังก์ชัน (Return Function)
เขียนเว็บติดต่อฐานข้อมูล 77
HTML, CSS, PHP, MySQL, Database
ตัวดาเนินการ (Operator)
▪ ตัวดาเนินการทางคณิตศาสตร์ (Arithmetic Operators)
78
เขียนเว็บติดต่อฐานข้อมูล
Operator Name Example
+ บวก $x + $y
- ลบ $x - $y
* คูณ $x * $y
/ หาร $x / $y
% Modulus $x % $y
** ยกกาลัง $x ** $y
HTML, CSS, PHP, MySQL, Database
Arithmetic Operators
79
เขียนเว็บติดต่อฐานข้อมูล
<?php
$x = 12;
$y = 5;
echo $x + $y; echo '<br>';
echo $x - $y; echo '<br>';
echo $x * $y; echo '<br>';
echo $x / $y; echo '<br>';
echo $x % $y; echo '<br>';
?>
File : 4operator.php
HTML, CSS, PHP, MySQL, Database
ตัวดาเนินการ (Operator)
▪ ตัวดาเนินการเปรียบเทียบ (Comparison Operators)
80
เขียนเว็บติดต่อฐานข้อมูล
Operator Name Example
== เท่ากัน $x == $y
=== เหมือนกัน $x === $y
!= ไม่เท่ากัน $x != $y
<> ไม่เท่ากัน $x <> $y
!== Not identical $x !== $y
> มากกว่า $x > $y
< น้อยกว่า $x < $y
>= มากกว่าเท่ากับ $x >= $y
<= น้อยกว่าเท่ากับ $x <= $y
HTML, CSS, PHP, MySQL, Database
Comparison Operators
81
เขียนเว็บติดต่อฐานข้อมูล
<?php
$x = 12;
$y = 5;
if ($x == $y) { echo 'เท่ากัน'; }
if ($x != $y) { echo 'ไม่เท่ากัน'; }
if ($x > $y) { echo 'x > y'; }
if ($x < $y) { echo 'x < y'; }
?>
File : 5operator2.php
HTML, CSS, PHP, MySQL, Database
ตัวดาเนินการ (Operator)
▪ ตัวดาเนินการเชิงตรรกะ (Logical Operators)
82
เขียนเว็บติดต่อฐานข้อมูล
Operator Name Example
and และ $x and $y
or หรือ $x or $y
xor Xor $x xor $y
&& และ $x && $y
|| หรือ $x || $y
! นิเสธ !$x
HTML, CSS, PHP, MySQL, Database
ตัวดาเนินการเพิ่ม ลดค่า (++ --)
เขียนเว็บติดต่อฐานข้อมูล 83
เครื่องหมาย การคานวณ ตัวอย่าง ความหมาย
++
เพิ่มค่า
ทีละหนึ่ง
++a
เพิ่มค่า a ก่อนแล้ว
นา a ไปใช้งาน
a++
นาค่า a ไปใช้งานก่อน
แล้วเพิ่มค่า a
--
ลดค่า
ทีละหนึ่ง
--a
ลดค่า a ก่อนแล้ว
นา a ไปใช้งาน
a--
นาค่า a ไปใช้งานก่อน
แล้วลดค่า a
HTML, CSS, PHP, MySQL, Database
a++ , ++a
เขียนเว็บติดต่อฐานข้อมูล 84
a = 10;
b = ++a;
a = 10;
b = a++;
a = 10
a = a+1 = 11
b = a+1 = 11
a = 10
b = a = 10
a = a+1 = 11
a = 11 , b = 11
a = 11 , b = 10
HTML, CSS, PHP, MySQL, Database
a-- , --a
เขียนเว็บติดต่อฐานข้อมูล 85
a = 10;
b = --a;
a = 10;
b = a--;
a = 10
a = a-1 = 9
b = a-1 = 9
a = 10
b = a = 10
a = a-1 = 9
a = 9 , b = 9
a = 9 , b = 10
HTML, CSS, PHP, MySQL, Database
นิพจน์ (Expression)
86
เขียนเว็บติดต่อฐานข้อมูล
1+2
operator (+)
operand #2
(constant)
operand #1
(constant)
(5/9)*(F–32)
operator (*)
operand #2
(Expression)
operand #1
(Expression)
(5/9) (F–32)
constant constant variable constant
operator (/) operator (-)
HTML, CSS, PHP, MySQL, Database
คาสั่งการกาหนดค่า (Assignment)
87
เขียนเว็บติดต่อฐานข้อมูล
<?php
$x = 12;
$y = 5;
$sum = 0;
$a = $b = $c = 10;
$result = $a + $b + $c;
$area = $high * $base * 1/2;
$count = $count +1;
$name = 'Meena';
$text = 'ชื่อ'.$name;
?>
File : 6assignment.php
HTML, CSS, PHP, MySQL, Database
ตัวอย่าง sample_1.php
▪ เขียนโปรแกรม กาหนดตัวแปร 3 ตัว
▪ ทางาน หาผลรวม
▪ แสดงผลออกทางเว็บ
88
เขียนเว็บติดต่อฐานข้อมูล
<?php
$a = 10;
$b = 7;
$c = 15;
$sum = $a + $b + $c;
echo 'ผลรวม = '.$sum;
?>
File : sample_1.php
HTML, CSS, PHP, MySQL, Database
แบบฝึกหัก ex_1.php
▪ เขียนโปรแกรม กาหนดตัวแปร องศาฟาเรนไฮต์
▪ ทางาน แปลงค่าเป็น องศาเซสเซียส
▪ แสดงผลออกทางเว็บ
▪ เช่น
89
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database
แบบฝึกหัก ex_2.php
▪ เขียนโปรแกรม กาหนดตัวแปร 2 ตัว
▪ ทางาน คานวณหาพื้นที่ ของสามเหลี่ยม
▪ แสดงผลออกทางเว็บ
90
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database
แบบฝึกหัก ex_3.php
▪ เขียนโปรแกรม กาหนดตัวแปร 2 ตัว
▪ รัศมีของวงใหญ่ (R) และวงเล็ก (r)
▪ ทางาน คานวณหาพื้นที่ ของวงแหวน
▪ แสดงผลออกทางเว็บ
▪ ตรวจคาตอบได้ที่นี่ (หรือเสิร์ซหาเอง)
91
เขียนเว็บติดต่อฐานข้อมูล
https://www.analyzemath.com/Geometry_calculators/area_of_of_a_circular
_ring_geometry_calculator.html
R
r
HTML, CSS, PHP, MySQL, Database
แบบฝึกหัก ex_4.php
▪ เขียนโปรแกรม หาผลรวมและค่าเฉลี่ย ของเลขตั้งแต่ 1 ถึง 10
▪ แสดงผลออกทางเว็บ
92
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database
intval
▪ ทาให้ตัวแปรมีชนิดข้อมูลเป็น integer (int) จานวนเต็ม
93
เขียนเว็บติดต่อฐานข้อมูล
<?php
$sum = '35abc';
$x = 32;
$y = 5;
echo intval(42); echo '<br>';
echo intval(4.2); echo '<br>';
echo intval('42'); echo '<br>';
echo intval('+42'); echo '<br>';
echo intval('-42'); echo '<br>';
echo intval($sum); echo '<br>';
echo intval($x/$y); echo '<br>';
echo intval($x%$y); echo '<br>';
?>
File : 7intval.php
HTML, CSS, PHP, MySQL, Database
ตัวอย่าง sample_2.php
▪ เขียนโปรแกรม กาหนดตัวแปร 2 ตัว
▪ ทางาน นาจานวนทั้ง 2 มาหารกัน
▪ ตัวแรกเป็นตัวตั้ง ตัวหลังเป็นตัวหาร
▪ แสดงผลที่ได้จากการหารทั้งผลและเศษเป็นเลขจานวนเต็ม
94
เขียนเว็บติดต่อฐานข้อมูล
<?php
$number1 = 10;
$number2 = 7;
$result = $number1/$number2;
$result = intval($result);
$remain = $number1%$number2;
echo "ผลลัพธ์ = ".$result."<br>";
echo "เศษ = ".$remain;
?>
File : sample_2.php
HTML, CSS, PHP, MySQL, Database
แบบฝึกหัก ex_5.php
▪ เขียนโปรแกรมคานวณค่าวินาทีให้เป็น ชัวโมง นาที
▪ แสดงผลออกทางเว็บ เช่น
▪ 4,000 วินาที = 1 ชั่วโมง 6 นาที 40 วินาที ( 1:6:40 )
95
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database
ใช้ PHP ร่วมกับ HTML
96
เขียนเว็บติดต่อฐานข้อมูล
<!DOCTYPE html>
<html>
<head>
<title>การเขียนเว็บด ้วย PHP</title>
</head>
<body>
<h3>ใช ้PHP ร่วมกับ HTML</h3>
<?php
$sum = 4+5;
echo "ข ้อความในส่วนภาษา PHP<br>";
echo "ผลบวก = ".$sum;
echo "<br>"
?>
ข ้อความในส่วนภาษา HTML
</body>
</html>
File : 8html.php
HTML, CSS, PHP, MySQL, Database
date
97
เขียนเว็บติดต่อฐานข้อมูล
<!DOCTYPE html>
<html>
<head>
<title>การเขียนเว็บด ้วย PHP</title>
</head>
<body>
<h3>แสดงเวลาปัจจุบัน</h3>
<?php
date_default_timezone_set("Asia/Bangkok");
$time = date("d/m/Y");
echo "วันนี้วันที่ ".$time."<br>";
echo "เวลา ".date("H:i.s");
echo "<br>";
?>
ข ้อความในส่วนภาษา HTML
</body>
</html>
https://www.php.net/manual/en/function.date.php
File : 9html2.php
HTML, CSS, PHP, MySQL, Database
คาสั่งเงื่อนไข if
▪ คาสั่งเงื่อนไข if เป็นคาสั่งให้ตรวจสอบผลลัพธ์ของเงื่อนไข (นิพจน์)
▪ ถ้าเป็น จริง (True) ให้ทาคาสั่งต่าง ๆ ใน if
▪ ถ้าเป็น เท็จ (False) จะไม่ทาคาสั่งต่าง ๆ ใน if
98
เขียนเว็บติดต่อฐานข้อมูล
if (เงื่อนไข)
คำสั่งของif;
คำสั่ง2;
คาสั่งของif
true false
เงื่อนไข
คาสั่ง2
HTML, CSS, PHP, MySQL, Database
if
99
เขียนเว็บติดต่อฐานข้อมูล
<?php
$x = 12;
$y = 7;
echo "ข ้อความ 1"."<br>";
if ($x > $y) {
echo "ข ้อความ 2"."<br>";
}
echo "ข ้อความ 3"."<br>";
?>
<?php
$x = 12;
$y = 7;
echo "ข ้อความ 1"."<br>";
if ($x < $y) {
echo "ข ้อความ 2"."<br>";
}
echo "ข ้อความ 3"."<br>";
?>
File : 10if.php
HTML, CSS, PHP, MySQL, Database
คาสั่งเงื่อนไข if - else
▪ คาสั่งเงื่อนไข if เป็นคาสั่งให้ตรวจสอบผลลัพธ์ของเงื่อนไข (นิพจน์)
▪ ถ้าเป็น จริง (true) ให้ทาคาสั่งต่าง ๆ ใน if
▪ ถ้าเป็น เท็จ (false) ให้ทาคาสั่งต่าง ๆ ใน else
100
เขียนเว็บติดต่อฐานข้อมูล
if (เงื่อนไข)
คำสั่งของif ;
else
คำสั่งของelse ;
คาสั่งของif
true false
เงื่อนไข
คาสั่งของelse
HTML, CSS, PHP, MySQL, Database
if - else
101
เขียนเว็บติดต่อฐานข้อมูล
<?php
$x = 12;
$y = 7;
echo "ข ้อความ 1"."<br>";
if ($x > $y) {
echo "ข ้อความ 2"."<br>";
} else {
echo "ข ้อความ 3"."<br>";
}
?>
<?php
$x = 12;
$y = 7;
echo "ข ้อความ 1"."<br>";
if ($x < $y) {
echo "ข ้อความ 2"."<br>";
} else {
echo "ข ้อความ 3"."<br>";
}
?>
File : 11ifelse.php
HTML, CSS, PHP, MySQL, Database
คาสั่งเงื่อนไข if-elseif
▪ ทาให้สามารถตรวจสอบเงื่อนไขได้มากขึ้น
เขียนเว็บติดต่อฐานข้อมูล 102
if (เงื่อนไข1)
คาสั่ง1 ;
elseif (เงื่อนไข2)
คาสั่ง2 ;
elseif (เงื่อนไข3)
คาสั่ง3 ;
else
คาสั่ง4 ;
เงื่อนไข1
คาสั่ง1
false
true
เงื่อนไข2
เงื่อนไข3
คาสั่ง2
คาสั่ง3 คาสั่ง4
คาสั่งอื่นๆ
false
true
false
true
HTML, CSS, PHP, MySQL, Database
if-elseif
เขียนเว็บติดต่อฐานข้อมูล 103
<?php
$score = 80;
if ($score >= 80) {
echo "ดีมาก"; }
elseif($score >= 50){
echo "ผ่าน"; }
else {
echo "ตก";
}
?>
<?php
$score = 65;
if ($score >= 80) {
echo "ดีมาก"; }
elseif($score >= 50){
echo "ผ่าน"; }
else {
echo "ตก";
}
?>
<?php
$score = 39;
if ($score >= 80) {
echo "ดีมาก"; }
elseif($score >= 50){
echo "ผ่าน"; }
else {
echo "ตก";
}
?>
File : 12elseif.php
HTML, CSS, PHP, MySQL, Database
if-elseif
เขียนเว็บติดต่อฐานข้อมูล 104
<?php
$age = 22;
if($age >= 60) {
echo "ผู ้สูงอายุ"; }
elseif ($age>=18 and $age <60) {
echo "คนทั่วไป";
} else {
echo "เยาวชน";
}
?>
File : 13ifand.php
HTML, CSS, PHP, MySQL, Database
แบบฝึกหัก ex_6.php
▪ เขียนโปรแกรม กาหนดตัวแปรคะแนน 1 ตัวแปร
▪ ทางาน คานวณหาเกรดที่ได้ ดังนี้
▪ แสดงผลออกทางเว็บ
เขียนเว็บติดต่อฐานข้อมูล 105
Score Grade
>= 80 A
75-79 B+
70-74 B
65-69 C+
60-64 C
55-59 D+
50-54 D
< 50 F
HTML, CSS, PHP, MySQL, Database
แบบฝึกหัก ex_7.php
▪ เขียนโปรแกรม กาหนดตัวแปร 3 ตัว
▪ ทางาน หาจานวนที่มากที่สุด และ จานวนที่น้อยที่สุด ใน 3 ตัว และ
ค่าเฉลี่ย
▪ แสดงผลออกทางเว็บ
▪ เช่น
เขียนเว็บติดต่อฐานข้อมูล 106
HTML, CSS, PHP, MySQL, Database
คาสั่งวนซ้า for
▪ เป็นคาสั่งให้วนรอบ (loop) โดยมีจานวนรอบในการวนซ้าที่แน่นอน
▪ ค่าเริ่มต้น – ส่วนที่กาหนดค่าเริ่มต้นให้กับตัวแปรนับรอบ
▪ เงื่อนไข – ใช้ตรวจสอบการทางานของตัวแปรว่า จริง หรือ เท็จ
▪ ถ้าเงื่อนไขเป็น จริง ก็ทางานในลูป for ต่อไป
▪ ถ้าเงื่อนไขเป็น เท็จ จะออกจากการทางานของลูป for
▪ เพิ่มลดค่า – ใช้เพิ่มค่าหรือลดค่าให้กับตัวแปรนับรอบ
▪ หาก คาสั่งของfor มีหลายคาสั่ง ให้ใส่ { } คุม
เขียนเว็บติดต่อฐานข้อมูล 107
for (ค่ำเริ่มต้น ; เงื่อนไข ; เพิ่มลดค่ำ)
คำสั่งของfor ;
HTML, CSS, PHP, MySQL, Database
คาสั่งวนซ้า for
เขียนเว็บติดต่อฐานข้อมูล 108
True
False
ค่ำเริ่มต้น
คำสั่งของfor
เพิ่มลดค่ำ
เงื่อนไข
ออกจากการวนรอบ
for (ค่ำเริ่มต้น ; เงื่อนไข ; เพิ่มลดค่ำ)
คำสั่งของfor ;
HTML, CSS, PHP, MySQL, Database
for
เขียนเว็บติดต่อฐานข้อมูล 109
<?php
for ($i=1; $i<=10; $i++){
echo $i;
echo "<br>";
}
?>
File : 14for.php
HTML, CSS, PHP, MySQL, Database
for
เขียนเว็บติดต่อฐานข้อมูล 110
<?php
for ($i=1; $i<=10; $i++){
echo $i;
if ($i%2 == 0){
echo " เป็นเลขคู่";
} else {
echo " เป็นเลขคี่";
}
echo "<br>";
} // END for
?>
File : 15forif.php
HTML, CSS, PHP, MySQL, Database
คาสั่ง for ซ้อน for
เขียนเว็บติดต่อฐานข้อมูล 111
<?php
for ($i=2; $i<=5; $i++){
echo "รอบใหญ่ที่ $i <br>";
for ($j=1; $j<=3; $j++){
echo " รอบเล็กที่ $j ($i*$j) ,";
} // End for รอบเล็ก
echo "<br><br>";
} // End for รอบใหญ่
?>
File : 16forfor.php
HTML, CSS, PHP, MySQL, Database
แบบฝึกหัก ex_8.php
▪ เขียนโปรแกรม หาผลรวมและค่าเฉลี่ย ของเลขตั้งแต่ 1 ถึง 200
▪ โดยการใช้คาสั่ง for
▪ แสดงผลออกทางเว็บ
112
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database
แบบฝึกหัก ex_9.php
▪ เขียนโปรแกรม เพื่อหาว่าตั้งแต่ 1 ถึง 2,000 มีเลขใดบ้างหาร 25 ลง
ตัว (แสดงผลเฉพาะเลขที่หาร 25 ลงตัวเท่านั้น)
▪ แสดงผลออกทางเว็บ
เขียนเว็บติดต่อฐานข้อมูล 113
25
50
75
100
125
150
175
200
225
250
275
300
325
350
375
400
HTML, CSS, PHP, MySQL, Database
แบบฝึกหัก ex_10.php
▪ เขียนโปรแกรม แสดงสูตรคูณ คล้ายตัวอย่าง (หรือ ดีกว่า)
▪ แสดงผลออกทางเว็บ
114
เขียนเว็บติดต่อฐานข้อมูล
2 3 4 5 6 7 8 9 10
4 6 8 10 12 14 16 18 20
6 9 12 15 18 21 24 27 30
8 12 16 20 24 28 32 36 40
10 15 20 25 30 35 40 45 50
12 18 24 30 36 42 48 54 60
14 21 28 35 42 49 56 63 70
16 24 32 40 48 56 64 72 80
18 27 36 45 54 63 72 81 90
20 30 40 50 60 70 80 90 100
22 33 44 55 66 77 88 99 110
24 36 48 60 72 84 96 108 120
HTML, CSS, PHP, MySQL, Database
คาสั่งวนซ้า while
▪ while เป็นคาสั่งวนซ้า สั่งให้ทาค่าสั่งใน while ซ้าๆ จนกระทั่งเงื่อนไข
เป็นเท็จ จึงจะจบการวนซ้า
▪ ตรวจสอบเงื่อนไขก่อนเข้าทางานใน while ทุกครั้ง
▪ ถ้าเงื่อนไขเป็นจริง จะทางานคาสั่งใน while แล้วจึงกลับไป
ตรวจสอบเงื่อนไขอีกครั้ง
▪ วนซ้าจนกว่าเงื่อนไขจะเป็นเท็จ จึงออกจาก loop while
▪ หาก คาสั่งของwhile มีหลายคาสั่ง ให้ใส่ { } คุม
เขียนเว็บติดต่อฐานข้อมูล 115
while (เงื่อนไข)
คำสั่งของwhile ;
HTML, CSS, PHP, MySQL, Database
คาสั่งวนซ้า while
เขียนเว็บติดต่อฐานข้อมูล 116
True
False
คำสั่งของwhile
เงื่อนไข
ออกจากการวนรอบ
while (เงื่อนไข)
คำสั่งของwhile ;
HTML, CSS, PHP, MySQL, Database
while
เขียนเว็บติดต่อฐานข้อมูล 117
<?php
$a = 1;
while ($a <= 10){
echo $a;
echo "<br>";
$a++;
}
?>
<?php
for ($i=1; $i<=10; $i++){
echo $i;
echo "<br>";
}
?>
File : 17while.php
HTML, CSS, PHP, MySQL, Database
คาสั่งวนซ้า do – while
▪ do – while เป็นคาสั่งวนซ้า สั่งให้ทาคาสั่งใน do-while หนึ่งรอบ แล้ว
จึงตรวจสอบเงื่อนไข แล้วทาซ้าจนกระทั่งเงื่อนไขเป็นเท็จ จึงจะจบ
การวนซ้า
เขียนเว็บติดต่อฐานข้อมูล 118
do {
คำสั่งของdo-while ;
}
while (เงื่อนไข);
HTML, CSS, PHP, MySQL, Database
คาสั่งวนซ้า do – while
เขียนเว็บติดต่อฐานข้อมูล 119
True
False
คำสั่งของdo-while
เงื่อนไข ออกจากการวนรอบ
do {
คำสั่งของdo-while ;
}
while (เงื่อนไข);
HTML, CSS, PHP, MySQL, Database
do-while
เขียนเว็บติดต่อฐานข้อมูล 120
<?php
$a = 1;
do {
echo $a;
echo "<br>";
$a++;
} while ($a <= 10)
?>
<?php
$a = 1;
while ($a <= 10){
echo $a;
echo "<br>";
$a++;
}
?>
File : 18dowhile.php
HTML, CSS, PHP, MySQL, Database
สรุป คาสั่ง
เขียนเว็บติดต่อฐานข้อมูล 121
if (เงื่อนไข)
คำสั่งของif;
คำสั่งอื่น;
if (เงื่อนไข)
คำสั่งของif ;
else
คำสั่งของelse ;
for (ค่ำเริ่มต้น ; เงื่อนไข ; เพิ่มลดค่ำ)
คำสั่งของfor ;
while (เงื่อนไข)
คำสั่งของwhile ;
do {
คำสั่งของdo-while ;
}
while (เงื่อนไข);
HTML, CSS, PHP, MySQL, Database
Array
▪ Array (แถวลาดับ) คือ การเก็บข้อมูลเป็นกลุ่มที่เรียงต่อกันใน
หน่วยความจา เพื่อใช้ในการเก็บข้อมูลชนิดเดียวกัน หลาย ๆ จานวน
▪ ตัวแปรเดียว แต่เก็บได้หลายค่า
▪ สามารถเข้าถึงข้อมูลแต่ละตัว โดยใช้ตัวเลขดัชนี (index) เพื่อระบุถึง
ข้อมูลนั้น ตามตาแหน่งที่อยู่ของสมาชิก
▪ ดัชนีเริ่มตั้งแต่ [0] จนถึง [n-1] ( n = จานวนของสมาชิกในอาร์เรย์ )
เขียนเว็บติดต่อฐานข้อมูล 122
a
a[1] a[2]
a[0] a[3] a[4]
index สุดท้ำย = n-1
index
HTML, CSS, PHP, MySQL, Database
Array
เขียนเว็บติดต่อฐานข้อมูล 123
<?php
$data[0]=5;
$data[1]=10;
$data[2]=20;
$data[3]=30;
$data[4]=40;
for($i=0; $i<5; $i++)
echo $data[$i]."<br>";
?>
File : 19array.php
HTML, CSS, PHP, MySQL, Database
แบบฝึกหัก ex_11.php
▪ เขียนโปรแกรม กาหนดตัวแปรแบบ Array เช่น $data[] แล้วเก็บค่าที่
ต้องการไว้จานวน 5 ค่า (แบบตัวอย่างหน้าที่แล้ว)
▪ ทางาน เขียนคาสั่งวนรอบเพื่อหาค่าผลรวม
และ หาค่าเฉลี่ย หาค่ามากสุด และน้อยสุด
▪ แสดงผลออกทางเว็บ
▪ เช่น
124
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database
Array ขนาด 2 มิติ
▪ คือ array of array เป็นตัวแปร array ในลักษณะของตารางเก็บข้อมูล
เป็นแถว (row) และหลัก (column)
เขียนเว็บติดต่อฐานข้อมูล 125
a[2][0]
a
a[2][1] a[2][2] a[2][3] a[2][4]
a[1][0] a[1][1] a[1][2] a[1][3] a[1][4]
a[0][0] a[0][1] a[0][2] a[0][3] a[0][4]
column 0 1 2 3 4
row
0
1
2
HTML, CSS, PHP, MySQL, Database
Array ขนาด 2 มิติ
เขียนเว็บติดต่อฐานข้อมูล 126
<?php
$std[1][1] = 'Meena';
$std[1][2] = 75;
$std[2][1] = 'Kanya';
$std[2][2] = 82;
$std[3][1] = 'Thanwa';
$std[3][2] = 56;
for($i=1; $i<=3; $i++)
for($j=1; $j<=2; $j++)
echo $std[$i][$j]."<br>";
?>
File : 20array2.php
HTML, CSS, PHP, MySQL, Database
ส่งข้อมูลผ่าน form
เขียนเว็บติดต่อฐานข้อมูล 127
<!doctype html>
<html>
<head>
<title>ส่งข ้อมูลผ่าน Form</title>
</head>
<body>
<h2>ส่งข ้อมูลผ่าน Form</h2>
<form action="form.html" method="GET">
First Name : <input type="text" name="firstname"><br><br>
Password : <input type="password" name="password"><br><br>
Comment : <textarea name="comment"></textarea><br><br>
<input type="submit" value="SEND"><br><br>
</form>
</body>
</html>
File : form.html
HTML, CSS, PHP, MySQL, Database
ส่งข้อมูลผ่าน form
▪ ส่งแบบ GET จะแสดงตัวแปรและค่าบน URL
เขียนเว็บติดต่อฐานข้อมูล 128
…/form.html?firstname=Meena&password=1234&comment=สร้างเว็บ
HTML, CSS, PHP, MySQL, Database
formget.php
เขียนเว็บติดต่อฐานข้อมูล 129
File : formget.php
HTML, CSS, PHP, MySQL, Database
$_GET เพื่อรับค่า (แบบ GET)
▪ ส่วนที่ 1 : PHP เพื่อรับค่าที่ส่งจากฟอร์ม
เขียนเว็บติดต่อฐานข้อมูล 130
<?php
$firstname = $_GET['firstname'];
$password = $_GET['password'];
$comment = $_GET['comment'];
?>
File : formget.php
HTML, CSS, PHP, MySQL, Database
html
▪ ส่วนที่ 2 : Code HTML เพื่อสร้างฟอร์มรับข้อมูล
เขียนเว็บติดต่อฐานข้อมูล 131
<!doctype html>
<html>
<head>
<title>ส่งข ้อมูลผ่าน Form</title>
</head>
<body>
<h2>ส่งข ้อมูลผ่าน Form (Get)</h2>
<form action="formget.php" method="GET">
First Name : <input type="text" name="firstname"><br><br>
Password : <input type="password" name="password"><br><br>
Comment : <textarea name="comment"></textarea><br><br>
<input type="submit" value="SEND"><br><br>
</form>
File : formget.php
HTML, CSS, PHP, MySQL, Database
isset
▪ ส่วนที่ 3 : isset เช็คว่ามีข้อมูลหรือไม่ ?
เขียนเว็บติดต่อฐานข้อมูล 132
<?php
if(isset($firstname)){
echo "<h3>ข ้อมูลที่รับเข ้ามา</h3>";
echo $firstname;
echo '<br>';
echo $password;
echo '<br>';
echo $comment;
}// End isset
else {
echo "ไม่มีข ้อมูล";
}
?>
File : formget.php
HTML, CSS, PHP, MySQL, Database
$_POST เพื่อรับค่า (แบบ POST)
▪ กรณีส่งแบบ POST จะไม่แสดงข้อมูลในแถบ URL ทาให้เป็นความลับ
เขียนเว็บติดต่อฐานข้อมูล 133
<?php
$firstname = $_POST['firstname'];
$password = $_POST['password'];
$comment = $_POST['comment'];
?>
<form action="formpost.php" method="POST">
First Name : <input type="text" name="firstname"><br><br>
Password : <input type="password" name="password"><br><br>
Comment : <textarea name="comment"></textarea><br><br>
<input type="submit" value="SEND"><br><br>
</form>
File : formpost.php
HTML, CSS, PHP, MySQL, Database
โปรแกรมเคร ื่องคิดเลข (sample_3.php)
เขียนเว็บติดต่อฐานข้อมูล 134
File : sample_3.php
HTML, CSS, PHP, MySQL, Database
โปรแกรมเคร ื่องคิดเลข
เขียนเว็บติดต่อฐานข้อมูล 135
<?php
$x = $_POST['x'];
$y = $_POST['y'];
?>
<!doctype html>
<html>
<head>
<title>เครื่องคิดเลข</title>
</head>
<body>
<h2>เครื่องคิดเลข</h2>
<form action="sample_3.php" method="POST">
ค่า x : <input type="text" name="x"><br><br>
ค่า y : <input type="text" name="y"><br><br>
<input type="submit" value="คานวณ">
<input type="reset" value="ยกเลิก"><br><br>
</form>
File : sample_3.php
HTML, CSS, PHP, MySQL, Database
โปรแกรมเคร ื่องคิดเลข
เขียนเว็บติดต่อฐานข้อมูล 136
<?php
if(isset($x)){
$sum = $x+$y;
$minus = $x-$y;
$multiple = $x*$y;
$divide = $x*$y;
echo "<h3>ผลลัพธ์</h3>";
echo " $x + $y = ".$sum."<br>";
echo " $x - $y = ".$minus."<br>";
echo " $x * $y = ".$multiple."<br>";
echo " $x * $y = ".$divide."<br>";
}// End isset
else {
echo "ไม่มีข ้อมูล";
}
?>
File : sample_3.php
HTML, CSS, PHP, MySQL, Database
แบบฝึกหัก ex_12.php
▪ เขียนโปรแกรม สร้างฟอร์มรับข้อมูลค่ารัศมีจากผู้ใช้
▪ ทางาน คานวณเส้นรอบวง และ พื้นที่วงกลม
▪ แสดงผลออกทางเว็บ
137
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database
แบบฝึกหัก ex_13.php
▪ เขียนโปรแกรม คานวณหาพื้นที่สามเหลี่ยม
▪ สร้างฟอร์มรับข้อมูลค่าฐาน และสูงจากผู้ใช้
▪ ทางาน คานวณพื้นที่สามเหลี่ยม
▪ แสดงผลออกทางเว็บ
138
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database
แบบฝึกหัก ex_14.php
▪ เขียนโปรแกรม ตรวจสอบจานวนเฉพาะ
▪ สร้างฟอร์มรับข้อมูล ตัวเลข 1 ตัว จากผู้ใช้
▪ ทางาน ตรวจแล้วแสดงผลว่าเป็นจานวนเฉพาะหรือไม่
▪ แสดงผลออกทางเว็บ
139
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database
แบบฝึกหัก ex_15.php
▪ เขียนโปรแกรม หาค่าตรงกลาง
▪ สร้างฟอร์มรับข้อมูล ตัวเลข 3 ตัว จากผู้ใช้
▪ ทางาน หาว่าจานวนใดเป็นค่ามากที่สุด และน้อยที่สุด
▪ แสดงผลออกทางเว็บ
140
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database
โปรแกรมคานวณหาค่าเฉลี่ย (cal_avg.php)
เขียนเว็บติดต่อฐานข้อมูล 141
File : cal_avg.php
HTML, CSS, PHP, MySQL, Database
โปรแกรมคานวณหาค่าเฉลี่ย
เขียนเว็บติดต่อฐานข้อมูล 142
<?php
$num1 = $_POST['num1'];
$num2 = $_POST['num2'];
$num3 = $_POST['num3'];
$num4 = $_POST['num4'];
$num5 = $_POST['num5'];
?>
File : cal_avg.php
HTML, CSS, PHP, MySQL, Database
โปรแกรมคานวณหาค่าเฉลี่ย
เขียนเว็บติดต่อฐานข้อมูล 143
<html>
<head>
<title>Cal Average</title>
</head>
<body>
<h2>โปรแกรมคานวณค่าเฉลี่ย</h2>
<form action="cal_avg.php" method="POST">
Number 1 : <input type="text" name="num1"><br><br>
Number 2 : <input type="text" name="num2"><br><br>
Number 3 : <input type="text" name="num3"><br><br>
Number 4 : <input type="text" name="num4"><br><br>
Number 5 : <input type="text" name="num5"><br><br>
<input type="reset" value="Clear">
<input type="submit" value="Cal Average"><br><br>
</form>
File : cal_avg.php
HTML, CSS, PHP, MySQL, Database
โปรแกรมคานวณหาค่าเฉลี่ย
เขียนเว็บติดต่อฐานข้อมูล 144
if(isset($num1)){
$sum = ($num1+$num2+$num3+$num4+$num5);
$avg = $sum/5;
echo "<h3>คานวณค่าเฉลี่ย</h3>";
echo "ค่าเฉลี่ย = ".$avg."<br>";
echo "(ผลรวม = ".$sum.")<br>";
}// End isset
else {
echo "ไม่มีข ้อมูล";
}
File : cal_avg.php
HTML, CSS, PHP, MySQL, Database
แบบฝึกหัก ex_16.php
▪ เขียนโปรแกรม คานวนเกรดเฉลี่ย
▪ สร้างฟอร์มรับข้อมูลเกรดจานวน 7 วิชา
▪ ทางาน คานวณเกรดเฉลี่ยที่ได้
▪ แสดงผลออกทางเว็บ
▪ (เกรดสามารถใช้เป็นตัวเลขได้)
145
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database
function
เขียนเว็บติดต่อฐานข้อมูล 146
<?php
function hello () {
echo "Say Hello <br>";
}
function goodbye () {
echo "Good Bye !<br>";
}
for($i = 1; $i<= 10; $i++) {
echo $i." ";
if ($i < 10) {
hello();
} else {
goodbye();
}
}
?> File : 21function.php
HTML, CSS, PHP, MySQL, Database
function and return
เขียนเว็บติดต่อฐานข้อมูล 147
<?php
function area($base,$high){
$result = 1/2*$base*$high;
return $result;
}
$a = 2; $b = 3;
$triangle1 = area($a,$b);
echo "Area 1 = $triangle1 <br>";
$x = 10; $y = 5;
$triangle2 = area($x,$y);
echo "Area 2 = $triangle2 <br>";
?> File : 22return.php
HTML, CSS, PHP, MySQL, Database
แบบฝึกหัก ex_17.php
▪ เขียนโปรแกรม คานวนวงกลม 3 วง
▪ สร้างฟอร์มรับข้อมูล ค่ารัศมี 3 ตัว จากผู้ใช้
▪ ทางาน คานวณหาค่าเส้นรอบ และ พื้นที่ ทั้ง 3 วง
(แสดงผลที่ละบรรทัด)
▪ กาหนดให้ค่า Pi = 3.14159265359
▪ แสดงผลออกทางเว็บ
148
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database
แบบฝึกหัก ex_18.php
▪ เขียนโปรแกรม คานวนเกรดเฉลี่ย (เวอร์ชั่น 2)
▪ สร้างฟอร์มรับข้อมูลเกรดจานวน 7 วิชา
▪ ทางาน คานวณเกรดเฉลี่ยที่ได้
▪ แสดงผลออกทางเว็บ
▪ (เกรดเป็นตัวอักษร)
▪ Hint สร้ำง function แปลง
เกรดจำกตัวอักษรเป็นค่ำ (ตัวเลข)
149
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database
แบบฝึกหัก ex_19.php
▪ เขียนโปรแกรม คานวณค่าเงิน
▪ สร้างฟอร์ม รับข้อมูลเงินตราต่างประเทศ และ dropdown เลือกสกุล
▪ ทางาน คานวณที่แลกเป็นเงินไทยได้ แสดงผลออกทางเว็บ
▪ Hint กำรคำนวณแต่ละสกุล
ควรสร้ำงเป็น function
เขียนเว็บติดต่อฐานข้อมูล 150
https://www.superrich1965.com/
HTML, CSS, PHP, MySQL, Database
แบบฝึกหัก ex_20.php
▪ เขียนโปรแกรม คานวนค่า S.D.
▪ สร้างฟอร์มรับข้อมูลตัวเลขจานวน 5 ตัว
▪ ทางาน คานวณค่า S.D.
▪ แสดงผลออกทางเว็บ
▪ Hint ลองแสดงผลลัพธ์ 2 ตำแหน่ง
เขียนเว็บติดต่อฐานข้อมูล 151
HTML, CSS, PHP, MySQL, Database
formatMoney
เขียนเว็บติดต่อฐานข้อมูล 152
<?php
function formatMoney($number, $fractional=false) {
if ($fractional) {
$number = sprintf('%.2f', $number);
}
while (true) {
$replaced = preg_replace('/(-?d+)(ddd)/', '$1,$2', $number);
if ($replaced != $number) {
$number = $replaced;
} else { break; }
}
return $number;
} // End Function formatMoney
$a = 19000000/7;
echo $a; echo "<br>"; // ปกติ
echo formatMoney($a, true); echo "<br>"; // จัดรูปแบบ
?>
File : 23money.php
HTML, CSS, PHP, MySQL, Database
SQL
(Part 4)
เขียนเว็บติดต่อฐานข้อมูล 153
HTML, CSS, PHP, MySQL, Database
SQL standard data types
▪ String (text)
▪ Numeric
▪ DATETIME
▪ DATE
▪ TIMESTAMP
(เพิ่มเติม)
▪ https://dev.mysql.com/doc/refman/8.0/en/data-types.html
▪ https://www.w3resource.com/mysql/mysql-data-types.php
เขียนเว็บติดต่อฐานข้อมูล 154
HTML, CSS, PHP, MySQL, Database
String
▪ ตัวหนังสือ(character) เช่น
▪ CHAR (0 to 255)
▪ VARCHAR (0 to 255 or 0 to 65,535)
▪ TEXT
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 155
Numeric
▪ จานวนเต็ม INTEGER (or INT)
▪ ข้อควรระวัง ข้อมูลที่มีจุดทศนิยมได้ไม่ควรใช้ INT เช่น เงินเดือน
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 156
Type Length in Bytes Minimum Value
(Signed)
Maximum Value
(Signed)
Minimum
Value
(Unsigned)
Maximum Value
(Unsigned)
TINYINT 1 -128 127 0 255
SMALLINT 2 -32768 32767 0 65535
MEDIUMINT 3 -8388608 8388607 to 0 16777215
INT 4 -2147483648 2147483647 0 4294967295
BIGINT 8 -9223372036854775808 9223372036854775807 0 18446744073709551615
Numeric
▪ จานวนจริง มีจุดทศนิยมได้ Floating-Point Types
▪ DECIMAL(5,2) (where 5 is the precision and 2 is the scale. )
▪ The value range will be from -999.99 to 999.99.
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 157
Type Lengthin
Bytes
Minimum Value
(Signed)
Maximum Value
(Signed)
Minimum Value
(Unsigned)
Maximum Value
(Unsigned)
FLOAT 4 -3.402823466E+38 -1.175494351E-38 1.175494351E-38 3.402823466E+38
DOUBLE 8 -1.7976931348623
157E+ 308
-2.22507385850720
14E- 308
0, and
2.22507385850720
14E- 308
1.797693134862315
7E+ 308
DATETIME, DATE
▪ วันและเวลา
▪ ข้อควรระวัง ข้อมูลที่เป็นวันที่ ห้าม ใช้ text ธรรมดำ
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 158
Types Description Display Format Range
DATETIME Use when you need values containing
both date and time information.
YYYY-MM-DD HH:MM:SS '1000-01-01 00:00:00' to
'9999-12-31 23:59:59'.
DATE Use when you need only date
information.
YYYY-MM-DD '1000-01-01' to '9999-12-31'.
TIMESTAMP Values are converted from the current
time zone to UTC while storing and
converted back from UTC to the current
time zone when retrieved.
YYYY-MM-DD HH:MM:SS '1970-01-01 00:00:01' UTC to
'2038-01-19 03:14:07' UTC
interactive SQL
▪ เรียกดูข้อมูลได้โดยตรงจาก DBMS โปรแกรมจัดการฐานข้อมูล
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 159
SELECT * FROM `employee`;
Sample Database
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 160
SELECT * FROM `department`;
Embedded SQL
▪ เพื่อนาไปประยุกต์การใช้งาน และเพิ่มประสิทธิภาพ SQL
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 161
<?php
require('connect.php');
$sql = '
SELECT *
FROM employee;
';
$objQuery = mysqli_query($conn,$sql) or
die ("Error Query [".$sql."]");
?>
CREATE DATABASE
▪ สร้างฐานข้อมูล
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 162
CREATE DATABASE dbemp;
CREATE TABLE
▪ สร้างตาราง
▪ Primary key คือ คีย์หลัก
▪ Option : NOT NULL, UNIQUE
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 163
CREATE TABLE `department` (
`DepartmentID` varchar(2) NOT NULL,
`DepartmentName` varchar(20),
PRIMARY KEY (`DepartmentID`)
);
FOREIGN KEY
▪ คีย์นอก ใช้ในการเชื่อมโยงข้อมูล
▪ ข้อควรระวัง คีย์นอกต้องเชื่อมกับคีย์หลักเท่ำนั้น
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 164
CREATE TABLE `employee` (
`EmployeeID` varchar(6) NOT NULL PRIMARY KEY,
`Title` varchar(10) NOT NULL,
`Name` varchar(30) NOT NULL,
`Sex` varchar(10) NOT NULL,
`Education` varchar(20) NOT NULL,
`Start_Date` date NOT NULL,
`Salary` float NOT NULL,
`DepartmentID` varchar(2) NOT NULL,
FOREIGN KEY (`DepartmentID`) REFERENCES `department` (`DepartmentID`)
);
DROP TABLE
▪ ลบตาราง (ทั้งตารางและข้อมูลหาย)
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 165
DROP TABLE employee;
ALTER TABLE
▪ ใช้ในการเพิ่มคอลัมน์, เปลี่ยนชื่อคอลัมน์, แก้ไขคอลัมน์
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 166
ALTER TABLE department ADD Tel int;
ALTER TABLE department MODIFY Tel varchar(10);
ALTER TABLE department CHANGE Tel DepartmentTel varchar(10);
ALTER TABLE department DROP DepartmentTel;
INSERT INTO
▪ เพิ่มข้อมูลลงตาราง
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 167
INSERT INTO `department` VALUES
('AC', 'บัญชี');
INSERT INTO `department` (`DepartmentName`, `DepartmentID`) VALUES
('โปรแกรมเมอร์', 'PG');
UPDATE
▪ แก้ไขข้อมูล
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 168
UPDATE department
SET DepartmentName = 'นักเขียนโปรแกรม’
WHERE DepartmentID = 'PG';
DELETE
▪ คาสั่งการลบข้อมูลทั้งแถว
▪ ข้อควรระวัง ถ้ำไม่กำหนดเงื่อนไข where จะเป็นกำรลบข้อมูลทั้ง
ตำรำง
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 169
DELETE FROM `department`
WHERE DepartmentID = 'PG';
SELECT *
▪ ค้นหาข้อมูล
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 170
SELECT *
FROM `department`;
SELECT
▪ ค้นหาข้อมูลตามต้องการ
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 171
SELECT `EmployeeID`, `Name`, `Salary`
FROM employee
WHERE `Salary` >= 15000;
ORDER BY
▪ ORDER BY กาหนดให้เรียงลาดับผลลัพธ์ โดยที่
▪ ASC เรียงจากน้อยไปมาก
▪ DESC เรียงจากมากไปน้อย
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 172
SELECT `EmployeeID`, `Name`, `Salary`
FROM employee
WHERE `Salary` >= 15000
ORDER BY `Salary` ASC;
SELECT (กับตัวอักษร)
▪ LIKE ตรงตามตัวอักษร
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 173
SELECT * FROM `employee`
WHERE `Title` LIKE 'นาย';
SELECT (กับตัวอักษร)
▪ สัญลักษณ์ _ ใช้แทนจานวนที่ไม่ทราบค่า 1 ตัว
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 174
SELECT * FROM `employee`
WHERE `Title` LIKE 'นา_';
SELECT (กับตัวอักษร)
▪ สัญลักษณ์ % ใช้แทนจานวนอักษรได้หลายตัว
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 175
SELECT * FROM `employee`
WHERE `Title` LIKE 'นา%';
SELECT (AND, OR)
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 176
SELECT `Name`,`Title`,`Salary`
FROM `employee`
WHERE Title = 'นาย’
AND `Salary` >= 20000;
SELECT `Name`,`Title`,`Salary`
FROM `employee`
WHERE Title = 'นาย’
OR `Salary` >= 20000;
SELECT (IN)
▪ IN ในกลุ่มของ
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 177
SELECT *
FROM `employee`
WHERE `Salary` >= 15000
AND `Education` IN ('ปริญญาตรี','ปริญญาโท');
Subqueries
▪ การเรียกดูข้อมูลแบบซ้อนกัน สามารถใช้ข้อมูลมากกว่า 1 ตารางได้
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 178
SELECT *
FROM `employee`
WHERE `DepartmentID` =
(SELECT `DepartmentID`
FROM `department`
WHERE `DepartmentName` LIKE 'โปรแกรมเมอร์' );
JOIN (Old Style)
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 179
SELECT `EmployeeID`,`Name`, `Salary`, `DepartmentName`
FROM `employee`, `department`
WHERE employee.DepartmentID = department.DepartmentID
AND `Salary` >= 15000;
JOIN
▪ 4 basic types of SQL joins: inner, left, right, and full.
▪ http://www.sql-join.com/sql-join-types
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 180
INNER JOIN
▪ เลือกทุกแถวจากตาราง 1 และ 2 ถ้าเงื่อนไขตรงกัน
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 181
SELECT `EmployeeID`,`Name`, `Salary`, `DepartmentName`
FROM `employee` INNER JOIN `department`
ON employee.DepartmentID = department.DepartmentID
WHERE `Salary` >= 15000;
RIGHT JOIN
▪ เลือกทุกแถวจาก ตาราง 2 หากไม่มีข้อมูลตาราง 1 จะเป็น NULL
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 182
SELECT `EmployeeID`,`Name`, `Salary`, `DepartmentName`
FROM `employee` RIGHT JOIN `department`
ON employee.DepartmentID = department.DepartmentID
VIEW
▪ ตารางเสมือน (ใช้ข้อมูลจาก table) ช่วยให้การใช้ข้อมูลง่ายขึ้น
▪ ทางานได้คล้ายๆ กับ table ปกติเลย
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 183
CREATE VIEW emp_view AS
SELECT `EmployeeID`, `Title`, `Name`, `Start_Date`
FROM employee
WHERE `Salary` >= 15000;
VIEW
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 184
View แบบ Join
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 185
CREATE VIEW emp_view2 AS
SELECT `EmployeeID`,`Name`, `Salary`, `DepartmentName`
FROM `employee` INNER JOIN `department`
ON employee.DepartmentID = department.DepartmentID
WHERE `Salary` >= 15000;
นา View ไปใช้
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 186
SELECT `Name`, `Salary`
FROM `emp_view2`
WHERE `DepartmentName` LIKE 'โปรแกรมเมอร์';
DROP VIEW
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 187
DROP VIEW emp_view2;
DROP TABLE
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 188
DROP TABLE employee;
PHP+MySQL
(Part 5)
เขียนเว็บติดต่อฐานข้อมูล 189
HTML, CSS, PHP, MySQL, Database
Connect Database
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 190
$servername = 'localhost';
$username = 'root';
$password = '12345678';
$dbname = 'dbemp';
$conn = mysqli_connect($servername, $username, $password, $dbname);
mysqli_close($conn); // ปิดฐานข ้อมูล
File : 1connect.php
require
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 191
<?php
require('connect.php');
$sql = '
SELECT *
FROM employee
WHERE Salary > 20000;
';
$result = mysqli_query($conn, $sql);
$servername = 'localhost';
$username = 'root';
$password = '12345678';
$dbname = 'dbemp';
$conn = mysqli_connect($servername, $username, $password, $dbname);
File : connect.php
File : 2select2.php
SELECT
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 192
File : 2select.php
SELECT (Join)
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 193
File : 2select7.php
DELETE
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 194
File : 3Delete1.php
$delete_ID = $_REQUEST['EmployeeID'];
require('connect.php');
$sql = '
DELETE FROM employee
WHERE EmployeeID = ' . $delete_ID . ';
';
File : deletedata.php
DELETE
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 195
File : 3Delete3.php
DELETE
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 196
File : 3Delete.php
INSERT
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 197
File : 4insert.php
UPDATE
เขียนเว็บติดต่อฐานข้อมูล HTML, CSS, PHP, MySQL, Database 198
File : 5update.php
Note
เขียนเว็บติดต่อฐานข้อมูล 199
HTML, CSS, PHP, MySQL, Database
File : 6search.php
File : searchdata.php
File : 5update5.php
END
ยินดีด้วยครับ
ศึกษาจนจบ !!

More Related Content

What's hot (20)

Intro to HTML & CSS
Intro to HTML & CSSIntro to HTML & CSS
Intro to HTML & CSS
Syed Sami
 
Javascript
JavascriptJavascript
Javascript
Sun Technlogies
 
Upload de arquivos - Laravel
Upload de arquivos - LaravelUpload de arquivos - Laravel
Upload de arquivos - Laravel
Matheus Henrique Neres dos Santos
 
การวิเคราะห์อัลกอริทึม(algorithm analysis)
การวิเคราะห์อัลกอริทึม(algorithm analysis)การวิเคราะห์อัลกอริทึม(algorithm analysis)
การวิเคราะห์อัลกอริทึม(algorithm analysis)
tumetr
 
ข้อสอบปฏิบัติ Microsoft Word
ข้อสอบปฏิบัติ Microsoft Wordข้อสอบปฏิบัติ Microsoft Word
ข้อสอบปฏิบัติ Microsoft Word
Supreeyar philarit
 
แนะนำ HTML5 แบบอ่านจบต้องรู้บ้างแหละ
แนะนำ HTML5 แบบอ่านจบต้องรู้บ้างแหละแนะนำ HTML5 แบบอ่านจบต้องรู้บ้างแหละ
แนะนำ HTML5 แบบอ่านจบต้องรู้บ้างแหละ
Withoon Wangsa-Nguankit
 
ใบความรู้ ที่ 2.1 เรื่อง ความรู้พื้นฐานเกี่ยวกับโปรแกรม microsoft excel 2010
ใบความรู้ ที่ 2.1  เรื่อง ความรู้พื้นฐานเกี่ยวกับโปรแกรม microsoft excel 2010ใบความรู้ ที่ 2.1  เรื่อง ความรู้พื้นฐานเกี่ยวกับโปรแกรม microsoft excel 2010
ใบความรู้ ที่ 2.1 เรื่อง ความรู้พื้นฐานเกี่ยวกับโปรแกรม microsoft excel 2010
Nicharee Piwjan
 
เขียนเว็บไซต์ด้วย Html 5
เขียนเว็บไซต์ด้วย Html 5เขียนเว็บไซต์ด้วย Html 5
เขียนเว็บไซต์ด้วย Html 5
Samart Phetdee
 
การสร้างแบรนด์ ให้ ธุรกิจดิจิทัล ยืนหนึ่งบนโลกออนไลน์ โดย อาจารย์แชมป์ ธิติพล...
การสร้างแบรนด์ ให้ ธุรกิจดิจิทัล ยืนหนึ่งบนโลกออนไลน์ โดย อาจารย์แชมป์ ธิติพล...การสร้างแบรนด์ ให้ ธุรกิจดิจิทัล ยืนหนึ่งบนโลกออนไลน์ โดย อาจารย์แชมป์ ธิติพล...
การสร้างแบรนด์ ให้ ธุรกิจดิจิทัล ยืนหนึ่งบนโลกออนไลน์ โดย อาจารย์แชมป์ ธิติพล...
ธิติพล เทียมจันทร์
 
CSS
CSS CSS
CSS
Sunil OS
 
Aula 07
Aula 07Aula 07
Aula 07
Jorge Ávila Miranda
 
Advanced Cascading Style Sheets
Advanced Cascading Style SheetsAdvanced Cascading Style Sheets
Advanced Cascading Style Sheets
fantasticdigitaltools
 
20170919 AWS Black Belt Online Seminar AWS Database Migration Service
20170919 AWS Black Belt Online Seminar AWS Database Migration Service20170919 AWS Black Belt Online Seminar AWS Database Migration Service
20170919 AWS Black Belt Online Seminar AWS Database Migration Service
Amazon Web Services Japan
 
คำอธิบายรายวิชาPortfolio
คำอธิบายรายวิชาPortfolioคำอธิบายรายวิชาPortfolio
คำอธิบายรายวิชาPortfolio
Kanikar Panyainkaew
 
Introduction to MySQL
Introduction to MySQLIntroduction to MySQL
Introduction to MySQL
Giuseppe Maxia
 
Module での名前解決について
Module での名前解決についてModule での名前解決について
Module での名前解決について
Tomoya Kawanishi
 
การผลิตสื่อดิจิทัล (DIGITAL MEDIA )
การผลิตสื่อดิจิทัล (DIGITAL MEDIA )การผลิตสื่อดิจิทัล (DIGITAL MEDIA )
การผลิตสื่อดิจิทัล (DIGITAL MEDIA )
Ananta Nana
 
ศัพท์ที่เกี่ยวข้องกับเทคโนโลยี
ศัพท์ที่เกี่ยวข้องกับเทคโนโลยีศัพท์ที่เกี่ยวข้องกับเทคโนโลยี
ศัพท์ที่เกี่ยวข้องกับเทคโนโลยี
วริทธิ์ ลิ้มรุ่งเรือง
 
การตลาดสมัยใหม่ กลยุทธ์ แนวความคิด และ ตัวอย่าง Modern Marketing 8Ps วิทยากร ...
การตลาดสมัยใหม่ กลยุทธ์ แนวความคิด และ ตัวอย่าง Modern Marketing 8Ps วิทยากร ...การตลาดสมัยใหม่ กลยุทธ์ แนวความคิด และ ตัวอย่าง Modern Marketing 8Ps วิทยากร ...
การตลาดสมัยใหม่ กลยุทธ์ แนวความคิด และ ตัวอย่าง Modern Marketing 8Ps วิทยากร ...
ธิติพล เทียมจันทร์
 
Entity Relationship
Entity RelationshipEntity Relationship
Entity Relationship
CC Nakhon Pathom Rajabhat University
 
Intro to HTML & CSS
Intro to HTML & CSSIntro to HTML & CSS
Intro to HTML & CSS
Syed Sami
 
การวิเคราะห์อัลกอริทึม(algorithm analysis)
การวิเคราะห์อัลกอริทึม(algorithm analysis)การวิเคราะห์อัลกอริทึม(algorithm analysis)
การวิเคราะห์อัลกอริทึม(algorithm analysis)
tumetr
 
ข้อสอบปฏิบัติ Microsoft Word
ข้อสอบปฏิบัติ Microsoft Wordข้อสอบปฏิบัติ Microsoft Word
ข้อสอบปฏิบัติ Microsoft Word
Supreeyar philarit
 
แนะนำ HTML5 แบบอ่านจบต้องรู้บ้างแหละ
แนะนำ HTML5 แบบอ่านจบต้องรู้บ้างแหละแนะนำ HTML5 แบบอ่านจบต้องรู้บ้างแหละ
แนะนำ HTML5 แบบอ่านจบต้องรู้บ้างแหละ
Withoon Wangsa-Nguankit
 
ใบความรู้ ที่ 2.1 เรื่อง ความรู้พื้นฐานเกี่ยวกับโปรแกรม microsoft excel 2010
ใบความรู้ ที่ 2.1  เรื่อง ความรู้พื้นฐานเกี่ยวกับโปรแกรม microsoft excel 2010ใบความรู้ ที่ 2.1  เรื่อง ความรู้พื้นฐานเกี่ยวกับโปรแกรม microsoft excel 2010
ใบความรู้ ที่ 2.1 เรื่อง ความรู้พื้นฐานเกี่ยวกับโปรแกรม microsoft excel 2010
Nicharee Piwjan
 
เขียนเว็บไซต์ด้วย Html 5
เขียนเว็บไซต์ด้วย Html 5เขียนเว็บไซต์ด้วย Html 5
เขียนเว็บไซต์ด้วย Html 5
Samart Phetdee
 
การสร้างแบรนด์ ให้ ธุรกิจดิจิทัล ยืนหนึ่งบนโลกออนไลน์ โดย อาจารย์แชมป์ ธิติพล...
การสร้างแบรนด์ ให้ ธุรกิจดิจิทัล ยืนหนึ่งบนโลกออนไลน์ โดย อาจารย์แชมป์ ธิติพล...การสร้างแบรนด์ ให้ ธุรกิจดิจิทัล ยืนหนึ่งบนโลกออนไลน์ โดย อาจารย์แชมป์ ธิติพล...
การสร้างแบรนด์ ให้ ธุรกิจดิจิทัล ยืนหนึ่งบนโลกออนไลน์ โดย อาจารย์แชมป์ ธิติพล...
ธิติพล เทียมจันทร์
 
20170919 AWS Black Belt Online Seminar AWS Database Migration Service
20170919 AWS Black Belt Online Seminar AWS Database Migration Service20170919 AWS Black Belt Online Seminar AWS Database Migration Service
20170919 AWS Black Belt Online Seminar AWS Database Migration Service
Amazon Web Services Japan
 
คำอธิบายรายวิชาPortfolio
คำอธิบายรายวิชาPortfolioคำอธิบายรายวิชาPortfolio
คำอธิบายรายวิชาPortfolio
Kanikar Panyainkaew
 
Module での名前解決について
Module での名前解決についてModule での名前解決について
Module での名前解決について
Tomoya Kawanishi
 
การผลิตสื่อดิจิทัล (DIGITAL MEDIA )
การผลิตสื่อดิจิทัล (DIGITAL MEDIA )การผลิตสื่อดิจิทัล (DIGITAL MEDIA )
การผลิตสื่อดิจิทัล (DIGITAL MEDIA )
Ananta Nana
 
การตลาดสมัยใหม่ กลยุทธ์ แนวความคิด และ ตัวอย่าง Modern Marketing 8Ps วิทยากร ...
การตลาดสมัยใหม่ กลยุทธ์ แนวความคิด และ ตัวอย่าง Modern Marketing 8Ps วิทยากร ...การตลาดสมัยใหม่ กลยุทธ์ แนวความคิด และ ตัวอย่าง Modern Marketing 8Ps วิทยากร ...
การตลาดสมัยใหม่ กลยุทธ์ แนวความคิด และ ตัวอย่าง Modern Marketing 8Ps วิทยากร ...
ธิติพล เทียมจันทร์
 

Similar to HTML, CSS, PHP,MySQL, Database เขียนเว็บติดต่อฐานข้อมูล เริ่ม จาก 0 (ศูนย์) (20)

การสร้างเว็บด้วยภาษา Html อย่างง่าย
การสร้างเว็บด้วยภาษา Html อย่างง่ายการสร้างเว็บด้วยภาษา Html อย่างง่าย
การสร้างเว็บด้วยภาษา Html อย่างง่าย
รัชนีพร ภูแสงสี
 
ทบทวน Html
ทบทวน Htmlทบทวน Html
ทบทวน Html
School
 
เอกสารประกอบการอบรมเชิงปฎิบัติการ การสร้างเว็บไซต์ด้วยภาษา PHP และ ภาษา SQL
เอกสารประกอบการอบรมเชิงปฎิบัติการ การสร้างเว็บไซต์ด้วยภาษา PHP และ ภาษา SQLเอกสารประกอบการอบรมเชิงปฎิบัติการ การสร้างเว็บไซต์ด้วยภาษา PHP และ ภาษา SQL
เอกสารประกอบการอบรมเชิงปฎิบัติการ การสร้างเว็บไซต์ด้วยภาษา PHP และ ภาษา SQL
Phranakornsoft
 
การบริการสารสนเทศบนเว็บด้วย OSS : Joomla Workshop
การบริการสารสนเทศบนเว็บด้วย OSS : Joomla Workshopการบริการสารสนเทศบนเว็บด้วย OSS : Joomla Workshop
การบริการสารสนเทศบนเว็บด้วย OSS : Joomla Workshop
Satapon Yosakonkun
 
ภาษา css
ภาษา cssภาษา css
ภาษา css
CC Nakhon Pathom Rajabhat University
 
สร้าง Style ด้วย css 3
สร้าง Style ด้วย css 3สร้าง Style ด้วย css 3
สร้าง Style ด้วย css 3
Samart Phetdee
 
Joomla Admin
Joomla AdminJoomla Admin
Joomla Admin
Boonlert Aroonpiboon
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
Boonlert Aroonpiboon
 
10 seo
10 seo10 seo
10 seo
Jatupon Panjoi
 
Session2Part1.ppt
Session2Part1.pptSession2Part1.ppt
Session2Part1.ppt
pinglada1
 
Session2Part1.pptx
Session2Part1.pptxSession2Part1.pptx
Session2Part1.pptx
pinglada1
 
เนื้อหา Html
เนื้อหา Htmlเนื้อหา Html
เนื้อหา Html
Rungnapha Naka
 
บทที่ 5 การจัดการข้อความ
บทที่ 5 การจัดการข้อความบทที่ 5 การจัดการข้อความ
บทที่ 5 การจัดการข้อความ
Nattipong Siangyen
 
หน่วยที่ 02
หน่วยที่ 02หน่วยที่ 02
หน่วยที่ 02
Nuytoo Naruk
 
สรุป2 html
สรุป2 htmlสรุป2 html
สรุป2 html
School
 
Training php my_sql
Training php my_sqlTraining php my_sql
Training php my_sql
Chanthaburi Technical College
 
การสร้างเว็บด้วยภาษา Html อย่างง่าย
การสร้างเว็บด้วยภาษา Html อย่างง่ายการสร้างเว็บด้วยภาษา Html อย่างง่าย
การสร้างเว็บด้วยภาษา Html อย่างง่าย
รัชนีพร ภูแสงสี
 
ทบทวน Html
ทบทวน Htmlทบทวน Html
ทบทวน Html
School
 
เอกสารประกอบการอบรมเชิงปฎิบัติการ การสร้างเว็บไซต์ด้วยภาษา PHP และ ภาษา SQL
เอกสารประกอบการอบรมเชิงปฎิบัติการ การสร้างเว็บไซต์ด้วยภาษา PHP และ ภาษา SQLเอกสารประกอบการอบรมเชิงปฎิบัติการ การสร้างเว็บไซต์ด้วยภาษา PHP และ ภาษา SQL
เอกสารประกอบการอบรมเชิงปฎิบัติการ การสร้างเว็บไซต์ด้วยภาษา PHP และ ภาษา SQL
Phranakornsoft
 
การบริการสารสนเทศบนเว็บด้วย OSS : Joomla Workshop
การบริการสารสนเทศบนเว็บด้วย OSS : Joomla Workshopการบริการสารสนเทศบนเว็บด้วย OSS : Joomla Workshop
การบริการสารสนเทศบนเว็บด้วย OSS : Joomla Workshop
Satapon Yosakonkun
 
สร้าง Style ด้วย css 3
สร้าง Style ด้วย css 3สร้าง Style ด้วย css 3
สร้าง Style ด้วย css 3
Samart Phetdee
 
Session2Part1.ppt
Session2Part1.pptSession2Part1.ppt
Session2Part1.ppt
pinglada1
 
Session2Part1.pptx
Session2Part1.pptxSession2Part1.pptx
Session2Part1.pptx
pinglada1
 
เนื้อหา Html
เนื้อหา Htmlเนื้อหา Html
เนื้อหา Html
Rungnapha Naka
 
บทที่ 5 การจัดการข้อความ
บทที่ 5 การจัดการข้อความบทที่ 5 การจัดการข้อความ
บทที่ 5 การจัดการข้อความ
Nattipong Siangyen
 
หน่วยที่ 02
หน่วยที่ 02หน่วยที่ 02
หน่วยที่ 02
Nuytoo Naruk
 
สรุป2 html
สรุป2 htmlสรุป2 html
สรุป2 html
School
 
Ad

HTML, CSS, PHP,MySQL, Database เขียนเว็บติดต่อฐานข้อมูล เริ่ม จาก 0 (ศูนย์)