开发者社区> 张风捷特烈> 正文

SpringBoot-04-之模板引擎--thymeleaf

简介: 一.前期工作 1.添加依赖 org.springframework.boot spring-boot-starter-thymeleaf 2.
+关注继续查看

一.前期工作

1.添加依赖
<!--thymeleaf引擎模板-->
<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
2.thymeleaf 静态资源配置:src\main\resources\application-dev.yml
#默认
spring.thymeleaf.prefix=classpath:/templates/
#默认
spring.thymeleaf.suffix=.html
#默认
spring.thymeleaf.mode=HTML5
#默认
spring.thymeleaf.encoding=UTF-8
#默认
spring.thymeleaf.servlet.content-type=text/html
#关闭缓存,即使刷新(上线时改为true)
spring.thymeleaf.cache=false

二.使用

1.显示静态页面
  • 新建html:src\main\resources\templates\index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HelloThymeleaf</title>
</head>
<body>
<h1>thymeleaf in spring boot</h1>
</body>
</html>
  • 控制器:toly1994.com.toly01.controller.ThymeleafController
/**
 * 作者:张风捷特烈
 * 时间:2018/7/16:16:08
 * 邮箱:1981462002@qq.com
 * 说明:Thymeleaf模板引擎控制器
 */
@Controller //注意由于是RequestBody 所以这里将@RestController拆分出来了
public class ThymeleafController {

        @GetMapping("/HelloThymeleaf")
        public String say() {
            return "index";
        }
}

thymeleaf.png
2.使用css
  • 配置:src\main\resources\application-dev.yml
  mvc:
    static-path-pattern: /static/** #启用静态文件夹
  • 创建css文件:src\main\resources\static\css\my.css
h1{
    color: #00f;
}
  • 引用:src\main\resources\templates\index.html
<link rel="stylesheet" href="../static/css/my.css">
3.使用js
  • 创建js文件:src\main\resources\static\js\my.js
alert("hello toly!")
  • 引用:src\main\resources\templates\index.html
<script src="../static/js/my.js"></script>
4.动态替换静态页面数据
  • 使用:src\main\resources\templates\index.html
<body>
<h1 th:text="${replace_text}">thymeleaf in spring boot</h1>
</body>
  • 控制器:toly1994.com.toly01.controller.ThymeleafController
    @GetMapping("/useData")
    public String useData(ModelMap map) {
        map.addAttribute("replace_text", "张风捷特烈");
        return "index";
    }
动态修改.png

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
SpringBoot集成Thymeleaf模板
1 创建一个maven工程,这个应该都会 2 pom文件加入下面内容即可(版本号自己改 org.springframework.
813 0
如何发送基于模板的邮件? | 带你读《SpringBoot实战教程》之二十七
本节介绍了基于模板的邮件的发送是怎样实现的。
583 0
SpringBoot2 整合FreeMarker模板,完成页面静态化处理
即静态网页,指已经装载好内容HTML页面,无需经过请求服务器数据和编译过程,直接加载到客户浏览器上显示出来。通俗的说就是生成独立的HTML页面,且不与服务器进行数据交互。
338 0
【❤️SpringBoot模板引擎❤️】——Thymeleaf
【❤️SpringBoot模板引擎❤️】——Thymeleaf
24 0
SpringBoot 之Thymeleaf模板.
一、前言     Thymeleaf 的出现是为了取代 JSP,虽然 JSP 存在了很长时间,并在 Java Web 开发中无处不在,但是它也存在一些缺陷: 1、JSP 最明显的问题在于它看起来像HTML或XML,但它其实上并不是。
1362 0
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
20566 0
阿里云服务器端口号设置
阿里云服务器初级使用者可能面临的问题之一. 使用tomcat或者其他服务器软件设置端口号后,比如 一些不是默认的, mysql的 3306, mssql的1433,有时候打不开网页, 原因是没有在ecs安全组去设置这个端口号. 解决: 点击ecs下网络和安全下的安全组 在弹出的安全组中,如果没有就新建安全组,然后点击配置规则 最后如上图点击添加...或快速创建.   have fun!  将编程看作是一门艺术,而不单单是个技术。
18842 0
+关注
张风捷特烈
安卓工程师,全站工程师
91
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
性能优化方法论
立即下载
手把手学习日志服务SLS,云启实验室实战指南
立即下载