前面几篇介绍了返回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. 关于php内存释放问题 内存溢出问题（二）

    今天抽了一上午时间,来看了看之前解决过内存问题的代码,相对来说,我对自己代码的优化程序非常不满意,一次性导入四万条数据就使代码变得如此繁琐,我想这不是根本的解决方法.通过网上检索,对问题有进一步的分析 ...

  2. jquery 根据数据库值设置radio的选中

    jsp代码: <label>性 别</label> <input type="radio" value="1" name=&quo ...

  3. TypeScript 零基础入门

    前言 2015 年末看过一篇文章<ES2015 & babel 实战:开发 npm 模块>,那时刚接触 ES6 不久,发觉新的 ES6 语法大大简化了 JavaScript 程序的 ...

  4. CSS3学习系列之选择器（二）

    first-child选择器和last-child选择器 first-child指定第一个元素.last-child指定最后一个子元素. 例如: <!DOCTYPE html> <h ...

  5. 关于log4.net 错误，求解

    1.上结果 能生成文件 ,但是文件中无内容 2.配置文件 <configSections> <section name="log4net" type=" ...

  6. javascriptDOM节点

    DOM把层次中的每一个对象都称之为节点(NODE),以HTML超文本标记语言为例:整个文档的一个根就是<html>,在DOM中可以使用 document.documentElement来访 ...

  7. [翻译]怎么写一个React组件库（二）

    本文同步发布于知乎专栏 https://zhuanlan.zhihu.com/p/27434018,喜欢本文的就去知乎点个赞支持下吧- 引言 该系列文章将通过创建一个组件库来引导你学习如何构建自己的组 ...

  8. Java IO学习笔记六

    打印流 在整个IO包中,打印流是输出信息最方便的类,主要包含字节打印流(PrintStream)和字符打印流(PrintWrite).打印流提供了非常方便的打印功能,可以打印任何的数据类型,例如:小数 ...

  9. Linux网络服务12——NFS共享服务

    Linux网络服务12--NFS共享服务 一.NFS简介 端口号:TCP.UDP 111端口 NFS(Network File System)网络文件系统,是一种基于TCP/IP传输的网络文件系统协议 ...

  10. crontab中引入环境变量（比如需要执行tomcat的关闭启动）

    起因 crontab中的定时任务,执行到关闭tomcat时,报环境变量找不到 解决方案 1.使用 . /etc/profile 引入环境变量 ###推荐, 实测ubuntu12 成功 2.使用 sou ...