2011-12-03 28 views
0

我从virtmart(Joomla扩展)组件获得了以下代码。该脚本属于特定功能,用于显示数据库中的“产品类型”信息。如果您仔细阅读下面的代码,您将看到代码正在查询数据库,然后将数据显示为表格。当我运行脚本时,表格看起来非常简单。我想让表格看起来像我在下面发布的图片中的表格。如何设计PHP标签内的HTML表格?

我试图添加一些CSS的表格在我从中获得代码的页面中,但是当我打开页面时,它的布局变得更加难看。所以我必须在下面的代码中添加或做任何更改。

我对PHP和CSS没有很好的了解。对于下表中看起来像我在下面发布的图片中的表格,需要做些什么修改/添加?

$html .= "<br />\n<table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"1\">\n"; 
    $html .= "<tr><td colspan=\"2\"><strong>".$VM_LANG->_('PHPSHOP_PRODUCT_TYPE_PARAMETERS_IN_CATEGORY'). ": ".$dbag->f("product_type_name")."</strong></td></tr>\n"; 

    // SELECT parameter value of product 
    $q2 = "SELECT * FROM #__{vm}_product_type_".$dbag->f("product_type_id"); 
    $q2 .= " WHERE product_id='$product_id'"; 
    $dbp->query($q2); 

    // SELECT parameter of Product Type 
    $dba->query($q.$dbag->f("product_type_id")." ORDER BY parameter_list_order"); 
    $i = 0; 
    while ($dba->next_record()) { 
     if ($i++ % 2) { 
      $bgcolor='row0'; 
     } 
     else { 
      $bgcolor='row1'; 
     } 
     $html .= "<tr class=\"$bgcolor\" height=\"18\">\n"; 
     $html .= "<td width=\"30%\">".$dba->f("parameter_label"); 
     $parameter_description = $dba->f("parameter_description"); 
     if (!empty($parameter_description)) { 
      $html .= "&nbsp;"; 
      $html .= vmToolTip($parameter_description, $VM_LANG->_('PHPSHOP_PRODUCT_TYPE_PARAMETER_FORM_DESCRIPTION')); 
     } 
     $html .= "</td>\n<td>"; 
     $html .= $dbp->f($dba->f("parameter_name"))." ".$dba->f("parameter_unit")."</td></tr>\n"; 
    } 
    $html .= "</table>\n"; 
} 
return $html; 

表格图像

Enter image description here

+0

你真的不希望这样做。这就是PHP脚本在过去糟糕的日子里的写作方式,结果导致代码不可维护,设计也不稳定。自从将工作层与提供输出的层分离开以来,已经有了多年的努力。 – GordonM

+0

此外,您的代码已广泛开放给SQL注入。不要使用字符串聚合建立SQL查询! http://bobby-tables.com/ – GordonM

回答

-2

你应该去通过W3Schools教程CSS Tables与CSS样式表。

+1

任何人都不应该通过任何关于W3Fools的教程。 – GordonM

0

首先我真的推荐你学习PHP和HTML。查看此网页以了解PHP,HTML和CSS:http://www.w3schools.com/

在您的示例中,$html .= "blabla"表示将blabla添加到变量$html。这个PHP脚本使得表格在HTML中应该是完美的。你必须改变CSS。在这里您可以更改颜色和样式以及文本字体大小等。根据你所提供的信息,直到现在我真的不能帮你。

因此,我建议您学习CSS,让您在运行网页并自己创建表格时获得源代码。由于CSS学习时间不长,因此学习如何编辑已有的CSS文档花费的时间更少。

看看这里的CSS:http://www.w3schools.com/css/

看看这里的表中的CSS:http://www.w3schools.com/css/css_table.asp

+0

@ 50ndr33你的评论也不合适。请记住以同样的尊重对待其他社区成员。 downvote不是称某人为小孩和/或白痴的理由。 –