选择显示字体大小

浅谈mvc框架中view层的优雅设计及实例


  在基于b/s的应用程序开发中,从基本的技术分工上来说就是两大块,一是软件显示界面,另一个是程序逻辑。在n年前的脚本语言时代,无论是aspphp还是jsp,我们基本是都是把这两者柔和在一起的。 尽管我们想方设法做好很多函数或者包含文件来努力达到软件的复用,但仍然无法满足多变的用户需求,这主要是因为以前的纯脚本编码方式无法很好支持及应用面向对象(oo)领域中的强大功能。

  在常见的b/s软件项目中,界面的设计包括html界面、wap界面及其它由文本字符协议为基本表示的界面等。以我们接触最多的html页面为例子,在做这些界面的时候往往需要美工先使用photoshopfireworks等图形界面设计工具进行全局设计,然后再使用进行dreamweaverhtml页面制作工具进行加工制作。而强大的程序逻辑及后台处理都是由服务器端程序完成,这些程序具有较高的稳定性,其开发工具如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>

  #end

  上面的脚本表示循环遍历hotlist1集合中的对象,并输出对象的相关内容。
  
  4、#macro(macroname)#end 脚本函数(宏)调用,不推荐在界面模板中大量使用。

  如:在easyjf简易订销管等系统中经常看到的一个排序状态显示的模板内容。

  函数(宏)定义,一般放在最前面

  #macro(orderpic $type)
  #if ($orderfield.equals($type))
  <img src="/images/ico/${ordertype}.gif">
  #end
  #end

  具体的调用如:

<font color="#ffffff">头衔#orderpic("title")</font>

  总结: 

  当然,在实际应用项目中,为了实现界面的更加友好、人性化,会出现很多复、易变的需求。如根据对象的不同状态,显示不同的提示颜色、提示语音等功能。在这种时候,仍然要慎用太多的模板脚本功能,大多数需求都可以通过变通的方式解决,有些信息可以直接在对象中增加逻辑转化信息,有些界面要求可以通过在界面中使用与特定界面有关的表达方式来实现,如html页面中使用javascriptcsswap页面中使用wmlscript等等。只有,这样才能确保证你的系统核心不受界面的的影响及控制,才能更好的扩展及维护。

  我们希望你能成为真正的程序高手,而不只是精通某个处于表层的脚本语言,因此也不希望广大java开发人员在view层消耗太多的时间。


 


关键字 本文所属关键字

相关 与本文相关文章

分类 所有文章关键字导航

源码编程相关

Java   Asp   PHP   .Net   XML   C/C++   CGI   VB   Jsp   J2ee   J2se   J2me   EJB   Servlet   Tomcat   Resin   Struts   Weblogic   Eclipse   ANT   GUI   JMS   Web servise   IDEA   Webphere   Hibernate   Spring   Jboss   Applet   Swing   Socket   Javamail   Perl   Ajax   P2P   安全   模式   框架   测试   开源   游戏

SQL数据库相关

My-SQL   Ms-SQL   Access   DB2   Oracle   Sybase   SQLserver   索引   存储过程   加密   数据库   分页   视图  

手机无线相关

3G   Wap   CDMA   GRPS   GSM   IVR   彩信   短信   无线   增值业务

网页设计制作相关

HTML   CSS   网页配色   网页特效   Javascript   VBscript   Dreamweaver   Frontpage   JS   Web   网站设计

网站建设推广相关

建站经验   网站优化   网站排名   推广   Alexa

操作系统/服务器相关

Windows XP   Windows 2000   Windows 2003   Windows Me   Windows 9.x   Linux   UNIX   注册表   操作系统   服务器   应用服务器

图形图像多媒体相关

Photoshop   Fireworks   Flash   Coreldraw   Illustrator   Freehand   Photoimpact   多媒体   图形图像

标准 网站致力的规范

Valid CSS!

无不良内容,无不良广告,无恶意代码

Valid XHTML 1.0 Transitional

creativecommons