设计动量论坛 » 网站设计 » 分离美工　杜绝重复

ofly 发表于 2006-11-9 14:09

分离美工　杜绝重复

如果你正在设计一个交互式网站，你一定会关注两个主要的问题，就是美工和程序。这也是一个网站在建设中抛开其内容之后最关键的要素。通常有两种方式来协调美工和程序之间的关系： )Mf lkUDH$u}5h`
　　1.先做好美工页面，然后由程序员直接在美工页面的HTML文件中嵌入ASP、JSP、PHP等程序代码。
@ TWB6eq,X"Z
_4H`t-j6`~#X 　　2.美工和程序同时进行，但这时因为没有页面框架，程序只能做出一些关键代码，双方完成后再进行一次美工页面和程序代码的嵌入合成。
!@0e {-o2W:t
H g5j/`1l!T} 　　在实际的网站建设过程中，由于人员、进度等环境的限制，大家通常会混合地使用上面两种协调方式。然而这两种方法都有不足之处：
@&WB{)e)f P6{sJlL(g @4}`7`5x:M*g
　　1. 效率不高。两者协调不好可能产生等待、重复代码调试步骤等现象；!q#Y#q-{3u8_4{m

LtsO:Z]/o.d1|O 　　2. 调试不畅。由于程序代码最终需要嵌入在HTML页面中，代码的嵌入、调试、纠错都比较繁琐；
/Hr-m?#|&T&e1B~K "^q_2d:n1}
　　3. 维护不便。一旦美工设计需要修改,如网站改版，那么所有程序和HTML代码混合页面都需要重写；
X+v;kg1Yr ;qunU/eX
　　如果你正在使用PHP程序建设网站，那么恭喜你，PHP的模板技术会比较圆满地解决上述问题。
[O FQ(Z3XPa2X
N
8H5}-M-z)q4L|#~[ F
　　那么什么是PHP的模板技术？PHP模板即PHPlib的Template技术，是PHPLIB程序库中的一个主要模块之一，发展自Perl的Template。而PHPLIB则是在PHP上的一个扩展，提供了很多类库，能够方便地实现一些基本功能如用户认证，数据库封装等。我们可以在phplib.netuse.de上下载到其最新版本。要使用PHP模板，只需在PHPLIB的程序包中解开template.inc文件，并放到我们的PHP程序能够调用的目录里。Y S8a&|$G$d:O

YSR9rQ 　　剥开神秘的面纱，模板技术的核心概念简单得令人心跳：要将你的美工页面指定为模板文件，只需将页面中活动的内容如数据库输出，用户交互等部分定义成形式为{variable}的变量放在模板文件中相应的位置，当用户浏览时，由PHP程序文件打开该模板文件，将模板文件中定义的变量进行替换，当然，替换成对应的数据库输出或者用户交互等动态生成内容，举例如下：
^5{be6DL
w }1[!W:}2Z4l+R
R8H.M;}hejx 　　定义模板文件：Mytemplate.htmle{*R}G!K+y

,r%v!eZL0E.pR6\%B[ Mytemplte.html的内容为：
`Z Fp#g .J7\3o$L4O:w
　　.....
P"T9V+G0\7h8B W*w $cb;N1dC$?+s o
　　... ?LQcz2_w'S:t
Bl8FS qjE
I$l(@}
　 今天是{today} nFm$s9W
p6U[,h[`9W5S
　　...aow.}-W ^TB*L
Z1JI,FGR
　　我们可以看到，事实上模板文件就是一个普通的HTML文件，它包含了你所想要的版面、美工等要素，而内部的活动内容则以变量的形式存在，并等待被替换。显然，模板文件直接被浏览是毫无意义的，因为它不包含任何PHP程序，所有的内容都是"死"的，现在我们来看看，怎样来调用模板，让它"活动"起来。`fR@"jPb

ZvW4i\(`u
v
　　假设我们在test.php文件中使用了上述模板，当用户浏览test.php文件时，test.php文件处理过程如下：)D f rk)@
Ww*w-HQ#fiz
　　mydate=date("Y年m月d日"); //处理好变量的值
P
CF8L#^+}i 8P/S3Ne?j VJL
　　include("template.inc"); //调入将模板程序模块{y:t(f b$w$AM/G

KRu1Y(F(d(pP 　　mytemp = new Template("/你的模板文件所在目录/");
8wq'VS?T$MU
c:@fN2B I0\ 　　//创建一个模板实例mytemp，如果模板就在当前目录，那么使用"."就可以7i` cry

a-Pd!~dh 　　mytemp->set_file("MyFileHandle","MyTemplate.html");
,e(]&a-P^j
kvR\^4wv4CH 　　//设置MyFileHandle文件句柄指向我们所要调用的模板文件Mytemplate.html2f1iDCN
K'PD2}d

XuwV+x qQ 　　mytemp->set_var("today", mydate); (W1K,JH!e3r
W`$U&^h9^
　　//调用模板的set_var方法，设置模板中的变量today值为$mydateDQ c.A,l'lE
|Ho's~l z7a
　　mytemp->parse("MyOutput","MyFileHandle"); e~IpQ
aJs2@q{mI~
　　//调用模板的parse方法，对MyFileHandle文件句柄所指向的模板文件进行分析，替换其中相应变量
'd T?2E6y3xD
;a3Pqi8U'l7Da ?T 　　//并把替换结果即完整的HTML文件内容保存在字串变量MyOutput中|.?
k3{lP v-v

x,S:RdFHV
　　mytemp->p("MyOutput");
V{(p:s2Y0h%@3w$eV | Vx2Fq^G
t
　　// 打印输出结果字串变量MyOutput的值　?> ]8}9D7e,P5b
8^-ZB s;{*?!n_-h
　　就是这么简单，模板技术很轻松地把网站设计分离成了清晰的美工和程序两个方面，并把他们的成果简单方便地结合了起来。如美工设计需要修改，那么我们只要记住原模板中各个变量名，把他们插入到新模板中对应位置就可以了。真的很轻松！另一方面，在PHP程序中基本没有了PHP脚本和HTML语法混合的现象，很大地提高了PHP系统的执行效率，而且如果是数据库等一些费时的操作，现在可以很及时地关闭数据库，释放资源，这样也在一定程度上提高了PHP和相关系统的资源使用效率。
4H6V3vEAq
.{nS_Vq)K]3^m 　　好了，关于PHP模板技术的基本概念就介绍到这里，下次我们再介绍更高层的模板应用！

查看完整版本: 分离美工　杜绝重复