深入Spring Boot (八):模板引擎使用详解

  • FreeMarker

  • Groovy

  • Thymeleaf

  • Mustache

需要注意的是,虽然Spring MVC支持JSP,但是Spring Boot不建议使用JSP,因为在使用嵌入式servlet容器时,有一些使用限制。

基于Spring Boot使用这些模板技术使用方法大同小异,本篇将详细介绍FreeMarker的使用,主要包含以下3部分内容:

  1. FreeMarker是什么;

  2. 代码实践;

  3. 修改FreeMarker默认配置。

1.FreeMarker是什么

FreeMarker是一款模板引擎,它是一个Java库,使用模板和数据生成输出文本(HTML网页、电子邮件、配置文件、源代码等)。通常,我们使用如Java这样的编程语言准备数据(如查询数据库、业务计算),然后,Apache FreeMarker将使用模板显示已准备好的数据。在模板中,你只需要关注如何呈现数据,而在模板之外,只需要关注要呈现的数据。下面用一张图展示FreeMarker的使用原理。 

640?wx_fmt=png

2.代码实践

使用freemarker实现查询银行列表,具体结果如下图所示。

640?wx_fmt=png

新建Gradle项目,并在build.gradle中添加web应用依赖和FreeMarker依赖,直接使用spring-boot-starter-web和spring-boot-starter-freemarker,具体代码如下: 

plugins {

    id 'java'

}

group 'spring-boot'

version '1.0-SNAPSHOT'

sourceCompatibility = 1.8

repositories {

    jcenter()

}

dependencies {

    compile("org.springframework.boot:spring-boot-starter-web:2.0.0.RELEASE")

    compile("org.springframework.boot:spring-boot-starter-freemarker:2.0.0.RELEASE")

    testCompile("org.springframework.boot:spring-boot-starter-test:2.0.0.RELEASE")

编写应用启动类Application.java:

@SpringBootApplication

public class Application {

    public static void main(String[] args) {

        SpringApplication.run(Application.class, args);

    }

}

编写银行实体类Bank.java:

public class Bank implements Serializable{

    private Long id;

    private String bankName;

    private String bankCode;

    //省略getter和setter

}

编写银行信息请求处理类BankController.java:

@Controller

@RequestMapping("/banks")

public class BankController {

    @RequestMapping("/list")

    public String findAll(Model model) {

        //省略查询操作

        Bank icbc = Bank.newBuilder()

                .withId(1L)

                .withBankName("中国工商银行")

                .withBankCode("99801")

                .build();

        Bank cmb = Bank.newBuilder()

                .withId(2L)

                .withBankName("中国招商银行")

                .withBankCode("99802")

                .build();

        List<Bank> banks = new ArrayList<Bank>() {

            {

                add(icbc);

                add(cmb);

            }

        };

        model.addAttribute("banks", banks);

        return "bankList";

    }

}

因为需要使用模板引擎这里使用@Controller注解,而非@RestController注解。

在resources目录下创建templates目录,新建bankList.html:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>银行列表</title>

</head>

<body>

<table id="bankListTable" border="0px">

    <tr bgcolor="#F1F1F1">

        <th>序号</th>

        <th>名称</th>

        <th>编号</th>

    </tr>

    <#if banks??&&((banks?size)>0)>

        <#list banks as bank>

            <tr>

                <td>${bank.id}</td>

                <td>${bank.bankName}</td>

                <td>${bank.bankCode}</td>

            </tr>

        </#list>

    </#if>

</table>

</body>

</html>

这里使用if指令判断服务端返回的数据是否存在,使用list指令遍历List集合,使用${}指令取值,更多指令可以参照Freemarker语法。

在resources目录下新建application.properties:

spring.freemarker.suffix=.html

完整的代码目录结构如下图: 

640?wx_fmt=png

运行Application类的main方法即可启动应用,使用浏览器访问http://localhost:8080/banks/list验证结果。

3.修改FreeMarker默认配置

通常不基于Spring Boot使用FreeMarker时,需要在应用上下文文件中配置如下bean及属性值:

    <bean id="viewResolver"

        class="org.springframework.web.servlet.view.freemarker.FreeMarkerViewResolver">

        <property name="requestContextAttribute" value="ctp" />

        <property name="cache" value="true" />

        <property name="prefix" value="" />

        <property name="suffix" value=".html" />

        <property name="contentType" value="text/html;charset=UTF-8" />

    </bean>

当基于Spring Boot使用FreeMarker时,上面的示例代码只在application.properties中配置了spring.freemarker.suffix=.html,显然Spring Boot做了一些默认配置,通过在application.properties中重新配置覆盖了默认配置属性值。查看源码可以看到Spring Boot做的一些默认配置: 

640?wx_fmt=png

上图中Spring Boot默认配置模板文件的后缀是.ftl,而在application.properties中重新配置为.html。示例代码将bankList.html存放在了templates目录下,这是因为Spring Boot配置的默认模板文件路径是templates。Spring Boot默认配置的FreeMarker属性值都可以在spring-configuration-metadata.json中查找到,这些默认值都可以在application.properties或application.yml中选择性重新配置。

640?wx_fmt=png

END 

如果觉得有收获,记得关注、点赞、转发。

640?wx_fmt=png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值