คู่มือการพัฒนาบริหารจัดการเว็บไซต์-ปฏิบัติการ PHP 7

การพฒั นาบรหิ ารจดั การเว็บไซต์ และดูแลเครอื ขา่ ยสมยั ใหม่ ไพฑรู ย์ ทพิ ย์สันเทียะ สาขาวิชาวทิ ยาการสารสนเทศและคอมพิวเตอร์ คณะวทิ ยาศาสตร์และเทคโนโลยีสุขภาพ มหาวิทยาลยั กาฬสินธ์ุ

การออกแบบ และพัฒนาเว็บไซต์ขนั้ สูงดว้ ย PHP และติดต่อกับฐานขอ้ มลู วัตถุประสงค์การเรยี นรู้ 1. ผอู้ บรมมีความรคู้ วามเข้าใจในการนาภาษา PHP ไปใชใ้ นการพัฒนาเวบ็ ไซตข์ ้ันสงู ได้ 2. ผูอ้ บรมสามารถพฒั นาเวบ็ ไซตร์ ว่ มกับฐานข้อมูลได้ 3. ผอู้ บรมมีทกั ษะในการใชโ้ คด้ โปรแกรมภาษา PHP ร่วมกับการพัฒนาเว็บไซตด์ ้วย Bootstrap ได้ 2

การออกแบบ และพัฒนาเวบ็ ไซตข์ นั้ สงู ดว้ ย PHP และตดิ ตอ่ กบั ฐานข้อมลู หวั ข้อในการฝกึ ปฏบิ ตั ิ • PHP7 CRUD with MariaDB (Create, Read, Update and Delete) • PHP7 with MariaDB and Bootstrap • Create Responsive Form • Create Editable Tables • Query Content on MariaDB into Bootstrap Webpage 3

การออกแบบ และพฒั นาเว็บไซตข์ ้นั สูงดว้ ย PHP และติดตอ่ กับฐานขอ้ มลู PHP7 CRUD with MariaDB (Create, Read, Update and Delete) • แนะนาชุดเว็บเซิฟเวอร์ XAMPP ภาษา PHP7 และฐานขอ้ มลู MariaDB • การใชง้ าน phpMyAdmin • แนะนาการเขียนโปรแกรมแบบ CRUD ด้วย PHP 7 และ MariaDB • การเขยี นโค้ด PHP7 เชอ่ื มต่อฐานข้อมลู MariaDB • การเขียนโค้ด PHP7 บันทึกขอ้ มลู ลงในตารางฐานข้อมลู (Create) • การเขียนโค้ด PHP7 แสดงรายการในตารางฐานขอ้ มูล (Read) • การเขียนโคด้ PHP7 ปรบั ปรุงขอ้ มลู ในตารางฐานข้อมูล (Update) • การเขียนโค้ด PHP7 ลบรายการในตารางฐานข้อมลู (Delete) 4

การออกแบบ และพฒั นาเว็บไซต์ข้นั สูงดว้ ย PHP และตดิ ต่อกบั ฐานขอ้ มูล แนะนาชดุ เว็บเซฟิ เวอร์ XAMPP • แนะนาชดุ เว็บเซิฟเวอร์ XAMPP ภาษา PHP7 และฐานขอ้ มลู MariaDB [1] • https://www.apachefriends.org/index.html 5

การออกแบบ และพัฒนาเวบ็ ไซต์ขัน้ สูงดว้ ย PHP และตดิ ต่อกบั ฐานขอ้ มลู แนะนา PHP 7 • แนะนาภาษา PHP เวอร์ชัน 7 [2] 6

การออกแบบ และพัฒนาเวบ็ ไซต์ขัน้ สูงดว้ ย PHP และตดิ ต่อกบั ฐานขอ้ มลู แนะนา PHP 7 • แนะนาภาษา PHP เวอร์ชัน 7 [2] 7

การออกแบบ และพฒั นาเวบ็ ไซตข์ ัน้ สูงด้วย PHP และตดิ ต่อกับฐานข้อมลู แนะนาฐานข้อมลู MariaDB • แนะนาฐานข้อมูล MariaDB [3] MariaDB คอื ฟรซี อฟต์แวร์แบบโอเพนซอสต์สาหรบั จดั การกบั ฐานขอ้ มูล MariaDB เปน็ หนึ่งในฐานขอ้ มลู ที่ได้รบั ความนิยมมากทส่ี ุดในโลก mariadb ถกู พัฒนาขนึ้ โดยนกั พฒั นาเดิมของ MySQL และรบั ประกันไดเ้ ลยว่าMariaDB จะ เปน็ ฟรโี อเพนซอรส์ ผู้ใชท้ โี่ ดดเด่น ได้แก่ วิกพิ ีเดีย, WordPress.com และ Google MariaDB เปลยี่ นขอ้ มูลเปน็ ฐานข้อมลู ทีม่ ีโครงสร้างในหลากหลาย แอพพลเิ คชัน่ ตงั้ แตธ่ นาคารไปจนถึงเวบ็ ไซตต์ ่างๆ เปน็ การปรบั ปรงุ และแทนที่ ดว้ ยการแทนที่ของ MySQL มาเธอร์ดีบีใช้เนื่องจากมีความรวดเร็วและสามารถ ปรบั ขนาดได้และมีระบบนิเวศที่อดุ มไปดว้ ยเครื่องยนต์สตอเรจปลก๊ั อินและ เครอ่ื งมอื อนื่ ๆ ทาให้สามารถใชง้ านได้หลากหลาย MariaDB ไดร้ บั การพัฒนาเปน็ ซอฟต์แวร์โอเพน่ ซอรส์ และเปน็ ฐานขอ้ มลู เชิงสัมพนั ธ์ซ่งึ มอี นิ เทอรเ์ ฟซ SQL สาหรับการเข้าถงึ ข้อมลู เวอรช์ ันลา่ สดุ ของ MariaDB มคี ณุ ลักษณะ GIS และ JSON ด้วย 8

การออกแบบ และพฒั นาเว็บไซตข์ น้ั สูงด้วย PHP และติดตอ่ กบั ฐานขอ้ มูล การใชง้ าน phpMyAdmin • การใชง้ าน phpMyAdmin [4] • https://www.phpmyadmin.net/ 9

การออกแบบ และพัฒนาเวบ็ ไซตข์ ้นั สงู ดว้ ย PHP และติดต่อกบั ฐานขอ้ มลู แนะนาการเขยี นโปรแกรมแบบ CRUD ดว้ ย PHP 7 และ MariaDB • แนะนาการเขยี นโปรแกรมแบบ CRUD ดว้ ย PHP 7 และ MariaDB [6] What is CRUD CRUD is an acronym for Create, Read, Update, and Delete. CRUD operations are basic data manipulation for database. We've already learned how to perform create (i.e. insert), read (i.e. select), update and delete operations in previous chapters. In this tutorial we'll create a simple PHP application to perform all these operations on a MySQL database table at one place. • Create (C) • Creating the Database Table • Creating the Config File • Creating the Landing Page • Creating the Create Page • Read (R) • Creating the Read Page • Update (U) • Creating the Update Page • Delete (D) • Creating the Delete Page • Creating the Error Page 10

การออกแบบ และพฒั นาเว็บไซต์ขัน้ สูงด้วย PHP และติดตอ่ กบั ฐานขอ้ มลู การเขยี นโค้ด PHP 7 เช่อื มต่อฐานขอ้ มูล MariaDB • การเขยี นโคด้ PHP 7 เช่ือมต่อฐานขอ้ มลู MariaDB [5] Example (MySQLi Procedural) <?php $servername = \"localhost\"; $username = \"username\"; $password = \"password\"; // Create connection $conn = mysqli_connect($servername, $username, $password); // Check connection if (!$conn) { die(\"Connection failed: \" . mysqli_connect_error()); } echo \"Connected successfully\"; ?> 11

การออกแบบ และพัฒนาเวบ็ ไซต์ข้นั สงู ด้วย PHP และตดิ ต่อกบั ฐานข้อมลู การเขยี นโคด้ PHP 7 เชอ่ื มต่อฐานขอ้ มูล MariaDB • การเขียนโค้ด PHP 7 เช่ือมตอ่ ฐานขอ้ มลู MariaDB [5] Example (MySQLi Object-Oriented) <?php $servername = \"localhost\"; $username = \"username\"; $password = \"password\"; // Create connection $conn = new mysqli($servername, $username, $password); // Check connection if ($conn->connect_error) { die(\"Connection failed: \" . $conn->connect_error); } echo \"Connected successfully\"; ?> 12

การออกแบบ และพัฒนาเวบ็ ไซตข์ น้ั สงู ดว้ ย PHP และติดต่อกบั ฐานขอ้ มลู การเขยี นโคด้ PHP 7 การสรา้ งฐานข้อมลู (Create Database) Example (MySQLi Procedural) <?php $servername = \"localhost\"; $username = \"username\"; $password = \"password\"; // Create connection $conn = mysqli_connect($servername, $username, $password); // Check connection if (!$conn) { die(\"Connection failed: \" . mysqli_connect_error()); } // Create database $sql = \"CREATE DATABASE myDB\"; if (mysqli_query($conn, $sql)) { echo \"Database created successfully\"; } else { echo \"Error creating database: \" . mysqli_error($conn); } mysqli_close($conn); ?> 13

การออกแบบ และพัฒนาเวบ็ ไซตข์ ้ันสูงด้วย PHP และติดตอ่ กบั ฐานขอ้ มลู การเขยี นโคด้ PHP 7 การสรา้ งฐานขอ้ มลู (Create Database) Example (MySQLi Object-Oriented) <?php $servername = \"localhost\"; $username = \"username\"; $password = \"password\"; // Create connection $conn = new mysqli($servername, $username, $password); // Check connection if ($conn->connect_error) { die(\"Connection failed: \" . $conn->connect_error); } // Create database $sql = \"CREATE DATABASE myDB\"; if ($conn->query($sql) === TRUE) { echo \"Database created successfully\"; } else { echo \"Error creating database: \" . $conn->error; } $conn->close(); ?> 14

การออกแบบ และพฒั นาเว็บไซต์ขนั้ สงู ด้วย PHP และติดตอ่ กบั ฐานขอ้ มลู การเขยี นโค้ด PHP 7 สร้างตารางฐานข้อมลู (Create Table) 15 Example (MySQLi Procedural) <?php $servername = \"localhost\"; $username = \"username\"; $password = \"password\"; $dbname = \"myDB\"; // Create connection $conn = mysqli_connect($servername, $username, $password, $dbname); // Check connection if (!$conn) { die(\"Connection failed: \" . mysqli_connect_error()); } // sql to create table $sql = \"CREATE TABLE MyGuests ( id INT(6) UNSIGNED AUTO_INCREMENT PRIMARY KEY, firstname VARCHAR(30) NOT NULL, lastname VARCHAR(30) NOT NULL, email VARCHAR(50), reg_date TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP )\"; if (mysqli_query($conn, $sql)) { echo \"Table MyGuests created successfully\"; } else { echo \"Error creating table: \" . mysqli_error($conn); } mysqli_close($conn); ?>

การออกแบบ และพฒั นาเว็บไซตข์ นั้ สูงด้วย PHP และติดต่อกบั ฐานข้อมลู การเขยี นโค้ด PHP 7 สรา้ งตารางฐานขอ้ มลู (Create Table) 16 Example (MySQLi Object-Oriented) <?php $servername = \"localhost\"; $username = \"username\"; $password = \"password\"; $dbname = \"myDB\"; // Create connection $conn = new mysqli($servername, $username, $password, $dbname); // Check connection if ($conn->connect_error) { die(\"Connection failed: \" . $conn->connect_error); } // sql to create table $sql = \"CREATE TABLE MyGuests ( id INT(6) UNSIGNED AUTO_INCREMENT PRIMARY KEY, firstname VARCHAR(30) NOT NULL, lastname VARCHAR(30) NOT NULL, email VARCHAR(50), reg_date TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP )\"; if ($conn->query($sql) === TRUE) { echo \"Table MyGuests created successfully\"; } else { echo \"Error creating table: \" . $conn->error; } $conn->close(); ?>

การออกแบบ และพฒั นาเว็บไซต์ขน้ั สงู ด้วย PHP และตดิ ตอ่ กบั ฐานข้อมูล การเขยี นโค้ด PHP 7 บนั ทกึ ขอ้ มูลลงในตารางฐานขอ้ มูล (Create) • การเขยี นโคด้ PHP7 บนั ทกึ ข้อมูลลงในตารางฐานขอ้ มูล (Create) Example (MySQLi Procedural) <?php $servername = \"localhost\"; $username = \"username\"; $password = \"password\"; $dbname = \"myDB\"; // Create connection $conn = mysqli_connect($servername, $username, $password, $dbname); // Check connection if (!$conn) { die(\"Connection failed: \" . mysqli_connect_error()); } $sql = \"INSERT INTO MyGuests (firstname, lastname, email) VALUES ('John', 'Doe', '[email protected]')\"; if (mysqli_query($conn, $sql)) { echo \"New record created successfully\"; } else { echo \"Error: \" . $sql . \"<br>\" . mysqli_error($conn); } mysqli_close($conn); ?> 17

การออกแบบ และพฒั นาเวบ็ ไซตข์ นั้ สงู ดว้ ย PHP และตดิ ตอ่ กบั ฐานข้อมูล การเขยี นโค้ด PHP 7 บนั ทกึ ขอ้ มูลลงในตารางฐานข้อมลู (Create) • การเขยี นโค้ด PHP7 บันทึกข้อมลู ลงในตารางฐานขอ้ มูล (Create) Example (MySQLi Object-Oriented) <?php $servername = \"localhost\"; $username = \"username\"; $password = \"password\"; $dbname = \"myDB\"; // Create connection $conn = new mysqli($servername, $username, $password, $dbname); // Check connection if ($conn->connect_error) { die(\"Connection failed: \" . $conn->connect_error); } $sql = \"INSERT INTO MyGuests (firstname, lastname, email) VALUES ('John', 'Doe', '[email protected]')\"; if ($conn->query($sql) === TRUE) { echo \"New record created successfully\"; } else { echo \"Error: \" . $sql . \"<br>\" . $conn->error; } $conn->close(); ?> 18

การออกแบบ และพฒั นาเว็บไซตข์ นั้ สงู ด้วย PHP และตดิ ต่อกับฐานขอ้ มลู การเขียนโค้ด PHP 7 การเก็บค่ารายการขอ้ มลู ทบี่ นั ทกึ ลา่ สุด (Get Last ID) Example (MySQLi Procedural) <?php $servername = \"localhost\"; $username = \"username\"; $password = \"password\"; $dbname = \"myDB\"; // Create connection $conn = mysqli_connect($servername, $username, $password, $dbname); // Check connection if (!$conn) { die(\"Connection failed: \" . mysqli_connect_error()); } $sql = \"INSERT INTO MyGuests (firstname, lastname, email) VALUES ('John', 'Doe', '[email protected]')\"; if (mysqli_query($conn, $sql)) { $last_id = mysqli_insert_id($conn); echo \"New record created successfully. Last inserted ID is: \" . $last_id; } else { echo \"Error: \" . $sql . \"<br>\" . mysqli_error($conn); } mysqli_close($conn); ?> 19

การออกแบบ และพฒั นาเว็บไซต์ข้ันสูงด้วย PHP และติดต่อกบั ฐานข้อมลู การเขยี นโค้ด PHP 7 การเก็บค่ารายการขอ้ มลู ทีบ่ นั ทึกลา่ สุด (Get Last ID) Example (MySQLi Object-Oriented) <?php $servername = \"localhost\"; $username = \"username\"; $password = \"password\"; $dbname = \"myDB\"; // Create connection $conn = new mysqli($servername, $username, $password, $dbname); // Check connection if ($conn->connect_error) { die(\"Connection failed: \" . $conn->connect_error); } $sql = \"INSERT INTO MyGuests (firstname, lastname, email) VALUES ('John', 'Doe', '[email protected]')\"; if ($conn->query($sql) === TRUE) { $last_id = $conn->insert_id; echo \"New record created successfully. Last inserted ID is: \" . $last_id; } else { echo \"Error: \" . $sql . \"<br>\" . $conn->error; } $conn->close(); ?> 20

การออกแบบ และพัฒนาเวบ็ ไซต์ข้นั สูงดว้ ย PHP และติดต่อกับฐานข้อมูล การเขยี นโค้ด PHP 7 บันทึกขอ้ มลู แบบหลายรายการ (Insert Multiple) Example (MySQLi Procedural) <?php $servername = \"localhost\"; $username = \"username\"; $password = \"password\"; $dbname = \"myDB\"; // Create connection $conn = mysqli_connect($servername, $username, $password, $dbname); // Check connection if (!$conn) { die(\"Connection failed: \" . mysqli_connect_error()); } $sql = \"INSERT INTO MyGuests (firstname, lastname, email) VALUES ('John', 'Doe', '[email protected]');\"; $sql .= \"INSERT INTO MyGuests (firstname, lastname, email) VALUES ('Mary', 'Moe', '[email protected]');\"; $sql .= \"INSERT INTO MyGuests (firstname, lastname, email) VALUES ('Julie', 'Dooley', '[email protected]')\"; if (mysqli_multi_query($conn, $sql)) { echo \"New records created successfully\"; } else { echo \"Error: \" . $sql . \"<br>\" . mysqli_error($conn); } mysqli_close($conn); ?> 21

การออกแบบ และพัฒนาเว็บไซต์ข้ันสงู ดว้ ย PHP และติดตอ่ กับฐานขอ้ มลู การเขียนโค้ด PHP 7 บันทกึ ขอ้ มลู แบบหลายรายการ (Insert Multiple) Example (MySQLi Object-Oriented) <?php $servername = \"localhost\"; $username = \"username\"; $password = \"password\"; $dbname = \"myDB\"; // Create connection $conn = new mysqli($servername, $username, $password, $dbname); // Check connection if ($conn->connect_error) { die(\"Connection failed: \" . $conn->connect_error); } $sql = \"INSERT INTO MyGuests (firstname, lastname, email) VALUES ('John', 'Doe', '[email protected]');\"; $sql .= \"INSERT INTO MyGuests (firstname, lastname, email) VALUES ('Mary', 'Moe', '[email protected]');\"; $sql .= \"INSERT INTO MyGuests (firstname, lastname, email) VALUES ('Julie', 'Dooley', '[email protected]')\"; if ($conn->multi_query($sql) === TRUE) { echo \"New records created successfully\"; } else { echo \"Error: \" . $sql . \"<br>\" . $conn->error; } $conn->close(); ?> 22

การออกแบบ และพฒั นาเว็บไซตข์ น้ั สงู ด้วย PHP และตดิ ต่อกับฐานข้อมลู การเขียนโคด้ PHP 7 แสดงรายการในตารางฐานข้อมลู (Read) • การเขยี นโคด้ PHP7 แสดงรายการในตารางฐานข้อมูล (Read) Example (MySQLi Procedural) <?php $servername = \"localhost\"; $username = \"username\"; $password = \"password\"; $dbname = \"myDB\"; // Create connection $conn = mysqli_connect($servername, $username, $password, $dbname); // Check connection if (!$conn) { die(\"Connection failed: \" . mysqli_connect_error()); } $sql = \"SELECT id, firstname, lastname FROM MyGuests\"; $result = mysqli_query($conn, $sql); if (mysqli_num_rows($result) > 0) { // output data of each row while($row = mysqli_fetch_assoc($result)) { echo \"id: \" . $row[\"id\"]. \" - Name: \" . $row[\"firstname\"]. \" \" . $row[\"lastname\"]. \"<br>\"; } } else { echo \"0 results\"; } mysqli_close($conn); ?> 23

การออกแบบ และพัฒนาเวบ็ ไซตข์ น้ั สูงดว้ ย PHP และติดตอ่ กบั ฐานขอ้ มลู การเขียนโคด้ PHP 7 แสดงรายการในตารางฐานข้อมลู (Read) • การเขียนโค้ด PHP7 แสดงรายการในตารางฐานข้อมลู (Read) Example (MySQLi Object-Oriented) <?php $servername = \"localhost\"; $username = \"username\"; $password = \"password\"; $dbname = \"myDB\"; // Create connection $conn = new mysqli($servername, $username, $password, $dbname); // Check connection if ($conn->connect_error) { die(\"Connection failed: \" . $conn->connect_error); } $sql = \"SELECT id, firstname, lastname FROM MyGuests\"; $result = $conn->query($sql); if ($result->num_rows > 0) { // output data of each row while($row = $result->fetch_assoc()) { echo \"id: \" . $row[\"id\"]. \" - Name: \" . $row[\"firstname\"]. \" \" . $row[\"lastname\"]. \"<br>\"; } } else { echo \"0 results\"; } $conn->close(); ?> 24

การออกแบบ และพฒั นาเว็บไซตข์ น้ั สูงดว้ ย PHP และตดิ ตอ่ กบั ฐานขอ้ มูล การเขียนโคด้ PHP 7 ปรับปรุงขอ้ มลู ในตารางฐานขอ้ มลู (Update) • การเขยี นโค้ด PHP7 ปรบั ปรุงข้อมูลในตารางฐานขอ้ มูล (Update) Example (MySQLi Procedural) <?php $servername = \"localhost\"; $username = \"username\"; $password = \"password\"; $dbname = \"myDB\"; // Create connection $conn = mysqli_connect($servername, $username, $password, $dbname); // Check connection if (!$conn) { die(\"Connection failed: \" . mysqli_connect_error()); } $sql = \"UPDATE MyGuests SET lastname='Doe' WHERE id=2\"; if (mysqli_query($conn, $sql)) { echo \"Record updated successfully\"; } else { echo \"Error updating record: \" . mysqli_error($conn); } mysqli_close($conn); ?> 25

การออกแบบ และพฒั นาเว็บไซตข์ น้ั สูงดว้ ย PHP และตดิ ตอ่ กบั ฐานขอ้ มลู การเขยี นโค้ด PHP 7 ปรับปรุงขอ้ มลู ในตารางฐานขอ้ มูล (Update) • การเขยี นโค้ด PHP7 ปรับปรงุ ขอ้ มลู ในตารางฐานข้อมูล (Update) Example (MySQLi Object-oriented) <?php $servername = \"localhost\"; $username = \"username\"; $password = \"password\"; $dbname = \"myDB\"; // Create connection $conn = new mysqli($servername, $username, $password, $dbname); // Check connection if ($conn->connect_error) { die(\"Connection failed: \" . $conn->connect_error); } $sql = \"UPDATE MyGuests SET lastname='Doe' WHERE id=2\"; if ($conn->query($sql) === TRUE) { echo \"Record updated successfully\"; } else { echo \"Error updating record: \" . $conn->error; } $conn->close(); ?> 26

การออกแบบ และพัฒนาเว็บไซต์ขน้ั สงู ดว้ ย PHP และตดิ ต่อกับฐานข้อมลู การเขียนโค้ด PHP 7 ลบรายการในตารางฐานข้อมลู (Delete) • การเขียนโค้ด PHP7 ลบรายการในตารางฐานข้อมลู (Delete) Example (MySQLi Procedural) <?php $servername = \"localhost\"; $username = \"username\"; $password = \"password\"; $dbname = \"myDB\"; // Create connection $conn = mysqli_connect($servername, $username, $password, $dbname); // Check connection if (!$conn) { die(\"Connection failed: \" . mysqli_connect_error()); } // sql to delete a record $sql = \"DELETE FROM MyGuests WHERE id=3\"; if (mysqli_query($conn, $sql)) { echo \"Record deleted successfully\"; } else { echo \"Error deleting record: \" . mysqli_error($conn); } mysqli_close($conn); ?> 27

การออกแบบ และพัฒนาเวบ็ ไซต์ข้นั สงู ดว้ ย PHP และตดิ ตอ่ กบั ฐานขอ้ มลู การเขียนโค้ด PHP 7 ลบรายการในตารางฐานข้อมลู (Delete) • การเขียนโคด้ PHP7 ลบรายการในตารางฐานขอ้ มูล (Delete) Example (MySQLi Object-oriented) <?php $servername = \"localhost\"; $username = \"username\"; $password = \"password\"; $dbname = \"myDB\"; // Create connection $conn = new mysqli($servername, $username, $password, $dbname); // Check connection if ($conn->connect_error) { die(\"Connection failed: \" . $conn->connect_error); } // sql to delete a record $sql = \"DELETE FROM MyGuests WHERE id=3\"; if ($conn->query($sql) === TRUE) { echo \"Record deleted successfully\"; } else { echo \"Error deleting record: \" . $conn->error; } $conn->close(); ?> 28

การออกแบบ และพัฒนาเว็บไซตข์ น้ั สงู ด้วย PHP และติดตอ่ กับฐานข้อมลู PHP7 with MariaDB and Bootstrap • Create Responsive Form • Create Editable Tables • Query Content on MariaDB into Bootstrap Webpage 29

การออกแบบ และพฒั นาเวบ็ ไซต์ขัน้ สงู ดว้ ย PHP และติดต่อกบั ฐานข้อมลู Create Responsive Form • Create Responsive Form https://www.w3schools.com/howto/howto_css_responsive_form.asp 30

การออกแบบ และพัฒนาเว็บไซตข์ น้ั สูงด้วย PHP และตดิ ตอ่ กบั ฐานขอ้ มูล Create Editable Tables • Create Editable Tables • https://www.tutorialrepublic.com/php-tutorial/php-mysql-crud- application.php • https://www.jqueryscript.net/table/Editable-Tables-jQuery-Bootstrap- Bootstable.html 31

การออกแบบ และพฒั นาเวบ็ ไซต์ขัน้ สงู ด้วย PHP และตดิ ต่อกบั ฐานข้อมลู Query Content on MariaDB into Bootstrap Webpage • Query Content on MariaDB into Bootstrap Webpage • https://blog.sogoodweb.com/Article/Detail/53203 • https://bootstrapmade.com/bootstrap-one-page- templates/ 32

การออกแบบ และพัฒนาเวบ็ ไซต์ขน้ั สงู ด้วย PHP และติดต่อกบั ฐานขอ้ มูล เอกสารอ้างอิง [1] Friends, A. XAMPP Installers and Downloads for Apache Friends. 2019 [cited 2019; Available from: https://www. apachefriends.org/index.html. [2] Gutmans, A., et al. PHP: Hypertext Preprocessor. 2001. [cited 2019; Available from: https://php.net/. [3] Foundation, M. About MariaDB - MariaDB.org. 2019. [cited 2019 22/06/2019]; Available from: https://mariadb.org/about/. [4] Čihař, M.J.I.B.D.B.D.U.M.M.F.W.D.M. phpMyAdmin: Bringing MySQL to the web. 2003 [cited 2019 22/06/2019]; Available from: https://www.phpmyadmin.net/. [5] Boerger, A.G.R.L.Z.S.M. PHP: Connections - Manual. 2001 [cited 2019 22/06/2019]; Available from: https://www. php.net/manual/en/mysqli.quickstart.connections.php. [6] W3Schools.com. PHP 7 Connect to MySQL. 1999 [cited 2019; Available from: https://www.w3schools.com/php7/php7_mysql _connect.asp. [7] Republic, T. PHP MySQL CRUD Application - Tutorial Republic. 2019 [cited 2019; Available from: https://www. tutorialrepublic.com/php-tutorial/php-mysql-crud- application.php. 33