网络技术 > WEB技术
Web页面重用的三个层次
分类:WEB技术    时间:2014-06-25    浏览:3655次

Web页面重用有三个层次,按照它们出现的先后顺序,依次为:
基于SSI的Web页面重用
SSI就是服务器端包含,是最早出现的一种页面重用技术。JSP的include标签、FreeMarker的include标签、以及更加复杂的SiteMesh和Struts Tiles等框架都属于这一类的页面重用。
这一类页面重用的特征就是将一个完整的HTML页面化整为零,分割成为多个小的页面片段,每个页面片段仅包含一段HTML标签。当用户请求某个页面时,由服务器端的开发框架将多个页面片段组装成为一个完整的HTML页面返回给浏览器。
这类重用的好处是实现了页面标签本身的重用,通过化整为零的方式降低了页面维护的复杂性。但是这类重用仅仅是基于文本的,因此是比较低层次的重用(低层次并不意味着它没有用,实际上它对于提高开发效率非常有价值)。


基于CSS的Web页面重用
第二个层次的页面重用是基于CSS的重用。就是完全采用CSS来做布局,将Web页面的结构与表现完全分离,实现彼此的重用。

完全基于CSS做布局,并不像某些人想象的那么困难。只要亲自尝试过的人都会感到它与基于table的布局相比的巨大优势。在这方面我们积累了大量的第一手证据。我们对很多具有复杂嵌套table标签的页面进行重新制作,最后得到了几乎完全相同的表现效果和极其清晰,少得多的代码。

这类重用的目标就是实现页面结构(保存在HTML文件中)和表现(保存在CSS文件中)的完全分离,这样的页面维护和修改起来非常容易。这个目标的可行性已经无需争论,CSS Zen Garden网站采用完全相同的一套HTML代码获得了完全不同的表现效果就是最好的例子。


基于Ajax的Web页面重用
Ajax进一步将页面分割成了不同的内容分块(见《Ajax模式与最佳实践》的第三章:内容分块模式)。每个内容分块都是相对独立的信息岛,通过与其关联的某个Ajax组件来获取自己的数据、维护自己的状态(状态保存在服务器端,但是由客户端来操作和维护)。

这类重用将Web开发转变成了一种类似于传统桌面应用的开发模式。页面中的静态部分和动态部分得到了清晰的划分。页面中不同的内容分块负责自己数据的获取和展示,因此HTML和CSS只需要传递一次,达到了更高程度的页面重用。缺点是必须要写代码来实现,对于不熟悉JavaScript的开发者有些困难。
这三个页面重用的层次不是非此即彼的,不存在任何的冲突,完全可以配合使用。对于传统的Web开发团队来说,可以按照这三个重用层次的顺序,循序渐进提高Web页面的重用度。实现了这三个层次的页面重用,Web层开发才有可能真正敏捷起来。

Copyright © 2014-2020 XfengNet.COM Inc. All Rights Reserved. 苏ICP备08014032号
返回顶部