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

顯然后面一種方式要比前面一種方式分工明確，然后在很多小公司，或者項目很急的情況下。
jsp 網頁制作和后臺程序開發都是同一個人。這樣無疑加大了程序員的負擔。 后一種情況
雖然比前面的好，但是它有兩個缺點： 一：網頁制作人員必須學會如何使用 jsp taglib 的
使用，這無疑加大了網頁制作人員的負擔。二：如果頁面因為客戶的要求從新設計，那么無
論那種情況網頁制作人員都要從新將顯示邏輯從新嵌入 jsp 網頁。

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

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

?

M(Model, 模型）也就是后臺的事務邏輯，真正處理事務的代碼，商業邏輯等等。他們是整
個網站最重要的工作部分，通常這部分代碼相對來說比較穩定，不經常變動，就是有所變動
也不會對前端的頁面有什么影響。

V（View 視圖）: 也就是網頁的顯示部分，這個部分接受來自后臺程序的結果或數據，進
行顯示，但是這個部分通常是變化比較大的部分，比如網站的界面更新是經常要要作的事情，
每隔一段時間更新網頁風格就會造成 View 視圖部分的大量更改工作。

C(Controller 控制器). 在視圖和模型之間傳遞控制，并根據要求調用相應的視圖顯示模型返
回的數據，主要負責調度工作。

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

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

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

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

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

?

你可能因為下面幾種原因而使用 Velocity:

1:它很容易集成在各種各樣的程序領域中。
2:它為網頁制作人員提供了一種清晰而又簡單的語法
3:因為模板和代碼是分離的，所以你可以分別獨立的開發和維護它們。
4:Velocity 引擎可以很容易的集成到一些 Java 運行環境，特別是 Servlet.
5:Velocity 使得模板可以訪問任何環境對象中的共有方法。

?

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

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

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

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

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

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

任何 Velocity 的應用都包括兩個方面:

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

它的內容如下（雖然不是以 HTML 為主，但是這很容易改成一個 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() );?

}

}

將這兩個文件放在同一個目錄下，編譯運行，結果是：

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

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

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

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

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

◆ 初始化環境，并將數據放入環境：

VelocityContext context = new VelocityContext();

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

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

◆ 初始化Velocity模板引擎：

VelocityEngine ve = new VelocityEngine();

ve.init();

◆ 將環境變量和輸出部分結合：

StringWriter writer = new StringWriter();

t.merge( context, writer );

/* show the World */

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

這一部分在將來的Servlet應用中會有所區別，因為網頁輸出并不和命令行輸出相同，如果用于網頁輸出，將并不通過System.out輸出。

小結

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

他們之間的聯系通過環境變量（Context）來實現，當然網頁制作方和后臺程序方要相互約定好對所傳遞變量的命名，比如上個程序例子中的site、name變量，它們在網頁上就是$name、$site。

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

通常簡單變量名無法滿足網頁制作顯示數據的需要，比如經常會循環顯示一些數據集，或者是根據一些數據的值來決定如何顯示下一步的數據等。

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

當然這種簡單是刻意的，因為不需要Velocity什么都能完成，而只需專注于其應該完成的。View層不應該包含更多的邏輯，Velocity的簡單模板語法完全可以滿足所有對頁面顯示邏輯的需要，并且也不會發生像JSP那樣因為一個無限循環語句而毀掉系統的情況。

利用Velocity模板引擎制作網站