浅谈MVC框架中View层的优雅设计及实例

 

在基于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 type="text/javascript"> </script>
　　#end
   上面的脚本表示当对象msg对象存在时，输出