2013-03-01 62 views
0

如何連接外部CSS文件以顯示從MySQL數據庫提取的數據?我可以使用CSS顯示數據而不是使用表格。我想完全避免表格中的抽取數據。使用外部css顯示提取的mysql數據

這是從MySQL數據庫獲取數據的代碼:

<?php 
echo "Database Date: " .date("Y-m-d"); 
?> 

變量包括在此數據是:分配NCL號碼,醫院,年齡,性別,原發癌診斷的日期和最新的管理對病人。

<style type="text/css"> 
    table.data { width:100%; margin: 0; 
     border: 1px solid black; border-spacing: 2px; } 
    .id {width: 7%; background-color: #c7c7c0; } 
    .date {width: 12%; background-color: #d8d8d1; } 
    .nclnumber { width: 10%; background-color: #c7c7c0; } 
    .hospital {width: 17%; background-color: #d8d8d1; } 
    .age { width: 3%; background-color: #c7c7c0; } 
    .sex { width: 2%; background-color: #d8d8d1; } 
    .cancer { width: 10%; background-color: #d8d8d1; } 
    .dateofdiagnosis { width: 7%; background-color: #d8d8d1; } 
    .notes { width: 32%; background-color: #d8d8d1; } 
</style> 

<table class="data" border="0" cellspacing="2"> 
    <tr> 
    <td class="id"><b>Id</b></td> 
    <td class="date"><b>Date</b></td> 
    <td class="nclnumber"><b>NCL Number</b></td> 
    <td class="hospital"><b>Hospital</b></td> 
    <td class="age"><b>Age</b></td> 
    <td class="sex"><b>Sex</b></td> 
    <td class="cancer"><b>Diagnosed Cancer</b></td> 
    <td class="dateofdiagnosis"><b>Date of Diagnosis</b></td> 
    <td class="notes"><b>Notes</b></td> 
    </tr> 
</table> 


<?php 
// Connects to your Database 
mysql_connect("localhost", "root", "") or die(mysql_error()); 
mysql_select_db("cancer") or die(mysql_error()); 
$data = mysql_query("SELECT * FROM cancer WHERE Age ='1'OR Age = '2' OR Age = '3'OR Age = '4'OR Age = '5'OR Age = '6'OR Age = '7'OR Age = '8'OR Age = '9'") 
or die(mysql_error()); 


while($info = mysql_fetch_array($data)) { 
    echo "<table class='data' border='0' cellspacing='2'> 
      <tr> 
      <td class='id'>".$info['Id']."</td> 
      <td class='date'>".$info['Date']."</td> 
      <td class='nclnumber'>".$info['NCL_Number']."</td> 
      <td class='hospital'>".$info['Hospital']."</td> 
      <td class='age'>".$info['Age']."</td> 
      <td class='sex'>".$info['Sex']."</td> 
      <td class='cancer'>".$info['Diagnosed_Cancer']."</td> 
      <td class='dateofdiagnosis'>".$info['Date_of_Diagnosis']."</td> 
      <td class='notes'>".$info['Notes']."</td> 
      </tr> 
     </table>"; 
    } 
?> 
+1

數據_tabular_?如果是這樣,爲什麼要避免表? '

'標籤不是普遍邪惡的,可以用CSS替換,它們只是不適合佈局。 – 2013-03-01 17:15:26

+0

歡迎來到Stack Overflow!請不要使用'mysql_ *'函數來編寫新的代碼。他們不再被維護,社區已經開始[棄用流程](http://news.php.net/php.internals/53799)。看到[紅色框](http://uk.php.net/manual/en/function.mysql-connect.php)?相反,您應該瞭解[準備好的陳述](http://en.wikipedia.org/wiki/Prepared_statement)並使用[PDO](http://php.net/pdo)或[MySQLi](http:// php.net/mysqli)。如果你選擇PDO [這裏是一個很好的教程](http://wiki.hashphp.org/PDO_Tutorial_for_MySQL_Developers)。 – War10ck 2013-03-01 17:27:12

回答

6

絕對沒有理由不對錶格數據使用<table>元素。

有些人的反桌歇斯底里只是一個誤解:錯誤地使用表進行佈局的目的是。不過,HTML標籤沒有任何問題。實際上,使用任何其他HTML元素來顯示錶格數據對於語義來說都是不利的。

<table>標記及其包含的<tr>行和<td>列通知瀏覽器呈現其中的數據是相關的和列狀的。不要將<table>(或任何HTML標籤)視爲嚴格意義上的視覺顯示元素。它們將數據的意義傳達給解析它的機器。

1

讓我們來梳理一下。在CSS而不是tables中顯示,因爲tables及其關聯的標記是HTML元素而CSS是樣式,所以您可以應用於這些元素。它們並不等同。

表格的替代方法是使用divsspans的組合創建複雜,複雜且複雜的佈局。

但是,如果數據是表格,絕對沒有理由爲了避免使用<table>標籤而使用這種尷尬的設計。這就是爲什麼<table>標籤在HTML規範中。

爲了佈局而濫用<table>標籤已給標籤一個不好的代表。當正確使用時(即顯示錶格數據),它可能非常有用。

最佳建議:使用<table>標籤,並遵循社區wiki的建議。