是否有一种标准方法来处理与 PHP 中的条件分开的设计（CSS）？

Question

我一直在与一位开发人员合作开发基于 Web 的应用程序。我主要有一些 html 和 css 的经验，现在已经完成了繁重的工作，我想开始改进程序的设计元素（我知道这不是理想的情况，在一个完美的世界里，所有的设计元素会从一开始就被考虑 - 但你们这些从事项目工作的人知道它并不总是这样:-D)

我很好奇在处理大量 PHP 条件时是否有一种“标准”方式来处理 css 和一般布局结构。以下是我们页面某个区域的示例：

$print_data .= '<p><b>My subscription:</b>&nbsp;&nbsp;';

if($period3=="1 M") {
  $print_data .= "$".$amount3." a month.<br />";
  $print_data .= "<b>Billing date:</b>&nbsp;&nbsp; Monthly on the " . date("jS", $subscr_effective_date_string) .".<br /><br /><b>Modification Options:</b><br />";
  $print_data .= '<input type="button" value="$75 every 6 months" onclick="#" /><br />
 <input type="button" value="$135 every 12 months" onclick="#" /><br /><br />';
}

elseif($period3=="6 M") {
  $print_data .= "$".$amount3." every 6 months.<br />";
  $print_data .= "<b>Billing date:</b>&nbsp;&nbsp; Every 6 months on " . date("m/d", $subscr_effective_date_string) ." and " . date("m/d",$subscr_effective_date_add_6mo_string) .".<br /><br /><b>Modification Options:</b><br />";
  $print_data .= '<input type="button" value="$14 a month" onclick="#" /><br /><input type="button" value="$135 every 12 months" onclick="#" /><br /><br />';
}

elseif($period3=="1 Y") {
  $print_data .= "$".$amount3." every year.<br />";
  $print_data .= "<b>Billing date:</b>&nbsp;&nbsp; Yearly on the " . date("m/d", $subscr_effective_date_string) .".<br /><br /><b>Modification Options:</b>";
  $print_data .= '<input type="button" value="$14 a month" onclick="#" /><br /><input type="button" value="$75 every 6 months" onclick="#" /><br /><br />';
}

$print_data .= '<input type="button" value="Unsubscribe" onclick="#" /></p>';

简而言之，我希望将上述内容包含在 <ul> 中，然后将每个条件设置为单独的 <li> 组，该组将根据条件填充 <ul>。

这类事情通常都是在线处理的，还是什么？

谢谢！ 乔尔

Answer 1

呃，太丑了。这几乎就是过去几年 Web 开发转向模型-视图-控制器 (MVC) 方法的原因。理想情况下，您的演示文稿标记（上面汤中的 html 标记）将位于一个文件中，而将其填充到另一个文件中的逻辑。在 PHP 中执行此操作的最常见方法之一是使用 Smarty 模板引擎。

在此期间，至少应该清理上面的代码：找出 $amount3 的值和账单输入按钮上的文本，然后在一个地方输出 HTML，而不是重复它适用于每种情况（最好使用sprintf 而不是为了清洁和增加安全性而将琴弦塞在一起）。