前面几篇介绍了返回json数据提供良好的RESTful api，下面我们介绍如何把处理完的数据渲染到页面上。

Spring Boot 使用模板引擎

Spring Boot 推荐使用Thymeleaf、FreeMarker、Velocity、Groovy、Mustache等模板引擎。不建议使用JSP。

Spring Boot 对以上几种引擎提供了良好的默认配置，默认 src/main/resources/templates 目录为以上模板引擎的配置路径。

一、Spring Boot 中使用Thymeleaf模板引擎

简介：Thymeleaf 是类似于Velocity、FreeMarker 的模板引擎，可用于Web与非Web环境中的应用开发，并且可以完全替代JSP 。

1、pom.xml 添加依赖

<!-- thymeleaf 模板引擎-->

<dependency>

    <groupId>org.springframework.boot</groupId>

    <artifactId>spring-boot-starter-thymeleaf</artifactId>

</dependency>

2、编写controller

/**

 * @author sam

 * @since 2017/7/16

 */

@Controller

public class HomeController {

    @RequestMapping("/home")

    public String home(ModelMap modelMap) {

        modelMap.put("name", "Magical Sam");

        List<String> list = new ArrayList<>();

        list.add("sam a");

        list.add("sam b");

        list.add("sam c");

        list.add("sam d");

        modelMap.put("list", list);

        return "home";

    }

}

3、编写html代码，其中th:text="${name}" 为thymeleaf的语法，具体可参考：Thymeleaf 官方文档

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<head>

    <meta charset="UTF-8"/>

    <title>Home</title>

</head>

<body>

    <span th:text="${name}"></span>

    <ul>

        <li th:each="item : ${list}" th:text="${item}"></li>

    </ul>

</body>

</html>

启动应用，访问：http://localhost:8080/home ，可以得到相应结果。

如需修改 thymeleaf 的默认配置，可以在application.properties中添加：

# ================================================

#                   Thymeleaf配置

# ================================================

# 是否启用thymeleaf模板解析

spring.thymeleaf.enabled=true

# 是否开启模板缓存（建议：开发环境下设置为false，生产环境设置为true）

spring.thymeleaf.cache=false

# Check that the templates location exists.

spring.thymeleaf.check-template-location=true

# 模板的媒体类型设置，默认为text/html

spring.thymeleaf.content-type=text/html

# 模板的编码设置，默认UTF-8

spring.thymeleaf.encoding=UTF-8

# 设置可以被解析的视图，以逗号,分隔

#spring.thymeleaf.view-names=

# 排除不需要被解析视图，以逗号,分隔

#spring.thymeleaf.excluded-view-names=

# 模板模式设置，默认为HTML5

#spring.thymeleaf.mode=HTML5

# 前缀设置，SpringBoot默认模板放置在classpath:/template/目录下

spring.thymeleaf.prefix=classpath:/templates/

# 后缀设置，默认为.html

spring.thymeleaf.suffix=.html

# 模板在模板链中被解析的顺序

#spring.thymeleaf.template-resolver-order=

二、Spring Boot 中使用FreeMarker模板引擎

1、pom.xml 添加依赖

<!-- freemarker 模板引擎 -->

<dependency>

    <groupId>org.springframework.boot</groupId>

    <artifactId>spring-boot-starter-freemarker</artifactId>

</dependency>

2、编写controller

同上。

3、templates 下新建 home.ftl文件编写html代码，freemarker语法 可参考：FreeMarker 官方文档

home.ftl
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <span>${name}</span>

    <ul>

    <#list list as item >

        <li>${item}</li>

    </#list>

    </ul>

</body>

</html>

启动应用，访问：http://localhost:8080/home ，可以得到相应结果。

如需修改 freemarker 的默认配置，可以在application.properties中添加：

# ================================================

#                   FreeMarker配置

# ================================================

# 是否开启模板缓存

spring.freemarker.cache=true

# 编码格式

spring.freemarker.charset=UTF-8

# 模板的媒体类型设置

spring.freemarker.content-type=text/html

# 前缀设置 默认为 ""

spring.freemarker.prefix=

# 后缀设置 默认为 .ftl

spring.freemarker.suffix=.ftl

#spring.freemarker.allow-request-override=false

#spring.freemarker.check-template-location=true

#spring.freemarker.expose-request-attributes=false

#spring.freemarker.expose-session-attributes=false

#spring.freemarker.expose-spring-macro-helpers=false

#spring.freemarker.request-context-attribute=

#spring.freemarker.template-loader-path=classpath:/templates/

#spring.freemarker.view-names=

附： application.properties 全部配置项，点击查看Spring Boot 所有配置说明

版权声明：本文为博主原创文章，转载请注明出处。

Spring Boot 系列（五）web开发-Thymeleaf、FreeMarker模板引擎的更多相关文章

  1. Spring MVC 学习总结（七）——FreeMarker模板引擎与动态页面静态化

    模板引擎可以让程序实现界面与数据分离,业务代码与逻辑代码的分离,这就提升了开发效率,良好的设计也使得代码复用变得更加容易.一般的模板引擎都包含一个模板解析器和一套标记语言,好的模板引擎有简洁的语法规则 ...

  2. spring boot(二)：web综合开发

    上篇文章介绍了Spring boot初级教程:spring boot(一):入门篇,方便大家快速入门.了解实践Spring boot特性:本篇文章接着上篇内容继续为大家介绍spring boot的其它 ...

  3. （转）Spring Boot(二)：Web 综合开发

    http://www.ityouknow.com/springboot/2016/02/03/spring-boot-web.html 上篇文章介绍了 Spring Boot 初级教程:Spring ...

  4. Spring Boot(二)：Web 综合开发

    详见:http://www.ityouknow.com/springboot/2016/02/03/spring-boot-web.html Web 开发 Spring Boot Web 开发非常的简 ...

  5. Spring Boot 系列（六）web开发-Spring Boot 热部署

    Spring Boot 热部署 实际开发中,修改某个页面数据或逻辑功能都需要重启应用.这无形中降低了开发效率,所以使用热部署是十分必要的. 什么是热部署? 应用启动后会把编译好的Class文件加载的虚 ...

  6. Spring Boot入门(四)：开发Web Api接口常用注解总结

    本系列博客记录自己学习Spring Boot的历程,如帮助到你,不胜荣幸,如有错误,欢迎指正! 在程序员的日常工作中,Web开发应该是占比很重的一部分,至少我工作以来,开发的系统基本都是Web端访问的 ...

  7. Spring Boot(十五)：spring boot+jpa+thymeleaf增删改查示例

    Spring Boot(十五):spring boot+jpa+thymeleaf增删改查示例 一.快速上手 1,配置文件 (1)pom包配置 pom包里面添加jpa和thymeleaf的相关包引用 ...

  8. spring boot系列（五）spring boot 配置spring data jpa (查询方法)

    接着上面spring boot系列(四)spring boot 配置spring data jpa 保存修改方法继续做查询的测试: 1 创建UserInfo实体类,代码和https://www.cnb ...

  9. Spring Boot☞ 使用freemarker模板引擎渲染web视图

    效果图 代码 package com.wls.integrateplugs.hello.controller; /** * Created by wls on 2017/8/24. */ import ...

随机推荐

  1. python——爬虫&问题解决&思考（三）

    继续上一篇文章的内容,上一篇文章中,将爬虫调度器已经写好了,调度器是整个爬虫程序的"大脑",也可以称之为指挥中心.而现在,我们要做的就是去将调度器中用到的其他组件写好.首先是url ...

  2. sql还原(.mdf文件还原)

    第一步: 把备份文件放到目录:C:\Program Files\Microsoft SQL Server\MSSQL11.MSSQLSERVER\MSSQL\DATA (默认)(这里用 MyDB.md ...

  3. FFmpeg安装（windows环境）

    ♣FFmpeg是什么? ♣FFmpeg组成 ♣下载工具 ♣安装FFmpeg ♣应用到j2ee项目 前言:学习视频编码,一定要知道雷霄骅(leixiaohua1020)的专栏 ,伟大的程序员,26岁去世 ...

  4. Java中设计模式之生产者消费者模式-4

    引言 生产者-消费者(producer-consumer)问题,也称作有界缓冲区(bounded-buffer)问题,两个进程共享一个公共的固定大小的缓冲区.其中一个是生产者,用于将消息放入缓冲区:另 ...

  5. 平时常用的一些java方法，请留意

    平时常用的一些java方法,请留意. package com.util; import java.io.BufferedInputStream; import java.io.BufferedWrit ...

  6. js的for循环闭包问题

    一个简单的例子,如果想循环输出数组中的每一个数值我们可以利用for循环来输出例如: <script type="text/javascript"> var arr=[& ...

  7. 关于Eclipse+SVN 开发配置

    入职快一个月,学的比较慢,但学的东西很多,受益匪浅.有时候真正意义上,感受到:代码使我快乐,我爱编程. 好久没有开笔,不知道说些什么,也不知道应该说什么. 但总觉得有些东西,很想说出来,不用理会他人的 ...

  8. C++ type_traits 原理

    一.简单介绍 (1).type_traits 类型萃取,C++11中已结成为了一个核心模块. (2).标准库包括helper classes .type traits.type transformat ...

  9. 关于MATLAB处理大数据坐标文件2017622

    今天新提交了一次数据,总量达到10337个,本以为成绩会突飞猛进,没想到还是不如从前 但是已经找到人工鼠标轨迹的程序,有待完善,接下来兵分四路:找特征.决策树.完善人工轨迹程序,使其可以将生成的数据自 ...

  10. Python: 作图

    在python中实现数据的可视化,也即作图,一般是依赖matplotlib宏包实现的.但常见的代码中都是加载pylab,是不是这里写错了呀?其实pylib只是matplotlib的一个模块,只是被做成 ...