從樣式表顯示數據Mysql表

我已經寫了一個代碼，可以保存數據從MySQL使用PHP，所以我怎麼能顯示它使用CSS樣式表。存儲在我的服務器中的數據是：產品名稱，產品規格，價格以及產品圖像的鏈接。我怎樣才能用這種格式的顯示所有這些：從樣式表顯示數據Mysql表

Table Format

這是它的源代碼：

<body> 

<div class="gridContainer clearfix"> 
<div id="LayoutDiv1"> 
<center><font color="White" size="+12"><u>PROCESSORS</u></font></center> 
<table border=0 align="center"> 
<th colspan="3"><h2><font color="White">AMD PROCESSORS</font></h2></th> 
<th></th> 
<th colspan="3"><h2><font color="White">INTEL PROCESSORS</font></h2></th> 
<tr><td> 
<form action=cds.php method=get> 
<table border="0" bordercolorlight="#FFFF99"> 
<th align="center" colspan="2" bgcolor="#FF9900"> AMD ATHLON II X2 260</th> 
<tr><td >Specs:</td><td>3.20Ghz<br />2 cores<br />2Mb Cache<br />Supports x86 and x64 
OS<br />w/ Cool'n Quiet Tech</td></tr> 
<tr><td >Price:</td><td>2500</td></tr> 
<tr><td >Quantity:</td><td><input type=text name=quant></td></tr> 
<tr><td >Add to cart?</td><td ><input type="submit" value="Yes"></td></tr> 
</table> 
<input type=hidden name=comp value="AMD"> 
<input type=hidden name=prdname value="AMD ATHLON II X2 260"> 
<input type=hidden name=prc value="2500"> 
</form> 
</td> 
<br /> 
<td>&nbsp;&nbsp;&nbsp;</td> 
<td> 
<img src="img/prd1.jpg" /> 
</td> 

<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td> 
<td> 
<form action=cds.php method=get> 
<table border="0" bordercolorlight="#FFFF99"> 
    <th align="center" colspan="2" bgcolor="#FF9900">INTEL i3</th> 
<tr><td >Specs:</td><td >3.20Ghz<br />2 cores<br />3Mb Cache<br />Supports x86 and x64 
OS<br />w/ Cool'n Quiet Tech</td></tr> 
<tr><td >Price:</td><td >2500</td></tr> 
<tr><td >Quantity:</td><td ><input type=text name=quant></td></tr> 
<tr><td >Add to cart?</td><td ><input type="submit" value="Yes"></td></tr> 
</table> 
<input type=hidden name=comp value="INTEL"> 
<input type=hidden name=prdname value="INTEL i3"> 
<input type=hidden name=prc value="2500"> 
</form> 
</td> 
<br /> 
<td>&nbsp;&nbsp;&nbsp;</td> 
<td> 
<img src="img/prd5.jpg" /> 
</td> 
</tr> 
<tr><td> 
<form action=cds.php method=get> 
<table border="0" bordercolorlight="#FFFF99"> 
    <th align="center" colspan="2" bgcolor="#FF9900">AMD SEMPRON</th> 
<tr><td >Specs:</td><td >2.20Ghz<br />4 cores<br />4Mb Cache<br />Supports x86 and x64 
OS<br />w/ Cool'n Quiet Tech</td></tr> 
<tr><td >Price:</td><td >3000</td></tr> 
<tr><td >Quantity:</td><td ><input type=text name=quant></td></tr> 
<tr><td >Add to cart?</td><td ><input type="submit" value="Yes"></td></tr> 
</table> 
<input type=hidden name=comp value="AMD"> 
<input type=hidden name=prdname value="AMD SEMPRON"> 
<input type=hidden name=prc value="3000"> 
</form> 
</td> 
<br /> 
<td>&nbsp;&nbsp;&nbsp;</td> 
<td> 
<img src="img/prd2.jpg" /> 
</td> 

<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td> 
<td> 
<form action=cds.php method=get> 
<table border="0" bordercolorlight="#FFFF99"> 
    <th align="center" colspan="2" bgcolor="#FF9900">INTEL i5</th> 
<tr><td >Specs:</td><td >3.40Ghz<br />4 cores<br />6Mb Cache<br />Supports x86 and 
x64 OS<br />w/ Cool'n Quiet Tech</td></tr> 
<tr><td >Price:</td><td >5500</td></tr> 
<tr><td >Quantity:</td><td ><input type=text name=quant></td></tr> 
<tr><td >Add to cart?</td><td ><input type="submit" value="Yes"></td></tr> 
</table> 
<input type=hidden name=comp value="INTEL"> 
<input type=hidden name=prdname value="INTEL i5"> 
<input type=hidden name=prc value="5500"> 
</form> 
</td> 
<br /> 
<td>&nbsp;&nbsp;&nbsp;</td> 
<td> 
<img src="img/prd6.jpg" /> 
</td> 

</tr> 
<tr><td> 
<form action=cds.php method=get> 
<table border="0" bordercolorlight="#FFFF99"> 
    <th align="center" colspan="2" bgcolor="#FF9900">AMD PHENOM II x6</th> 
<tr><td >Specs:</td><td >3.7 GHz<br />6 cores<br />6Mb Cache<br />Supports x86 and 
x64 OS<br />w/ Cool'n Quiet Tech</td></tr> 
<tr><td >Price:</td><td >4500</td></tr> 
<tr><td >Quantity:</td><td ><input type=text name=quant></td></tr> 
<tr><td >Add to cart?</td><td ><input type="submit" value="Yes"></td></tr> 
</table> 
<input type=hidden name=comp value="AMD"> 
<input type=hidden name=prdname value="AMD PHENOM II x6"> 
<input type=hidden name=prc value="4500"> 
</form> 
</td> 
<br /> 
<td>&nbsp;&nbsp;&nbsp;</td> 
<td> 
<img src="img/prd3.jpg" /> 
</td> 

<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td> 
<td> 
<form action=cds.php method=get> 
<table border="0" bordercolorlight="#FFFF99"> 
    <th align="center" colspan="2" bgcolor="#FF9900">INTEL i7</th> 
<tr><td >Specs:</td><td >4.0Ghz<br />4 cores<br />8Mb Cache<br />Supports x86 and x64 
OS<br />w/ Cool'n Quiet Tech</td></tr> 
<tr><td >Price:</td><td >6500</td></tr> 
<tr><td >Quantity:</td><td ><input type=text name=quant></td></tr> 
<tr><td >Add to cart?</td><td ><input type="submit" value="Yes"></td></tr> 
</table> 
<input type=hidden name=comp value="INTEL"> 
<input type=hidden name=prdname value="INTEL i7"> 
<input type=hidden name=prc value="6500"> 
</form> 
</td> 
<br /> 
<td>&nbsp;&nbsp;&nbsp;</td> 
<td> 
<img src="img/prd7.jpg" /> 
</td> 

</tr> 
<tr><td> 
<form action=cds.php method=get> 
<table border="0" bordercolorlight="#FFFF99"> 
    <th align="center" colspan="2" bgcolor="#FF9900">AMD OPTERON x16</th> 
    <tr><td >Specs:</td><td >3.30Ghz<br />16 cores<br />2Mb Cache<br />Supports x86 and 
x64 OS<br />w/ Cool'n Quiet Tech</td></tr> 
    <tr><td >Price:</td><td >7500</td></tr> 
<tr><td >Quantity:</td><td ><input type=text name=quant></td></tr> 
<tr><td >Add to cart?</td><td ><input type="submit" value="Yes"></td></tr> 
</table> 
<input type=hidden name=comp value="AMD"> 
<input type=hidden name=prdname value="AMD OPTERON x16"> 
<input type=hidden name=prc value="7500"> 
</form> 
</td> 
<br /> 
<td>&nbsp;&nbsp;&nbsp;</td> 
<td> 
<img src="img/prd4.jpg" /> 
</td> 

<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td> 
<td> 
<form action=cds.php method=get> 
<table border="0" bordercolorlight="#FFFF99"> 
    <th align="center" colspan="2" bgcolor="#FF9900">INTEL PENTIUM 4 G870</th> 
<tr><td >Specs:</td><td >3.20Ghz<br />2 cores<br />2Mb Cache<br />Supports x86 and 
x64 OS<br />w/ Cool'n Quiet Tech</td></tr> 
<tr><td >Price:</td><td >3500</td></tr> 
<tr><td >Quantity:</td><td ><input type=text name=quant></td></tr> 
<tr><td >Add to cart?</td><td ><input type="submit" value="Yes"></td></tr> 
</table> 
<input type=hidden name=comp value="INTEL"> 
<input type=hidden name=prdname value="INTEL PENTIUM G870"> 
<input type=hidden name=prc value="3500"> 
</form> 
</td> 
<br /> 
<td>&nbsp;&nbsp;&nbsp;</td> 
<td> 
<img src="img/prd8.jpg" /> 
    </td> 

</tr> 
<tr><td><br /><br /></td></tr> 
</table> 
    </div> 
</div> 
</body>

我知道這將需要循環打印在mysql中的所有行表，但它有多個單元格，我必須使用嵌套循環來打印？

來源

2013-04-08 conquistador

第一完成設計，並在頁面開始從數據庫中獲取數據，並在您想要從數據庫顯示數據使用內聯腳本，如<？php echo'product name'？> – user1370510 2013-04-08 08:40:07

<?php 
    //get data from database related to that product 
    while($row=mysqli_fetch_array($result,MYSQLI_ASSCO)) 
    { 
    echo '<table>'; 
    echo '<tr>; 
    echo '<td>'; 
    echo 'Prodcut name'; 
    echo '</td>'; 
    echo '</tr> </table>'; 
    } 
?>

來源

2013-04-08 08:42:38 user1370510

你想使用什麼？我沒有得到你 – user1370510 2013-04-08 08:49:51

我編輯了我的評論對不起，這是我想要使用的代碼 [點擊我]（http://pastebin.com/K9eBhQiG） – conquistador 2013-04-08 08:52:15

所以你有想法如何做到這一點 – user1370510 2013-04-08 08:53:25

你所呈現的是一個循環，所以使用一個循環（甚至多個）。將所有這些值插入到db行中，添加必要的列並使用WHILE LOOP來獲取數據。在循環中只包含一個表格html，所以你不要重複代碼。

更快的方法是創建一個產品名稱爲的函數從數據庫中獲取數據。這將節省您大量的時間

修正形式，收盤報價上的輸入域

<input type=hidden name="comp" value=""> 
    <input type=hidden name="prdname" value=""> 
    <input type=hidden name="prc" value=""> 

and <form action="cds.php" method="get"> 
(for this need, I would prefer method POST)

來源

2013-04-08 08:55:01

從樣式表顯示數據Mysql表

回答

相關問題