AvengerBevis http://avengerbevis.javaeye.com UTF-8 Copyright 2003-2008, JavaEye.com http://blogs.law.harvard.edu/tech/rss JavaEye - 做最棒的软件开发交流社区 Google 中文译名及产品服务大全 AvengerBevis 作者: AvengerBevis  链接：http://avengerbevis.javaeye.com/blog/69680  发表时间: 2007年04月10日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

Google中文译名大全 及产品服务大全


Google 谷哥
Gmail 谷妹
Google Adsense 谷哥矮她三尺
Gtalk 谷淘
Froogle 腹股沟
Google Local 谷哥老抠
Google Reader 谷利得
Google Video 谷味豆
Google Desktop 谷桌
Google Toolbar 谷拖把
Google Earth 谷哥儿死
Google Mars 谷哥马死
Google News 谷哥牛死
Google Maps 谷哥麦死
Google Catalogs 谷哥看他老哥死
Google Images 谷哥姨妹急死
Google Groups 谷哥姑婆死
Google SMS 谷哥死没死
Google Labs 谷哥赖不死
Google Alerts 谷哥啊乐死


　　Add to Google

　　这是一个提供网页信息的站点，主要的功能是把自己的主页介绍给Google让他收录，而时间上较长，起码一两个月才会被Google收录，但是一旦收了你的主页，知名度会更快地上升。

　　Blogger

　　Google提供的Blog服务，现在已经有中文版本了，大家可以上去安个家，把地址写到本文评论让大家去浏览。

　　Froogle

　　这是一个专业的引擎，可以输入你想要购买的东西，然后得到符合关键词的结果出来，可以比较一下各个购物网站不同的价格，挑选最合适的地方进行购买。

　　Gmail

　　Gmail是是Google提供的当前最流行的免费邮件服务，提供了超过2GB的储存空间。

　　Google AdSense

　 　Google提供的广告服务，你是否遇到有不知来源的IP经常恶意点击你的广告，而你无法知道IP所以无法禁止，你是否想知道你的广告在哪个或者哪些页 面点击率最高，而又不受渠道数量的限制，它主要针对Google Adsense的规则，在不违反规则的前提下为用户提供及时详细的广告点击统计信息。

　　Google AdWords

　　Google提供给商家的特殊广告站点，只要有人点击这里就会按一定规则向商家收费，算是网络上的分类广告。

　　Google Alerts

　　这是一个新闻定制站点，可以通过邮箱定制你需要的内容，然后得到相关的讯息。

　　Google Analytics

　　Google推出的免费提供的网站统计服务，只需要简单注册，即可帮助站长分析自己的站点情况，而且里面的内容非常详细，不光小网站有用，大网站更是可以作为一个参考的指标。

　　Google Answers

　　Google的问答站点，可以回答你很多不知道的问题，类似的还有百度出的百度知道，现在这个站点开始进入收费模式，你可以悬赏进行问题答案的购买。

　　Google Base

　　这个服务相对于Google其它服务的专业化，或许显得比较杂乱，里面也是可以让我们提交不同的信息给Google，让它出现在Google的搜索里面。

　　Google Blog Search

　　这是一个针对Google博客的搜索服务，专门收集其中的海量信息。

　　Google Book Search

　　Google的书籍搜索服务，其实也是Google引擎的一个小延伸而已，不过在这里搜索到的结果比较专业和集中。

　　Google Catalogs

　　Google做的邮购搜索服务，对于国人来说好象用处并不是特别地大。

　　Google Code

　　Google用来推广及发展开源软件的一个服务，一个适合程序员的源代码公开站点

　　Google Compute

　　Google的网格计算，可以将一些超大规模的计算量分散到全球不同国家地区的电脑上，以尽快得到结果，这是些有益全球的计算，希望有电脑的朋友都参加。

　　Google Desktop

　　这是一个放置在桌面上的工具条，在这个工具条里可提供新闻，天气，Email等小程序，了解最新的信息。

　　Google Directory

　　Goolge制作的超大型人工分类目录，让网页根据重要性来排列。目录搜索服务可满足那些想要浏览某特定主题下相关信息的用户。

　　Google Earth

　　这项服务提供了地球上大部分地区的卫星图片查询，尤其是大城市的图片更加地多，让你如宇航员一般身临其境，足不出户也可了解世界各地。

　　Google Groups

　　Google提供的群组服务。利用它你可以创建邮件列表、阅读新闻或者是和志同道合的用户分享你感兴趣的东西。

　　Google Homepage

　　是Google提供的主页服务，你可以定制它，它提供了天气、新闻、占卜等各种各样的服务。

　　Google Image Search

　　Google的图片搜索，几乎是Google最早的服务了，这是它的图片搜索页面，相信大家都用过吧，图片搜索的精确度还是不错的。

　　Google Labs

　　Google实验室的一些服务链接，从这里可以看到它们又有什么天才的发明。

　　Google Local

　　Google本地搜索，通过这一服务，用户可以使用关键字搜索在特定的城市查找某一类型的公司，并在电子地图上显示这些公司的具体位置。这项服务现在有了中国版本。

　　Google Maps

　　Google地图搜索服务，让你浏览到世界各地的地图、公路等信息，比较上面提到的卫星地图来说，比较传统。

　　Google Mobile

　　Google手机上网用户的服务，只要手机能连上这外网站，即可象用PC一样搜索图片、关键字等信息。

　　Google Movie Showtimes

　　Google提供的电影上映时间搜索服务，只要输入一个地方的邮政编码或地址，就可以搜索到当地的电影院及电影的上映时间。

　　Google News

　　Google新闻站点，将最新的新闻呈现在大家的眼前，上面的所有新闻都是由Google特定的电脑自动聚合的。

　　Google Page

　　Google推出的免费个人主页服务，用户可以在这里获得一个100M大小的免费主页空间。

　　Google Reader

　　Google的在线RSS阅读器，Reader依靠RSS和Atom技术，可帮助用户及时获得信息，用户不必自己检查更新喜欢的站点，Google Reader可以帮你。

　　Google Ridefinder

　　美国12个城市的公交车和出租车的相关搜索。

　　Google Scholar

　　学术文章搜索引擎，高年级学生的必备，尤其一些经常需要撰写一些论文的朋友。

　　Google Send to Phone

　　利用网络发送手机短信的服务，感觉上没什么特别。

　　Google Sitemap

　 　Google的Sitemaps计划，旨在对网站信息搜索进行加速，增强索引能力。Google称：“这种协作搜索系统将进一步提高覆盖和刷新速度，使 用户使用Google索此功能实现最优化。”Google呼吁网站管理员在网站服务器中放置Sitemaps格式的文件。这样，Google的搜索引擎就 可以看到那些网页在网站内，那些网页内容被修改了。

　　Google SMS

　　GOOGLE SMS服务，是通过SMS查找特定信息的一项技术。它可以提供驾车服务，在无线产品中支持SMS。

　　Google Suggest

　　这是一个猜测你意图的测试站，当用户关键词搜索框中输入文字时，下拉清单将显示候补搜索单词或短语一览。还将显示找到的各单词或短语的网页数。从候补中选择单词或短语便可搜索。

　　Google Talk

　　Google推出的即时在线聊天工具，当时挺火爆的，业内很多人都说能跟各大即时聊天工具一拼，可是现在没多少个人用了，影响较低。

　　Google Toolbar

　　Google的搜索工具条，上面有很多实用功能，搜索、拦截弹出窗口、查看网页PR值等等一大堆。

　　Google Video

　　这又是一个新的尝试，Google推出的视频搜索内容丰富，不过国内用户好象会受到一定的限制。

　　Google Web Accelerator

　　可以加速网页的载入，尤其是对付一些我们网络访问较慢的外国网站更是好用

　　Google Web Search

　　Google网站默认的搜索服务。

　　Hello

　　Hello即时聊天工具，是一个极小的即时通信客户端，它和Google的看图软件Picasa一起工作，能让你和亲人好友分享图片。

　　Picasa

　　超强的图片管理显示的软件，得益于其高效的图片管理模式，我们可将电脑里所有的图片都让它归类，分析。它现在已是免费软件，大家可以让ACDSee下岗了。



已有 0 人发表留言，猛击->>这里<<-参与讨论


JavaEye推荐



]]> Tue, 10 Apr 2007 15:52:03 +0800 http://avengerbevis.javaeye.com/blog/69680 http://avengerbevis.javaeye.com/blog/69680 Spring中文开发手册下载 AvengerBevis 作者: AvengerBevis  链接：http://avengerbevis.javaeye.com/blog/69601  发表时间: 2007年04月10日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！





Spring中文参考手册得到Spring Framework开发团队的直接授权和大力的支持，其目的是在中文世界推广优秀的开源技术。本次翻译活动由满江红开放技术研究组织(http://www.redsaga.com)和Spring中文论坛(http://spring.jactiongroup.net) 共同发起、组织，本着来源于开源世界，回馈开源社区的想法，在接近11周的时间内，超过30位志愿者进行了翻译及审核工作，成品文档超过500页，由此成 为目前最大的开源项目中文文档翻译计划之一。我们在此郑重宣布，本次翻译遵循原Spring Framework的授权协议，即Apache 2.0协议。在完整保留全部文本包括本版权页，并不违反Apache 2.0协议的前提下，允许和鼓励任何人进行全文转载及推广。我们在此宣布所有参与人员放弃除署名权外的一切权利。

我们在此感谢以下组织人员的参与：JavaEye(http://www.javaeye.com)、(Beijing Java User Group，http://www..org)、Openfans(http://www.openfans.net)和Nirvana Studio(http://www.nirvanastudio.org)。此次项目的顺利完成体现了中文开源世界强大的协作能力，如此庞大的项目不是 一两个组织可以独立完成的，就像Spring本身一样，涵盖了Java技术的方方面面。因为各个组织在独自领域的专注，才能让此项目顺利完成。有理由相 信，中文开源世界的强大必将在不久的将来展现出更广阔的空间，为推动中国的软件发展提供出不可或缺的力量源泉。

-------------------------
致歉 ：ＣＨＭ格式的　忘记检查了　文件损坏了　不能显示　向下载了ＣＨＭ格式的朋友道个欠　现已删除 清下载PDF格式文件


已有 6 人发表留言，猛击->>这里<<-参与讨论


JavaEye推荐



]]> Tue, 10 Apr 2007 11:29:10 +0800 http://avengerbevis.javaeye.com/blog/69601 http://avengerbevis.javaeye.com/blog/69601 developer Works 最受欢迎的 Ajax 文章和教程 Ajax Top 10 AvengerBevis 作者: AvengerBevis  链接：http://avengerbevis.javaeye.com/blog/69539  发表时间: 2007年04月10日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

2006 年 developerWorks 最受欢迎的 Ajax 文章和教程

2007 年 2 月  
掌握 Ajax 系列
掌握 Ajax 系列
本系列当之无愧成为了 developerWorks 2006 年最受欢迎的 Ajax 技术文档。从最基本的 Ajax 概念开始，本系列文章逐渐揭开了 Ajax 技术神秘的面纱。通过该系列，您可以了解到 Ajax 技术几乎所有的关键概念和技术，帮助您从入门走向精通。本系列仍然在继续，请关注我们的更新。   更多 >
  Ajax TOP 10
 1、掌握 Ajax 系列
 2、面向 Java 开发人员的 Ajax 系列
 3、 Ajax 和 REST，第 1 部分：Ajax/REST 架构风格对于融入式 Web 应用程序的优点
 4、 结合 Ajax 进行 PHP 开发
 5、 使用 Ajax 构建应用程序：学习用 Ajax 构建支持实时验证的 Web 应用程序
 6、跨越边界：Ajax on Rails
 7、 审视 Ajax，第 1 部分: 透过华而不实的广告看本质
 8、 Java 应用开发源动力：利用免费软件轻松开发轻量级 Ajax 应用（更新）
 9、使用 Ajax 调用SOAP Web 服务
10、Ajax RSS 阅读器


已有 2 人发表留言，猛击->>这里<<-参与讨论


JavaEye推荐



]]> Tue, 10 Apr 2007 10:36:47 +0800 http://avengerbevis.javaeye.com/blog/69539 http://avengerbevis.javaeye.com/blog/69539 使用DOM技术操纵文档 AvengerBevis 作者: AvengerBevis  链接：http://avengerbevis.javaeye.com/blog/69536  发表时间: 2007年04月10日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

java 代码
 
  1. [资料]JS使用DOM技术操纵文档 -- 创亿无限|创意无限|创意| -- 编程爱好者BLOG  
  2.   
  3.   
  4.   
  5. JavaScript高级应用：使用DOM技术操纵文档  
  6. 我们知道，如果使用DHTML对象模型对文档的内容进行操纵，就必须了解相关文档元素的特殊属性和方法。因为文档的元素有很多种，相应的属性和方法也就非常多，为了实现一个功能，开发人员不得不查询许多资料。但是有了DOM技术，一切变得简单起来，那些操纵文档内容的属性和方法具备了元素无关性（element-independent）特点，这使得我们能够按照相同的步骤操纵文档内容。毋庸置疑，DOM技术为开发人员在对象层次上操纵文档提供了最便捷的手段。  
  7.   
  8.   
  9. 本文就为你全面介绍在JavaScript中如何使用DOM属性和方法操纵文档内容。  
  10.   
  11.   
  12. 使用data、nodeValue和src属性  
  13.   
  14.   
  15. DOM提供了2个属性用于修改文本节点的内容，它们是data和nodeVaule。2个属性实现的功能相同，语法是：object.data="new 
  16. value"或者object.nodeVaule="new 
  17. value"，其中object代表页面中的文本项节点。如果修改图形文件的内容，语法是：object.src=../../"new 
  18. value"，其中object表示页面中的img标记节点。来看看下面的例子：  
  19.   
  20.   
  21. ＜HTML＞＜HEAD＞＜TITLE＞ DOM Demo ＜/title＞＜/HEAD＞  
  22.   
  23. ＜BODY ID="bodyNode"＞  
  24.   
  25. This is the document body  
  26.   
  27. ＜P ID = "p1Node"＞This is paragraph 1.＜/P＞  
  28.   
  29. ＜P ID = "p2Node"＞This is paragraph 2.＜/P＞  
  30.   
  31. ＜P ID = "p3Node"＞This is paragraph 3.  
  32.   
  33. ＜IMG ID = "imgNode" SRC="myexam.gif"＞This text follows the image  
  34.   
  35. ＜TABLE ID="tableNode"＞  
  36.   
  37. ＜TR＞＜TD BGCOLOR=yellow＞This is row 1, cell 1＜/TD＞＜TD  
  38. BGCOLOR=orange＞This is row 1, cell 2＜/TD＞＜/TR＞  
  39.   
  40. ＜TR＞＜TD BGCOLOR=red＞This is row 2, cell 1＜/TD＞＜TD BGCOLOR=magenta＞This  
  41. is row 2, cell 2＜/TD＞＜/TR＞  
  42.   
  43. ＜TR＞＜TD BGCOLOR=lightgreen＞This is row 3, cell 1＜/TD＞＜TD  
  44. BGCOLOR=beige＞This is row 3, cell 2＜/TD＞＜/TR＞  
  45.   
  46. ＜/TABLE＞  
  47.   
  48. ＜/P＞  
  49.   
  50. ＜P ID = "p4Node"＞This is paragraph 4.＜/P＞  
  51.   
  52. ＜SCRIPT LANGUAGE="JavaScript"＞  
  53.   
  54. ＜!--  
  55.   
  56. alert(  
  57.   
  58. "页面初始状态" + "\n\n" +  
  59.   
  60. "bodyNode.firstChild.nodeValue = " + bodyNode.firstChild.nodeValue + "\n" +  
  61.   
  62. "bodyNode.firstChild.data = " + bodyNode.firstChild.data + "\n"  
  63.   
  64. );  
  65.   
  66. bodyNode.firstChild.nodeValue = "This is the new document body, set by 
  67. the nodeValue property";  
  68.   
  69. p3Node.childNodes[1].src = "myexam2.gif";  
  70.   
  71. alert(  
  72.   
  73. "对页面内容进行修改后" + "\n\n" +  
  74.   
  75. "bodyNode.firstChild.nodeValue = " + bodyNode.firstChild.nodeValue + "\n" +  
  76.   
  77. "bodyNode.firstChild.data = " + bodyNode.firstChild.data + "\n" +  
  78.   
  79. "p3Node.childNodes[1].src = " + p3Node.childNodes[1].src  
  80.   
  81. );  
  82.   
  83. // --＞  
  84.   
  85. ＜/SCRIPT＞＜/BODY＞＜/HTML＞  
  86.   
  87. 上述代码首先显示页面的初始内容以及节点p1Node的相关属性值，然后对节点bodyNode的第1个孩子节点的nodeValue属性进行赋值修改其文本内容，对节点p3Node的第2个孩子节点（也就是了img标记）的src属性进行赋值修改图形的内容。点击这里运行这个实例。  
  88.   
  89. JavaScript高级应用：使用DOM技术操纵文档  
  90. 使用createElement方法  
  91.   
  92.   
  93. createElement方法的功能是在文档中创建一个孤立HTML标记节点。孤立节点既没有孩子节点也没有双亲节点，而且与文档中的现存节点也互不关联。被创建的孤立HTML标记节点的唯一信息就是它代表的HTML标记，比如＜  
  94. P＞、＜ FONT＞和＜ TABLE＞。CreateElement的语法为document.createElement(HTMLTag)，HTMLTag表示要创建的HTML标记，返回值是创建的孤立HTML标记节点。来看看下面的例子：  
  95.   
  96.   
  97. ＜HTML＞＜HEAD＞＜TITLE＞ DOM Demo ＜/title＞＜/HEAD＞  
  98.   
  99. ＜BODY ID="bodyNode"＞  
  100.   
  101. ＜SCRIPT LANGUAGE="JavaScript"＞  
  102.   
  103. ＜!--  
  104.   
  105. alert("页面初始状态");  
  106.   
  107. tableObj = document.createElement("TABLE");  
  108.   
  109. tbodyObj = document.createElement("TBODY");  
  110.   
  111. trObj = document.createElement("TR");  
  112.   
  113. tdObj = document.createElement("TD");  
  114.   
  115. alert(  
  116.   
  117. "对页面内容进行修改后" + "\n" +  
  118.   
  119. "bodyNode.firstChild = " + bodyNode.firstChild + "\n" +  
  120.   
  121. "tableObj.nodeName = " + tableObj.nodeName + "\n" +  
  122.   
  123. "tbodyObj.nodeName = " + tbodyObj.nodeName + "\n" +  
  124.   
  125. "trObj.nodeName = " + trObj.nodeName + "\n" +  
  126.   
  127. "tdObj.nodeName = " + tdObj.nodeName + "\n" +  
  128.   
  129. "tableObj = " + tableObj + "\n"  
  130.   
  131. );  
  132.   
  133. // --＞  
  134.   
  135. ＜/SCRIPT＞  
  136.   
  137. ＜/BODY＞  
  138.   
  139. ＜/HTML＞  
  140.   
  141.   
  142. 上述代码在文档中创建了4个孤立HTML标记节点tableObj、tbodyObj、trObj和tdObj，它们就象太空中4颗人造卫星一样，彼此间以及和文档中的现有节点间都互不关联。创建孤立节点的目的不是为了让它真正孤立，随后我们会介绍如何将创建的孤立节点彼此相连，并添加到文档的DOM  
  143. Tree结构中。点击这里运行这个实例。  
  144.   
  145.   
  146. 使用createTextNode方法  
  147.   
  148.   
  149. createTextNode方法的功能与creatElement方法几乎相同，唯一不同的就是它是在文档中创建一个孤立文本项节点，这个孤立节点的唯一信息就是它所代表的字符串值。createTextNode的语法为document.  
  150. createTextNode (string)，string表示要创建的文本项内容，返回值是创建的孤立文本项节点。来看看下面的例子：  
  151.   
  152. ＜HTML＞＜HEAD＞＜TITLE＞ DOM Demo ＜/title＞＜/HEAD＞  
  153.   
  154. ＜BODY ID="bodyNode"＞  
  155.   
  156. ＜SCRIPT LANGUAGE="JavaScript"＞  
  157.   
  158. ＜!--  
  159.   
  160. alert("页面初始状态");  
  161.   
  162. row1cell1Obj = document.createTextNode("This is row 1, cell 1");  
  163.   
  164. row1cell2Obj = document.createTextNode("This is row 1, cell 2");  
  165.   
  166. row2cell1Obj = document.createTextNode("This is row 2, cell 1");  
  167.   
  168. row2cell2Obj = document.createTextNode("This is row 2, cell 2");  
  169.   
  170. row3cell1Obj = document.createTextNode("This is row 3, cell 1");  
  171.   
  172. row3cell2Obj = document.createTextNode("This is row 3, cell 2");  
  173.   
  174. alert(  
  175.   
  176. "对页面内容进行修改后" + "\n" +  
  177.   
  178. "row1cell1Obj.firstchild = " + row1cell1Obj.firstChild + "\n" +  
  179.   
  180. "row1cell1Obj.nodeName = " + row1cell1Obj  
  181.   
  182. );  
  183.   
  184. // --＞  
  185.   
  186. ＜/SCRIPT＞＜/BODY＞＜/HTML＞  
  187.   
  188.   
  189. 上述代码在文档中创建了6个孤立文本项节点，它们表示一个3行2列大小Table的单元格内容。点击这里运行这个实例。  
  190.   
  191. JavaScript高级应用：使用DOM技术操纵文档  
  192. 使用cloneNode方法  
  193.   
  194.   
  195. cloneNode方法的功能是通过克隆（也就是复制）文档中一个现存节点的方式创建文档的一个孤立节点。根据被克隆节点的类型，新创建的孤立节点或者是HTML标记节点，或者是包含字符串信息的文本项节点。cloneNode的语法为oldNode.createNode(false)或者oldNode.createNode(true)，oldNode表示被克隆的节点，返回值是新创建的节点，false表示仅仅克隆oldNode，true表示克隆oldNode并包含其下属节点。来看看下面的例子：  
  196.   
  197. ＜HTML＞＜HEAD＞＜TITLE＞ DOM Demo ＜/title＞＜/HEAD＞  
  198.   
  199. ＜BODY ID="bodyNode"＞  
  200.   
  201. ＜SCRIPT LANGUAGE="JavaScript"＞  
  202.   
  203. ＜!--  
  204.   
  205. alert("页面初始状态");  
  206.   
  207. tableObj = document.createElement("TABLE");  
  208.   
  209. tbodyObj = document.createElement("TBODY");  
  210.   
  211. tr1Obj = document.createElement("TR");  
  212.   
  213. tr2Obj = tr1Obj.cloneNode(false);  
  214.   
  215. tr3Obj = tr1Obj.cloneNode(false);  
  216.   
  217. tr1td1Obj = document.createElement("TD");  
  218.   
  219. tr1td2Obj = tr1td1Obj.cloneNode(false);  
  220.   
  221. tr2td1Obj = tr1td1Obj.cloneNode(false);  
  222.   
  223. tr2td2Obj = tr1td1Obj.cloneNode(false);  
  224.   
  225. tr3td1Obj = tr1td1Obj.cloneNode(false);  
  226.   
  227. tr3td2Obj = tr1td1Obj.cloneNode(false);  
  228.   
  229. row1cell1Obj = document.createTextNode("This is row 1, cell 1");  
  230.   
  231. row1cell2Obj = row1cell1Obj.cloneNode(false);  
  232.   
  233. row2cell1Obj = row1cell1Obj.cloneNode(false);  
  234.   
  235. row2cell2Obj = row1cell1Obj.cloneNode(false);  
  236.   
  237. row3cell1Obj = row1cell1Obj.cloneNode(false);  
  238.   
  239. row3cell2Obj = row1cell1Obj.cloneNode(false);  
  240.   
  241. row1cell2Obj.nodeValue = "This is row 1, cell 2";  
  242.   
  243. row2cell1Obj.nodeValue = "This is row 2, cell 1";  
  244.   
  245. row2cell2Obj.nodeValue = "This is row 2, cell 2";  
  246.   
  247. row3cell1Obj.nodeValue = "This is row 3, cell 1";  
  248.   
  249. row3cell2Obj.nodeValue = "This is row 3, cell 2";  
  250.   
  251. alert(  
  252.   
  253. "对页面内容进行修改后" + "\n" +  
  254.   
  255. "row1cell2Obj.firstChild = " + row1cell2Obj.firstChild+ "\n" +  
  256.   
  257. "row1cell2Obj = " + row1cell2Obj + "\n" +  
  258.   
  259. "row3cell2Obj.nodeValue = " + row3cell2Obj.nodeValue + "\n" +  
  260.   
  261. "tr3td2Obj.nodeName = " + tr3td2Obj.nodeName + "\n"  
  262.   
  263. );  
  264.   
  265. // --＞  
  266.   
  267. ＜/SCRIPT＞＜/BODY＞＜/HTML＞  
  268.   
  269. 上述代码中值得注意的是对文本项节点的处理方式：  
  270.   
  271.   
  272. 1、首先，使用语句row1cell1Obj = document.createTextNode("This is row 1, cell 
  273. 1")创建单元格（1，1）所在节点；  
  274.   
  275. 2、然后使用语句row1cell1Obj.cloneNode(false)分别创建其他单元格节点；  
  276.   
  277. 3、最后，使用语句node.nodeValue = string分别为不同单元格赋值。  
  278.   
  279.   
  280. 点击这里运行这个实例。  
  281.   
  282. JavaScript高级应用：使用DOM技术操纵文档  
  283. 使用appendChild方法  
  284.   
  285.   
  286. appendChild方法的功能是在2个节点间建立起父子关系，如果作为父亲的节点已经具有了孩子节点，那么新添加的孩子节点被追加为最后一个孩子，也就是lastChild。appendChild的语法是fatherObj.appendChild(childObj)，返回值是被追加的孩子节点。来看看下面的例子：  
  287.   
  288.   
  289. ＜HTML＞＜HEAD＞＜TITLE＞ DOM Demo ＜/title＞＜/HEAD＞  
  290.   
  291. ＜BODY ID="bodyNode"＞  
  292.   
  293. ＜SCRIPT LANGUAGE="JavaScript"＞  
  294.   
  295. ＜!--  
  296.   
  297. alert("页面初始状态");  
  298.   
  299. tableObj = document.createElement("TABLE");  
  300.   
  301. tbodyObj = document.createElement("TBODY");  
  302.   
  303. tr1Obj = document.createElement("TR");  
  304.   
  305. tr2Obj = tr1Obj.cloneNode();  
  306.   
  307. tr3Obj = tr1Obj.cloneNode();  
  308.   
  309. tr1td1Obj = document.createElement("TD");  
  310.   
  311. tr1td2Obj = tr1td1Obj.cloneNode();  
  312.   
  313. tr2td1Obj = tr1td1Obj.cloneNode();  
  314.   
  315. tr2td2Obj = tr1td1Obj.cloneNode();  
  316.   
  317. tr3td1Obj = tr1td1Obj.cloneNode();  
  318.   
  319. tr3td2Obj = tr1td1Obj.cloneNode();  
  320.   
  321. row1cell1Obj = document.createTextNode("This is row 1, cell 1");  
  322.   
  323. row1cell2Obj = row1cell1Obj.cloneNode();  
  324.   
  325. row2cell1Obj = row1cell1Obj.cloneNode();  
  326.   
  327. row2cell2Obj = row1cell1Obj.cloneNode();  
  328.   
  329. row3cell1Obj = row1cell1Obj.cloneNode();  
  330.   
  331. row3cell2Obj = row1cell1Obj.cloneNode();  
  332.   
  333. row1cell2Obj.nodeValue = "This is row 1, cell 2";  
  334.   
  335. row2cell1Obj.nodeValue = "This is row 2, cell 1";  
  336.   
  337. row2cell2Obj.nodeValue = "This is row 2, cell 2";  
  338.   
  339. row3cell1Obj.nodeValue = "This is row 3, cell 1";  
  340.   
  341. row3cell2Obj.nodeValue = "This is row 3, cell 2";  
  342.   
  343. returnValue = tableObj.appendChild(tbodyObj);  
  344.   
  345. tbodyObj.appendChild(tr1Obj);  
  346.   
  347. tbodyObj.appendChild(tr2Obj);  
  348.   
  349. tbodyObj.appendChild(tr3Obj);  
  350.   
  351. tr1Obj.appendChild(tr1td1Obj);  
  352.   
  353. tr1Obj.appendChild(tr1td2Obj);  
  354.   
  355. tr2Obj.appendChild(tr2td1Obj);  
  356.   
  357. tr2Obj.appendChild(tr2td2Obj);  
  358.   
  359. tr3Obj.appendChild(tr3td1Obj);  
  360.   
  361. tr3Obj.appendChild(tr3td2Obj);  
  362.   
  363. tr1td1Obj.appendChild(row1cell1Obj);  
  364.   
  365. tr1td2Obj.appendChild(row1cell2Obj);  
  366.   
  367. tr2td1Obj.appendChild(row2cell1Obj);  
  368.   
  369. tr2td2Obj.appendChild(row2cell2Obj);  
  370.   
  371. tr3td1Obj.appendChild(row3cell1Obj);  
  372.   
  373. tr3td2Obj.appendChild(row3cell2Obj);  
  374.   
  375. bodyNode.appendChild(tableObj);  
  376.   
  377. alert("对页面内容进行修改后");  
  378.   
  379. // --＞  
  380.   
  381. ＜/SCRIPT＞＜/BODY＞＜/HTML＞  
  382.   
  383. 上面的代码演示了一个Table的动态创建过程。首先创建Table的各个行、列以及单元格的节点，然后使用appendChild将这些节点进行连接形成一个Table，最后通过语句bodyNode.appendChild(tableObj)将Table装载进文档中。点击这里运行这个实例  
  384.   
  385. JavaScript高级应用：使用DOM技术操纵文档  
  386. 使用applyElement方法  
  387.   
  388.   
  389. applyElement方法的功能是将一个节点与它的孩子节点和父亲节点脱离，然后将另外一个节点连接到这个节点，最终使它们成为父子关系。applyElement的语法是childObj.applyElement(fatherObj)，返回值是被连接的孩子节点。  
  390.   
  391.   
  392. 我们注意到，applyElement和appendChild实现的目的基本相同，都是在2个节点间建立父子关系，但有2个区别：  
  393.   
  394.   
  395. 1、applyElement方法只能操纵HTML标记节点，不能处理文本项节点。appendNode则能处理2种节点。  
  396.   
  397. 2、appendNode对2个节点的连接方式是从父到子，applyElement则是从子到父。  
  398.   
  399.   
  400. 来看看下面的例子：  
  401.   
  402.   
  403. ＜HTML＞＜HEAD＞＜TITLE＞ DOM Demo ＜/title＞＜/HEAD＞  
  404.   
  405. ＜BODY ID="bodyNode"＞  
  406.   
  407. ＜SCRIPT LANGUAGE="JavaScript"＞  
  408.   
  409. ＜!--  
  410.   
  411. alert("页面初始状态");  
  412.   
  413. tableObj = document.createElement("TABLE");  
  414.   
  415. tbodyObj = document.createElement("TBODY");  
  416.   
  417. tr1Obj = document.createElement("TR");  
  418.   
  419. tr2Obj = tr1Obj.cloneNode();  
  420.   
  421. tr3Obj = tr1Obj.cloneNode();  
  422.   
  423. tr1td1Obj = document.createElement("TD");  
  424.   
  425. tr1td2Obj = tr1td1Obj.cloneNode();  
  426.   
  427. tr2td1Obj = tr1td1Obj.cloneNode();  
  428.   
  429. tr2td2Obj = tr1td1Obj.cloneNode();  
  430.   
  431. tr3td1Obj = tr1td1Obj.cloneNode();  
  432.   
  433. tr3td2Obj = tr1td1Obj.cloneNode();  
  434.   
  435. row1cell1Obj = document.createTextNode("This is row 1, cell 1");  
  436.   
  437. row1cell2Obj = row1cell1Obj.cloneNode();  
  438.   
  439. row2cell1Obj = row1cell1Obj.cloneNode();  
  440.   
  441. row2cell2Obj = row1cell1Obj.cloneNode();  
  442.   
  443. row3cell1Obj = row1cell1Obj.cloneNode();  
  444.   
  445. row3cell2Obj = row1cell1Obj.cloneNode();  
  446.   
  447. row1cell2Obj.nodeValue = "This is row 1, cell 2";  
  448.   
  449. row2cell1Obj.nodeValue = "This is row 2, cell 1";  
  450.   
  451. row2cell2Obj.nodeValue = "This is row 2, cell 2";  
  452.   
  453. row3cell1Obj.nodeValue = "This is row 3, cell 1";  
  454.   
  455. row3cell2Obj.nodeValue = "This is row 3, cell 2";  
  456.   
  457. tr1td1Obj.appendChild(row1cell1Obj);  
  458.   
  459. tr1td2Obj.appendChild(row1cell2Obj);  
  460.   
  461. tr2td1Obj.appendChild(row2cell1Obj);  
  462.   
  463. tr2td2Obj.appendChild(row2cell2Obj);  
  464.   
  465. tr3td1Obj.appendChild(row3cell1Obj);  
  466.   
  467. tr3td2Obj.appendChild(row3cell2Obj);  
  468.   
  469. tr1td1Obj.applyElement(tr1Obj);  
  470.   
  471. tr1Obj.appendChild(tr1td2Obj);  
  472.   
  473. tr2td1Obj.applyElement(tr2Obj);  
  474.   
  475. tr2Obj.appendChild(tr2td2Obj);  
  476.   
  477. tr3td1Obj.applyElement(tr3Obj);  
  478.   
  479. tr3Obj.appendChild(tr3td2Obj);  
  480.   
  481. tr1Obj.applyElement(tbodyObj);  
  482.   
  483. tbodyObj.appendChild(tr2Obj);  
  484.   
  485. tbodyObj.appendChild(tr3Obj);  
  486.   
  487. returnValue = tbodyObj.applyElement(tableObj);  
  488.   
  489. bodyNode.appendChild(tableObj);  
  490.   
  491. alert("对页面内容进行修改后");  
  492.   
  493. // --＞  
  494.   
  495. ＜/SCRIPT＞＜/BODY＞＜/HTML＞  
  496.   
  497. 上面的代码同样演示了一个Table的动态创建过程。首先创建Table的各个行、列以及单元格的节点，然后混合使用applyElement和appendChild将这些节点进行连接形成一个Table，最后通过语句bodyNode.appendChild(tableObj)将Table装载进文档中。点击这里运行这个实例。  
  498.   
  499. JavaScript高级应用：使用DOM技术操纵文档  
  500.  使用insertBefore方法  
  501.   
  502.   
  503. insertBefore方法的功能和appendChild相似，都是将一个孩子节点连接到一个父亲节点，但insertBefore方法允许我们指定孩子节点的位置。insertBefore的语法是fatherObj.insertBefore(childObj,  
  504. brotherObj)，返回值是被连接的孩子节点。执行后，childObj的位置在brotherObj之前。来看看下面的例子：  
  505.   
  506. ＜HTML＞＜HEAD＞＜TITLE＞ DOM Demo ＜/title＞＜/HEAD＞  
  507.   
  508. ＜BODY ID="bodyNode"＞  
  509.   
  510. ＜SCRIPT LANGUAGE="JavaScript"＞  
  511.   
  512. ＜!--  
  513.   
  514. alert("页面初始状态");  
  515.   
  516. tableObj = document.createElement("TABLE");  
  517.   
  518. tbodyObj = document.createElement("TBODY");  
  519.   
  520. tr1Obj = document.createElement("TR");  
  521.   
  522. tr2Obj = tr1Obj.cloneNode();  
  523.   
  524. tr3Obj = tr1Obj.cloneNode();  
  525.   
  526. tr1td1Obj = document.createElement("TD");  
  527.   
  528. tr1td2Obj = tr1td1Obj.cloneNode();  
  529.   
  530. tr2td1Obj = tr1td1Obj.cloneNode();  
  531.   
  532. tr2td2Obj = tr1td1Obj.cloneNode();  
  533.   
  534. tr3td1Obj = tr1td1Obj.cloneNode();  
  535.   
  536. tr3td2Obj = tr1td1Obj.cloneNode();  
  537.   
  538. row1cell1Obj = document.createTextNode("This is row 1, cell 1");  
  539.   
  540. row1cell2Obj = row1cell1Obj.cloneNode();  
  541.   
  542. row2cell1Obj = row1cell1Obj.cloneNode();  
  543.   
  544. row2cell2Obj = row1cell1Obj.cloneNode();  
  545.   
  546. row3cell1Obj = row1cell1Obj.cloneNode();  
  547.   
  548. row3cell2Obj = row1cell1Obj.cloneNode();  
  549.   
  550. row1cell2Obj.nodeValue = "This is row 1, cell 2";  
  551.   
  552. row2cell1Obj.nodeValue = "This is row 2, cell 1";  
  553.   
  554. row2cell2Obj.nodeValue = "This is row 2, cell 2";  
  555.   
  556. row3cell1Obj.nodeValue = "This is row 3, cell 1";  
  557.   
  558. row3cell2Obj.nodeValue = "This is row 3, cell 2";  
  559.   
  560. returnValue = tableObj.insertBefore(tbodyObj);  
  561.   
  562. tbodyObj.insertBefore(tr3Obj);  
  563.   
  564. tbodyObj.insertBefore(tr2Obj, tr3Obj);  
  565.   
  566. tbodyObj.insertBefore(tr1Obj, tr2Obj);  
  567.   
  568. tr1Obj.insertBefore(tr1td2Obj);  
  569.   
  570. tr1Obj.insertBefore(tr1td1Obj, tr1td2Obj);  
  571.   
  572. tr2Obj.insertBefore(tr2td2Obj);  
  573.   
  574. tr2Obj.insertBefore(tr2td1Obj, tr2td2Obj);  
  575.   
  576. tr3Obj.insertBefore(tr3td2Obj);  
  577.   
  578. tr3Obj.insertBefore(tr3td1Obj, tr3td2Obj);  
  579.   
  580. tr1td2Obj.insertBefore(row1cell2Obj);  
  581.   
  582. tr1td1Obj.insertBefore(row1cell1Obj);  
  583.   
  584. tr2td2Obj.insertBefore(row2cell2Obj);  
  585.   
  586. tr2td1Obj.insertBefore(row2cell1Obj);  
  587.   
  588. tr3td2Obj.insertBefore(row3cell2Obj);  
  589.   
  590. tr3td1Obj.insertBefore(row3cell1Obj);  
  591.   
  592. bodyNode.insertBefore(tableObj);  
  593.   
  594. // --＞  
  595.   
  596. ＜/SCRIPT＞＜/BODY＞＜/HTML＞  
  597.   
  598. 上面的代码又一次演示了一个Table的动态创建过程。首先创建Table的各个行、列以及单元格的节点，然后混合使用insertBefore将这些节点进行连接形成一个Table，最后通过语句bodyNode.  
  599. insertBefore (tableObj)将Table装载进文档中。可以看到，如果省略掉第2个参数brotherObj采用fatherObj.insertBefore(childObj)方式，那么一定是在要连入的父亲节点还没有孩子节点的情况下，这时，就和appendNode方法的功能完全一样了。点击这里运行这个实例。  
  600.   
  601.   
  602. 使用removeNode方法  
  603.   
  604.   
  605. removeNode方法的功能是删除一个节点，语法为node.removeNode（false）或者node.removeNode（true），返回值是被删除的节点。removeNode（false）表示仅仅删除指定节点，然后这个节点的原孩子节点提升为原双亲节点的孩子节点。removeNode（true）表示删除指定节点及其所有下属节点。被删除的节点成为了孤立节点，不再具有有孩子节点和双亲节点。来看看下面的例子：  
  606.   
  607. ＜HTML＞＜HEAD＞＜TITLE＞DOM Demo＜/TITLE＞＜/HEAD＞  
  608.   
  609. ＜BODY id=bodyNode＞This is the document body  
  610.   
  611. ＜P id=p1Node＞This is paragraph 1.＜/P＞  
  612.   
  613. ＜P id=p2Node＞This is paragraph 2.＜/P＞  
  614.   
  615. ＜P id=p3Node＞This is paragraph 3. ＜IMG id=imgNode  
  616.   
  617. src="myexam.gif"＞This text follows the image  
  618.   
  619. ＜TABLE id=tableNode＞  
  620.   
  621. ＜TBODY＞  
  622.   
  623. ＜TR＞  
  624.   
  625. ＜TD bgColor=yellow＞This is row 1, cell 1＜/TD＞  
  626.   
  627. ＜TD bgColor=orange＞This is row 1, cell 2＜/TD＞＜/TR＞  
  628.   
  629. ＜TR＞  
  630.   
  631. ＜TD bgColor=red＞This is row 2, cell 1＜/TD＞  
  632.   
  633. ＜TD bgColor=magenta＞This is row 2, cell 2＜/TD＞＜/TR＞  
  634.   
  635. ＜TR＞  
  636.   
  637. ＜TD bgColor=lightgreen＞This is row 3, cell 1＜/TD＞  
  638.   
  639. ＜TD bgColor=beige＞This is row 3, cell 2＜/TD＞＜/TR＞＜/TBODY＞＜/TABLE＞＜/P＞  
  640.   
  641. ＜P id=p4Node＞This is paragraph 4.＜/P＞  
  642.   
  643. ＜SCRIPT language=JavaScript＞  
  644.   
  645. ＜!--  
  646.   
  647. var msg = "";  
  648.   
  649. function printChildren() {  
  650.   
  651. childCount = bodyNode.childNodes.length;  
  652.   
  653. msg += "bodyNode.childNodes.length = " + bodyNode.childNodes.length + "\n" ;  
  654.   
  655. for(var i = 0; i ＜ childCount; i++) {  
  656.   
  657. msg += "bodyNode.childNodes[i].nodeName = " +  
  658. bodyNode.childNodes[i].nodeName + "\n";  
  659.   
  660. }  
  661.   
  662. alert(msg);  
  663.   


已有 5 人发表留言，猛击->>这里<<-参与讨论


JavaEye推荐



]]> Tue, 10 Apr 2007 10:29:39 +0800 http://avengerbevis.javaeye.com/blog/69536 http://avengerbevis.javaeye.com/blog/69536 Velocity手册 AvengerBevis 作者: AvengerBevis  链接：http://avengerbevis.javaeye.com/blog/69529  发表时间: 2007年04月10日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

创建人：王艺

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模型进行开发。

Velocity能为我们作什么？
The Mud Store Example
假 设你是一家专门出售Mud的在线商店的页面设计人员，让我们暂且称它为"在线MUD商店"。你们的业务很旺，客户下了各种类型和数量的mud订单。他们都 是通过输入用户名和密码后才登陆到你的网站，登陆后就允许他们查看订单并购买更多的mud。现在，一种非常流行的mud正在打折销售。另外有一些客户规律 性的购买另外一种也在打折但是不是很流行的Bright Red Mud，由于购买的人并不多所以它被安置在页面的边缘。所有用户的信息都是被跟踪并存放于数据库中的，所以某天有一个问题可能会冒出来：为什么不使用 velocity来使用户更好的浏览他们感兴趣的商品呢？
Velocity使得web页面的客户化工作非常容易。作为一个web site的设计人员，你希望每个用户登陆时都拥有自己的页面。
你会见了一些公司内的软件工程师，你发现他们每个人都同意客户应该拥有具有个性化的信息。那让我们把软件工程师应该作的事情发在一边，看一看你应该作些什么吧。
你可能在页面内嵌套如下的VTL声明：


Hello $customer.Name!

#foreach( $mud in $nudsOnSpecial )
#if ( $customer.hasPurchased( $mud ) )

#end
#end
$flogger.getPromo( $mud )


Velocity Template Language(VTL):AN introduction
VTL意味着提供最简单、最容易并且最整洁的方式合并页面动态内容。
VTL 使用references来在web site内嵌套动态内容，一个变量就是一种类型的reference。变量是某种类型的refreence，它可以指向java代码中的定义，或者从当前 页面内定义的VTL statement得到值。下面是一个VTL statement的例子，它可以被嵌套到HTML代码中：
  #set ( $a = "Velocity" )
和 所有的VTL statement一样，这个statement以＃字符开始并且包含一个directive：set。当一个在线用户请求你的页面时，Velocity Templating Engine将查询整个页面以便发现所有＃字符，然后确定哪些是VTL statement，哪些不需要VTL作任何事情。
＃字符后紧跟一个directive：set时，这个set directive使用一个表达式（使用括号封闭）――一个方程式分配一个值给变量。变量被列在左边，而它的值被列在右边，最后他们之间使用＝号分割。
在上面的例子中，变量是$a，而它的值是Velocity。和其他的references一样以$字符开始，而值总是以双引号封闭。Velocity中仅有String可以被赋值给变量。
记住以下的规则：
使用$字符开始的references用于得到什么；使用#字符开始的directives用于作些什么。
Hello Velocity World!
一旦某个变量被分配了一个值，那么你就可以在HTML文件的任何地方引用它。在下面的例子中，一个值被分配给$foo变量，并在其后被引用。


#set ( $foo = "Velocity" )
Hello $foo World!


上面的实现结果是在页面上打印"Hello Velocity World！"
为了使包含VTL directives的statement更具有可读性，我们鼓励你在新行开始每个VTL statement，尽管你不是必须这么作。Set directive将在后面详细描述。
注释
单行注释：
  ## This is a single line comment.
多行注释：
  #*
   Thus begins a multi-line comment. Online visitors won't
   see this text because the Velocity Templating Engine will
ignore it.
  *#
文档格式：
  #**
   This is a VTL comment block and
   may be used to store such information
as the document author and versioning
   information:
   @version 5
   @author
  *#

References
在VTL 中有三种类型的references：变量(variables)、属性(properties)、方法(methods)。作为一个使用VTL的页面设 计者，你和你的工程师必须就references的名称达成共识，以便你可以在你的template中使用它们。
Everything coming to and from a reference被作为一个String对象处理。如果有一个对象$foo是一个Integer对象，那么Velocity将调用它的toString()方法将这个对象转型为String类型。
  变量
  格式要求同java。
  属性
  例子：
    $customer.Address
    $purchase.Total
$customer.Address 有两种含义。它可以表示：查找hashtable对象customer中以Address为关键字的值；也可以表示调用customer对象的 getAddress()方法。当你的页面被请求时，Velocity将确定以上两种方式选用那种，然后返回适当的值。
方法
一个方法就是被定义在java中的一段代码，并且它有完成某些有用工作的能力，例如一个执行计算和判断条件是否成立、满足等。方法是一个由$开始并跟随VTL标识符组成的References，一般还包括一个VTL方法体。例如：
  $customer.getAddress()
  $purchase.getTotal()
  $page.setTitle( "My Home Page" )
  $person.setAttributes( ["Strange", "Weird", "Excited"] )
前两个例子$customer.getAddress()和$purchase.getTotal()看起来挺想上面的属性$customer.Address 和 $purchase.Total。如果你觉得他们之间有某种联系的话，那你是正确的。
VTL属性可以作为VTL方法的缩写。$customer.Address属性和使用$customer.getAddress()方法具有相同的效果。如果可能的话使用属性的方式是比较合理的。属性和方法的不同点在于你能够给一个方法指定一个参数列表。
正式reference标记
reference的正是格式如下：
  ${mudSlinger}        变量
  ${customer.Address}    属性
  ${purchase.getTotal()}    方法
非正是格式更见常用，但是有时还是使用正是格式比较适合。例如：你希望通过一个变量$vice来动态的组织一个字符串。
  Jack is a $vicemaniac.
本来变量是$vice现在却变成了$vicemaniac，这样Veloctiy就不知道您到底要什么了。所以，应该使用正是格式书写
  Jack is a ${vice}maniac
现在Velocity知道变量是$vice而不是$vicemaniac。
Quiet reference notation
例如：
 
当页面的form被初始加载时，变量$email还没有值，这时你肯定是希望它能够显示一个blank text来代替输出"$email"这样的字段。那么使用quiet reference notation就比较合适。
 
这样文本框的初始值就不会是email而是空值了。
正式和quiet格式的reference notation也可一同使用，像下面这样：
 
Getting literal
Velocity使用特殊字符$和#来帮助它工作，所以如果要在template里使用这些特殊字符要格外小心。本节将讨论$字符。
  货币字符
在VTL中使用$2.5这样的货币标识是没有问题得的，VTL不会将它错认为是一个reference，因为VTL中的reference总是以一个大写或者小写的字母开始。
Escaping valid VTL reference
VTL中使用"\"作为逃逸符。
例如：
  #set( $email = "foo" )
  $email
  \$email
  \\$email
  \\\$email
将render为：
  foo
  $email
  \foo
  \\$email
如果email变量没有被定义则
  $email
  \$email
  \\$email
  \\\$email
将被render为：
  $email
  \$email
  \\$email
  \\\$email
注意：VTL中未被定义的变量将被认为是一个字符串，所以以下例子：
  #set( $foo = "gibbous" )
  $moon = $foo
的输出结果是：
$moon = gibbous
Case substitution
现在你已经对reference比较熟悉了，你可以将他们高效的应用于你的template了。Velocity利用了很多java规范以方便了设计人员的使用。例如：
  $foo
  $foo.getBar()
  ## is the same as
  $foo.Bar

  $data.getUser("jon")
  ## is the same as
  $data.User("jon")

  $data.getRequest().getServerName()
  # is the same as
  $data.Request.ServerName
  ## is the same as
  ${data.Request.ServerName}
但是，注意VTL中不会将reference解释为对象的实例变量。例如：$foo.Name将被解释为Foo对象的getName（）方法，而不是Foo对象的Name实例变量。
Directives
Reference允许设计者使用动态的内容，而directive使得你可以应用java代码来控制你的显示逻辑，从而达到你所期望的显示效果。
  #set
  #set directive被用于设置一个reference的值。例如：
    #set ( $primate = "monkey" )
    #set ( $customer.Behavior = $primate )
赋值左侧的（LHS）必须是一个变量或者属性reference。右侧（RHS）可以是以下类型中一种：
l  变量reference
l  String literal
l  属性reference
l  方法reference
l  number literal
l  ArrayList
下面是应用各种类型的RHS的例子：
  ＃set ( $monkey = $bill ) ##变量reference
  ＃set ( $monkey.Friend = "monica" ) ##String literal
  ＃set ( $monkey.Blame = $whitehouse.Leak )##属性reference
  ＃set ( $monkey.Plan = $spindoctor.weave($web) )##方法reference
  ＃set ( $monkey.Number = 123 )##Number literal
  ＃set ( $monkey.Say = ["Not", $my, "fault"] )##ArrayList
注意：最后一个例子的取值方法为：$monkey.Say.get(0)
RHS也可以是一个简单的算术表达式：
  #set ( $value = $foo + 1 )
  #set ( $value = $bar -1 )
#set ( $value = $foo * $bar )
#set ( $value = $foo / $bar )
如果你的RHS是一个null，VTL的处理将比较特殊：它将指向一个已经存在的reference，这对初学者来讲可能是比较费解的。例如：
  #set ( $resut = $query.criteria("name") )
  The result of the first query is $result

  #set ( $resut = $query.criteria("address") )
  The result of the second query is $result
如果$query.criteria("name")返回一个"bill"，而$query.criteria("address")返回的是null，则显示的结果如下：
  The result of the first query is bill
  The result of the first query is bill
看看下面的例子：
  #set( $criteria = ["name", "address"] )
#foreach( $criterion in $criteria )
#set( $result = $query.criteria($criterion) )
  #if( $result )
  Query was successful
     #end
#end
在 上面的例子中，程序将不能智能的根据$result的值决定查询是否成功。在$result被#set后（added to the context），它不能被设置回null（removed from the context）。打印的结果将显示两次查询结果都成功了，但是实际上有一个查询是失败的。
为了解决以上问题我们可以通过预先定义的方式：
  #set( $criteria = ["name", "address"] )
  #foreach( $criterion in $criteria )
    #set( $result = false )
    #set( $result = $query.criteria( $criterion ) )
    #if( $result )
      Query was successful
    #end
  #end
  String Literals
  当你使用#set directive，String literal封闭在一对双引号内。
    #set ( $directoryRoot = "www" )
    #set ( $templateName = "index.vm" )
    #set ( $template = "$directoryRoot/$tempateName" )
    $template
  上面这段代码的输出结果为：www/index.vm
  但是，当string literal被封装在单引号内时，它将不被解析：
    #set ( $foo = "bar" )
    $foo
    #set ( $blargh = '$foo' )
  结果：
    bar
    $foo
  上面这个特性可以通过修改velocity.properties文件的stringliterals.interpolate = false的值来改变上面的特性是否有效。
条件语句
  if/elseif/else
当一个web页面被生成时使用Velocity的#if directrive，如果条件成立的话可以在页面内嵌入文字。例如：
  #if ( $foo )
    Velocity!
  #end
上例中的条件语句将在以下两种条件下成立：
l  $foo是一个boolean型的变量，且它的值为true
l  $foo变量的值不为null
这里需要注意一点：Velocity context仅仅能够包含对象，所以当我们说"boolean"时实际上代表的时一个Boolean对象。即便某个方法返回的是一个boolean值，Velocity也会利用内省机制将它转换为一个Boolean的相同值。
如果条件成立，那么#if和#end之间的内容将被显示。
#elseif和#else元素可以同#if一同使用。例如：
  #if( $foo ＜ 10 )
     Go North
  #elseif( $foo == 10 )
     Go East
  #elseif( $foo == 6 )
     Go South
  #else
     Go West
  #end
注意这里的Velocity的数字是作为Integer来比较的――其他类型的对象将使得条件为false，但是与java不同它使用"＝＝"来比较两个值，而且velocity要求等号两边的值类型相同。
关系、逻辑运算符
Velocity中使用等号操作符判断两个变量的关系。例如：
#set ( $foo = "deoxyribonucleic acid" )
#set ( $bar = "ribonucleic acid" )
#if ( $foo == $foo )
  In this case it's clear they aren't equivalent.So…
#else
  They are not equivalent and this will be the output.
#end

Velocity有AND、OR和NOT逻辑运算符。下面是一些例子：
  ## logical AND
  #if( $foo && $bar )
     This AND that
  #end

  ## logical OR
  #if ( $foo || $bar )
    This OR That
  #end

  ##logical NOT
  #if ( !$foo )
     NOT that
  #end
循环
  Foreach循环
  例子：
    


            #foreach ( $product in $allProducts )
    *          $product

            #end
          


  每次循环$allProducts中的一个值都会赋给$product变量。
$allProducts 可以是一个Vector、Hashtable或者Array。分配给$product的值是一个java对象，并且可以通过变量被引用。例如：如果$ product是一个java的Product类，并且这个产品的名字可以通过调用他的getName（）方法得到。
现在我们假设$allProducts是一个Hashtable，如果你希望得到它的key应该像下面这样：


      #foreach ( $key in $allProducts.keySet() )
    * Key: $key -＞ Value: $allProducts.get($key)

      #end



Velocity还特别提供了得到循环次数的方法，以便你可以像下面这样作：

#foreach ( $customer in $customerList )

#end
$velocityCount    ＞$customer.Name

$velocityCount 变量的名字是Velocity默认的名字，你也可以通过修改velocity.properties文件来改变它。默认情况下，计数从"1"开始，但是你 可以在velocity.properties设置它是从"1"还是从"0"开始。下面就是文件中的配置：
  # Default name of loop counter
  # variable reference
  directive.foreach.counter.name = velocityCount

  # Default starting value of the loop
  # counter variable reference
  directive.foreach.counter.initial.value = 1

include
#include script element允许模板设计者引入本地文件。被引入文件的内容将不会通过模板引擎被render。为了安全的原因，被引入的本地文件只能在TEMPLATE_ROOT目录下。
  #inclued ( "one.txt" )
如果您需要引入多个文件，可以用逗号分隔就行：
  #include ( "one.gif", "two.txt", "three.htm" )
在括号内可以是文件名，但是更多的时候是使用变量的：
  #inclue ( "greetings.txt", $seasonalstock )

parse
#parse script element允许模板设计者一个包含VTL的本地文件。Velocity将解析其中的VTL并render模板。
  #parse( "me.vm" )
就像#include，#parse接受一个变量而不是一个模板。任何由#parse指向的模板都必须包含在TEMPLATE_ROOT目录下。与#include不同的是，#parse只能指定单个对象。
你可以通过修改velocity.properties文件的parse_direcive.maxdepth的值来控制一个template可以包含的最多#parse的个数――默认值是10。#parse是可以递归调用的，例如： 如果dofoo.vm包含如下行：
  Count down.
  #set ( $count = 8 )
  #parse ( "parsefoo.vm" )
  All done with dofoo.vm!
那么在parsefoo.vm模板中，你可以包含如下VTL：
  $count
  #set ( $count = $count – 1 )
  #if ( $count ＞ 0 )
    #parse( "parsefoo.vm" )
  #else
    All done with parsefoo.vm!
  #end
的显示结果为：
  Count down.
  8
  7
  6
  5
  4
  3
  2
  1
  0
  All done with parsefoo.vm!
All done with dofoo.vm!

Stop
#stop script element允许模板设计者停止执行模板引擎并返回。把它应用于debug是很有帮助的。
  #stop

Velocimacros
#macro script element允许模板设计者定义一段可重用的VTL template。例如：
  #macro ( d )
 
  #end
在上面的例子中Velocimacro被定义为d，然后你就可以在任何VTL directive中以如下方式调用它：
  #d()
当你的template被调用时，Velocity将用替换为#d()。
每个Velocimacro可以拥有任意数量的参数――甚至0个参数，虽然定义时可以随意设置参数数量，但是调用这个Velocimacro时必须指定正确的参数。下面是一个拥有两个参数的Velocimacro，一个参数是color另一个参数是array：
  #macro ( tablerows $color $somelist )
  #foreach ( $something in $somelist )
    $something＜/tr＞
  #end
  #end
调用#tablerows Velocimacro：
  #set ( $greatlakes = [ "Superior", "Michigan", "Huron", "Erie", "Ontario" ] )
  #set ( $color = "blue" )
 
    #tablerows( $color $greatlakes )
 

经过以上的调用将产生如下的显示结果：
 
    
    
    
    
    
 
Superior
Michigan
Huron
Erie
Ontario

Velocimacros 可以在Velocity模板内实现行内定义（inline），也就意味着同一个web site内的其他Velocity模板不可以获得Velocimacros的定义。定义一个可以被所有模板共享的Velocimacro显然是有很多好处 的：它减少了在一大堆模板中重复定义的数量、节省了工作时间、减少了出错的几率、保证了单点修改。
上面定义的#tablerows( $color $list )Velocimacro被定义在一个Velocimacros模板库(在velocity.properties中定义)里，所以这个macro可以在 任何规范的模板中被调用。它可以被多次应用并且可以应用于不同的目的。例如下面的调用：
  #set ( $parts = [ "volva", "stipe", "annulus", "gills", "pileus" ] )
  #set ( $cellbgcol = "#CC00FF" )
 
    #tablerows( $cellbgcol $parts )
 

上面VTL将产生如下的输出：
 
    
    
    
    
    
 
volva
stipe
annulus
gills
pileus

  Velocimacro arguments
  Velocimacro可以使用以下任何元素作为参数：
l  Reference：任何以$开头的reference
l  String literal：
l  Number literal：
l  IntegerRange：[1….3]或者[$foo….$bar]
l  对象数组：["a","b","c"]
l  boolean值：true、false
当 将一个reference作为参数传递给Velocimacro时，请注意reference作为参数时是以名字的形式传递的。这就意味着参数的值在每次 Velocimacro内执行时才会被产生。这个特性使得你可以将一个方法调用作为参数传递给Velocimacro，而每次Velocimacro执行 时都是通过这个方法调用产生不同的值来执行的。例如：
  #macro ( callme $a )
    $a $a $a
  #end
  #callme( $foo.bar() )
执行的结果是：reference $foo的bar（）方法被执行了三次。
如果你不需要这样的特性可以通过以下方法：
  #set ( $myval = $foo.bar() )
  #callme ( $myval )

Velocimacro properties
Velocity.properties文件中的某几行能够使Velocimacros的实现更加灵活。注意更多的内容可以看Developer Guide。
Velocity.properties文件中的velocimacro.libraary：一个以逗号分隔的模板库列表。默认情况下，velocity查找唯一的一个库：VM_global_library.vm。你可以通过配置这个属性来指定自己的模板库。
Velocity.properties 文件中的velocimacro.permissions.allow.inline属性：有两个可选的值true或者false，通过它可以确定 Velocimacros是否可以被定义在regular template内。默认值是ture――允许设计者在他们自己的模板中定义Velocimacros。
Velocity.properties文件中的
velocimacro.permissions.allow.inline.replace.global 属性有两个可