如何在html中使用velocity

Velocity是可以在html中使用的，也是网页前端人员都要要熟悉的一种模版引擎；

Velocity是一个基于java的模板引擎（template engine）。它允许任何人仅仅简单的使用模板语言（template language）来引用由java代码定义的对象。 当Velocity应告磨用于web开发时，界面设计人员可以和java程序开发人员同步开发一个遵循MVC架构的web站点，也就是说，页面设计人员可以只关注页面的显示效果，而由java程序开发人员关注业务逻辑编码。Velocity将java代码从web页面中掘友吵分离出来，这样为web站点的长期维护提供了便利，同时也为我们在JSP和PHP之外又提供了一种可选的方案。 Velocity的能力远不止web站点开发这个领域，例如，它可以从模板（template）产生SQL和PostScript、XML，它也可以被当作一个独立工具来产生源代码和报告，或者作为其他系统的集成组件使用。Velocity也可以为Turbine web开发架构提供模板服务（template service）。Velocity+Turbine提供一个模板服务的方式允许一个web应用以一个真正的MVC模型进行开发。

Velocity使用，就是在这个模版内通过它现有语法和函数，然后在html中应用，一般我们结合具体的案例来使用Velocity，这里我举个简单的小例子：

<td colspan="3" class="tdContent2">$!obj.getDealInfo().replaceAll("\r\n", "<br></判侍td>

Velocity就是通过这样来实现小的换行的。

因为velocity比jsp更优越：

基于Java的网站开发，很多人都采用JSP作为前端网页制作的技术，尤其是在国内。这种技术通常会存在一些问题，可以通过简单地分析网站开发过程来看看这些问题。通常网站开发采用以下两种方式：

◆ 网站功能确定后，由美工设计网页的UI（界面）部分，然后由程序员在其上加入代码显示逻辑（比如循环、判断显示数据结果）。这就是乎侍亩通常的JSP页面制作，当然这部分可以由美工完成模板，然后由JSP工程师以它为原型创建相应的JSP页面。

◆ 网站功能确定后，由美工设计网页的UI（界面）部分，然后由网页制作人员在其上加入代码显示逻辑（比如循环、判断显示数据结果）。在这一步的JSP页面制作中，网页制作人员通常只需要懂JavaScript和HTML，在工程师的指导下学会如何嵌入JSP taglib标记，然后以美工的模板为原型制作JSP网页。

显然后一种方式要比前一种方式分工明确。然而在很多小公司，或者项目紧急的情况下，谈神JSP网页制作和后台程序开发都是同一个人，这样无疑加大了程序员的负担。后一种情况也有两个缺点，一是网页制作人员必须学会如何使用JSP taglib，这将加大网页制作人员的负担；二是如果页面因为客户的要求重新设计，那么无论哪种情况，网页制作人员都要将岁森显示逻辑重新嵌入JSP网页。

虽然从性能角度和taglib的使用上来说，JSP比PHP和ASP做得要好，但它在设计上同样类似PHP这种服务器页面语言，即在页面中嵌入脚本语言的技术。这使得它虽然比传统基于CGI脚本语言的开发模式速度快，但却将后台程序逻辑与页面显示混淆。

使用Velocity的优点在于：

◆ 很容易集成在各种各样的程序领域中；

◆ 为网页制作人员提供了一种清晰而简单的语法；

◆ 因为模板和代码是分离的，所以可以分别独立的开发和维护它们；

◆ Velocity引擎可以很容易地集成到一些Java运行环境，特别是Servlet中；

◆ Velocity使得模板可以访问任何环境对象中的共有方法。

Velocity的基本用法<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

Velocity概述

Velocity是一个基于java的模板引擎（template engine）。它允许任何人仅仅简单的使用模板语言（template language）来引用由java代码定义的对象。当Velocity 应用于web开发时，界面设计人员可以和java程序开发人员同步开发一个遵循MVC架构的web站点，也就是说，页面设计人员可以只关注页面的显示效果，而由java程序开发人员关注业务逻辑编码。Velocity将java代码从web页面中分离纳芹出来，这样为web站点的长期维护提供了便利，同时也 为我们在JSP和PHP之外祥茄高又提供了一种可选的方案。

Velocity的能力远不止web站点开发这个领域，例如，它可以从模板 （template）产生SQL和PostScript、XML，它也可以被当作一个独立工具来产生源代码和报告，或者作为其他系统的集成组件使用。 Velocity也可以为Turbine web开发架构提供模板服务（template service）。Velocity+Turbine提供一个模板服务的方式允许一个web应用以一个真正的MVC模型进行开发。

一、基本语法

1、"#"用来标识Velocity的脚本语句，包括#set、#if 、#else、#end、#foreach、#end、#include、#parse、#macro等；

如:

#if($info.imgs)

<img src="$info.imgs" border=0>

#else

<img src="noPhoto.jpg">

#end

2、"$"用来标识一个对象(或理解为变量)；如：$i、$msg、$TagUtil.options(...)等。

3、"{}"用来明确标识Velocity变量；

比如在页面中，页面中有一个$someonename，此时，Velocity将把someonename作为变量名，若我们程序是想在someone这个变量的后面紧接着显示name字符，则上面的标签应该改成${someone}name。

4、"!"用来强制把不存在的变量显示为空白。

如当页面中包含$msg，如果msg对象有值，将显示msg的值，如果不存在msg对象同，则在页面中将显示$msg字符。这是我们不希望的，为了把不存在的变量或变量值为null的对象显示为空白，则只需要在变量名前加一个“!”号即可。

如：$!msg

二、在EasyJWeb中的最佳实践

理论上你可以在EasyjWeb模板使用所有Velocity的脚本及功能，但我们不推荐你在界面模板中使用过多过复杂的脚本表达方式，在万不得已的情况下，不要在界面模板中加入任何复杂的逻辑，更不要在界面模板中加入变量声明、逻辑运算符等等。

1、$!obj 　直接返回对象结果。

如：在html标签中显示java对象msg的值。<p>$!msg</p>

在html标签中显示经过HtmlUtil对象处理过后的msg对象的值<p>$!HtmlUtil.doSomething($!msg)</p>

2、#if($!obj) #else #end 判断语句

如：在EasyJWeb各种开源应用中，我们经常看到的用于d出提示信息msg的例子。

#if($msg)

<script>

alert('$!msg')

</script>

#end

上面的脚本表示当对象msg对象存在时，输出<script>等后面的内容。

3、#foreach( $info in $list) $info.someList #end循环读取集合list中的对象，并作相应的处理。

如：EasyJF开源论坛系统中论(0.3)坛首页显示热门主题的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 脚本函数(宏)调用，不推荐在界面模板中大量使用。 Velocity中的宏我们可以理解为函数。 ①宏的定义 #macro(宏的名称 $参数1 $参数2 …) 语句体(即函数体) #end

②宏的调用 #宏的名称($参数1 $参数2 …)

说明：参数之间用空格隔开。

如：在使用EasyJWeb Tools快速生成的添删改查示例中，可以点击列表的标题栏进行升降排序显示，这是我们在EasyJWeb应用中经常看到的一个排序状态显示的模板内容。

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

#macro(orderPic $type)

#if ($orderField.equals($type))

<img src="http://images.cnblogs.com/ico/${orderType}.gif">

#end

#end

具体的调用如：<font color="#FFFFFF">头衔#orderPic("title")</font>

5、包含文件#inclue("模板文件名")或#parse("模板文件名")

主要用于处理具有相同内容的页面，比如每个网站的顶部或尾部内容。

如：#parse("/blog/top.html")或#include("/blog/top.html")

区别：

1 若包含的文件中有Velocity脚本标签，将会进一步解析，而include将原样

显示。

2 #parse只能指定单个对象。而#include可以有多个

示范代码：

#include ("one.gif", "two.txt", "three.htm" )

#parse ("parsefoo.vm")

三、关于#set的使用

在万不得已的时候，不要在页面视图自己声明Velocity脚本变量，也就是尽量少使用#set。有时候我们需要在页面中显示序号，而程序对象中又没有包含这个序号属性同，可以自己定义。如在一个循环体系中，如下所示：

#set ($i=0)

#foreach($info in $list)

序号:$i

#set($i=$i+1)

#end

四、Velocity脚本语法摘要

声明:#set ($var=XXX)

变量引用,字面字符串,属性引用,方法引用,字面数字,数组列表。

#set( $monkey = $bill ) ## variable reference

#set( $monkey.Friend = "monica" ) ## string

#set( $monkey.Blame = $whitehouse.Leak ) ## property reference

#set( $monkey.Plan = $spindoctor.weave($web) ) ## method reference

#set( $monkey.Number = 123 ) ##number

#set( $monkey.Say = ["Not", $my, "fault"] ) ## ArrayList

算术运算符

#set ( $foo = $bar + 3 ) #set ( $foo = $bar - 4 ) #set ( $foo = $bar * 6 ) #set ( $foo = $bar / 2 )

2、注释:

单行## XXX

多行#* xxx

xxxx

xxxxxxxxxxxx*#

References 引用的类型

3、变量 Variables

以 "$" 开头，第一个字符必须为字母。character followed by a VTL Identifier. (a .. z or A .. Z).

变量可以包含的字符有以下内容：

alphabetic (a .. z, A .. Z)

numeric (0 .. 9)

hyphen ("-")

underscore ("_")

4、Properties

$Identifier.Identifier

$user.name

hashtable user中的的name值.类似：user.get("name")

5、Methods

object user.getName() = $user.getName()

6、Formal Reference Notation

用{}把变量名跟字符串分开

如

#set ($user="csy"}

${user}name

返回csyname

$username

$!username

$与$!的区别

当找不到username的时候，$username返回字符串"$username"，而$!username返回空字符串""

7、双引号 与 引号

#set ($var="helo")

test"$var" 返回testhello

test'$var' 返回test'$var'

可以通过设置 stringliterals.interpolate=false改变默认处理方式

8、条件语句

#if( $foo )

<strong>Velocity!</strong>

#end

#if($foo)

#elseif()

#else

#end

当$foo为null或为Boolean对象的false值执行.

9、逻辑运算符:== &&|| !

10、循环语句#foreach($var in $arrays ) // 集合包含下面三种Vector, a Hashtable or an Array

#end

#foreach( $product in $allProducts )

<li>$product</li>

#end

#foreach( $key in $allProducts.keySet() )

<li>Key: $key ->Value: $allProducts.get($key)</li>

#end

#foreach( $customer in $customerList )

<tr><td>$velocityCount</td><td>$customer.Name</td></tr>

#end

语句的嵌套 #foreach ($element in $list) ## inner foreach 内循环 #foreach ($element in $list) This is $element. $velocityCount <br>inner<br>#end ## inner foreach 内循环结束 ## outer foreach This is $element. $velocityCount <br>outer<br>#end

11、velocityCount变量在配置文件中定义

# Default name of the loop counter

# variable reference.

directive.foreach.counter.name = velocityCount

# Default starting value of the loop

# counter variable reference.

directive.foreach.counter.initial.value = 1

12、包含文件

#include( "one.gif","two.txt","three.htm" )

13、Parse导入脚本

#parse("me.vm" )

14、#stop 停止执行并返回

停止执行模板引擎并返回,把它应用于debug是很有帮助的。

15、定义宏Velocimacros ,相当于函数 支持包含功能

#macro( d )

<tr><td></td></tr>

#end

调用

#d()

16、带参数的宏

#macro( tablerows $color $somelist )

#foreach( $something in $somelist )

<tr><td bgcolor=$color>$something</td></tr>

#end

#end

17、Range Operator

#foreach( $foo in [1..5] )

18、转义字符

如果reference被定义，两个’\’意味着输出一个’\’，如果未被定义，刚按原样输出。 #set($email = "foo" ) $email \$email \\$email \\\$email

输出： foo $email....

---