Freemarker基本指令语法和集合指令语法

这篇具有很好参考价值的文章主要介绍了Freemarker基本指令语法和集合指令语法。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

Freemarker是一款 模板引擎:即一种基于模板和要改变的数据,并用来生成输出文本(HTML网页,电子邮件,配置文件,源代码等)的通用工具。它不是面向最终用户的,而是一个Java类库,是一款程序员可以嵌入他们所开发产品的组件。

Freemarker基础语法种类

1、注释,即<#-- -->,介于其之间的内容会被freemarker忽略

<#--我是一个freemarker注释-->

2、插值(Interpolation):即 . . 部分 , f r e e m a r k e r 会用真实的值代替 {..}部分,freemarker会用真实的值代替 ..部分,freemarker会用真实的值代替{…}

Hello ${name}

3、FTL指令:和HTML标记类似,名字前加#予以区分,Freemarker会解析标签中的表达式或逻辑。

<# >FTL指令</#>

4、文本,仅文本信息,这些不是freemarker的注释、插值、FTL指令的内容会被freemarker忽略解析,直接输出内容。

<#--freemarker中的普通文本-->
我是一个普通的文本

集合指令-List

集合指令List的指令格式如下:

<#list></#list>

例子:

<#list stus as stu>
   <tr>
      <td>${stu_index+1}</td>
      <td>${stu.name}</td>
      <td>${stu.age}</td>
      <td>${stu.money}</td>
   </tr>
</#list>

${k_index}:得到循环的下标,使用方法是在stu后边加"_index",它的值是从0开始。

集合指令-Map

1.获取map中的值

map['keyname'].property
map.keyname.property

2.遍历map

<#list userMap?keys as key>
    key:${key}--value:${userMap["${key}"]}
</#list>

if指令

if指令的语法格式如下:

<#if expression>
<#else>
</#if>

需求:在list集合中判断学生为小红的数据字体显示为红色。

<#if stu.name='小红'>
   <tr style="color: red">
       <td>${stu_index}</td>
       <td>${stu.name}</td>
       <td>${stu.age}</td>
       <td>${stu.money}</td>
   </tr>
<#else >
   <tr>
   <td>${stu_index}</td>
   <td>${stu.name}</td>
   <td>${stu.age}</td>
   <td>${stu.money}</td>
</tr>
</#if>

在freemarker中,判断是否相等,=与==是一样的。

FreeMarker表达式中完全支持算术运算,FreeMarker支持的算术运算符包括:

①加法:+

②减法:-

③乘法:*

④除法:/

⑤求模(求余):%

常见的比较运算符,和它们用途说明如下表:

Freemarker基本指令语法和集合指令语法,chrome,前端

注意事项:=和!=可以用于字符串、数值和日期来比较是否相等

=和!=两边必须是相同类型的值,否则会产生错误字

符串"x"、"x "、"X"比较是不等的.因为FreeMarker是精确比较

gt代替>, FreeMarker会把>解释成FTL标签的结束字符,可使用括号避免这种情况,如:<#if (x>y)>

空值处理

1、判断某变量是否存在使用"??"用法为:variable??,如果该变量存在,返回true,否则返回false。

例:为防止stus为空报错可以加上判断如下:

<#if stus??>
   <#list stus as stu>
       ......
   </#list>
</#if>

2、缺失变量默认值使用"!"

使用!要以指定一个默认值,当变量为空时显示默认值,例如${name!‘’}表示如果name为空显示空字符串。

如果是嵌套对象则建议使用()括起来,例如${(stu.name)!‘’}表示,如果stu或name为空默认显示空字符串。

内建函数

内建函数语法格式:变量+?+函数名称
1.集合的大小。

${集合名?size}

2.日期格式化

显示年月日: ${today?date}
显示时分秒:${today?time}
显示日期+时间:${today?datetime}
自定义格式化:${today?string("yyyy年MM月")}

3.内建函数c

model.addAttribute("point", 102920122);

point是数字型,使用${point}会显示这个数字的值,每三位使用逗号分隔。如果不想显示为每三位分隔的数字,可以使用c函数将数字型转成字符串输出。

${point?c}

4.将json字符串转成对象

一个例子:其中用到了assign标签,assign的作用是定义一个变量。文章来源地址https://www.toymoban.com/news/detail-569436.html

<#assign text="{'bank':'工商银行','account':'10101920201920212'}" />
<#assign data=text?eval />
开户行:${data.bank}账号:${data.account}

到了这里,关于Freemarker基本指令语法和集合指令语法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 前端系列-Vue3基本语法

    # 插值操作 1、插值:{{}} 2、指令:v-     在{{}}和v-指令进行数据绑定时,支持js单个表达式     p v-once{{msg}}/p 数据只第一次时显示,不响应式     p v-pre{{msg}}/p 内容原封不动的展示     p v-text=\\\'msg\\\'/p 相当于插值表达式的功能     p v-html=\\\'title\\\'/p 可以解析标签     # 绑定属

    2024年02月09日
    浏览(39)
  • 【前端知识】React 基础巩固(七)——JSX 的基本语法

    JSX 是一种 JS 的语法扩展(extension),也可以称之为 JavaScript XML,因为看起来就是一段 XML 语法 它用于描述我们的 UI 界面,并且其可以和 JS 融合在一起使用 它不同于 Vue 中的模块语法,不需要专门学习模块语法中的指令 React 认为 渲染逻辑 本质上与 其他UI逻辑 存在内在耦合

    2024年02月10日
    浏览(44)
  • 【前端|Javascript第1篇】一文搞懂Javascript的基本语法

    欢迎来到JavaScript的奇妙世界!作为前端开发的基石,JavaScript为网页增色不少,赋予了静态页面活力与交互性。如果你是一名前端小白,对编程一无所知,或者只是听说过JavaScript却从未涉足过,那么你来对了地方!本篇博客将带领你逐步进入JavaScript的大门,一步一步地探索这

    2024年02月14日
    浏览(30)
  • 【前端web入门第一天】01 开发环境、HTML基本语法文本标签

    文章目录: 1. 准备开发环境 1.1 vs Code基本使用 2.HTML文本标签 2.1 标签语法 2.2 HTML基本骨架 2.3 标签的关系 2.4 注释 2.5 标题标签 2.6 段落标签 2.7 换行与水平线标签 2.8 文本格式化标签 VSCode与谷歌浏览器离线版,安装包评论区自提. VSCode默认安装位置:C:UsershpAppDataLocalProgramsMic

    2024年01月25日
    浏览(41)
  • 前端 | ( 十一)CSS3简介及基本语法(上) | 尚硅谷前端html+css零基础教程2023最新

    学习来源 :尚硅谷前端html+css零基础教程,2023最新前端开发html5+css3视频 系列笔记 : 【HTML4】(一)前端简介 【HTML4】(二)各种各样的常用标签 【HTML4】(三)表单及HTML4收尾 【CSS2】(四)CSS基础及CSS选择器 【CSS2】(五)CSS三大特性及常用属性 【CSS2】(六)CSS盒子模型

    2024年02月16日
    浏览(34)
  • 前端 | ( 十三)CSS3简介及基本语法(下)| 伸缩盒模型 | 尚硅谷前端html+css零基础教程2023最新

    学习来源 :尚硅谷前端html+css零基础教程,2023最新前端开发html5+css3视频 系列笔记 : 【HTML4】(一)前端简介 【HTML4】(二)各种各样的常用标签 【HTML4】(三)表单及HTML4收尾 【CSS2】(四)CSS基础及CSS选择器 【CSS2】(五)CSS三大特性及常用属性 【CSS2】(六)CSS盒子模型

    2024年02月16日
    浏览(49)
  • 前端 | ( 十二)CSS3简介及基本语法(中)| 变换、过渡与动画 | 尚硅谷前端html+css零基础教程2023最新

    学习来源 :尚硅谷前端html+css零基础教程,2023最新前端开发html5+css3视频 系列笔记 : 【HTML4】(一)前端简介 【HTML4】(二)各种各样的常用标签 【HTML4】(三)表单及HTML4收尾 【CSS2】(四)CSS基础及CSS选择器 【CSS2】(五)CSS三大特性及常用属性 【CSS2】(六)CSS盒子模型

    2024年02月16日
    浏览(33)
  • Selenium.Webdriver最新语法教程(附Chrome实例演示)

      “ 随着selenium库的不断更新,现有教程部分语法不适用于当前版本,故笔者写下此篇教程供初学者学习使用、老手快速查询调库使用 。”   编程环境:Pycharm 浏览器:Chrome 示例网站:www.baidu.com 教程内容: Selenium.Webdriver语法、ActionChains库语法、Keys库列表 Selenium.Webdriver:模

    2024年01月23日
    浏览(31)
  • Vue的指令集合

    作用:单向数据绑定 用法 : v-bind  指令用于动态绑定HTML属性到Vue实例的数据属性上。例如,在上面的例子中,当  url  数据属性发生变化时, href  属性值也会相应更新。 用法 : 双大括号内的内容会实时解析为Vue实例对应的数据属性值。在此例中,当  message  数据发生变

    2024年01月20日
    浏览(21)
  • Redis--Bitmap有序集合的语法和使用场景举例

    前言 Redis除了常见的五种数据类型之外,其实还有一些少见的数据结构,如Geo,HyperLogLog,Bitmap等。虽然它们少见,但是作用却不容小觑。本文将介绍Bitmap数据类型的语法和使用场景。 下文将介绍bitmap的使用指令,以及其应用场景。 Bitmap概述 在开发中,我们常常需要存放一

    2024年01月24日
    浏览(90)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包