สร้างดาต้าเบส (Data Base) ให้สอดคล้องกับความต้องการของระบบ
ตัวอย่างที่จะสอนวันนี้ คือ การสร้างระบบ โดยใช้โปรแกรม Aptana Studio 3 (ฟรี)
ขั้นตอนแรก
*ติดตั้ง AppServ เวอร์ชัน 2.5.9 หรือ ใหม่กว่านี้
*มี tool หรือ โปรแกรม สำหรับการเขียน code ตัวใดก็ได้แล้วแต่ความถนัด เช่น Dreamweaver, EditPlus, ตัวผู้เขียนใช้ Aptana Studio 3 ในการเขียน
*โหลด Jquery เวอร์ชั่นล่าสุดจาก http://code.jquery.com/jquery-1.11.1.min.js
ขั้นตอนที่สอง
1.ทำการสร้างโปรเจ็คใหม่ (File->New-> PHP Project) ดังรูป
2.ตั้งชื่อโปรเจ็ค และติ๊กเครื่องหมายถูกออก แล้วเลือกไปที่ folder www ของ AppServ ดังรูป
3. สร้าง Folder ชื่อ js ใน folder นี้จะใช้เก็บไฟล์ .js ทั้งหมดที่ใช้ในระบบ เพื่อที่จะให้เป็นสัดส่วน และง่ายต่อการแก้ไข
ทำการสร้าง file ชื่อ jquery-1.11.1.min.js แล้ว copy code จาก http://code.jquery.com/jquery-1.11.1.min.js มาวาง
4. สร้าง Folder ชื่อ css ใน folder นี้จะใช้ในการเก็บไฟล์ .css
5. สร้างไฟล์ connect.php ขึ้นมา โดยการคลิกขวาที่ โปรเจ็คที่เราสร้างขึ้นมา (New->File)
ที่ไฟล์นี้จะเป็นการเขียน code เพื่อติดต่อกับ ฐานข้อมูล
ตัวอย่าง Code
<?
$link = mysql_connect("localhost","user เข้าใช้ฐานข้อมูล","รหัสผ่าน");
mysql_select_db("ชื่อฐานข้อมูลที่สร้าง",$link);
mysql_query("SET NAMES UTF8"); //ป้องกันภาษาเป็นอักขระต่างดาว
?>
6. สร้างไฟล์ชื่อ index.php แล้วทำการเขียน code ดังนี้
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="js/jquery-1.11.1.min.js"></script>
</head>
<body>
</body>
</html>
