淺談MVC架構中View層的優雅設計及執行個體

來源:互聯網
上載者:User
設計   在基於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的值。

$!msg

  在html標籤中顯示經過HtmlUtil對象處理過後的msg對象的值。

$!HtmlUtil.doSomething($!msg)

  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://www.webjx.com/images/ico/${orderType}.gif">
  #end
  #end

  具體的調用如:

<font color="#FFFFFF">頭銜#orderPic("title")</font>

  總結: 

  當然,在實際應用項目中,為了實現介面的更加友好、人性化,會出現很多複、易變的需求。如根據對象的不同狀態,顯示不同的提示顏色、提示音等功能。在這種時候,仍然要慎用太多的模板指令碼功能,大多數需求都可以通過變通的方式解決,有些資訊可以直接在對象中增加邏輯轉化資訊,有些介面要求可以通過在介面中使用與特定介面有關的表達方式來實現,如html頁面中使用javascript、css,Wap頁面中使用WMLScript等等。只有,這樣才能確保證你的系統核心不受介面的的影響及控制,才能更好的擴充及維護。

  我們希望你能成為真正的程式高手,而不只是精通某個處於表層的指令碼語言,因此也不希望廣大Java開發人員在View層消耗太多的時間。

相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。