spring boot 整合前端thymeleaf

系统管理员 2021-09-22 01:24 319阅读 0赞

1.引入maven 依赖

<dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-thymeleaf</artifactId>
       </dependency>

2. 配置文件设置

##############################################
    #
    # thymeleaf静态资源配置
    #
    ##############################################
    # 默认路径
    spring.thymeleaf.prefix=classpath:/templates/
    # 后缀
    spring.thymeleaf.suffix=.html
    # 模板格式
    spring.thymeleaf.mode=HTML5
    spring.thymeleaf.encoding=UTF-8
    spring.thymeleaf.content-type=text/html
    spring.thymeleaf.cache=false

3. controller 类

@RequestMapping("index/")
     public String index(ModelMap map){
            map.addAttribute("name","haozz");
            return "index";
     }

4.index.html

<!DOCTYPE html>
    <html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
    <head>
        <meta charset="UTF-8">
        <title>Index thymeleaf</title>
        <link rel="stylesheet" type="text/css" href="css/main.css" th:href="@{/css/main.css}"/>
        <link rel="stylesheet" type="text/css" href="js/main.js" th:href="@{/js/main.js}"/>
    
    </head>
    <body>
    <h1>HELLO INDEX THYMELEAF</h1>
    你好，<h2 th:text="${name}"></h2>
    <p class="login-title">哈哈 NBA</p>
    <img src="/images/1.jpg" th:href="@{/images/1.jpg}"/>
    </body>
    </html>

5.资源文件

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5MTA1NQ_size_16_color_FFFFFF_t_70][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5MTA1NQ_size_16_color_FFFFFF_t_70]: /images/20210920/436dfbf77f014ce596d4c78c4f8113bd.png

发表评论取消回复

表情：

评论列表（有 0 条评论，319人围观）

还没有评论，来说两句吧...

相关阅读

相关 17Spring Boot整合Thymeleaf

Spring Boot 推荐使用 Thymeleaf 作为其模板引擎。SpringBoot 为 Thymeleaf 提供了一系列默认配置，项目中一但导入了 Thymeleaf

谁践踏了优雅/ 2024年04月03日 07:17/ 0 赞/ 78 阅读

相关 Spring boot整合视图技术（Thymeleaf）

Thymeleaf支持HTML原型，既可以让前端工程师在浏览器中直接打开查看样式，也可以让后端工程师结合真实数据产看显示效果。同时，Spring boot提供了Thymelea

太过爱你忘了你带给我的痛/ 2022年11月29日 13:09/ 0 赞/ 182 阅读

相关 Spring boot + Spring security + thymeleaf

{"authorities":[{"authority":"USER"}],"details":{"remoteAddress":"127.0.0.1","sessio

旧城等待，/ 2022年05月17日 08:17/ 0 赞/ 149 阅读

相关 spring boot整合thymeleaf模板

spring boot整合thymeleaf模板首先需要引入依赖博主用的是gradle管理jar包， ![在这里插入图片描述][201901072205063

落日映苍穹つ/ 2022年03月29日 04:15/ 0 赞/ 350 阅读

相关【微服务架构 - 07 - Spring Boot】04 Spring Boot 整合 Thymeleaf

引入依赖 -------------------- 增加 nekohtml 依赖 nekohtml：允许使用非严格的 HTML 语法完整 `pom.xml`

忘是亡心i/ 2022年03月22日 08:42/ 0 赞/ 213 阅读

相关极简 Spring Boot 整合 Thymeleaf 页面模板

虽然现在慢慢在流行前后端分离开发，但是据松哥所了解到的，还是有一些公司在做前后端不分的开发，而在前后端不分的开发中，我们就会需要后端页面模板（实际上，即使前后端分离，也会在一些

柔情只为你懂/ 2022年01月15日 14:23/ 0 赞/ 266 阅读

相关 Spring Boot 整合thymeleaf 模板引擎

Thymeleaf模板引擎是一个和Velocity、FreeMarker类似的模板引擎，它支持xml/xhtml/html5，且提供额外的模块与Spring MVC集成，

布满荆棘的人生/ 2022年01月06日 10:37/ 0 赞/ 311 阅读

相关 spring boot 整合thymeleaf实例演示

step1 pom依赖 step2 application.yml配置文件 step3 HelloWorldController

缺乏、安全感/ 2021年12月08日 23:49/ 0 赞/ 232 阅读

相关 spring boot 整合前端thymeleaf

1.引入maven 依赖 <dependency> <groupId>org.springframework.boot</groupI

系统管理员/ 2021年09月22日 01:24/ 0 赞/ 320 阅读

相关 Spring Boot(三）整合Thymeleaf

Spring Boot HTML html只能通过异步的方式，HTML是可以接收的；同步的方式不能接收,在后台返回一个页面一个java对象是读取不出来的 spring

╰+攻爆jí腚メ/ 2021年08月30日 21:34/ 0 赞/ 385 阅读