PHP + HTML สร้างตาราง Table อัตโนมัติ

หน้าหลัก » Code โปรแกรม PHP โดย pun February 26, 2012 2:53 pm
เป็น code สร้างตารางอัตโนมัติ โดย code นี้ได้ให้ PHP กับ HTML ทำงานร่วมกัน

[php]
<table width="400" height="73" border="0" cellpadding="1" cellspacing="2">
<tr>
<td height="0" colspan="3" valign="top" bgcolor="#0099CC">Header หัวข้อของตาราง</td>
</tr>
<tr>
<td width="23" height="2" align="center" valign="middle">ID</td>
<td width="231" height="2" valign="middle">Detail</td>
<td width="132" align="center" valign="middle">Date</td>
</tr>
<tr>
<td height="9" colspan="3" valign="top">
<?php
// ส่วนนี้สามารถแทรกคำสั่ง SQL เพื่อดึงข้อมูลมากจาก Databese ได้
$num_rows=20;
$i=0;
while ($i < $num_rows){
?></td>
</tr>
<tr >
<td ><?php echo $i+1;?></td>
<td valign="top">ตัวอย่างรายการที่ <?php echo $i+1;?></td>
<td valign="top"><?php echo date("Y-m-d H:i:s");?></td>
</tr>
<?php
$i++;
}
?>
</table>
[/php]

ผลลัพธ์จากการทำงานของ code

[caption id="attachment_753" align="aligncenter" width="403"]การสร้างตาราง php การสร้างตาราง php[/caption]

ถ้าใครสนใจอยากหัดเขียนเว็บอยู่ ลองนำไปประยุคใช้ดูครับ code นี้สามารถนำไปประยุคใช้เพื่อสร้างเว็บบอร์ดในส่วนหน้ารวมกระทู้ หรือร้านค้าออนไลน์ในส่วนแสดงรายการสินค้า หรือทำเว็บแสดงข้อมูลเป็นรายการต่างๆ ก็ได้

ในการประยุคให้ทำงานร่วมกับ Database
แนะนำการใช้งานแบบง่ายๆดังนี้

จาก code ส่วนนี้

[php]
$num_rows=20;
$i=0;
while ($i < $num_rows){
[/php]

ให้แก้เป็น

[php]
$query= mysql_query("SELECT * FROM tbname WHERE Fieldname ORDER BY id DESC LIMIT 0,15");
$num_rows = mysql_num_rows($query);
$i=0;
while ($i < $num_rows){
$arr= mysql_fetch_array($dbquery);
echo $arr[Fieldname ที่ต้องการแสดงข้อมูล]; // สามารถใช้คำสั่ง echo $arr[]; ไปใช้ได้เลย
[/php]

การแทนค่าในตาราง
เช่น ต้องการดึง Detail จาก database มาแสดงแบบภาพตัวอย่างด้านบน
แก้ code บรรทัดนี้

[php]
<td valign="top">ตัวอย่างรายการที่ <?php echo $i+1;?></td>
[/php]

แก้เป็น

[php]
<td valign="top"><?php echo $arr[detail];?></td>
[/php]

ลองนำไปประยุคใช้ดูครับ
ถ้ามีข้อสงสัยคอมเม้ทถามได้ครับ ถ้าตอบได้ก็ยินดีครับ

บทความ : PHP HTML สร้างตาราง Table อัตโนมัติ
ที่มา : http://www.wpdsign.com

PHP + HTML สร้างตาราง Table อัตโนมัติ


บทความโดย pun