IDEA+Springboot 踩过的坑之一模板引用时~{::title},~{::link},~{::script}或~{},~{},~{}

最新推荐文章于 2019-11-05 17:11:02 发布
最新推荐文章于 2019-11-05 17:11:02 发布
阅读量1.1k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hothome99/article/details/88872195
版权
本文介绍了在IDEA中使用Springboot整合Thymeleaf模板时遇到的问题。当在HTML中引用模板时，不正确地使用~{::title}, ~{::link}, ~{::script} 或空的 {} 会导致Thymeleaf解析错误。正确做法是在需要的时候使用{::title}, {::link}, {::script}，其他情况使用空的大括号 {}。" 115322738,10736656,Java装饰模式详解与应用,"['设计模式', 'java']
摘要由CSDN通过智能技术生成

1.thymeleaf 模板，既然叫模板，那么我们使用的html也应该重新定义好。
标准的common.html

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title th:replace="${title}">ZSET common template of html</title>
<!-- Common styles and scripts -->
<link rel="shortcut icon" href="/springboot/favicon.ico"  th:href="@{/favicon.ico}"/>
<link rel="bookmark" href="/springboot/favicon.ico" th:href="@{/favicon.ico}"/>
<!-- Bootstrap -->
<link rel="stylesheet" th:href="@{/css/bootstrap/bootstrap.min.css}" />
<script type="text/javascript" th:src="@{/js/jquery/jquery-3.3.1.min.js}"></script>
<script type=
最低0.47元/天 解锁文章
hothome99
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
~{...} 代码块表达式的用法
weixin_43478657的博客
02-08 1007
~{…} 代码块表达式 支持两种语法结构 推荐： ~{templatename::fragmentname} 支持： ~{templatename::#id} templatename：模版名，Thymeleaf会根据模版名解析完整路径：/resources/templates/templatename.html，要注意文件的路径。 fragmentname：片段名，Thymeleaf通过th:fragment声明定义代码块，即： th:fragment=“fragmentname” id：HTML的id选
js中~~和 |
高先生的猫
08-28 267
~~它代表双非按位取反运算符， 如果你想使用比Math.floor()更快的方法，那就是它了。 需要注意，对于正数，它向下取整；对于负数，向上取整；非数字取值为0，它具体的表现形式为： ~~null; // => 0 ~~undefined; // => 0 ~~Infinity; // => 0 --NaN; // => 0 ~~0; // => 0 ~~{}; // => 0 ~~[]; .
~~和 | 的妙用
weixin_34358092的博客
04-09 154
2019独角兽企业重金招聘Python工程师标准>>> ...
thymeleaf 语法 —— ~{ } 代码块、:: selector、代码块选择器、th:insert、th:replace、th:include 的区别
猎人在吃肉
11-05 2013
一、~{ } 代码块表达式 格式： ~{ templatename :: selector } 支持： ~{ templatename :: #html_id } ~{ ::selector} 表达代码段在本页 参数说明： :: 前面的部分是 模板文件名（包括路径，模板文件名的后缀省略，默认都是.html）， :: 后面部分是 selector（选择器） 1、一般使用方式 在fragments...
css代码中的“~”和“>”是什么意思
dongkan8129的博客
08-11 2816
css中“~”是: 为所有相同的父元素中位于 p 元素之后的所有 ul 元素设置样式： p~ul{ 　　width：100px； } <p>1</p> <ul> 　　<li>2</li> 　　<li>2</li> 　　<li>2</li> ...
学习java：Idea + springBoot + mysql.zip
最新发布
02-23
学习java：Idea + springBoot + mysql
IDEA2020.1启动SpringBoot项目出现java程序包:xxx不存在
08-11
主要介绍了IDEA2020.1启动SpringBoot项目出现java程序包:xxx不存在,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Java项目:在线考试平台(java+Springboot+ssm+mysql+maven)
12-02
一、项目简述 功能列表 考试前台 /系统登录：学生、教师、管理员登录 /门户首页：无需认证访问 /在线考试：需认证即可查看当前考除目 /题库中心：需认证查看题库 /成绩查询：需认证查询成绩 /留言板：需认证留言 ...
Java项目:学生管理系统(java+Springboot+Maven+mybatis+Vue+Mysql)
03-19
一、项目简述 本系统功能包括： 学生管理，教师管理，课程管理，成绩管理，系统管理等等。 二、项目运行 环境配置： Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX（Webstorm也行）+ Eclispe（IntelliJ IDEA,...
Java项目:仿小米商城系统(前后端分离+java+vue+Springboot+ssm+mysql+maven+redis)
02-11
一、项目简述 本系统功能包括： 基于vue + Springboot前后端分离项目精简版仿小米商城 系统，注册登录，首页展示，商品展示，商品购买，下单支 付（支付有点小问题仅支持单个商品支付）后台维护等 等。 二、项目...
bugku ctf 简单加密 （e6Z9i~]8R~U~QHE{RnY{QXg~QnQ{^XVlRXlp^XI5Q6Q6SKY8jUAA）
qq_42777804的博客
06-02 3432
e6Z9i~]8R~U~QHE{RnY{QXg~QnQ{^XVlRXlp^XI5Q6Q6SKY8jUAA 其实你看后面最后两个字符为AA 恺撒密码和base64相结合 然后就想到 A对应的ASCII码十进制为65 =对应的ASCII码十进制为61 那么相当于base64加密偏移了四位 （base64最后两位好像一般都是==） 思路：1.先将这些字符串ascii码对应的十...
JS 动态改变浏览器title标题
weixin_30258027的博客
10-28 485
onfocus 和 onblur 事件，监听离开页面和进入页面 <script> window.onfocus = function () { document.title = '要走的人终究是留不住~~'; setTimeout(function(){ document.title = '夜雨绸缪'; }, 1500); }; window....
css属性选择器 [title~=hello]，*=，|=，^=，$=，*= 的区别
u012955801的博客
02-19 3267
一、知识点罗列： 1、title 属性的所有元素设置样式： [title] { color:red; } 2、title="W3School" 的所有元素设置样式： [title=W3School] { border:5px solid blue; } 3、包含指定值的 title 属性的所有元素设置样式。适用于由空格分隔的属性值： [title~=hello] { color:...
{@link}与@see的简单使用以及区别--如何写好Java代码注释
stujike123456的博客
07-25 2万+
https://blog.csdn.net/qq_27093465/article/details/59121608
Thymeleaf3模板嵌套的使用
想不出好名字的博客
10-22 5515
Thymeleaf3 中，支持了新的表达式~{ },这个表达式是专门用于处理片段（fragment）的，同时也可以用于选择当前文件内容中的片段（fragment）,并且支持模板引入时一起调用，增加了很大的模板灵活性。 官方样例 官方文档中的样例如下： This allows us to create our fragments in a way such that they can be enr...
thymeleaf 定义公共header 和 公共js
qq_33842795的博客
05-15 1万+
在common文件夹下创建common_header.html文件内容如下&lt;!DOCTYPE html&gt; &lt;html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"&gt; &lt;head th:fragment="common_header(title,lin.
thymeleaf中的fragment使用
热门推荐
jonathan的专栏
10-23 2万+
fragment介绍fragment类似于JSP的tag，在html中文件中，可以将多个地方出现的元素块用fragment包起来使用。fragment使用定义fragment所有的fragment可以写在一个文件里面，也可以单独存在，例如<footer th:fragment="copy"> the content of footer </footer> fragment的引用 th:i
thymeleaf 语法 —— thymleaf 的3种页面布局 layout、 th:include、th:replace 参数传递
猎人在吃肉
11-05 1万+
文章目录方式一、layout 布局方式二、 th:include 方式一、layout 布局 依赖： <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId>...
thymeleaf自学之路（二）thymeleaf 定义公共header 和 公共js
互联网叫兽
05-11 3139
1.common_header.html 公共css页面 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"> <head th:fragment="common_header(title,links,styles,scri...
实验四 基于idea+springboot+mave+thymeleaf的系统实现 实验学时:2 实验类型:设计
05-16
本次实验是基于idea、SpringBoot、Maven和Thymeleaf技术实现一个系统，实验学时为2学时，属于设计类型实验。 本次实验的目标是通过学习和实践，掌握基于SpringBoot框架进行Web应用开发的基本原理和方法。通过使用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值