admin 管理员组

文章数量: 1086019


2024年4月24日发(作者:oracle安装环境变量path)

<< : SYS PRACTICE 系统实践 

PHP模板简化网站设计的研究 

◆胡斌 

摘要:模板是没有内容的HTML页面,仅提供网页的布局。通过模板 

的定制,将内容从数据库服务器中读出填入设计的模板,生成静态网页文 

件,不仅可实现界面设计与代码设计的分离,还可加快网站的响应速度, 

极大提高网站设计与维护的效率。 

关键词:模板;网站设计;动态网页 

网站中有成百上千的页面时,修改的网页工作量是惊人 

引言 

的,维护起来难度很大。 

随着信息化发展,网站的应用范围越来越广。现在 

公司、企业以及各政府各部门都要求建立专用的网站。 

由此可见,问题的关键就在于网页的布局和网页内 

容没有分离,因此,就要使用某种技术,使网页的布局 

和内容分离。模板就是可以达到这个目标的一种技术。 

传统的网站设计一般首先由美工设计网站的主色调和网 

页的版式,确定网页的布局,网页的程序设计员再制作 

若干主要的网页,待评审通过后,就可以按照统一色调 

二、基于模版的动态网页的原理 

模板的功能就是把网页布局和网页内容分离,在布 

局设计好之后将其存储为模板。 

和版式制作其余的网页。这种方式制作的网站一般称为 

静态网页,静态网页是网站建设初期经常采用的一种形 

式。 

我们可以利用网页模板功能来简化设计。网页模 

板和常用的office软件的模板的思想相同,是一种特 

殊的网页。模板中只有网页的布局,而没有内容。制 

作模板和制作一个普通的页面完全相同,只是不需要 

把页面的所有部分都制作完成,仅仅需要制作出导航 

条、标题栏等各个页面的公有部分,而把中间区域原 

通过浏览器浏览网站的过程一般是以下步骤: 

(1)由计算机上运行一个WEB浏览器客户机程序, 

如Microsoft Internet Explorer,向网络上的服务器请求一 

个页面; 

(2)WEBH ̄务器确认并载入某一页面; 

f3)WEB服务器将该页面传递回浏览器,浏览器处 

理HTML,并显示WEB页面。 

来的具体内容改由用某些特殊符号如“{}”标明将 

要被替换的域。使用时,在程序中用函数对模板中的 

在这种情况下,设计和维护工作存在两个缺点: 

域进行替换,在WEB J] ̄务器端生成完整的HTML代 

码,传递给浏览器。这种页面处理方式被称为动态页 

面。 

首先,设计过程长而且不能并行工作,前面的工作 

没有完成,后续工作就无法开展。这样,工作周期长, 

效率较低。 

其次,网页布局和网页内容没有分离,如果网页的 

WE8服务器 

1浏览请求 2数攥库查询 厂_=■ 一 

1蜀【稠;厍 

版式发生变化,每次都重新设定网页结构以及相同栏目 

下的导航条、各类图标就显得非常麻烦,有的时候需要 

重新输入与网站样式无关的功能性代码。尤其是当一个 

5响应请求 锵结采填 

入模板 

3返回查询结果 l服务器 

图1动态页面的响应过程 

46 信息系统工程l 201 1.8.20 

通过浏览器浏览动态网页的过程一般是以下步骤: 

f1)用户在其浏览器中输入请求页面地址,该请求 

就从浏览器传送到、ⅣBE服务器; 

(2)WEBJ]I ̄务器向数据库服务器请求内容; 

(3)数据库服务器找到内容,提交给WEBJ] ̄务器; 

(4)由WEB JJ ̄务器将数据库服务器的内容填人模 

板,对脚本进行解析创建HTML流; 

(5)WEB服务器将解析后的HTML流通过网络传回 

浏览器。浏览器处理HTML,并显示WEB页面。 

三、基于模版的动态网页的实现 

现在以PHPLIB的模板为例子讲述如何在PHP中应 

用模板技术。 

使用模板技术的实现方法是,先制作一个模板文 

件,在这里命名为template.tpl(后缀可以使.htm,用却l 

作为后缀名是为了便于区分),路径为/home/template/, 

它的内容如下: 

我们生产的是:{Product}。 

大括号表示Product: ̄z--个模板变量。 

然后我们编写如下的程序test.php: 

<?php 

include“template.inc”; 

¥user product=“航空救生产品”; 

¥tmp=new Template(“/home/template/”); 

Stmp一>set

_

file(“FileHandle”,“template.tpl”); 

¥tmp->set

_

var(“Product”,¥user ̄aroduct); 

Stmp->parse(“Output”,“FileHandle”); 

¥tmp一>p(“Output”); 

?> 

运行程序test.php的结果是: 

我们生产的是:航空救生产品。 

template.inc是PHPLIB中的一个文件,我们用 

include以便使用PHPLIB的模板功能。PHPLIB模板使 

用的是面向对象的设计,所以我们可以用¥tmp=new 

Template(“/home/template/”)创建一个模板对象, 

其参数(“/home/template/”),用来设置模板文件所 

在位置。set

file()用来定义指 ̄template.tpl的句柄 

“FileHandle”,set var0用来设置模板变量Product为 

¥user

_

product的值(即“航空救生产品”),parse()方 

法会装入FileHandle(即temp1ate.tp1)进行分析,将所有 

苎 墨 ! 堡 统塞迭 

在模板中出现的“{Product}”替换成¥user product的值 

(“航空救生产品”)。 

实际的应用中,可以将网页的内容存储在数据库 

中,因为数据库形式的数据远比文件形式的数据要容易 

更新与管理。需要显示的时候,将内容从数据库中读 

出,通过模板显示出来,这样可以不用制作具体的页 

面,服务器上只有若干模板。 

这样,网页布局和网页内容就被分离了。网页布局 

的设计和程序设计可以并行进行,工作周期缩短,因此 

表1静态网页与动态网页的比较 

静态网页 动态网页 

编程工作 少 多 

运行速度 快 较慢 

系统配置要求 低 高 

升级和扩充 难 易 

开发周期 中 首次长,以后很快 

维护成本 高 低 

能够极大提高工作效率。 

从软件的角度看,动态站点是逻辑应用层和数据层 

的分离,数据库负责站点数据的存储管理,而wEB服 

务器负责处理站点的逻辑应用。这样做的好处除了增加 

很多交互功能外,更重要的是站点的维护、更新和升级 

都方便了许多。 

四、基于模版的静态信息 

动态网页在解决老问题的同时带来了新的问题。 

对比一下动态页面,即可发现:动态页面需由 

WEB J] ̄务器进行解析,而且通常还需连接数据库,进 

行数据库存取操作,经过wEB服务器运行才能生成 

HTML标记语言,所以运行速度较静态页面慢。但由于 

动态页面和数据库相结合,使得动态页面具有高度的灵 

活性。对于静态页面,由于wEB服务器无需解析,无 

需连接数据库,所有内容由客户端浏览器进行解释,客 

户端页面打开速度和网站整体打开速度提高,但其缺点 

是不能动态地对请求进行处理,而且要求服务器上必须 

确实存在该静态页面文件。 

所以使用了静态网页,网站不需要经过数据库就 

可以打开,因此运行速度更快。同时,使用静态网页, 

因为每一次显示都是一个直接的网页,不仅不用WEB 

服务器解析,也不调用数据库,所以对服务器的压力更 

小。 

那么,如何将静态页面处理的高速度和动态页面处 

信息系统工程I 2011.8 20 47 

《 \ 墨 兰竺堡 卫 里 壅 

理的灵活性结合起来呢? 

变得不再困难。模板极大的方便了网站的开发人员和维 

护人员,解决了网站开发、管理、维护等环节上出现的 

动态页面的执行结果是标准的HTML标记语言,如 

果这些HTML标记语言不直接输出到浏览器中,而是输 

出到一个文件中,生成静态文件,对用户而言,只需直 

接访问该静态页面,访问速度要比访问动态页面快;对 

系列问题。通过功能模块的封装,它可以使非专业网 

站开发人员也能轻松地进行维护,这就为更大范围的推 

广网站提供了充分的条件。 

wEB服务器而言,在生成静态文件后,只需访问较少 

的数据库信息(静态文件的存储路径和文件名),同时 

减轻了WEBJ ̄务器和数据库服务器的压力。 

这就将静态页面处理的高速度和动态页面处理的灵 

活性结合起来了。 

基于模板的静态信息发布结合了以上两种发布方式 

的优点,文档内容存储和管理基于数据库系统,通过发 

布服务器,将数据库中内容生成静态页面。 

具体还是用一个例子说明。调用模板的test new. 

php代码如下: 

<?php 

include“template.inc”; 

五、结束语 

把模板技术应用于动态网页中,让网页的程序员只 

需专注于程序、算法的开发和调试,而网页的界面则由 

网页美术设计人员利用自己最熟悉的可视化编辑器设计 

页面布局,无需担心破坏任何嵌入到页面的代码。在这 

种意义上实现系统设计人员工作上真正的合作与分工。 

解决了网站开发开发周期长、效率低,后期维护不方 

便、改版困难等不利因素,在实际应用中取得了良好的 

效果。 辅 

参考文献 

[1】潘凯华.PHPAh- ̄f,1到精通[M】.2版.北京:清华大学出版 

社.2010. 

¥user product=“航空救生产品”; 

Stmp=new Template(“/home/template/”); 

¥tmp一>set file(“FileHandle”,“template.tpl”); 

¥tmp一>setvar(“Product”,¥user

product); 

_

【2】赵洋,张素宁,陈未如.基于模板库的动态网页的设计研究及实 

现Ⅱ1.现代电子技术,2008(20):116—118. 

[3】曾春华,江南雨动态生成静态网页技术探索U】.科技信 

息.2008(24):511—512 

¥tmp一>parse(“Output”,“FileHandle”); 

Stmp・>p(“Output”); 

Stmp->savetofilef“test.htm”,“file”); 

?> 

(作者单位:航宇救生装备有限公司) 

前面的语句是相同,增加的savetofile()方法作用 

是在当前目录生成一个test.htm文件。通过这种方式, 

相同布局的页面可以通过模板创建,浏览器请求时, 

wEB服务器可以将这个静态文件返回给浏览器,达到 

同样的显示效果,而响应速度提高了。在网页的后期维 

护中,网页模板也发挥着同样巨大的作用,让网页更新 

 i ii!i i ̄i!:fii iil iliili!i!i!iil i! i

(上接45页) 

技术、人员的长处,通过VPN技术,在铁通机房43套 

GPON(华为、中兴、阿尔卡特)网管系统,指导现场 

GPONdx区已建成80个小区,1000台设备,覆盖 

70000个信息点。而且,随着建设速度的加快,设备数 

量和信息点会越来越多。如果没有健全的网管系统和过 

硬的后台支撑人员,对现场的维护人员和装机人员会 

带来巨大的工作量。因此,要发挥铁通的优势,利用 

人员装机和处理故障。 

(作者单位:铁通西安分公司) 

辩 

48 信息系统工程l 2011.8.20 


本文标签: 网页 页面 模板 动态 网站