在基于B/S的應(yīng)用程序開發(fā)中，從基本的技術(shù)分工上來說就是兩大塊，一是軟件顯示界面，另一個是程序邏輯。在N年前的腳本語言時代，無論是asp、php還是jsp，我們基本是都是把這兩者柔和在一起的。盡管我們想方設(shè)法做好很多函數(shù)或者包含文件來努力達到軟件的復(fù)用，但仍然無法滿足多變的用戶需求,這主要是因為以前的純腳本編碼方式無法很好支持及應(yīng)用面向?qū)ο?OO)領(lǐng)域中的強大功能。

　　在常見的B/S軟件項目中，界面的設(shè)計包括html界面、Wap界面及其它由文本字符協(xié)議為基本表示的界面等。以我們接觸最多的html頁面為例子，在做這些界面的時候往往需要美工先使用photoshop或fireworks等圖形界面設(shè)計工具進行全局設(shè)計，然后再使用進行Dreamweaver等html頁面制作工具進行加工制作。而強大的程序邏輯及后臺處理都是由服務(wù)器端程序完成，這些程序具有較高的穩(wěn)定性，其開發(fā)工具如JBuilder、Eclipse等對View層的界面無法很好的支持(當然那些用記事本寫界面的應(yīng)用除外)，這就使得很多MVC框架的設(shè)計都無法兩全齊美。

　　作位一個比較友好的MVC的框架，在簡化服務(wù)器應(yīng)用開發(fā)的同時，還需要在View這一層設(shè)計上不要過多的影響到界面人員的工作，最基本的要求就是不要過多的加入一些設(shè)計軟件不支持的標簽等元素(如Struts的很多標簽在Dreamweaver中都不支持)。這里我們以EasyJWeb為例，探討在View層如何實現(xiàn)比較合理的設(shè)計。

　　EasyJWeb作為一個快速Java Web MVC框架，其設(shè)計目標不盡是要簡化軟件開發(fā)人員的代碼書寫工作，更是要能方便界面設(shè)計人員的工作。

　　當然，要使界面能跟后臺程序邏輯能融合，顯示界面及程序邏輯之間需要一定的對話協(xié)議在所難免。EasyJWeb作為一個MVC框架，同樣也存在著這樣的對話協(xié)議，這就是EasyJWeb中的界面模板標識語言。

　　在當前發(fā)布的版本中，EasyJWeb界面模板標識語言使用的是Apache開源的Velocity模板引擎(template engine)，當然以后會根據(jù)際需要加入更多的模板引擎以供框架應(yīng)用者選擇。

　　Velocity是一個基于java的模板引擎（template engine），它允許任何人僅僅簡單的使用模板語言（template language）來引用由java代碼定義的對象。作為一個比較完善的模板引擎，Velocity的功能是比較強大的，但強大的同時也增加了應(yīng)用復(fù)雜性。

　　理論上你可以在EasyjWeb模板使用所有Velocity的腳本及功能，但我們不推薦你在界面模板中使用過多過復(fù)雜的腳本表達方式，在萬不得已的情況下，不要在界面模板中加入任何復(fù)雜的邏輯，更不要在界面模板中加入變量聲明、邏輯運算符等等。

　　在EasyJWeb中，我們提供了四條基本的模板腳本語句，基本上就能滿足所有應(yīng)用模板的要求。這四條模板語句很簡單，可以直接由界面設(shè)計人員來添加。在當前很多EasyJWeb的應(yīng)用實踐中，我們看到，所有界面模板中歸納起來只有下面四種簡單模板腳本語句即可實現(xiàn)：

　　1、$!obj 　直接返回對象結(jié)果。
　　
　　如：在html標簽中顯示java對象msg的值。<p>$!msg</p>
　　　　在html標簽中顯示經(jīng)過HtmlUtil對象處理過后的msg對象的值.<p>$!HtmlUtil.doSomething($!msg)</p>

　　2、#if($!obj) #else #end 判斷語句

　　如：在EasyJWeb各種開源應(yīng)用中，我們經(jīng)常看到的用于彈出提示信息msg的例子。
　　#if($msg)
　　<script>
　　alert('$!msg');
　　</script>
　　#end
?? 上面的腳本表示當對象msg對象存在時，輸出<script>等后面的內(nèi)容。

　　3、#foreach( $info in $list) $info.something #end　　循環(huán)讀取集合list中的對象，并作相應(yīng)的處理。
　　
　　如：EasyJF開源論壇系統(tǒng)中論壇首頁顯示熱門主題的html界面模板腳本

?　　#foreach( $info in $hotList1)????????????????
????? <a href="/bbsdoc.ejf?easyJWebCommand=show&&cid=$!info.cid"? target="_blank">$!info.title</a><br>
　　　#end?????
　　上面的腳本表示循環(huán)遍歷hotList1集合中的對象，并輸出對象的相關(guān)內(nèi)容。
　　
　　4、#macro(macroName)#end 腳本函數(shù)(宏)調(diào)用，不推薦在界面模板中大量使用。

　　如：在EasyJF簡易訂銷管等系統(tǒng)中經(jīng)常看到的一個排序狀態(tài)顯示的模板內(nèi)容。
　　函數(shù)(宏)定義，一般放在最前面
　　#macro(orderPic $type)
　　#if ($orderField.equals($type))
　　<img src="/images/ico/${orderType}.gif">?
　　#end
　　#end

?? 具體的調(diào)用如：<font color="#FFFFFF">頭銜#orderPic("title")</font>?
　　
　　　　
　　總結(jié)：　
　　當然，在實際應(yīng)用項目中，為了實現(xiàn)界面的更加友好、人性化，會出現(xiàn)很多復(fù)、易變的需求。如根據(jù)對象的不同狀態(tài)，顯示不同的提示顏色、提示語音等功能。在這種時候，仍然要慎用太多的模板腳本功能，大多數(shù)需求都可以通過變通的方式解決，有些信息可以直接在對象中增加邏輯轉(zhuǎn)化信息，有些界面要求可以通過在界面中使用與特定界面有關(guān)的表達方式來實現(xiàn)，如html頁面中使用javascript、css，Wap頁面中使用WMLScript等等。只有，這樣才能確保證你的系統(tǒng)核心不受界面的的影響及控制，才能更好的擴展及維護。

　　我們希望你能成為真正的程序高手，而不只是精通某個處于表層的腳本語言，因此也不希望廣大Java開發(fā)人員在View層消耗太多的時間。

　　由于水平有限，本文所談的內(nèi)容有N多不合理或者需要改進的地方，懇請大家指正！
?

　　附：EasyJWeb簡介

　　EasyJWeb是基于java技術(shù)，應(yīng)用于WEB應(yīng)用程序快速開發(fā)的MVC框架，框架設(shè)計構(gòu)思來源于國內(nèi)眾多項目實踐，充分借簽了當前主流的開源Web框架（Struts、JSF、Tapestry 、Webwork等），吸取了其優(yōu)點及精華，利用Velocity作為模板頁面引擎，是一個實現(xiàn)了頁面及代碼完全分離的MVC開發(fā)框架，是一個旨在于為中小型Web應(yīng)用系統(tǒng)提供快速開發(fā)實踐的簡易Web框架。

　　EasyJF開源團隊于2006年初才開始建設(shè)，因此當前整個開發(fā)團隊組建以及所發(fā)布的作品，都顯得極不成熟。EasyJWeb仍然處于測試階段，請廣大的Java愛好者多多批評及建議,同時也非常歡迎您能加入到我們的國產(chǎn)開源隊伍中。

　　EasyJWeb官方網(wǎng)址：www.easyjf.com
　　EasyJF團隊官方網(wǎng)址：www.easyjf.com