web开发中Velocity的应用

melet

浏览: 68393 次
性别:
来自: 海南-临高

最近访客更多访客>>

smith6851

lisonghua2010

RickLiu

amateurlee

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

J2EE

velocity Web Java Hibernate JSP

跟大学同学从去年开始一起搞的softecase项目差不多完成了。在页面模版选择方面，我们选择了velocity来做公共界面设计。大家知道，当Velocity应用于web开发时，界面设计者可以和程序开发者同步开发一个遵循MVC架构的web站点，这就是说，页面设计者可以只关注页面的显示效果，程序开发者关注业务逻辑编码。

下面是表格编辑及预览的模版：

CLASSIC_EDITOR_TABLE.vm 代码

<HTML>
<HEAD>
<TITLE>$logixBox.getCaption()</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=GBK"></META>
#foreach( $scriptFile in $logixBox.getBoxController().getScriptFilesOfLoadAtStart())
<script src="$scriptFile.getFileName()"></script>
#end
#foreach( $linkFile in $logixBox.getBoxController().getLinkFiles())
<link type="text/css" rel="StyleSheet" href="$linkFile" />
#end
<link type="text/css" rel="StyleSheet" href="softecase/style/classic/logixGrid.css" />
</HEAD>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" class="bodyBorder">
<table id="bodyTable" border="0" cellspacing="0" cellpadding="0" height="100%" width="100%">
<tr><td height="30">
#set ($flag=$logixBox.getBoxParam().getRequestParam("STANDARD_IDENTITY"))
#if (!$flag)
#set ($flag="表格新建")
#else
#set ($flag="表格编辑")
#end
<div class="mainCaption">$logixBox.getCaption()--$flag</div>
</td></tr>
<tr><td height="22">
<div id="tabController" onselectstart="event.returnValue = false;">
<div id="tabCaption_1" style="display:inline" class="tabCaptionSelected">基本信息</div>
</div>
</td></tr>
<tr><td width="100%" valign="top" >
<div id="divContent" style="OVERFLOW: auto; height: 100%; width: 100%" onresize="this.style.width = document.body.clientWidth;" class="clientBG">
<div id="tab_1" style="display:block" class="tabContent">
<div id = "controller" align="left" class="multiBar">
<button id="_addRow" onclick="_addRow()" class="buttonStyle" onmouseover='commonMouseOver()' onmouseout='commonMouseOut()'>增加一行</button>
<button id="_removeRow" onclick="_removeRow()" class="buttonStyle" onmouseover='commonMouseOver()' onmouseout='commonMouseOut()'>删除所选行</button>
<button id="_post" onclick="_doPost()" class="buttonStyle" onmouseover='commonMouseOver()' onmouseout='commonMouseOut()'>保存</button>
<button id="back" onclick="javascript:showChildNavWindow(window.parent)" class="buttonStyle" onmouseover='commonMouseOver()' onmouseout='commonMouseOut()'>返回</button>
</div>
#set($root=$logixBox.generateWebViewData())
<form name="form0" method="post" action="persist.exec" colsDef="$root.getType()">
#set ($headerSet=$root.getChildren().get(0))
#set ($rowSet=$root.getChildren().get(2))
<div id="logixGrid" style="behavior:url(softecase/style/classic/logixGrid.htc);width:100%;height:100%;padding-left:2px;">
<div type="FIXEDPART" class="FIXED_PART_STYLE">
<div type="HEADERS" class="FIXED_HEADERS_STYLE">
#set ($tmpIndex = 0 )
#foreach ($header in $headerSet.getChildren())
#if ($tmpIndex < $root.getFixedColumnCount())
#set ($isRequired = $header.getData().get(4))
#set ($visibleValue=$header.getData().get(3))
#set ($headerColor = "#FFFFFF")
#if ($isRequired=="1")
#set ($headerColor = "#FF0000")
#end
#set ($visibleWidth = $header.getData().get(5))
#set ($realValue = $header.getData().get(6))
#set ($dispValue = $header.getData().get(7))
<div align="center" id="$header.getData().get(0)" style = "color:$headerColor;width:$visibleWidth ex;"
realValue = "$realValue" dispValue = "$dispValue" title="$header.getData().get(8)" class="FIXED_HEADER_STYLE"
isRequired = "$isRequired" propType="$header.getData().get(2)" visibleValue="$visibleValue">
$header.getData().get(1)
</div>
#end
#set ($tmpIndex = $tmpIndex + 1 )
#end
</div>
<div type="ROWS" class="FIXED_ROWS_STYLE">
#foreach ($row in $rowSet.getChildren())
<div type="ROW" >
#set ($tmpIndex = 0 )
#foreach ($cell in $row.getChildren())
#if ($tmpIndex < $root.getFixedColumnCount())
#set ($visibleValue=$cell.getData().get(1))
#set ($realValue = $cell.getData().get(2))
#set ($dispValue = $cell.getData().get(3))
<div id="$cell.getData().get(0)" realValue = "$realValue" visibleValue="$visibleValue" class="FIXED_CELL_STYLE">$dispValue</div>
#end
#set ($tmpIndex = $tmpIndex + 1 )
#end
</div>
#end
</div>
</div>
<div type="DYNAMICPART" class="DYNAMIC_PART_STYLE">
<div type="HEADERS" class="DYNAMIC_HEADERS_STYLE">
#set ($tmpIndex = 0 )
#foreach ($header in $headerSet.getChildren())
#if ($tmpIndex >= $root.getFixedColumnCount())
#set ($isRequired = $header.getData().get(4))
#set ($visibleValue=$header.getData().get(3))
#set ($headerColor = "#FFFFFF")
#if ($isRequired=="1")
#set ($headerColor = "#FF0000")
#end
#set ($visibleWidth = $header.getData().get(5))
#set ($realValue = $header.getData().get(6))
#set ($dispValue = $header.getData().get(7))
<div align="center" id="$header.getData().get(0)" style = "color:$headerColor;width:$visibleWidth ex;"
realValue = "$realValue" dispValue = "$dispValue" title="$header.getData().get(8)" class="DYNAMIC_HEADER_STYLE"
isRequired = "$isRequired" propType="$header.getData().get(2)" visibleValue="$visibleValue">
$header.getData().get(1)
</div>
#end
#set ($tmpIndex = $tmpIndex + 1 )
#end
</div>
<div type="ROWS" class="DYNAMIC_ROWS_STYLE">
#foreach ($row in $rowSet.getChildren())
<div type="ROW" >
#set ($tmpIndex = 0 )
#foreach ($cell in $row.getChildren())
#if ($tmpIndex >= $root.getFixedColumnCount())
#set ($visibleValue=$cell.getData().get(1))
#set ($realValue = $cell.getData().get(2))
#set ($dispValue = $cell.getData().get(3))
<div id="$cell.getData().get(0)" realValue = "$realValue" visibleValue="$visibleValue" class="DYNAMIC_CELL_STYLE">$dispValue</div>
#end
#set ($tmpIndex = $tmpIndex + 1 )
#end
</div>
#end
</div>
</div>
</div>
<input id="_data" type="hidden" name="LOGIXBOX_NAME" value="$logixBox.getBoxName()"/>
#set ($identity=$logixBox.getBoxParam().getRequestParam("STANDARD_IDENTITY"))
#if (!$identity)
#set ($identity="")
#end
<input id="_data" type="hidden" name="STANDARD_IDENTITY" value="$identity"/>
#set ($identity=$logixBox.getBoxParam().getRequestParam("PARENT_IDENTITY"))
#if (!$identity)
#set ($identity="")
#end
#set ($isRoot=$logixBox.getBoxParam().getRequestParam("IS_ROOT"))
#if (!$isRoot)
#set ($isRoot="")
#end
<input id="_data" type="hidden" name="PARENT_IDENTITY" value="$identity"/>
<input id="_data" type="hidden" name="IS_ROOT" value="$isRoot"/>
<input id="_data" type="hidden" name="LOGIX_STATUS" value="$logixBox.getBoxParam().getStatus().toString()"/>
<input id="_data" type="hidden" name="LOGIX_SCENE" value="$logixBox.getBoxParam().getScene().toString()"/>
<input id="_data" type="hidden" name="LOGIX_PARTTYPE" value="$logixBox.getBoxParam().getPartType().toString()"/>
<input id="_data" type="hidden" name="LOGIX_LAYOUT" value="$logixBox.getBoxParam().getLayout().toString()"/>
<input id="_data" type="hidden" name="LOGIX_SELECTMODE" value="$logixBox.getBoxParam().getSelectMode().toString()"/>
<input id="_data" type="hidden" name="LOGIX_OPERATE" value="$logixBox.getBoxParam().getOperateType().toString()"/>
#set ($multiIndex=$logixBox.getBoxParam().getMultiIndex())
#set ($selectCount=$logixBox.getBoxParam().getSelectCount())
<input id="_data" type="hidden" name="MULTI_INDEX" value="$multiIndex" />
<input id="_data" type="hidden" name="SELECT_COUNT" value="$selectCount" />
</form>
</div>
</div>
<div id ="editContentSet" style="display:none;">
#set ($editContentSet=$root.getChildren().get(1))
#foreach ($editContent in $editContentSet.getData())
<div>$editContent</div>
#end
</div>
</td></tr>
</table>
</body>
<script >
if (controller!=null&&form0.STANDARD_IDENTITY.value!=""){
var tmp = controller.all.item("_addRow");
if (tmp!=null){
tmp.style.display = "none";
}
tmp = controller.all.item("_removeRow");
if (tmp!=null){
tmp.style.display = "none";
}
}
</script>
<script src="softecase/script/logixGrid.js"></script>
#foreach( $scriptFile in $logixBox.getBoxController().getScriptFilesOfLoadAtEnd())
<script src="$scriptFile.getFileName()"></script>
#end
</HTML>

CLASSIC_NAVIGATOR_TABLE.vm

<HTML<spa>

分享到：

建模学习例子 | case_jsp2

2007-07-24 21:30
浏览 9612
评论(23)
论坛回复 / 浏览 (23 / 16161)
分类:企业架构
查看更多

23 楼 futurep_p 2008-06-05

老是看到有人评论velocity好，jsp好。我觉得这有什么意义呢，人家用的顺手了，都一样，该用什么自己体会了去用。

22 楼 pan19849529 2007-08-04

我觉得关键在里面不能写javascript,只能写一些事件触发，在里面做一些逻辑的就不行了

21 楼姜太公 2007-08-03

用JSP+JSTL+OGNL，遇到困难就来一个<%%>

20 楼 melet 2007-07-28

看了大家的留言。非常感谢大家提出个人在工作或是学习中的切身体会！下面是velocity的一个demo。我想通过这个demo能与大家来分享一下关于velocity的一些基本的常用的知识。
代码
<div class='dp-highlighter'>
<div class='bar'/>
<ol class='dp-xml'>
 <li class='alt'>Microsoft Windows XP [版本 5.1.2600] </li>
 <li class=''>(C) 版权所有 1985-2001 Microsoft Corp. </li>
 <li class='alt'> </li>
 <li class=''>C:\Documents and Settings\Administrator>cd d:\hibernate\vmproject </li>
 <li class='alt'> </li>
 <li class=''>C:\Documents and Settings\Administrator>d: </li>
 <li class='alt'> </li>
 <li class=''>D:\Hibernate\VMProject>ant </li>
 <li class='alt'>Buildfile: build.xml </li>
 <li class=''> </li>
 <li class='alt'>copy-resources: </li>
 <li class=''> [copy] Copying 1 file to D:\Hibernate\VMProject\build </li>
 <li class='alt'> </li>
 <li class=''>compile: </li>
 <li class='alt'> </li>
 <li class=''>BUILD SUCCESSFUL </li>
 <li class='alt'>Total time: 1 second </li>
 <li class=''>D:\Hibernate\VMProject>ant run </li>
 <li class='alt'>Buildfile: build.xml </li>
 <li class=''> </li>
 <li class='alt'>clean: </li>
 <li class=''> [delete] Deleting directory D:\Hibernate\VMProject\build </li>
 <li class='alt'> [mkdir] Created dir: D:\Hibernate\VMProject\build </li>
 <li class=''> </li>
 <li class='alt'>copy-resources: </li>
 <li class=''> [copy] Copying 2 files to D:\Hibernate\VMProject\build </li>
 <li class='alt'> [copy] Copied 1 empty directory to 1 empty directory under D:\Hibernate\VMP </li>
 <li class=''>roject\build </li>
 <li class='alt'> </li>
 <li class=''>compile: </li>
 <li class='alt'> [javac] Compiling 2 source files to D:\Hibernate\VMProject\build </li>
 <li class=''> [javac] 注意：某些输入文件使用了未经检查或不安全的操作。 </li>
 <li class='alt'> [javac] 注意：要了解详细信息，请使用 -Xlint:unchecked 重新编译。 </li>
 <li class=''> </li>
 <li class='alt'>run: </li>
 <li class=''> [java] <html> </li>
 <li class='alt'> [java] <head> </li>
 <li class=''> [java] <title>test velocity</title> </li>
 <li class='alt'> [java] </head> </li>
 <li class=''> [java] <body> </li>
 <li class='alt'> [java] hello Melet ! </li>
 <li class=''> [java] yours CONSTANT: a final member </li>
 <li class='alt'> </li>
 <li class=''> [java] your firstName: yang </li>
 <li class='alt'> [java] your lastName:zhao </li>
 <li class=''> [java] </li>
 <li class='alt'> [java] Status:false true true </li>
 <li class=''> [java] true </li>
 <li class='alt'> [java] health </li>
 <li class=''> [java] </li>
 <li class='alt'> [java] <table> </li>
 <li class=''> [java] </li>
 <li class='alt'> <tr> </li>
 <li class=''> [java] <td bgcolor="#CCCCCC">1</td> </li>
 <li class='alt'> </li>
 <li class=''> [java] </tr> </li>
 <li class='alt'> [java] </li>
 <li class=''> <tr> </li>
 <li class='alt'> [java] <td bgcolor="#FFFFFF">2</td> </li>
 <li class=''> </li>
 <li class='alt'> [java] </tr> </li>
 <li class=''> [java] </li>
 <li class='alt'> <tr> </li>
 <li class=''> [java] <td bgcolor="#CCCCCC">3</td> </li>
 <li class='alt'> </li>
 <li class=''> [java] </tr> </li>
 <li class='alt'> [java] </li>
 <li class=''> <tr> </li>
 <li class='alt'> [java] <td bgcolor="#FFFFFF">4</td> </li>
 <li class=''> </li>
 <li class='alt'> [java] </tr> </li>
 <li class=''> [java] </li>
 <li class='alt'> <tr> </li>
 <li class=''> [java] <td bgcolor="#CCCCCC">5</td> </li>
 <li class='alt'> </li>
 <li class=''> [java] </tr> </li>
 <li class='alt'> [java] </li>
 <li class=''> [java] 2 </li>
 <li class='alt'> [java] </table> </li>
 <li class=''> [java] </body> </li>
 <li class='alt'> [java] </html> </li>
 <li class=''> </li>
 <li class='alt'>BUILD SUCCESSFUL </li>
 <li class=''>Total time: 2 seconds </li>
 <li class='alt'>D:\Hibernate\VMProject> </li>
</ol>
</div>

19 楼 julyboxer 2007-07-27

个人感觉Velocity 作为数据显示模板是挺不错的...语法简单易用..而且引用Java对象只需要前面对象名后面加点还有属性名..确实挺方便的..

18 楼 galaxystar 2007-07-27

jsp太灵活, 导致不能从架构上约束程序员.
有些开发者习惯将业务逻辑扩散到页面上, 怎么办?

另, "( $linkFile" 为什么很多人喜欢在"("与"$linkFile"之间加个空格, 看到过很多这样的代码了, 按照checkstyle代码规则,这里是不能加空格的.

17 楼 ddandyy 2007-07-26

我说的就是你写的这种直接从request中拿出来就这么写也不行
#set ($num = $num + 1)
直接这么写后面算完就已经错了不管放不放到前面都没意义的

16 楼无聊神灯 2007-07-26

$num是int,输出是1+1,并不是想要的2,所以想得到2,就必须#set ($num = $num + 1) 然后 $num

15 楼 ddandyy 2007-07-26

如果前面有 #set($num = 1) 还好
如果是直接从request中拿出来就 ($num + 1) ......... 唉.......

还好这种东西我们业务中遇到的比较少

14 楼无聊神灯 2007-07-26

想输出 ($num + 1)的值必须借助中间变量,这个很郁闷.
还有对float类型好像不支持.

13 楼 ddandyy 2007-07-26

如果前面是int当然不行 int有equals方法么难道你就不会转一下么

#set($sss = "$person.getStatus()")
#if ($sss.equals())

没怎么多用过   从接触到现在也就只有两年而已

........   看来上面都帮我说过了我也不多说了   不知道你到底好好看过文档没有..... 唉....

@_@   先看后面再看前面的习惯不好看来得改改了.........

我前面说的对数字支持不好不是指单纯的符号应用

你是否试过 if ($num + 1 > 3)

12 楼 sg552 2007-07-26

楼上的方法不错，试过了，效果很好。

11 楼无聊神灯 2007-07-26

sg552 写道

不是差了些，而是差很多。

对于数字， == 和equals 的实际效果是一样的。

JSP的灵活，在其中写JAVA代码是表现之一。你不能一棒子打死。如你不愿意写代码，写个tag出来也可以啊。或者用JSTL。

对于velocity，如果context中没有那个变量，就用不了。还不能判断null，只能建立基本变量类型和Array, 1.4和以下的连Map, Set都建立不了。可能你认为这些都不是大问题，但是开发的时候就够让人头疼的了。

#if ($obj) ##true或者不为null

10 楼 sg552 2007-07-26

补充一下，ddandyy，

1. 你确定上面回复的“用equals”,可以使用在int型上？

2. 你确定你用过Velocity? 算了，给你见识个东东吧。
ERROR 2007-07-26 11:43:54,656 CommonsLoggingLogSystem:logVelocityMessage - Right side ($user.ACCEPT_EMAIL) of '==' operation has null value. If a reference, it may not be in the context. Operation not possible. /WEB-INF/view/test/testVar.vm [line 4, column 13]

没有实践就没有发言权，velocity到底怎么样，只有亲身用过的才知道。

9 楼 sg552 2007-07-26

8 楼 ddandyy 2007-07-25

用equals

p.s: 你居然认为在jsp上写java是灵活的表现.......

无语ing..... 以前讨论过太多次了

p.s2: 找毛病你都找不到啊....... 对str和obj的使用velocity的表现还是相当不错的如果说毛病也就是对数字的处理差了些

7 楼 sg552 2007-07-25

说几个错误答案：

错误答案1:
--------------------------------------------------------
#if($person.status==$person.STATUS_HEALTHY) 健康人
#else 病人
#end

错误答案2:
--------------------------------------------------------
#if($person.status==$some.pack.age.Person.STATUS_HEALTHY) 健康人
#else 病人
#end

6 楼 sg552 2007-07-25

velocity 作为严格的MVC是很好用。但是功能稍微复杂些就不行了。比如，要根据一个用户的状态显示文字，如：

如果用户不舒服，显示病了。
否则 显示：健康。

对应的类是：（写简单点）
some.pack.age.Person{

 //用户的状态，1 健康的， 0 生病的。
 private int status;

 //状态常量，健康的。
 public static final STATUS_HEALTHY=1;

 //状态常量，生病的。
 public static final STATUS_ILL=0;

 //其他方法
}

然后，在前台某个vm页面显示这个人的状态。velocity context中已经存在了Person这个类的某个实例，可以通过$person调用。请问你怎么办？
----------------------------------------------------
也就是说，将如下JSP代码转换成VTL：
<%
 if(person.getStatus()==person.STATUS_HEATHY){
 out.print("健康人");
 }else{
 out.print("病人");
 }
%>

5 楼 melet 2007-07-25

velocity是很好用。但是在做为模版时，对于没有的变量，你可以根据指令符号中的set或是conditions来判断一下。正如 ddandyy 所说的那样。

4 楼 sg552 2007-07-25

楼上的用一下velocity再来发言吧。

试着把一个类的实例放到velocity上下文，然后在vm中引用这个类的常量，你看看行不行。

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论