SpringBoot整合FreeMarker模板引擎

目录

本文样例已上传至码云:https://gitee.com/tqbx/springboot-samples-learn/tree/master/spring-boot-freemarker

详细文档地址:http://freemarker.foofun.cn/index.html

FreeMarker是什么?

  • 一款模板引擎。即一种基于模板和要改变的数据, 并用来生成输出文本(HTML网页,电子邮件,配置文件,源代码等)的通用工具。

  • 在模板中,你可以专注于如何展现数据, 而在模板之外可以专注于要展示什么数据,体现就是:模板+ 数据模型 = 输出。

SpringBoot整合FreeMarker模板引擎

快速开始

  1. pom.xml确定导入FreeMarker依赖包
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-freemarker</artifactId>
    </dependency>
  1. 配置application.yml相关配置
spring:
  freemarker:
    settings:
      classic_compatible: true #处理空值
      datetime_format: yyy-MM-dd HH:mm
      number_format: 0.##
    suffix: .ftl
    template-loader-path:
      - classpath:/templates
  1. 在templates目录下放置.ftl文件,意为freemarker templates layer
  2. 编写Controller,将模型存入request中:
@Controller
public class TestController{

    @GetMapping("test")
    public String test(HttpServletRequest request){
        List<User> users = new LinkedList<>();
        for(int i = 0; i < 10; i ++){
            User user = new User();
            user.setId((long)i);
            user.setUsername("name = " + i);
            users.add(user);
        }
        request.setAttribute("users",users);

        return "test";
    }
}
  1. 简单使用FreeMarker的标签指令:
<#list users>
    <p>Users:
    <ul>
        <#items as user>
            <li>${user.id}--${user.username}<br>
            </#items>
    </ul>
<#else>
    <p>no users!
</#list>

模板一览

${...}: FreeMarker将会输出真实的值来替换大括号内的表达式,被称为插值表达式。

<#../>:FTL标签,以#开头,自定义标签则以@开头。

常用指令

条件指令:if、elseif、else

<#if animals.python.price < animals.elephant.price>
  Pythons are cheaper than elephants today.
<#elseif animals.elephant.price < animals.python.price>
  Elephants are cheaper than pythons today.
<#else>
  Elephants and pythons cost the same today.
</#if>

list指令

list 指令的一般格式为: <#list sequence as loopVariable> repeatThisrepeatThis 部分将会在给定的 sequence 遍历时在每一项中重复, 从第一项开始,一个接着一个。在所有的重复中, loopVariable 将持有当前遍历项的值。 这个变量仅存在于 <#list ...><#list> 标签内。

<p>We have these animals:
<table border=1>
  <#list animals as animal>
    <tr><td>${animal.name}<td>${animal.price} Euros
  </#list>
</table>

sequence 可以是任意表达式, 比如我们可以列表显示示例数据模型中的水果,就像这样:

<ul>
<#list misc.fruits as fruit>
  <li>${fruit}
</#list>
</ul>

上面示例中的一个问题是如果我们有0个水果,它仍然会输出一个空的 <ul></ul>,而不是什么都没有。 要避免这样的情况,可以这么来使用 list

<#list misc.fruits>
  <p>Fruits:
  <ul>
    <#items as fruit>
      <li>${fruit}<#sep> and</#sep>
    </#items>
  </ul>
<#else>
  <p>We have no fruits.
</#list>

include指令

使用 include 指令, 我们可以在模板中插入其他文件的内容。

如果需要在每个页面的下方都显示版权信息,可以将版权信息单独放在页面文件 copyright_footer.html 中:

<hr>
<i>
Copyright (c) 2000 <a href="http://www.acmee.com">Acmee Inc</a>,
<br>
All Rights Reserved.
</i>

使用时,用include引入该文件即可:

<html>
<head>
  <title>Test page</title>
</head>
<body>
  <h1>Test page</h1>
  <p>Blah blah...
  <#include "/copyright_footer.html">
</body>
</html>

内建函数

内建函数很像子变量(如果了解Java术语的话,也可以说像方法), 它们并不是数据模型中的东西,是 FreeMarker 在数值上添加的。 为了清晰子变量是哪部分,使用 ?(问号)代替 .(点)来访问它们。

所有内建函数参考:http://freemarker.foofun.cn/ref_builtins.html

处理不存在的变量

一个不存在的变量和一个是null值的变量, 对于FreeMarker来说是一样的。

不论在哪里引用变量,都可以指定一个默认值来避免变量丢失这种情况, 通过在变量名后面跟着一个 !(叹号,译者注)和默认值。 就像下面的这个例子,当 user 不存在于数据模型时, 模板将会将 user 的值表示为字符串 "visitor"。(当 user 存在时, 模板就会表现出 ${user} 的值):

<h1>Welcome ${user!"visitor"}!</h1>

也可以在变量名后面通过放置 ?? 来询问一个变量是否存在。将它和 if 指令合并, 那么如果 user 变量不存在的话将会忽略整个问候的代码段:

<#if user??><h1>Welcome ${user}!</h1></#if>

自定义指令

使用macro定义宏

  • 未带参数宏调用
<#macro greet>
  <font size="+2">Hello Joe!</font>
</#macro>

<#--未带参数宏调用-->
    <@greet></@greet>

  • 带参数宏调用
<#macro greet_2 person>
    <font size="+2">Hello ${person}!</font>
</#macro>
<#--带参数宏调用-->
    <@greet_2 person="天乔巴夏"/>

  • 嵌套调用
<#macro nest_test>
    <#nested >
</#macro>
<#--嵌套调用-->    
    <@nest_test>
        hyh
        </@nest_test>

使用TemplateDirectiveModel扩展。

这部分可以参考我发在码云上的代码:https://gitee.com/tqbx/springboot-samples-learn/tree/master/spring-boot-freemarker。

    @Override
    public void execute(DirectiveHandler handler) throws Exception {
        // 获取参数
        String username = handler.getString("username");
        String city = handler.getString("city");
        // 处理参数
        String template = "{}来自{}.";
        String format = StrUtil.format(template, username, city);
        // 传回去
        handler.put("result",format).render();
    }


@Configuration
public class FreeMarkerConfig {

    @Autowired
    StringTemplate stringTemplate;
    @Autowired
    private freemarker.template.Configuration configuration;


    @PostConstruct
    public void setUp() {
        configuration.setSharedVariable("timeAgo", new TimeAgoMethod());
        configuration.setSharedVariable("strstr", stringTemplate);
    }
}

<@strstr username="hyh" city="杭州">
    ${result}
    </@strstr>

上一篇:springboot之模板


下一篇:FreeMarker学习