大部分网络应用程序中用了很多HTML代码。象Hotmail这样的基于web的电子邮件系统，其中的登录屏幕、邮箱、发送信息、文件夹、菜单条、设置选项和其它栏目都使用了HTML代码。
网络程序是可以使用HTML的，但问题是HTML出现的地方太多，程序的每个需要显示的部分都需要设计HTML页面。这些HTML代码出现在哪里呢？就在你的Perl源码中。这就意味着在你的程序中，将会插入数千行的HTML代码，你的perl程序将会变得很难调试，在调试HTML的屏幕显示时，也是困难重重，要是此时再换个其他人来编辑HTML，就更是雪上加霜，不用提有多混乱了。解决这些问题的办法是：把HTML代码放到后缀为“.HTML”的文件中去，作为模板，然后，在所写的Perl/CGI 程序中，使用这些HTML模板文件。
为所有的那些HTML找一个新家
组织你的HTML模板的最好方法，就是让它们尽量靠近你的程序的存放目录。(要么同你的程序一起都放在同一目录中，要么把模板文件放在名为“/templates/”的子目录中。) 另外，在你给模板文件命名时，尽量取些描述性强的名字。我通常的命名方法是：下划线后面紧跟程序名，目的是用来区分常规的HTML文件和HTML模板。
例如，如果要创建基于Web的电子邮件程序“Web Mail”，我们的模板就这样命名：
_webmail_login.html # 登录
_webmail_message_list.html # 显示信件
_webmail_message_read.html # 阅读信件
_webmail_message_send.html # 创建/发送信件
_webmail_message_erase.html # 删除信件
_webmail_message_erase_confirm.html # 确认删除
_webmail_logoff.html # 退出
一看文件名，我们就很容易知道该文件是做什么的。一段时间以后，回过头来再作修改时，也不会搞错。如果你是同其他网络开发者协同工作，也不用担心他们在修改时会把程序搞乱。
现在，我们开始着手把所有的HTML从Perl/CGI程序中移出去，放到HTML模板文件中，然后，还需要有个办法把它们显示出来。所以，我们将编制一个称为&Template的Perl子程序，程序代码如下：
sub Template {
local(*FILE);# filehandle
local($file);# file path
local($HTML);# HTML data
$file = $_[0] || die "Template : No template file specified\n";
open(FILE, "<$file") || die "Template : Couldn't open $file : $!\n";
while (<FILE>) { $HTML .= $_; }
close(FILE);
$HTML =~ s/\$(\w+)/${$1}/g;
return $HTML;
}
该程序中的大部分语句很简单，我们只是打开了一个模板文件，把其内容读出，并返回给程序。所用的技巧是使用了下面的正则表达式，它是用来搜索HTML模板中的Perl变量， (如：“$date”) 把变量的值取代其符号表示。
$HTML =~ s/\$(\w+)/${$1}/g;
其工作原理是这样的：正则表达式搜索以“$”开头的变量名，“\w”表示字符(a-z,A-Z,0-9 或下划线)，“+”意味着一个或多个字符。“\w+”两边的括号表示要把匹配的变量名存到“$1”中，最后, “${$1}”计算出变量的值。记住，变量名存放在$1中。下面为例子：
### 显示登录屏幕
print "Content-type: text/html\n\n";
print &Template("_webmail_login.html");
这样，尽管HTML是存放在模板中，并不在你的程序里，变量值也可以算出来。
复杂的模板和HTML段
在某些场合，仅仅使用单一的模板还不能完成相应的任务，如在使用搜索引擎时，搜索结果往往情况各异，又比如，在做天气预报的网页时，你会根据预报的结果，来选择相应的图像和文本显示。在这些场合，你可以使用多个模板文件来构成显示屏幕。例如，你可以把下面的搜索结果放在页面抬头和脚注之间：
_search_results_header.htmlf # 页面抬头
_search_results_result.htmlf # 结果行
_search_results_footer.htmlf # 页面脚注
上面的每个部分被称为HTML片断，因为它仅是一个完整的HTML页中的一部分。我们把HTML片断文件的后缀规定为“.htmlf”，这就可以同完整的HTML文件区分开来。通过把HTML网页分解成HTML片断，你就可以在屏幕上显示出任何数量的搜索结果。
print &Template("_search_results_header.htmlf");
foreach $result (@results) {
print &Template("_search_results_result.htmlf");
}
print &Template("_search_results_footer.htmlf");
在我们天气预报的例子中，也可以使用HTML片断。同前面的例子相比，所不同的是，HTML片断并不是一个接一个地显示在屏幕上，而是在另外一个网页中根据需要，加载相应的HTML片断。比方说吧，我们的天气预报的主文件模板为_weather.html，我们打算把未来三天的天气预报插入到主HTML网页上，我们引入变量“$day1 $day2 $day3”，对每一种可能的天气情况，我们创建一个小的HTML片断文件，然后，根据需要，进行加载。
### Load HTML fragments for weather forecast
$day1 = &Template("_weather_sunny.htmlf");
$day2 = &Template("_weather_cloudy.htmlf");
$day3 = &Template("_weather_snowing.htmlf");
print &Template("_weather.html");
在HTML文件中，对于变量的表示方法，对于程序员来说是很熟悉的。(如，“Today is $date”)。然而有些人则认为，如果使用其它符号来标识变量，而不是用“$”符号，感觉更容易些。即使你是第一次考虑用模板来代替程序行中的HTML代码，此时你也仅需作很少的修改，就可以在程序中使用象“%variable%” ,“ __variable__”或采用其它你觉得有意义的符号。我认为通过使用模板，要作这些小修改不是很难的。
本文作者Dave Edis是Edis Digital公司的总裁，其公司位于加拿大，提供网络媒体的解决方案。Edis Digital公司为世界各地的用户开发基于Web的出版工具和应用程序。
文章来源于领测软件测试网 https://www.ltesting.net/