ทำความเข้าใจพื้นฐานเบื่องต้น
* ถ้าสงสัยเรื่องการสร้างฐานข้อมูล อ่านบทความนี้ คลิกที่นี่
** ถ้าสงสัยเรื่องการจำลอง Web Server อ่านบทความนี้ คลิกที่นี่
*** ข้อสงสัยอื่นๆ ในตอนนี้พูดคุย ปรึกษากันในบทความนี้ได้เลยครับ ^^!
1.สร้างตารางเก็บข้อมูลชื่อ guestbook ในฐานข้อมูล datatest
CREATE TABLE `guestbook` (
`id` INT( 11 ) NOT NULL AUTO_INCREMENT ,
`text` TEXT NOT NULL ,
`name` TINYTEXT NOT NULL ,
PRIMARY KEY ( `id` )
);
2.สร้าง form สำหรับ กรอกข้อมูล สมุดเยี่ยม ไฟล์ index.php ดังนี้
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874" />
<title>Untitled Document</title>
</head>
<body>
<form name="form1" method="post" action="">
<table width="500" border="0" align="center" cellpadding="1" cellspacing="1">
<tr>
<th colspan="3" scope="col"><DIV align="center"><strong>เขียนสมุดเยี่ยม</strong></DIV></th>
</tr>
<tr>
<td width="71"><div align="right">ข้อความ : </div></td>
<td colspan="2"><label>
<textarea name="text" cols="65" rows="5" wrap="virtual" id="text"></textarea>
</label></td>
</tr>
<tr>
<td><div align="right">จาก : </div></td>
<td colspan="2"><label>
<input name="name" type="text" id="name" size="40">
</label></td>
</tr>
<tr>
<td colspan="3"><div align="center">
<label>
<input type="submit" name="Submit" value="ตกลง">
</label>
</div></td>
</tr>
</table>
</form>
</body>
</html>
3.เริ่มต้นการแทรกฐานข้อมูล ดังรูป
จะปรากฏ
Submit values from : เลือกค่าที่ต้องการรับว่ามาจาก form ไหน
Connection : เลือกการติดต่อฐานข้อมูล
Insert table : เลือกตารางที่ต้องการแทรกลงฐานข้อมูล
Columns : แสดงการแทรกลงฐานข้อมูลโดยค่าฟิลด์ จะเก็บค่าจาก Text field ใด
After inserting, go to : เพื่อแทรกฐานข้อมูลเสร็จให้ไปที่หน้า Index.php
กด F12 เพื่อทดลองโปรแกรมได้เลย
จากตอนที่แล้วที่เราทำสมุดเยี่ยม ตอนนี้เราจะมาแสดงสมุดเยี่ยมกันนะครับ
1.เราต้องปรับปรุงไฟล์ index.php พิมพ์ดังนี้
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874" />
<title>Untitled Document</title>
</head>
<body>
<form name="form1" method="POST" action="">
<table width="500" border="0" align="center" cellpadding="1" cellspacing="1">
<tr>
<th colspan="3" scope="col"><DIV align="center"><strong>เขียนสมุดเยี่ยม</strong></DIV></th>
</tr>
<tr>
<td width="71"><div align="right">ข้อความ : </div></td>
<td colspan="2"><label>
<textarea name="text" cols="65" rows="5" wrap="virtual" id="text"></textarea>
</label></td>
</tr>
<tr>
<td><div align="right">จาก : </div></td>
<td colspan="2"><label>
<input name="name" type="text" id="name" size="40">
</label></td>
</tr>
<tr>
<td colspan="3"><div align="center">
<label>
<input type="submit" name="Submit" value="ตกลง">
</label>
</div></td>
</tr>
</table>
<input type="hidden" name="MM_insert" value="form1">
</form>
<br>
<form name="form2" method="post" action="">
<table width="500" border="0" align="center" cellpadding="1" cellspacing="1">
<tr>
<th colspan="3" bgcolor="#999999" scope="col">แสดงสมุดเยี่ยม</th>
</tr>
<tr>
<td width="34" bgcolor="#CCCCCC" align="center"><font color="#000000">ลำดับ</font></td>
<td width="158" bgcolor="#CCCCCC"><font color="#000000">ข้อความ</font></td>
<td width="40" bgcolor="#CCCCCC"><font color="#000000">จาก</font></td>
</tr>
<tr>
<td bgcolor="f2f2f2"> </td>
<td bgcolor="f2f2f2"> </td>
<td bgcolor="f2f2f2"> </td>
</tr>
</table>
</form>
</body>
</html>
2.เริ่มการแสดงข้อมูลโดย
Name : ตั้นชื่อ Record Set
Connection : การเชื่อมต่อ
Table : ชื่อตารางที่ต้องการแสดงข้อมูล
Columes : เลือกฟิลด์ข้อมูลที่ต้องการแสดงอกกมา
Sort : เลือก ฟิลด์ที่ต้องการเรียง และ Descending เรียงจากมากไปหาน้อย เมื่อสำเร็จ
เลือกคลิกที่ชื่อฟิลด์ที่ต้องการแสดงไปวางในตำแหน่งที่ต้องการดังรูป
ต่อด้วย Repeat Region เพื่อให้ แสดงข้อมูลทั้งหมดในตาราง 
เพื่อเลือกข้อมูลทั้งหมดมาแสดง
เมื่อทำทุกอย่างเสร็จหมดแล้วจะมีีหน้าตาดังรูป
กด F12 เพื่อ ทดลอง 
