使用base标签解决Thymeleaf页面获取项目路径问题

最新推荐文章于 2022-10-12 09:39:39 发布
原创 最新推荐文章于 2022-10-12 09:39:39 发布 · 3.4k 阅读 · 7 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#base标签

博主在写博客页面发表博客后想跳转到详情页，使用window.location.href写死项目路径有弊端，且thymeleaf未提供较好获取项目路径的方式。最后发现用<base>标签在html页面<head>标签中一次配置，页面url会自动加项目基本路径，还支持多种标签中的URL。

问题说明

写博客页面在发表博客后我想跳转到博客详情页。这里面我用到了：window.location.href="localhost:8080/post/detail/123";

这种方式的弊端是写死了项目路径。为了获得项目路径，我找了找貌似thymeleaf没有提供较好的方式，网上提供的那些解答都文不对题。

最后发现使用<base>标签可以在html页面<head>标签中一次配置：

<base th:href="${#request.getContextPath()}+'/'">

这个页面的url都会自动加上项目基本路径。

支持 <a>、<img>、<link>、<form> 标签中的 URL，当然还有我上面的跳转URL。

 

实际案例：

 

Thymeleaf配置basePath
qwq1518346864的博客
06-18 889
<head> <meta charset="UTF-8"> <title>Title</title> <base th:href="${#servletContext.getContextPath()+'/'}"> </head>
Thymeleaf中文文档
song854601134的博客
12-05 8316
文章目录1 引入Thymeleaf1.1 Thymeleaf是什么?1.2 Thymeleaf可以处理什么样的模板?1.3 方言:标准方言2 一个很棒的虚拟杂货店设计2.1 一个杂货店的网站2.2 创建和配置模板引擎模板解析器模板引擎3 使用文本3.1 多语言的欢迎语境（上下文）执行模板引擎3.2 有关文本和变量的更多信息未转义的文本使用和显示变量4 标准表达式语法所有这些功能都可以组合和嵌套：4.1 消息4.2 变量表达式基本对象表达工具对象在我们的主页中重新格式化日期4.3 选择表达式（星号语法）4.4
SpringBoot_Thymeleaf获取项目根路径三种方式
qq_44776801的博客
08-11 2207
<script th:inline="javascript" type="text/javascript"> var ctxPath = [[@{/}]]; var ctxPath = /*[[@{/}]]*/''; var ctxPath=[[${#httpServletRequest.getContextPath()}]]; </script>
thymeleafBase
03-14
thymeleafBase
【弃用】Thymeleaf - 使用base标签 - 解决页面获取项目路径问题
我是一只蘑菇17的博客
10-12 470
下面添加base方法不建议使用。@{...}标签可以在html页面标签中一次配置：
Thymeleaf配置basePath解决页面路径问题
我是一只蘑菇17的博客
10-12 1073
注意：上面语法中的单引号不能去掉，否则Thymeleaf无法解析。
spring-boot运行页面路径配置和thymleaf模板路径配置
qq_44680925的博客
11-20 1541
这里简单说一下spring-boot要运行的页面放在哪个文件夹以及thymleaf模板运行在哪个文件夹的配置问题。 spring-boot运行的页面都是放在templates文件夹里面，在application.properties配置如下代码 server.port=8080 server.servlet.context-path=/ #thymleaf模板引擎 #th模板文件夹 spring...
Thymeleaf获取项目路径
01-03
### 获取项目路径的方法 在 Thymeleaf 中，直接获取项目的物理路径并不是常见的做法，因为模板引擎通常用于渲染 HTML 页面而不是处理文件系统操作。然而，在某些情况下确实需要访问服务器端的资源路径。 为了实现...
aaa/bbb 不是项目中的contextpath路径，是域名路径要如何获取整体路径
最新发布
09-16
### 解决Thymeleaf中域名路径（非context path）的静态资源引入问题 当`aaa/bbb`是域名路径（如反向代理配置的路径）而非项目context path时，需要特殊处理静态资源路径。以下是完整解决方案： --- ### 一、核心...
Spring Boot——Thymeleaf
web17508858916的博客
09-11 468
以上就是【】对Thymeleaf的知识点和基本使用的讲解了，对于Thymeleaf这个模板引擎，说实话还是非常好用的，甚至个人觉得比jsp还强大，大家也可以自己亲手敲一遍代码，这样对知识的巩固有很大帮助，如果文章中有哪些地方讲得不是很好，欢迎大家提出来，让我们共同进步。深知大多数初中级Java工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！因此收集整理了一份《Java开发全套学习资料。
Thymeleaf显示base64字符串为图片.docx
03-12
在网页中把Base64字符串显示为图片很容易，但是当前台使用Thymeleaf框架时，就得绕个小弯子，直接使用html框架中的方法不行，本文详解了用Thymeleaf显示Base64字符串为图片的方法，望对大家有所帮助。
Spring Web MVC框架（十二） 使用Thymeleaf
热门推荐
乐百川
02-16 1万+
Thymeleaf简介前面的例子我们使用的视图技术主要是JSP。JSP的优点是它是Java EE容器的一部分，几乎所有Java EE服务器都支持JSP。缺点就是它在视图表现方面的功能很少，假如我们想迭代一个数组之类的，只能使用<% %>来包括Java语句进行。虽然有标准标签库（JSTL）的补足，但是使用仍然不太方便。另外JSP只能在Java EE容器中使用，如果我们希望渲染电子邮件之类的，JSP就无
SpringBoot+Thymeleaf中静态资源css、js等的引用问题
qq_27198345的博客
12-17 3547
SpringBoot + Thymeleaf项目中静态资源的引用问题是非常常见的问题，也是最头疼的问题，其实一点儿也不难，只是有几个问题没注意到始终无法解决。 静态资源的位置 1、 在SpringBoot项目运行的时候，引用静态资源需要使用Thymeleaf. <!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"&gt
相对路径、绝对路径、Base标签、Thymeleaf中@{}
weixin_46245201的博客
04-09 420
@{}表示到项目目录：http://localhost:8080/pro10
JAVA--将图片转为BASE64编码并返回thymeleaf页面
weixin_30751947的博客
12-09 574
controller 1 package cn.lntop.controller.test; 2 3 import java.util.ArrayList; 4 import java.util.HashMap; 5 import java.util.List; 6 import java.util.Map; 7 8 import javax.serv...
Java把图片转换Base64位编码格式,Thymeleaf页面进行展示
隐心咒Amor的博客
06-22 1381
// 生成图片 package cn.hutool.extra.qrcode; package cn.hutool.core.io; List<String> qrCodeUrl = new ArrayList<>(); String path = "图片路径/xxx/xxx/aaa.jpg"; File generate = QrCodeUtil.generate(url, 300, 300, FileUtil.file(path)); St
在thymleaf模板中的basePath完整项目路径的获取
weixin_46439731的博客
09-08 500
1.使用thymleaf内置的httpServletRequest对象 2.使用内联表达式 eg: <script th:inline="javascript"> var basePath = [[${#httpServletRequest.getScheme() + "://" + #httpServletRequest.getServerName() + ":" + #httpServletRequest.getServerPort() + "/p2p"}]]; &l
Springboot前端thymeleaf html页面js,css相对路径引用问题解决
PLA12147111的博客
12-20 1万+
怕你们没心思全部看完,直接把解决方案放在最开头吧! 第一种方案: <!-- 第一种方式:<base> 标签为页面上的所有链接规定默认地址或默认目标,然后你的css或js或src原来是怎么样还是什么样 --> <base th:href="@{/}"> 第二种方案: <!-- 如果不使用base,那么这种方式也是可以的,@{/你的文件路...
评论 5
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值