前后端分离的情形下thymeleaf的正确使用方式

最新推荐文章于 2024-04-24 09:41:12 发布

@Vivi@

最新推荐文章于 2024-04-24 09:41:12 发布

阅读量2k

点赞数

分类专栏： thymeleaf 文章标签： java web

本文链接：https://blog.csdn.net/TomCat_And_Jerry/article/details/113346408

版权

前后端分离的情形下thymeleaf的正确使用方式

**不使用thymeleaf的任何模板语法、只是用thymeleaf做静态资源的映射和转发**
注意：
	1、 thymeleaf静态资源映射的时候、假设静态资源目录为static 
		(静态资源目录默认为 rescouse\public\static\..)
		以引入css文件为例：th:href="@{css/index.css}"
		以上写法是错误的！！
		正确写法应为 th:href="@{/css/index.css}"
		css 前面的 / 不能省略！！
	2、/ 代表是相对于服务器虚拟目录的路径
		而不加 / 是相对于浏览器当前url的路径！
	不注意这一点、公共页面静态资源整合引入时会出现问题！！


<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:fragment="head">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title >Vivi的博客后台</title>
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}">
    <link rel="stylesheet" th:href="@{/css/index.css}">

最低0.47元/天解锁文章

@Vivi@

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
前后端分离的情形下thymeleaf的正确使用方式

前后端分离的情形下thymeleaf的正确使用方式拆分公共页面以拆分导航栏为例要引入该代码片段的页面注意：common.html 和 index.html 要放在同一级目录下、代码片段的替换是同级替换在thymeleaf中忽略解析script标签中代码的指令持续更新...**不使用thymeleaf的任何模板语法、只是用thymeleaf做静态资源的映射和转发**注意： 1、 thymeleaf静态资源映射的时候、假设静态资源目录为static (静态资源目录默认为 rescouse\publ
复制链接

扫一扫