作者:EasyJF開源團隊 大峽
在基于B/S的應用程序開發中,從基本的技術分工上來說就是兩大塊,一是軟件顯示界面,另一個是程序邏輯。在N年前的腳本語言時代,無論是asp、 php還是jsp,我們基本是都是把這兩者柔和在一起的。盡管我們想方設法做好很多函數或者包含文件來努力達到軟件的復用,但仍然無法滿足多變的用戶需 求,這主要是因為以前的純腳本編碼方式無法很好支持及應用面向對象(OO)領域中的強大功能。
在常見的B/S軟件項目中,界面的設計包括html界面、Wap界面及其它由文本字符協議為基本表示的界面等。以我們接觸最多的html頁面為例子,在 做這些界面的時候往往需要美工先使用photoshop或fireworks等圖形界面設計工具進行全局設計,然后再使用進行Dreamweaver等 html頁面制作工具進行加工制作。而強大的程序邏輯及后臺處理都是由服務器端程序完成,這些程序具有較高的穩定性,其開發工具如JBuilder、 Eclipse等對View層的界面無法很好的支持(當然那些用記事本寫界面的應用除外),這就使得很多MVC框架的設計都無法兩全齊美。
作位一個比較友好的MVC的框架,在簡化服務器應用開發的同時,還需要在View這一層設計上不要過多的影響到界面人員的工作,最基本的要求就是不要過 多的加入一些設計軟件不支持的標簽等元素(如Struts的很多標簽在Dreamweaver中都不支持)。這里我們以EasyJWeb為例,探討在 View層如何實現比較合理的設計。
EasyJWeb作為一個快速Java Web MVC框架,其設計目標不盡是要簡化軟件開發人員的代碼書寫工作,更是要能方便界面設計人員的工作。
當然,要使界面能跟后臺程序邏輯能融合,顯示界面及程序邏輯之間需要一定的對話協議在所難免。EasyJWeb作為一個MVC框架,同樣也存在著這樣的對話協議,這就是EasyJWeb中的界面模板標識語言。
在當前發布的版本中,EasyJWeb界面模板標識語言使用的是Apache開源的Velocity模板引擎(template engine),當然以后會根據際需要加入更多的模板引擎以供框架應用者選擇。
Velocity是一個基于java的模板引擎(template engine),它允許任何人僅僅簡單的使用模板語言(template language)來引用由java代碼定義的對象。作為一個比較完善的模板引擎,Velocity的功能是比較強大的,但強大的同時也增加了應用復雜 性。
理論上你可以在EasyjWeb模板使用所有Velocity的腳本及功能,但我們不推薦你在界面模板中使用過多過復雜的腳本表達方式,在萬不得已的情況下,不要在界面模板中加入任何復雜的邏輯,更不要在界面模板中加入變量聲明、邏輯運算符等等。
在EasyJWeb中,我們提供了四條基本的模板腳本語句,基本上就能滿足所有應用模板的要求。這四條模板語句很簡單,可以直接由界面設計人員來添加。在當前很多EasyJWeb的應用實踐中,我們看到,所有界面模板中歸納起來只有下面四種簡單模板腳本語句即可實現:
1、$!obj 直接返回對象結果。
如:在html標簽中顯示java對象msg的值。<p>$!msg</p>
在html標簽中顯示經過HtmlUtil對象處理過后的msg對象的值.<p>$!HtmlUtil.doSomething($!msg)</p>
2、#if($!obj) #else #end 判斷語句
如:在EasyJWeb各種開源應用中,我們經常看到的用于彈出提示信息msg的例子。
#if($msg)
<script>
alert('$!msg');
</script>
#end
上面的腳本表示當對象msg對象存在時,輸出<script>等后面的內容。
3、#foreach( $info in $list) $info.something #end 循環讀取集合list中的對象,并作相應的處理。
如:EasyJF開源論壇系統中論壇首頁顯示熱門主題的html界面模板腳本
#foreach( $info in $hotList1)
<a href="/bbsdoc.ejf?easyJWebCommand=show&&cid=$!info.cid" target="_blank">$!info.title</a><br>
#end
上面的腳本表示循環遍歷hotList1集合中的對象,并輸出對象的相關內容。
4、#macro(macroName)#end 腳本函數(宏)調用,不推薦在界面模板中大量使用。
如:在EasyJF簡易訂銷管等系統中經常看到的一個排序狀態顯示的模板內容。
函數(宏)定義,一般放在最前面
#macro(orderPic $type)
#if ($orderField.equals($type))
<img src="http://images.cnblogs.com/ico/${orderType}.gif">
#end
#end
具體的調用如:<font color="#FFFFFF">頭銜#orderPic("title")</font>
總結:
當然,在實際應用項目中,為了實現界面的更加友好、人性化,會出現很多復、易變的需求。如根據對象的不同狀態,顯示不同的提示顏色、提示語音等功能。在這 種時候,仍然要慎用太多的模板腳本功能,大多數需求都可以通過變通的方式解決,有些信息可以直接在對象中增加邏輯轉化信息,有些界面要求可以通過在界面中 使用與特定界面有關的表達方式來實現,如html頁面中使用javascript、css,Wap頁面中使用WMLScript等等。只有,這樣才能確保 證你的系統核心不受界面的的影響及控制,才能更好的擴展及維護。
我們希望你能成為真正的程序高手,而不只是精通某個處于表層的腳本語言,因此也不希望廣大Java開發人員在View層消耗太多的時間。
由于水平有限,本文所談的內容有N多不合理或者需要改進的地方,懇請大家指正!
附:EasyJWeb簡介
EasyJWeb是基于java技術,應用于WEB應用程序快速開發的MVC框架,框架設計構思來源于國內眾多項目實踐,充分借簽了當前主流的開源 Web框架(Struts、JSF、Tapestry 、Webwork等),吸取了其優點及精華,利用Velocity作為模板頁面引擎,是一個實現了頁面及代碼完全分離的MVC開發框架,是一個旨在于為中 小型Web應用系統提供快速開發實踐的簡易Web框架。
EasyJF開源團隊于2006年初才開始建設,因此當前整個開發團隊組建以及所發布的作品,都顯得極不成熟。EasyJWeb仍然處于測試階段,請廣大的Java愛好者多多批評及建議,同時也非常歡迎您能加入到我們的國產