文档章节

【Velocity模板引擎】前端页面#if...#elseif...#end语句用法

pocher
 pocher
发布于 2017/04/02 18:04
字数 551
阅读 2693
收藏 0

Velocity官方简介:

Velocity是基于java的一套模板引擎,它让我们可以用简单的模板语言和后台的java代码关联起来。通过MVC架构,Velocity可以让web端开发和java后台可发同时进行,这样web端(前端页面)开发人员就可以专心于开发漂亮的页面,而后端java开发人员就可以专注于后台一流代码的编写。它让前后端的开发分离开来。

使用Velocity模板的页面文件是以.vm结尾的和.jsp很像。

1、判读语句

#if(条件)

      内容

#elseif

      内容

#end

例子1:

  • 可以用在<div>、<input>、<a>...等标签外

#if($!{userResult.userStatus} == 11 || $!{userResult.userStatus} == 10)
    <div class="ui-tips refund-nt"><i class="iconfont"></i>代码。。。</div>
#end

  • 还可以用在<div>、<input>、<a>...等标签内

<input type="text" #if($!{userResult.name}) value="$!{userResult.name}" #elseif  value="Hellopocher" #end>

2、循环语句,

#foreach(one in ones)

     内容 ($velocityCount 放在#foreach循环中是一个角标)

#end

例子1:

#foreach($!{one} in $!{ones})

    <a href="$!{one.url}" ></a>
 #end

3、${}与$!{}区别

例子:

${str}:如果str没有值,则页面显示str本身;

$!{str}:如果str没有值,则页面显示“”(“”在页面上的显示效果就是啥也看不到);

4、#set用法

#set是用来定义变量的

例子:

#set( $name = "pocher!" )
Welcome $name to oschina.net
执行后结果

Welcome pocher! to oschina.net

总结:Velocity就是Servlet + Velocity的模式,早期我们使用的Jsp开发模式Jsp+JavaBean,我们更改为Servlet+JavaBean+Velocity,想想是不是已经替代了Jsp+JavaBean,并更彻底的把Java代码去除在Jsp(vm)外,如果光使用Struts(Servlet+Jsp),那么带来的代价是Java代码总或多或少出现在Jsp上,即使可以做到不出现Java代码,但做过复杂架构系统的开发者都知道,代价也是很昂贵的,并且在可维护性、和网页设计师的集成开发上存在一定的困难,所以我们在这里能感觉到,Servlet+JavaBean+Velocity的模式较好的实现了OOD的概念。而在效率上,大家也不用担心,此种结合方式比Servlet+Jsp的方式要高效一些。

© 著作权归作者所有

共有 人打赏支持
pocher
粉丝 6
博文 36
码字总数 24616
作品 0
昌平
程序员
私信 提问
前端HTML模板解析引擎 - domTemplate.js

一个非侵入式、不会破坏原来静态页面结构、可被浏览器正确显示的、格式良好的前端HTML模板引擎。彻底实现前后端分离,让后端专注业务的处理。 传统MVC开发模式,V层使用服务器端渲染。美工设...

parky_18
2016/06/16
0
0
跨语言模板引擎--Crox

Crox 是一个由 JavaScript 语言实现的高性能跨语言模板引擎。Crox 模板可以直接在JavaScript环境中使用,也可以翻译成 PHP、JSP 等其他编程语言的可执行方法或翻译成 Velocity、Smarty 等其他...

叶秀兰
2015/02/03
857
0
J2EE Velocity 前端集成方案--jello

jello 是针对服务端为 JAVA + Velocity 的前端集成解决方案。jello 为优化前端开发而生,提供前后端开发分离、自动性能优化、模块化开发机制等功能。 前后端分离 基于 velocity 模板引擎实现...

叶秀兰
2014/07/28
3.3K
0
模板引擎 Velocity

Velocity简介 Velocity是一个基于java的模板引擎(template engine)。它允许任何人仅仅简单的使用模板语言(template language)来引用由java代码定义的对象。 当Velocity应用于web开发时,...

黎嘉诚
2016/12/07
90
0
velocity用户指南 超全面的中文教材 分享

1. 关于 Velocity 用户指南旨在帮助页面设计者和内容提供者了解 Velocity 和其简单而又强大的脚本语言( Velocity Template Language (VTL) )。本指南中有很多示例展示了用 Velocity 来讲动...

整理秀逗的脑袋
2011/12/08
7.9K
13

没有更多内容

加载失败,请刷新页面

加载更多

聊聊ShenandoahGC的Brooks Pointers

序 本文主要研究一下ShenandoahGC的Brooks Pointers Shenandoah Shenandoah面向low-pause-time的垃圾收集器,它的GC cycle主要有 Snapshot-at-the-beginning concurrent mark包括Init Mark(P......

go4it
昨天
1
0
Makefile通用编写规则

#简单实用的Makefile模板: objs := a.o b.o test:$(objs) gcc -o test $^ # .a.o.d .b.o.d dep_files := $(foreach f,$(objs),.$(f).d) dep_files := $(wildcard $(dep_files)) ifneq ($(d......

shzwork
昨天
1
0
《万历十五年》的读后感作文4000字

《万历十五年》的读后感作文4000字: 万历十五年,即1587年,距今已过去432年。在明朝276的历史中,这一年很平淡,并没有什么特别之处。黄仁宇的《万历十五年》一书,有别于其他的历史叙述方...

原创小博客
昨天
0
0
vue组件系列4、Table封装下

知道了slot 怎么用,才可以理解table这样封装的原因 table插件部分 <template> <div> <!-- 关键字部分 --> <div class="pre_search" v-show="show_key"> <label>关键字:......

轻轻的往前走
昨天
0
0
laravel嵌套预加载限制字段

之前有写过laravel关联查询的坑,后经一位博友提醒可以简写,详见https://my.oschina.net/u/3470006/blog/3020215 自己实践了下果然如此,要查询user表和与之关联的信息表userinfo直接可以用...

gcudwork
昨天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部