基于模板的WEB视图层生成技术

摘要：WEB系统的视图层变化比较频繁，通过模板技术可以分离页面布局和其中显示的数据，在进行页面结构调整时不需要改动系统的其它部分，便于页面设计也便于分工。FreeMarker是一个Java开发的通用模板引擎，非常适用于WEB视图层的生成。

关键词：WEB 模板 FreeMarker

中图分类号：TP393.09 文献标识码：A 文章编号：1007-9416(2012)07-0128-02

WEB view layer generation technology based on the template

Zhang Tietou,Liu Lei

(Henan Polytechnic Department of Information Engineering，Zhengzhou Henan 450046)

Abstract:The change of views for WEB Sytstem is frequently,through the template technology can separate the page layout and data in the page structure adjustment to not need changes to the other parts of the system,it is easy to page design also facilitate division of labor.FreeMarker is a Java development of general template engine,is suitable for the formation of the WEB view layer.

Key words: WEB template FreeMarker

1、引言

基于WEB的系统由于前台页面经常需要改版，花费在维护界面改动上的成本越来越高，而页面设计人员大多不懂程序设计，同样程序设计人员对页面设计也是不在行。如何最大限度的解耦界面和其它部分是我们一直在努力的方向。

2、模板技术

其实一个web系统的前台界面看起来无非是由两部分组成：一部分是页面的框架，用来支撑整个页面的结构布局，这个部分是固定不变化的；另一部分是其中填充的数据，也就是页面要显示的具体内容，这部分是根据业务或数据库中的数据动态变化的。基于这种分析，模板技术就应运而生。

我们首先根据需要编写一个或多个固定的页面，其中数据部分先随便填充，这个工作对页面设计人员来说非常简单。然后对固定页面中需要变化的部分使用约定好的符号（占位符）进行替换，其中的占位符由于比较简单，页面设计人员也可轻松完成。那么这个经过特殊符号进行替换后的页面文件就是我们WEB系统中需要的模板。在系统运行时使用具体数据对模板中的占位符进行替换，从而形成了我们需要的具有动态数据的页面。

3、FreeMarker模板引擎

FreeMarker 是一款模板引擎：即一种基于模板、用来生成输出文本的通用工具。FreeMarker不是WEB开发的应用程序框架而是一个适用于WEB应用程序框架中的组件。FreeMarker 引擎本身并不知道 HTTP 协议或 Java Servlet 的存在，它仅仅来生成文本内容，所以选用它对我们选用的技术框架没有任何要求。FreeMarker的工作原理如图1所示。

4、在WEB中使用FreeMarker

作为简单示例，我们以制作如图2所示的页面来演示如何在servlet中使用FreeMarker模板引擎。

4.1 添加Jar文件

可以从FreeMarker的官方网站下载最新的Jar文件，然后把下载的freemarker.jar放到WEB项目的WEB-INF下的lib文件夹中。

4.2 修改web.xml文件

添加下列内容到和之间：

freemarker

freemarker.ext.servlet.FreemarkerServlet

TemplatePath

/

freemarker

*.ftl

hello_servlet

mypackage.HelloServlet

hello_servlet

/hello

4.3 进行数据准备

定义User类，封装用户信息数据。

package mypackage;