1. PHP & MYSQL
จัดทำโดย
นายชาญณรงค จันทรพานิชย
นักวิชาการคอมพิวเตอร ศูนยคอมพิวเตอร มข.
1

2. เกี่ยวกับ PHP
2

3. Programming language
เป็น opensource
ไม่ต้องมี compiler
มีการใช้งานอย่างแพร่หลาย
มีตัวอย่างในเว็บไซต์มากมาย
การตั้งค่าของเซิฟเวอร์ทําได้ง่าย
เกี่ยวกับ PHP
3

4. เกี่ยวกับ MySQL
4

5. เป็น Database server สําหรับเก็บข้อมูล
Free
มีการทํางานรวดเร็ว
มีการใช้งานอย่างแพร่หลาย
มีตัวอย่างในเว็บไซต์มากมาย
การตั้งค่าของเซิฟเวอร์ทําได้ง่าย
เกี่ยวกับ MySQL
5

6. โปรแกรมที่ต้องใช้
Web server:
1. Ampps
2. AppServ
3. XAMPP
Code editor:
1. NotePad++
2. Netbean
6

7. การติดตั้ง Ampps
7

8. ตรวจสอบก่อนว่าเครื่องเรามีโปรแกรม Web server ตัวอื่นอยู่หรือไม่
ถ้ามีให้ uninstall ออกแล้ว restart เครื่อง
เข้าไปที่ URL: http://www.ampps.com
การติดตั้ง Ampps [1]
8

9. การติดตั้ง Ampps [2]
คลิกที่ Downloads
9

10. การติดตั้ง Ampps [3]
คลิก Download ตามระบบปฏิบัติการของเครื่อง (เลือกแค่ 1 อัน)
10

11. การติดตั้ง Ampps [4]
เมื่อโหลดโปรแกรมเสร็จ:
1. เปิดไฟล์ที่โหลดมาแล้วกด next
2. กด next ไปเรื่อยๆ ระบบจะถามว่าจะให้ติดตั้งโปรแกรมไว้ที่ไหน โดยระบบจะมี default ให้ที่
C:/Program File/Ampps
3. ให้เปลี่ยนที่ติดตั้งโปรแกรมเป็น C:/Ampps เสร็จแล้วกด next ไปเรื่อยๆ จนลงโปรแกรม
เสร็จสิ้น
11

12. การติดตั้ง Ampps [5]
เมื่อติดตั้งโปรแกรมเสร็จ:
1. เปิดโปรแกรมขึ้นมาแล้ว กด Start
2. เปิด Web Browser แล้วไปที่ URL
http://localhost/ampps
12

13. การติดตั้ง Notepad++
13

14. การติดตั้ง Notepad++ [1]
เข้าไปที่ URL: http://www.notepad-plus-plus.org
14

15. การติดตั้ง Notepad++ [2]
คลิกที่ Downloads
15

16. การติดตั้ง Notepad++ [3]
ตรวจสอบเวอร์ชัน แล้วกด Download
16

17. เกี่ยวกับ PHP และ HTML
17

18. เกี่ยวกับ PHP และ HTML
18

19. Variables
19

20. System Variables:
1. $_GET
2. $_POST
3. $_SESSION
4. $_COOKIE
Variables [1]
Custom Variables:
1. $abc
2. $abc123
3. $_abc
4. $_abc123
20

21. Variables [2]
ผลลัพธ์ที่ได้คือ “a number is 5”
21

22. GET
22

23. GET [1]
1. สร้างไฟล์ชื่อ getA.php และเขียน code
2. สร้างไฟล์ชื่อ getB.php และเขียน code
23

24. run ไฟล์ getA.php
คลิก link เพื่อส่งค่าไปที่ getB.php
GET [2]
24

25. POST
25

26. POST [1]
1. สร้างไฟล์ชื่อ getA.php และเขียน code
2. สร้างไฟล์ชื่อ getB.php และเขียน code
26

27. POST [2]
run ไฟล์ PostA.php กรอกข้อมูลแล้วกด submit
คลิก link เพื่อส่งค่าไปที่ PostB.php
27

28. Session
28

29. Session [1]
การสร้างและการเรียกใช้ session
ตั้งค่าให้กับ session ยกเลิกการตั้งค่า session
29

30. Session [2]
การลบ session โดยใช้ session_destroy;
30

31. Cookie
31

32. Cookie [1]
การสร้างและการเรียกใช้ session
ตั้งค่าให้กับ cookie ยกเลิกการตั้งค่า session
32

33. Cookie [2]
การลบ cookie
33

34. Array
34

35. Array [1]
การสร้าง array
35

36. Array [2]
ผลลัพธ์
ถ้าแสดงผลภาษาไทยไม่ได้ให้เพิ่มคําสั่งต่อไปนี้ลงไป
36

37. Array [3]
ค้นหาข้อมูลใน array โดยใช้ array_search
ผลลัพธ์ที่ได้จะเป็น index ของ array = 3
37

38. Array [4]
การเพิ่มข้อมูลใน array
ใช้ array_push ไม่ใช้ array_push
38

39. Array [5]
การลบข้อมูลใน array
39

40. Array [6]
การล้างข้อมูลทั้งหมดใน array
40

41. If else
41

42. If else [1]
Output:
42

43. If else [2]
Output:
43

44. Switch case
44

45. Switch case
Output:
45

46. For loop
46

47. For loop [1]
for แบบระบุจํานวนรอบ
47

48. For loop [2]
for แบบวนตามจํานวนของ array
48

49. For loop [3]
การใช้ foreach
49

50. Do while
50

51. Do while [1]
51

52. Do while [2]
การใช้ do-while แสดงค่าใน array
52

53. การสร้าง database ด้วย phpmyadmin
53

54. ไปที่ URL: http://localhost/ampps/ แล้วคลิกที่ phpmyadmin
การสร้าง database ด้วย phpmyadmin [1]
54

55. คลิกที่ Database เพื่อสร้าง
การสร้าง database ด้วย phpmyadmin [2]
55

56. ตั้งชื่อ Database: fruit และ Collation: utf8_general_ci แล้วกด Create
การสร้าง database ด้วย phpmyadmin [3]
56

57. เมื่อ Create แล้วจะได้ Database ชื่อว่า fruit มา ให้คลิกเข้าไป
การสร้าง database ด้วย phpmyadmin [4]
57

58. สร้าง table ชื่อ fruit และจํานวน column เป็น 4 แล้วกด Go
การสร้าง database ด้วย phpmyadmin [5]
58

59. การสร้าง database ด้วย phpmyadmin [6]
59

60. เมื่อเสร็จแล้วจะได้ database ชื่อ fruit และ table ชื่อ fruit
การสร้าง database ด้วย phpmyadmin [7]
60

61. การเพิ่มข้อมูลผ่าน phpmyadmin
61

62. เข้าไปที่ table fruit แล้วกด insert
การเพิ่มข้อมูลผ่าน phpmyadmin [1]
62

63. กรอกข้อมูลที่ต้องการเพิ่ม
การเพิ่มข้อมูลผ่าน phpmyadmin [2]
63

64. เมื่อเพิ่มครบแล้วจะได้ข้อมูลดังนี้
การเพิ่มข้อมูลผ่าน phpmyadmin [3]
64

65. Connect MySQL
65

66. Connect MySQL [1]
ทดสอบการเชื่อมต่อ
66

67. ดึงข้อมูลใน database มาแสดงผล
Connect MySQL [2]
67

68. เพิ่ม code เพื่อแก้ไขการแสดงผลภาษาไทย
Connect MySQL [3]
68

69. การเพิ่ม/ลบ/แก้ไข ข้อมูล
69

70. การเพิ่มข้อมูล
การเพิ่ม/ลบ/แก้ไข ข้อมูล [1]
70

71. สร้างไฟล์ index.php และเขียน code
การเพิ่ม/ลบ/แก้ไข ข้อมูล [2]
71

72. สร้างไฟล์ add.php และเขียน code
การเพิ่ม/ลบ/แก้ไข ข้อมูล [3]
72

73. สร้างไฟล์ save.php และเขียน code
การเพิ่ม/ลบ/แก้ไข ข้อมูล [4]
73

74. การแก้ไขข้อมูล
การเพิ่ม/ลบ/แก้ไข ข้อมูล [5]
74

75. สร้างไฟล์ edit.php และเขียน code
การเพิ่ม/ลบ/แก้ไข ข้อมูล [6]
75

76. แก้ไขไฟล์ save.php เพิ่ม code
การเพิ่ม/ลบ/แก้ไข ข้อมูล [7]
76

77. การลบข้อมูล
การเพิ่ม/ลบ/แก้ไข ข้อมูล [8]
77

78. สร้างไฟล์ del.php และเขียน code
การเพิ่ม/ลบ/แก้ไข ข้อมูล [9]
78

79. การเก็บข้อมูลรูปภาพ
79

80. การเก็บข้อมูลรูปภาพ [1]
80

81. การเก็บข้อมูลรูปภาพ [2]
เพิ่ม code ใน index.php
81

82. การเก็บข้อมูลรูปภาพ [3]
เพิ่ม code ใน add.php
82

83. การเก็บข้อมูลรูปภาพ [4]
เพิ่ม code ใน edit.php
83

84. การเก็บข้อมูลรูปภาพ [5]
เพิ่ม code ใน save.php
84

85. การเก็บข้อมูลรูปภาพ [6]
เพิ่ม code ใน del.php
85

86. ระบบ Login
86

87. ระบบ Login [1]
คลิก Login
Login สําเร็จ Login ไม่สําเร็จ
87

88. สร้าง database ชื่อ php_training
ระบบ Login [2]
สร้าง table ชื่อ users มี 7 column
88

89. structure ใน table users
ระบบ Login [3]
89

90. สร้าง folder users
สร้างไฟล์ config.php
ไว้เป็น class สําหรับ
เชื่อมต่อ database
ระบบ Login [4]
90

91. สร้างไฟล์ index.php และเขียน code
ระบบ Login [5]
91

92. เขียน code ต่อใน index.php
ระบบ Login [6]
92

93. สร้างไฟล์ add.php และเขียน code
ระบบ Login [7]
93

94. สร้างไฟล์ _save.php และเขียน code
ระบบ Login [8]
94

95. เขียน code ต่อใน _save.php
ระบบ Login [9]
95

96. สร้างไฟล์ edit.php และเขียน code
ระบบ Login [10]
96

97. สร้างไฟล์ _del.php และเขียน code
ระบบ Login [11]
97

98. สร้างไฟล์ login.php และเขียน code
ระบบ Login [12]
98

99. สร้างไฟล์ _login.php และเขียน code
ระบบ Login [13]
99

100. สร้างไฟล์ _logout.php และเขียน code
ระบบ Login [14]
100

101. Bootstrap
101

102. Bootstrap [1]
index.php without login
102

103. Bootstrap [2]
add.php
103

104. Bootstrap [3]
login.php
104

105. Bootstrap [4]
index.php with login
105

106. Download bootstrap ที่ URL: http://twitter.github.io/bootstrap/
Bootstrap [5]
106

107. คลิกที่เมนู Get started แล้วเลือก Examples เพื่อเลือก template
Bootstrap [6]
107

108. เมื่อได้ template แล้วให้คลิกขวาแล้วเลือก view page source
Bootstrap [7]
108

109. copy code ทั้งหมดมาไว้ที่ project ของเรา ไฟล์ index.php
Bootstrap [8]
109

110. Bootstrap [9]
เปลี่ยนชื่อ folder ที่โหลดมา จาก bootstrap เป็น assets
แก้ไข code ที่ index.php
1. แก้ไข link css จาก <link href="../assets/.... เป็น <link href="assets/....
2. ลบ javascript ที่อยู่ด้านล่างออกให้หมด <script>......</script>
3. refresh index.php ที่หน้าเว็บ จะได้ template ของ bootstrap มา
4. เอา code login ที่ทําไว้มาใส่
110

111. Thank you
111

112. Contact Us:
Email: chanja@kku.ac.th
Facebook: https://facebook.com/pipekung.spz
Google+: http://gplus.to/pipekung
LINE: pipekung
112