php training
TRANSCRIPT
PHP & MYSQLจัดทำโดย
นายชาญณรงค จันทรพานิชย
นักวิชาการคอมพิวเตอร ศูนยคอมพิวเตอร มข.
1
เกี่ยวกับ PHP
2
Programming language
เป็น opensource
ไม่ต้องม ีcompiler
มีการใช้งานอย่างแพร่หลาย
มีตัวอย่างในเว็บไซต์มากมาย
การตั้งค่าของเซิฟเวอร์ทําได้ง่าย
เกี่ยวกับ PHP
3
เกี่ยวกับ MySQL
4
เป็น Database server สําหรับเก็บข้อมูลFree
มีการทํางานรวดเร็ว
มีการใช้งานอย่างแพร่หลาย
มีตัวอย่างในเว็บไซต์มากมาย
การตั้งค่าของเซิฟเวอร์ทําได้ง่าย
เกี่ยวกับ MySQL
5
โปรแกรมที่ต้องใช้
Web server:1. Ampps
2. AppServ
3. XAMPP
Code editor:1. NotePad++
2. Netbean
6
การติดตั้ง Ampps
7
ตรวจสอบก่อนว่าเครื่องเรามีโปรแกรม Web server ตัวอื่นอยู่หรือไม่ ถ้ามีให้ uninstall ออกแล้ว restart เครื่อง
เข้าไปที ่URL: http://www.ampps.com
การติดตั้ง Ampps [1]
8
การติดตั้ง Ampps [2]
คลิกที่ Downloads
9
การติดตั้ง Ampps [3]
คลิก Download ตามระบบปฏิบัติการของเครื่อง (เลือกแค่ 1 อัน)
10
การติดตั้ง Ampps [4]
เมื่อโหลดโปรแกรมเสร็จ:1. เปิดไฟล์ที่โหลดมาแล้วกด next
2. กด next ไปเรื่อยๆ ระบบจะถามว่าจะให้ติดตั้งโปรแกรมไว้ที่ไหน โดยระบบจะม ีdefault ให้ที่ C:/Program File/Ampps
3. ให้เปลี่ยนที่ติดตั้งโปรแกรมเป็น C:/Ampps เสร็จแล้วกด next ไปเรื่อยๆ จนลงโปรแกรม เสร็จสิ้น
11
การติดตั้ง Ampps [5]เมื่อติดตั้งโปรแกรมเสร็จ:
1. เปิดโปรแกรมขึ้นมาแล้ว กด Start
2. เปิด Web Browser แล้วไปที่ URL
http://localhost/ampps
12
การติดตั้ง Notepad++
13
การติดตั้ง Notepad++ [1]
เข้าไปที ่URL: http://www.notepad-plus-plus.org
14
การติดตั้ง Notepad++ [2]
คลิกที่ Downloads
15
การติดตั้ง Notepad++ [3]
ตรวจสอบเวอร์ชัน แล้วกด Download
16
เกี่ยวกับ PHP และ HTML
17
เกี่ยวกับ PHP และ HTML
18
Variables
19
System Variables:1. $_GET
2. $_POST
3. $_SESSION
4. $_COOKIE
Variables [1]
Custom Variables:1. $abc
2. $abc123
3. $_abc
4. $_abc123
20
Variables [2]
ผลลัพธ์ที่ได้คือ “a number is 5”
21
GET
22
GET [1]
1. สร้างไฟล์ชื่อ getA.php และเขียน code
2. สร้างไฟล์ชื่อ getB.php และเขียน code
23
run ไฟล ์getA.php
คลิก link เพื่อส่งค่าไปที ่getB.php
GET [2]
24
POST
25
POST [1]
1. สร้างไฟล์ชื่อ getA.php และเขียน code
2. สร้างไฟล์ชื่อ getB.php และเขียน code
26
POST [2]run ไฟล ์PostA.php กรอกข้อมูลแล้วกด submit
คลิก link เพื่อส่งค่าไปที ่PostB.php
27
Session
28
Session [1]การสร้างและการเรียกใช้ session
ตั้งค่าให้กับ session ยกเลิกการตั้งค่า session
29
Session [2]การลบ session โดยใช้ session_destroy;
30
Cookie
31
Cookie [1]การสร้างและการเรียกใช้ session
ตั้งค่าให้กับ cookie ยกเลิกการตั้งค่า session
32
Cookie [2]การลบ cookie
33
Array
34
Array [1]การสร้าง array
35
Array [2]ผลลัพธ์
ถ้าแสดงผลภาษาไทยไม่ได้ให้เพิ่มคําสั่งต่อไปนี้ลงไป
36
Array [3]ค้นหาข้อมูลใน array โดยใช้ array_search
ผลลัพธ์ที่ได้จะเป็น index ของ array = 3
37
Array [4]การเพิ่มข้อมูลใน array
ใช้ array_push ไม่ใช้ array_push
38
Array [5]การลบข้อมูลใน array
39
Array [6]การล้างข้อมูลทั้งหมดใน array
40
If else
41
If else [1]
Output:
42
If else [2]
Output:
43
Switch case
44
Switch case
Output:
45
For loop
46
For loop [1]for แบบระบุจํานวนรอบ
47
For loop [2]for แบบวนตามจํานวนของ array
48
For loop [3]การใช้ foreach
49
Do while
50
Do while [1]
51
Do while [2]การใช้ do-while แสดงค่าใน array
52
การสร้าง database ด้วย phpmyadmin
53
ไปที ่URL: http://localhost/ampps/ แล้วคลิกที่ phpmyadmin
การสร้าง database ด้วย phpmyadmin [1]
54
คลิกที่ Database เพื่อสร้าง
การสร้าง database ด้วย phpmyadmin [2]
55
ตั้งชื่อ Database: fruit และ Collation: utf8_general_ci แล้วกด Create
การสร้าง database ด้วย phpmyadmin [3]
56
เมื่อ Create แล้วจะได้ Database ชื่อว่า fruit มา ให้คลิกเข้าไป
การสร้าง database ด้วย phpmyadmin [4]
57
สร้าง table ชื่อ fruit และจํานวน column เป็น 4 แล้วกด Go
การสร้าง database ด้วย phpmyadmin [5]
58
การสร้าง database ด้วย phpmyadmin [6]
59
เมื่อเสร็จแล้วจะได ้database ชื่อ fruit และ table ชื่อ fruit
การสร้าง database ด้วย phpmyadmin [7]
60
การเพิ่มข้อมูลผ่าน phpmyadmin
61
เข้าไปที ่table fruit แล้วกด insert
การเพิ่มข้อมูลผ่าน phpmyadmin [1]
62
กรอกข้อมูลที่ต้องการเพิ่ม
การเพิ่มข้อมูลผ่าน phpmyadmin [2]
63
เมื่อเพิ่มครบแล้วจะได้ข้อมูลดังนี้
การเพิ่มข้อมูลผ่าน phpmyadmin [3]
64
Connect MySQL
65
Connect MySQL [1]ทดสอบการเชื่อมต่อ
66
ดึงข้อมูลใน database มาแสดงผล
Connect MySQL [2]
67
เพิ่ม code เพื่อแก้ไขการแสดงผลภาษาไทย
Connect MySQL [3]
68
การเพิ่ม/ลบ/แก้ไข ข้อมูล
69
การเพิ่มข้อมูล
การเพิ่ม/ลบ/แก้ไข ข้อมูล [1]
70
สร้างไฟล์ index.php และเขียน code
การเพิ่ม/ลบ/แก้ไข ข้อมูล [2]
71
สร้างไฟล์ add.php และเขียน code
การเพิ่ม/ลบ/แก้ไข ข้อมูล [3]
72
สร้างไฟล์ save.php และเขียน code
การเพิ่ม/ลบ/แก้ไข ข้อมูล [4]
73
การแก้ไขข้อมูล
การเพิ่ม/ลบ/แก้ไข ข้อมูล [5]
74
สร้างไฟล์ edit.php และเขียน code
การเพิ่ม/ลบ/แก้ไข ข้อมูล [6]
75
แก้ไขไฟล์ save.php เพิ่ม code
การเพิ่ม/ลบ/แก้ไข ข้อมูล [7]
76
การลบข้อมูล
การเพิ่ม/ลบ/แก้ไข ข้อมูล [8]
77
สร้างไฟล์ del.php และเขียน code
การเพิ่ม/ลบ/แก้ไข ข้อมูล [9]
78
การเก็บข้อมูลรูปภาพ
79
การเก็บข้อมูลรูปภาพ [1]
80
การเก็บข้อมูลรูปภาพ [2]เพิ่ม code ใน index.php
81
การเก็บข้อมูลรูปภาพ [3]เพิ่ม code ใน add.php
82
การเก็บข้อมูลรูปภาพ [4]เพิ่ม code ใน edit.php
83
การเก็บข้อมูลรูปภาพ [5]เพิ่ม code ใน save.php
84
การเก็บข้อมูลรูปภาพ [6]เพิ่ม code ใน del.php
85
ระบบ Login
86
ระบบ Login [1]
คลิก Login
Login สําเร็จ Login ไม่สําเร็จ
87
สร้าง database ชื่อ php_training
ระบบ Login [2]
สร้าง table ชื่อ users มี 7 column
88
structure ใน table users
ระบบ Login [3]
89
สร้าง folder users
สร้างไฟล์ config.php ไว้เป็น class สําหรับเชื่อมต่อ database
ระบบ Login [4]
90
สร้างไฟล์ index.php และเขียน code
ระบบ Login [5]
91
เขียน code ต่อใน index.php
ระบบ Login [6]
92
สร้างไฟล์ add.php และเขียน code
ระบบ Login [7]
93
สร้างไฟล์ _save.php และเขียน code
ระบบ Login [8]
94
เขียน code ต่อใน _save.php
ระบบ Login [9]
95
สร้างไฟล์ edit.php และเขียน code
ระบบ Login [10]
96
สร้างไฟล์ _del.php และเขียน code
ระบบ Login [11]
97
สร้างไฟล์ login.php และเขียน code
ระบบ Login [12]
98
สร้างไฟล์ _login.php และเขียน code
ระบบ Login [13]
99
สร้างไฟล์ _logout.php และเขียน code
ระบบ Login [14]
100
Bootstrap
101
Bootstrap [1]index.php without login
102
Bootstrap [2]add.php
103
Bootstrap [3]login.php
104
Bootstrap [4]index.php with login
105
Download bootstrap ที่ URL: http://twitter.github.io/bootstrap/
Bootstrap [5]
106
คลิกที่เมนู Get started แล้วเลือก Examples เพื่อเลือก template
Bootstrap [6]
107
เมื่อได ้template แล้วให้คลิกขวาแล้วเลือก view page source
Bootstrap [7]
108
copy code ทั้งหมดมาไว้ที่ project ของเรา ไฟล ์index.php
Bootstrap [8]
109
Bootstrap [9]
เปลี่ยนชื่อ folder ที่โหลดมา จาก bootstrap เป็น assets
แก้ไข code ที่ index.php1. แก้ไข link css จาก <link href="../assets/.... เป็น <link href="assets/....
2. ลบ javascript ที่อยู่ด้านล่างออกให้หมด <script>......</script>
3. refresh index.php ที่หน้าเว็บ จะได ้template ของ bootstrap มา
4. เอา code login ที่ทําไว้มาใส่
110
Thank you
111
Contact Us:
Email: [email protected]
Facebook: https://facebook.com/pipekung.spz
Google+: http://gplus.to/pipekung
LINE: pipekung
112