在springboot中，推荐使用的模板引擎是Thymeleaf模板引擎，它提供了完美的Spring MVC的支持。下面就简单的介绍一下Thymeleaf模板引擎的使用。

在controller层中，使用在类上使用@controller注解，注意的是，这里不是@restController注解，因为@restController注解是将结果作为json字符串进行返回的，并不是调用模板。

方法中，注入参数，Model model。然后同springmvc中的modelandview一样，model也提供了属性方法：addAttribute(“”,“”)。

下面是在html页面的一些操作

  • 引入Thymeleaf

在html标签中加入名称空间，将页面转换成动态的页面

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

转换之后有一点需要注意，就是对于静态资源的访问也变了，静态资源需要通过th:src=“@{path}”进行访问。

  • 访问model中的数据，所有动态资源需要加上th前缀

需要在标签中使用th:text="${singlePerson.age}进行访问，感觉不是很方便，以后还是尽量使用ajax进行异步操作吧

<h2 th:text="${singlePerson.age}"></h2>
  • 数据迭代
<ul>

        <li th:each="person:${list}">

            <h1 th:text="${person.name}"></h1>

        </li>

    </ul>
  • 数据的判断
<ul th:if="${#lists.isEmpty(list)}">

        <li th:each="person:${list}">

            <h1 th:text="${person.name}"></h1>

        </li>

    </ul>

通过${#lists.isEmpty(list)}表达式判断是否集合list为空。

Thymeleaf支持>,<,>=,<=,!=等作为比较条件，同时也支持将SpringEL表达式用于条件之中，不过这个我没学过，具体就不知道怎么用了。

  • 在JavaScript中访问model
<script type="text/javascript" th:inline="javascript">

    window.onload=function(){

        alert([[${singlePerson.name}]]);

    }

</script>

这里需要注意的是，在script标签中，需要加入th:inline=“javascript”去声明在下面的javascript中使用到了model的内容。

暂时就先记这么多，需要用的时候，再不定期补充。

Thymeleaf模板引擎的初步使用的更多相关文章

  1. （二）SpringBoot基础篇- 静态资源的访问及Thymeleaf模板引擎的使用

    一.描述 在应用系统开发的过程中,不可避免的需要使用静态资源(浏览器看的懂,他可以有变量,例:HTML页面,css样式文件,文本,属性文件,图片等): 并且SpringBoot内置了Thymeleaf ...

  2. 【Springboot】Springboot整合Thymeleaf模板引擎

    Thymeleaf Thymeleaf是跟Velocity.FreeMarker类似的模板引擎,它可以完全替代JSP,相较与其他的模板引擎,它主要有以下几个特点: 1. Thymeleaf在有网络和无 ...

  3. 三、thymeleaf模板引擎构建前台html, 后台使用 ModelAndView 和 Model 模型

    项目源码:https://github.com/y369q369/springBoot.git      ->     thymeleaf 私聊QQ: 1486866853 1.pom.xml中 ...

  4. SpringBoot使用thymeleaf模板引擎

    (1).添加pom依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactI ...

  5. Spring Boot 2.0 整合Thymeleaf 模板引擎

    本节将和大家一起实战Spring Boot 2.0 和thymeleaf 模板引擎 1. 创建项目 2. 使用Spring Initlizr 快速创建Spring Boot 应用程序 3. 填写项目配 ...

  6. spring boot: thymeleaf模板引擎使用

    spring boot: thymeleaf模板引擎使用 在pom.xml加入thymeleaf模板依赖 <!-- 添加thymeleaf的依赖 --> <dependency> ...

  7. SpringBoot入门篇--使用Thymeleaf模板引擎进行页面的渲染

    在做WEB开发的时候,我们不可避免的就是在前端页面之间进行跳转,中间进行数据的查询等等操作.我们在使用SpringBoot之前包括我在内其实大部分都是用的是JSP页面,可以说使用的已经很熟悉.但是我们 ...

  8. （二）SpringBoot2.0基础篇- 静态资源的访问及Thymeleaf模板引擎的使用

    一.描述 在应用系统开发的过程中,不可避免的需要使用静态资源(浏览器看的懂,他可以有变量,例:HTML页面,css样式文件,文本,属性文件,图片等): 并且SpringBoot内置了Thymeleaf ...

  9. thymeleaf模板引擎

    thymeleaf模板引擎 thymeleaf是现代化服务器端的Java模板引擎,不同于JSP和FreeMarker,Thymeleaf的语法更加接近HTML,并且也有不错的扩展性.详细资料可以浏览官 ...

随机推荐

  1. 使用CountDownLatch模拟高并发场景

    import java.util.concurrent.CountDownLatch; import java.util.concurrent.ExecutorService; import java ...

  2. 查看一个dll是否是强命名[C#]

    使用命令行工具SDK Command Prompt,键入:SN -T C:\*****.dll 就会显示出该dll具体的PublicKeyToken 数值. 如果该程序集没有强命名,则不会有Publi ...

  3. Qt打包部署程序自动查找依赖DLL工具windeployqt

    qt编译好一个exe程序之后,部署到一台没有开发环境的机器上,需要一起拷贝其依赖的dll文件.这时需要一个windeployqt工具来帮忙,因为手动拷贝的话容易遗漏. https://blog.csd ...

  4. [JS] 如何自定义字符串格式化输出

    在其他语言中十分常见的字符串格式化输出,居然在 Javascript 中不见踪影,于是决定自己实现该方法,以下就是个人编写的最简洁实现: String.prototype.format = funct ...

  5. 在 Ubuntu 中安装 MySQL 指南

    安装MySQL 在Ubuntu上可以使用Ubuntu Software Center或者apt命令来安装MySQL,两种方式都十分方便. 1. 使用Ubuntu Software Center:打开U ...

  6. CentOS配制FTP服务器，并且能用root权限登录

    步骤如下: 1.运行yum install vsftpd命令 具体的细节如下:(如果无法更新,你先配置能访问互联网,我有文档叫 CentOS 在 VMware下,如何联网到Internet的解决办法可 ...

  7. Microsoft 设计原则

    在本文中 关于现代设计 技术为本 实现以较少投入取得极大成绩 迅速和流畅 真正实现数字化 合作共赢 相关主题 驱动出色设计的基础 我们相信遵循 Microsoft 设计原则可帮助你构建使用户感到愉悦并 ...

  8. delphi xe 怎么生成apk

    f9 运行: 让它执行install[如果没有连接到android环境,会提示安装失败]或, 就在bin下面产生一个apk文件了:好像单单build是没法产生的.

  9. 使用CMake编译跨平台静态库

    在开始介绍如何使用CMake编译跨平台的静态库之前,先讲讲我在没有使用CMake之前所趟过的坑.因为很多开源的程序,比如png,都是自带编译脚本的.我们可以使用下列脚本来进行编译:   . / con ...

  10. bs-loading

    根据bootstrap的modal来显示loading动效. 核心内容: 1.图片转base64方法: // 图片压缩-start function run(input_file,get_data){ ...