基于 Java 的網(wǎng)站開發(fā)，很多人都采用 JSP 作為前端網(wǎng)頁制作的技術(shù)，尤其在是國內(nèi)。這
種技術(shù)通常有一些問題，我試想一下我們是怎樣開發(fā)網(wǎng)站的，通常有幾種方法
1：功能確定后，由美工設(shè)計(jì)網(wǎng)頁的UI（界面）部分，然后由程序員在其上加入代碼顯示邏
輯（比如循環(huán)，判斷顯示數(shù)據(jù)結(jié)果）。也就是通常的 jsp 頁面制作，當(dāng)然這部分可以由美工
完成模板，然后由 jsp 工程師再繼續(xù)以它為原型創(chuàng)建相應(yīng)的 jsp 頁面。
2：功能確定后，由美工設(shè)計(jì)網(wǎng)頁的UI（界面）部分，然后由網(wǎng)頁制作人員在其上加入代碼
顯示邏輯（比如循環(huán)，判斷顯示數(shù)據(jù)結(jié)果），在這一步的 jsp 頁面制作中，網(wǎng)頁制作人員（通
常只懂得 javascript 和 html ）在工程師的指導(dǎo)下學(xué)會(huì)如何嵌入 jsp taglib 標(biāo)記，然后以美
工的模板為原型制作 jsp 網(wǎng)頁。

顯然后面一種方式要比前面一種方式分工明確，然后在很多小公司，或者項(xiàng)目很急的情況下。
jsp 網(wǎng)頁制作和后臺(tái)程序開發(fā)都是同一個(gè)人。這樣無疑加大了程序員的負(fù)擔(dān)。 后一種情況
雖然比前面的好，但是它有兩個(gè)缺點(diǎn)： 一：網(wǎng)頁制作人員必須學(xué)會(huì)如何使用 jsp taglib 的
使用，這無疑加大了網(wǎng)頁制作人員的負(fù)擔(dān)。二：如果頁面因?yàn)榭蛻舻囊髲男略O(shè)計(jì)，那么無
論那種情況網(wǎng)頁制作人員都要從新將顯示邏輯從新嵌入 jsp 網(wǎng)頁。

在這方面， jsp 做的并不好，雖然從性能角度和 taglib 的使用上來說，它比 php 和 asp 要
強(qiáng)很多， 但是它在設(shè)計(jì)上很類似 php 這種服務(wù)器頁面語言，也就是在頁面中嵌入腳本語言
的技術(shù)，雖然它比傳統(tǒng)的基于 CGI 的腳本語言的開發(fā)模式速度快，但是它將后臺(tái)程序邏輯
與頁面顯示混淆了，所以從這個(gè)角度來說, 它是一種不太良好的設(shè)計(jì)。想想看，你看到的眾
多 php 程序是怎么樣子的吧，在一堆 .php 文件中，你已經(jīng)分不清楚那些是后臺(tái)程序，那
些只是用來顯示頁面的程序。

現(xiàn)在更多的網(wǎng)站制作采用一種 MVC 模式，也就是將網(wǎng)站制作工作分工，分別為M(Model,
模型)，V（View 視圖），C(Controller 控制器).

?

M(Model, 模型）也就是后臺(tái)的事務(wù)邏輯，真正處理事務(wù)的代碼，商業(yè)邏輯等等。他們是整
個(gè)網(wǎng)站最重要的工作部分，通常這部分代碼相對來說比較穩(wěn)定，不經(jīng)常變動(dòng)，就是有所變動(dòng)
也不會(huì)對前端的頁面有什么影響。

V（View 視圖）: 也就是網(wǎng)頁的顯示部分，這個(gè)部分接受來自后臺(tái)程序的結(jié)果或數(shù)據(jù)，進(jìn)
行顯示，但是這個(gè)部分通常是變化比較大的部分，比如網(wǎng)站的界面更新是經(jīng)常要要作的事情，
每隔一段時(shí)間更新網(wǎng)頁風(fēng)格就會(huì)造成 View 視圖部分的大量更改工作。

C(Controller 控制器). 在視圖和模型之間傳遞控制，并根據(jù)要求調(diào)用相應(yīng)的視圖顯示模型返
回的數(shù)據(jù)，主要負(fù)責(zé)調(diào)度工作。

這種職責(zé)的分工到底有什么好處呢，它簡化了軟件開發(fā)過程中所有相關(guān)人員的工作， 使得
不同的部分的修改通常不會(huì)影響的其他部分的工作，比如，我修改了后臺(tái)某些程序的算法，
并不影響前臺(tái)的頁面顯示，前臺(tái)頁面修改不影響后臺(tái)程序的開發(fā)。這種分工合作比起 jsp 混
淆代碼邏輯和顯示層的做法要好的多。

所以越來越多的國外程序員在不斷提出替代 jsp 的方案，在眾多方案中， 一種基于 java 模
板引擎的技術(shù)脫穎而出，最為著名的是 Velocity 和 Webmacro 兩種模板技術(shù)。

模板引擎的設(shè)計(jì)思想最早是有 webmacro 提出的， 后來應(yīng)用在一個(gè)著名的搜索引擎
www.altavista.com 上， 這種思想漸漸被 Apache 開發(fā)小組所采用，并作為一個(gè)子項(xiàng)目被提
出來，這就是現(xiàn)在的 Velocity。模板引擎與MVC中視圖這一部分的關(guān)系更為密切。它是經(jīng)
常作為一種 jsp 的替代技術(shù)出現(xiàn)在國外的一些論壇上的。但是 Velocity 可以應(yīng)用在任何需
要格式化數(shù)據(jù)顯示的 java 程序中。

那么 Velocity 到底是什么呢？它的官方解釋是：

"Velocity 是一種基于 java 的模板引擎，它允許任何人使用簡單而強(qiáng)大的模板語言來引用定
義在 java 代碼中的對象"

?

你可能因?yàn)橄旅鎺追N原因而使用 Velocity:

1:它很容易集成在各種各樣的程序領(lǐng)域中。
2:它為網(wǎng)頁制作人員提供了一種清晰而又簡單的語法
3:因?yàn)槟０搴痛a是分離的，所以你可以分別獨(dú)立的開發(fā)和維護(hù)它們。
4:Velocity 引擎可以很容易的集成到一些 Java 運(yùn)行環(huán)境，特別是 Servlet.
5:Velocity 使得模板可以訪問任何環(huán)境對象中的共有方法。

?

Velocity 的強(qiáng)大之處在于它嚴(yán)格的區(qū)分程序開發(fā)功能的職責(zé)劃分。 它限制模板可能訪問的
對象（也就是后臺(tái)程序允許它得到的對象）來實(shí)現(xiàn)這一點(diǎn)。這意味著，網(wǎng)頁設(shè)計(jì)人員可以只
把精力放在數(shù)據(jù)的顯示部分（View 視圖）而程序員則只要關(guān)注如何寫好程序的控制層
（Controller,控制器）和商業(yè)邏輯和數(shù)據(jù)管理（模型 Model）, 這就是 MVC 開發(fā)模式。MVC
現(xiàn)在已經(jīng)是廣泛接受的一種開發(fā)模式，它簡化了開發(fā)和日益復(fù)雜的應(yīng)用和維護(hù)工作。

Velocity 最擅長做哪些方面的工作呢？

1： 基于 servlet 的網(wǎng)站制作
2： Java 和 Sql 代碼生成
3： XML 處理和轉(zhuǎn)換
4： 文字處理，比如生成 TRF 文件。

不過 Velocity 用的最多的還是在基于 Java servlet 的網(wǎng)頁程序中作生成網(wǎng)頁的引擎，以替代
JSP 等技術(shù)。 除了比較容易使用外， 它提供了強(qiáng)大的模板語言以顯示和操作數(shù)據(jù)，但是不
是生成數(shù)據(jù)，這點(diǎn)很重要， 因?yàn)檫@個(gè)工作應(yīng)該是程序邏輯的部分。 Velocity 非常適合在
J2EE (Java 2 Platform, Enterprise Edition) 的網(wǎng)站開發(fā)中充當(dāng)替代 jsp 做輸出頁面的技術(shù)工
作，雖然 JSP 包含在 j2ee 的規(guī)范中，其實(shí) j2ee 本身并不需要 jsp .

Velocity 是如何工作的呢？ 雖然大多 Velocity 的應(yīng)用都是基于 Servlet 的網(wǎng)頁制作。但是
為了說明 Velocity 的使用，我決定采用更通用的 Java application 來說明它的工作原理。

似乎所有語言教學(xué)的開頭都是采用 HelloWorld 來作為第一個(gè)程序的示例。這里也不例外。

任何 Velocity 的應(yīng)用都包括兩個(gè)方面:

第一是： 模板制作，在我們這個(gè)例子中就是 hellosite.vm:

它的內(nèi)容如下（雖然不是以 HTML 為主，但是這很容易改成一個(gè) html 的頁面）

Hello $name!? Welcome to $site world!

第二是 Java 程序部分：

下面是 Java 代碼

import java.io.StringWriter;

import org.apache.velocity.app.VelocityEngine;
import org.apache.velocity.Template;
import org.apache.velocity.VelocityContext;

public class HelloWorld
{
??? public static void main( String[] args )
??????? throws Exception
??? {
??????? /*? first, get and initialize an engine? */

??????? VelocityEngine ve = new VelocityEngine();
??????? ve.init();

??????? /*? next, get the Template? */

??????? Template t = ve.getTemplate( "hellosite.vm" );

??????? /*? create a context and add data */

??????? VelocityContext context = new VelocityContext();

??????? context.put("name", "Eiffel Qiu");

?context.put("site", "http://www.eiffelqiu.com");

??????? /* now render the template into a StringWriter */

??????? StringWriter writer = new StringWriter();

??????? t.merge( context, writer );

??????? /* show the World */

??????? System.out.println( writer.toString() );?

}

}

將這兩個(gè)文件放在同一個(gè)目錄下，編譯運(yùn)行，結(jié)果是：

Hello Eiffel Qiu! Welcome to http://www.eiffelqiu.com world

為了保證運(yùn)行順利，請從Velocity的網(wǎng)站http://jakarta.apache.org/velocity/上下載Velocity的運(yùn)行包，并將其中Velocity Jar包的路徑放在系統(tǒng)的Classpath中，這樣就可以順利編譯和運(yùn)行以上程序了。

這個(gè)程序很簡單，但是它能清楚地說明Velocity的基本工作原理。程序中的其它部分基本上很固定，最主要的部分在以下幾段代碼。

◆ Velocity獲取模板文件，得到模板引用：

Template t = ve.getTemplate( "hellosite.vm" );

◆ 初始化環(huán)境，并將數(shù)據(jù)放入環(huán)境：

VelocityContext context = new VelocityContext();

context.put("name", "Eiffel Qiu");

context.put("site", "http://www.eiffelqiu.com");

◆ 初始化Velocity模板引擎：

VelocityEngine ve = new VelocityEngine();

ve.init();

◆ 將環(huán)境變量和輸出部分結(jié)合：

StringWriter writer = new StringWriter();

t.merge( context, writer );

/* show the World */

System.out.println( writer.toString() );

這一部分在將來的Servlet應(yīng)用中會(huì)有所區(qū)別，因?yàn)榫W(wǎng)頁輸出并不和命令行輸出相同，如果用于網(wǎng)頁輸出，將并不通過System.out輸出。

小結(jié)

Velocity解決了如何在Servlet和網(wǎng)頁之間傳遞數(shù)據(jù)的問題，當(dāng)然這種傳輸數(shù)據(jù)的機(jī)制是在MVC模式上進(jìn)行的，也就是View、Modle和Controller之間相互獨(dú)立工作，一方的修改不影響其它方面的變動(dòng)。

他們之間的聯(lián)系通過環(huán)境變量（Context）來實(shí)現(xiàn)，當(dāng)然網(wǎng)頁制作方和后臺(tái)程序方要相互約定好對所傳遞變量的命名，比如上個(gè)程序例子中的site、name變量，它們在網(wǎng)頁上就是$name、$site。

這樣只要雙方約定好變量名字，就可以獨(dú)立工作了。無論頁面如何變化，只要變量名不變，后臺(tái)程序無需改動(dòng)，前臺(tái)網(wǎng)頁也可以任意由網(wǎng)頁制作人員修改。

通常簡單變量名無法滿足網(wǎng)頁制作顯示數(shù)據(jù)的需要，比如經(jīng)常會(huì)循環(huán)顯示一些數(shù)據(jù)集，或者是根據(jù)一些數(shù)據(jù)的值來決定如何顯示下一步的數(shù)據(jù)等。

Velocity同樣提供了循環(huán)、判斷的簡單語法以滿足網(wǎng)頁制作的需要。Velocity提供了一個(gè)簡單的模板語言，供前端網(wǎng)頁制作人員使用，這個(gè)模板語言簡單到大部分懂得javascript的人都可以很快掌握，其甚至比javascript更簡單。

當(dāng)然這種簡單是刻意的，因?yàn)椴恍枰猇elocity什么都能完成，而只需專注于其應(yīng)該完成的。View層不應(yīng)該包含更多的邏輯，Velocity的簡單模板語法完全可以滿足所有對頁面顯示邏輯的需要，并且也不會(huì)發(fā)生像JSP那樣因?yàn)橐粋€(gè)無限循環(huán)語句而毀掉系統(tǒng)的情況。

利用Velocity模板引擎制作網(wǎng)站