SlideShare a Scribd company logo
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.php
1. แก้ไข 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: chanja@kku.ac.th
Facebook: https://facebook.com/pipekung.spz
Google+: http://gplus.to/pipekung
LINE: pipekung
112

More Related Content

PDF
HTML PHP MySQL สำหรับเว็บโปรแกรมเมอร์มือใหม่
PDF
Book sru
PDF
การเขียนโปรแกรมบนเว็บ
PPT
เริ่มต้นกับ PHP
PDF
ความรู้เบื้องต้นเกี่ยวกับภาษาPhp
PDF
การเขียนโปรแกรมบนเว็บ
PDF
Joomla คืออะไร
HTML PHP MySQL สำหรับเว็บโปรแกรมเมอร์มือใหม่
Book sru
การเขียนโปรแกรมบนเว็บ
เริ่มต้นกับ PHP
ความรู้เบื้องต้นเกี่ยวกับภาษาPhp
การเขียนโปรแกรมบนเว็บ
Joomla คืออะไร

What's hot (20)

PDF
PDF
คู่มือ Joomla
PDF
Course Syllabus การเขียนโปรแกรมบนเว็บ
PDF
เว็บสำเร็จรูป
PDF
Joomla3 : XAMPP Portable
PDF
โปรแกรมประยุกต์บนเว็บ
PPTX
Web browser คืออะไร
PPT
HTML5 Startup
PDF
Blog with Wordpress
PDF
สร้างเว็บไซต์ด้วยWordpress
PDF
คู่มือ อบรม Joomla! 3.x
PDF
Joomla 3.7 Workshop 1 Day
PDF
Joomla 3.4 Workshop by Marvelic Engine
DOC
งานครูปลาม์
PDF
Build Website with Joomla! 3.3
PDF
Joomla 3.2 workshop at PIM.ac.th
KEY
คู่มือการติดตั้ง Wordpress บน AppServ
คู่มือ Joomla
Course Syllabus การเขียนโปรแกรมบนเว็บ
เว็บสำเร็จรูป
Joomla3 : XAMPP Portable
โปรแกรมประยุกต์บนเว็บ
Web browser คืออะไร
HTML5 Startup
Blog with Wordpress
สร้างเว็บไซต์ด้วยWordpress
คู่มือ อบรม Joomla! 3.x
Joomla 3.7 Workshop 1 Day
Joomla 3.4 Workshop by Marvelic Engine
งานครูปลาม์
Build Website with Joomla! 3.3
Joomla 3.2 workshop at PIM.ac.th
คู่มือการติดตั้ง Wordpress บน AppServ
Ad

Viewers also liked (20)

PDF
Bootstrap 3 สำหรับมือใหม่ | CloudCourse.io
PDF
การสร้างเว็บด้วย Bootstrap framework
PDF
Bootstrap 3 Basic - Bangkok WordPress Meetup
PDF
Java script เบื้องต้น
PDF
สร้าง Style ด้วย css 3
PDF
เขียนเว็บไซต์ด้วย Html 5
PDF
แนะนำ HTML5 แบบอ่านจบต้องรู้บ้างแหละ
PDF
หนังสือ Yii framework Tip 50 เทคนิค Yii Framework
PDF
Phptraining
PDF
Cms Solutions
PDF
JoomlaTalk#9 - Joomla Security
PDF
Digital Content for Business
PDF
Responsive Web Design or Mobile App
PDF
Building and Maintaining Open Source Project - YWC14
PDF
OWASP Thailand 2016 - Joomla Security
ODP
sIFR Vs. Cufón
PPTX
HTML5 and Joomla! 2.5 Template
PDF
การเตรียมตัวสร้างร้านค้าออนไลน์
PPTX
eCommerce extensions for joomla 3.x
PDF
The Standard of Web Content Accessibility Guidelines (WCAG) 2.0
Bootstrap 3 สำหรับมือใหม่ | CloudCourse.io
การสร้างเว็บด้วย Bootstrap framework
Bootstrap 3 Basic - Bangkok WordPress Meetup
Java script เบื้องต้น
สร้าง Style ด้วย css 3
เขียนเว็บไซต์ด้วย Html 5
แนะนำ HTML5 แบบอ่านจบต้องรู้บ้างแหละ
หนังสือ Yii framework Tip 50 เทคนิค Yii Framework
Phptraining
Cms Solutions
JoomlaTalk#9 - Joomla Security
Digital Content for Business
Responsive Web Design or Mobile App
Building and Maintaining Open Source Project - YWC14
OWASP Thailand 2016 - Joomla Security
sIFR Vs. Cufón
HTML5 and Joomla! 2.5 Template
การเตรียมตัวสร้างร้านค้าออนไลน์
eCommerce extensions for joomla 3.x
The Standard of Web Content Accessibility Guidelines (WCAG) 2.0
Ad

Similar to Php training (20)

PDF
PDF
Scan tool 3
PDF
Wordpress 3.5 -install-appserv
PDF
Wordpress
PDF
Joomla-installation
PDF
เนื้อหา IT
PPT
PDF
joomla-2-5-install-appserv
PDF
Atomymaxsite25
PPT
Portable Moodle : Moodle & Server2Go
PPT
20100806 wordpress-server2 go
PPT
20100806 wordpress-server2 go
PPT
20100806 wordpress-server2 go
PPT
wordpress-server2
PPT
20100806 wordpress-server2 go
PPT
20100806 wordpress-server2 go
PPT
20100806 wordpress-server2 go
PDF
Introduction to PHP programming
PDF
Scan tool 3
Wordpress 3.5 -install-appserv
Wordpress
Joomla-installation
เนื้อหา IT
joomla-2-5-install-appserv
Atomymaxsite25
Portable Moodle : Moodle & Server2Go
20100806 wordpress-server2 go
20100806 wordpress-server2 go
20100806 wordpress-server2 go
wordpress-server2
20100806 wordpress-server2 go
20100806 wordpress-server2 go
20100806 wordpress-server2 go
Introduction to PHP programming

Php training