SpringBoot之模板引擎

一、Thymeleaf

1.1 集成 templates

在 pom.xml 文件中添加依赖

<dependencies>

	......

	<dependency>

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

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

	</dependency>

</dependencies>

在 application.yml 文件中添加配置

spring:

  thymeleaf:

    # 模板文件前缀

    prefix: classpath:/templates/

    # 模板文件后缀

    suffix: .html

注：这些属性是 ThymeleafProperties 默认的配置,如果不需要变更的话可以不用配置。

1.2 实例

在 java目录下新建 HelloController.java 文件

@Controller

public class HelloController {

    @RequestMapping("/hello")

    public String hello(Model model) {

        // 普通文本

        model.addAttribute("text","MarkLogZhu");

        // 普通类型数组

        int[] array = new int []{10,2,33,4,5};

        model.addAttribute("array", array);

        // 对象列表

        List<User> users = new ArrayList<>();

        users.add(new User(1,"张三"));

        users.add(new User(2,"李四"));

        users.add(new User(3,"王五"));

        model.addAttribute("users", users);

        return "hello";

    }

}

在 templates 目录下新建 hello.html 文件

<!DOCTYPE html>

<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>

    <meta charset="UTF-8"/>

    <title>SpringBoot-thymeleaf demo</title>

</head>

<body>

<p th:text="'hello, ' + ${text} + '!'"/>

<table>

    <tr th:each=" arr : ${array}">

        <td th:text="${arr}">序号</td>

    </tr>

</table>

<table>

    <thead>

    <th>序号</th>

    <th>用户 id</th>

    <th>用户名</th>

    </thead>

    <tbody>

    <tr th:each=" user,userStat : ${users}">

        <td th:text="${userStat.index+1}">序号</td>

        <td th:text="${user.userId}">用户 id</td>

        <td th:text="${user.userName}">用户名</td>

    </tr>

    </tbody>

</table>

</body>

</html>

启动项目，在浏览器访问：http://localhost:8080/hello

1.3 常用语法

关键字	功能介绍
th:id	替换id
th:text	文本替换
th:utext	支持html的文本替换
th:object	替换对象
th:value	属性赋值
th:with	变量赋值运算
th:style	设置样式
th:onclick	点击事件
th:each	属性赋值
th:if	判断条件
th:unless	和th:if判断相反
th:href	链接地址
th:switch	多路选择配合th:case 使用
th:case	th:switch的一个分支
th:fragment	布局标签，定义一个代码片段，方便其它地方引用
th:include	布局标签，替换内容到引入的文件
th:replace	布局标签，替换整个标签到引入的文件
th:selected	selected选择框选中
th:src	图片类地址引入
th:inline	定义js脚本可以使用变量
th:action	表单提交的地址
th:remove	删除某个属性
th:attr	设置标签属性，多个属性可以用逗号分隔

更多语法请参考 thymeleaf 官方文档

SpringBoot之模板引擎的更多相关文章

springboot集成模板引擎freemarker和thymeleaf
freemarkder和thymeleaf都是java的模板引擎,这里只介绍这两种模板引擎如何在sprongboot中配置: 1. freemarkder 1.1 在pom.xml中添加依赖包 < ...
SpringBoot：模板引擎 thymeleaf、ContentNegotiatingViewResolver、格式化转换器
目录模板引擎 thymeleaf ContentNegotiatingViewResolver 格式化转换器模板引擎 thymeleaf.ContentNegotiatingViewResolve ...
SpringBoot系统列 5 - 接口版本控制、SpringBoot FreeMarker模板引擎
接着上篇博客的代码继续写 1.接口版本控制一个系统上线后会不断迭代更新,需求也会不断变化,有可能接口的参数也会发生变化,如果在原有的参数上直接修改,可能会影响线上系统的正常运行,这时我们就需要设置不 ...
springboot:Java模板引擎Thymeleaf介绍
Thymeleaf是一款用于渲染XML/XHTML/HTML5内容的模板引擎.类似JSP,Velocity,FreeMaker等,它也可以轻易的与Spring MVC等Web框架进行集成作为Web应用 ...
SpringBoot整合模板引擎
一.SpringBoot整合freemarker: 1.引入freemarker模板依赖: <dependency> <groupId>org.springframework. ...
JavaEE开发之SpringBoot整合MyBatis以及Thymeleaf模板引擎
上篇博客我们聊了<JavaEE开发之SpringBoot工程的创建.运行与配置>,从上篇博客的内容我们不难看出SpringBoot的便捷.本篇博客我们继续在上篇博客的基础上来看一下Spri ...
Springboot与Thymeleaf模板引擎整合基础教程(附源码)
前言由于在开发My Blog项目时使用了大量的技术整合,针对于部分框架的使用和整合的流程没有做详细的介绍和记录,导致有些朋友用起来有些吃力,因此打算在接下来的时间里做一些基础整合的介绍,当然,可能也 ...
（二）SpringBoot基础篇- 静态资源的访问及Thymeleaf模板引擎的使用
一.描述在应用系统开发的过程中,不可避免的需要使用静态资源(浏览器看的懂,他可以有变量,例:HTML页面,css样式文件,文本,属性文件,图片等): 并且SpringBoot内置了Thymeleaf ...
【Springboot】Springboot整合Thymeleaf模板引擎
Thymeleaf Thymeleaf是跟Velocity.FreeMarker类似的模板引擎,它可以完全替代JSP,相较与其他的模板引擎,它主要有以下几个特点: 1. Thymeleaf在有网络和无 ...

随机推荐

flutter image_picker
点击选中图片,底部弹窗让用户选择使用相册还是相机,用户选中选项后,跳转到对应的相册或者相机功能,结果将图片显示出来 image_picker: ^0.6.1+4 iOS使用image_picker需要 ...
oracle 四舍五入取得的数值
SELECT ROUND( number, [ decimal_places ] ) FROM DUAL 说明: number : 将要处理的数值 decimal_places : 四舍五入,小数取几 ...
idea 编译 netty 源码
git clone netty 源码,运行 example 报错全量 mvn compile -DskipTests=true 后,依然报错手动在 netty-buffer 模块中添加对应的依赖 ...
阶段3 2.Spring_03.Spring的 IOC 和 DI_11 set方法注入
复制AccountServiceImpl类改名叫做AccountServiceImpl2 生成三个属性值的set方法.注入只需要set方法,并不需要get方法配置bean,用到property这个标 ...
Maven 安装 / 常用配置 / 阿里maven中央仓库
Maven 官方下载地址: http://maven.apache.org/download.cgi 可以选择清华的镜像: 解压在settings.xml里面配置阿里中央仓库: <mirror& ...
Mybatis面试题合集及答案
Mybatis面试题合集及答案 1.#{}和${}的区别是什么? 答:${}是Properties文件中的变量占位符,它可以用于标签属性值和sql内部,属于静态文本替换,比如${driver}会被静态 ...
centos7 系統vps安裝mysql5.6及設置本地遠程連接筆記
用xshell連接上vps 1,下载mysql的repo源 wget http://repo.mysql.com/mysql-community-release-el7-5.noarch.rpm su ...
P4995 跳跳！
喵喵喵好久没做过贪心的题目了,刷一下免得忘了嘤嘤嘤题面虽然是黄题,但是我承认并不是很难,so看代码吧还是.. #include<set> #include<map> #in ...
ARM汇编指令特点
根据朱有鹏老师课程笔记整理而来: (汇编)指令是CPU机器指令的助记符,经过编译后会得到一串1 0组成的机器码,由CPU读取执行. (汇编)伪指令本质上不是指令(只是和指令一起写在代码中),它是编译器 ...
GitLab使用小结
对Git和GitLab的使用作一个小结 GitLab基于Git,可以作为团队开发项目使用,因此通常会有一个主分支master和其他分支,因此项目成员中任意一人不能随意push到主分支中,容易引起混乱: ...