SpringBoot 刨坑记（一）th:href页面跳转失败

最新推荐文章于 2024-05-20 16:04:00 发布
最新推荐文章于 2024-05-20 16:04:00 发布
阅读量9.6k 收藏 22
点赞数 10
分类专栏： springboot 文章标签： springboot href
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38972117/article/details/84942553
版权

使用跳转静态页面的方法来跳转动态页面会出现 NOT FOUND 404
在这里插入图片描述

在这里插入图片描述

出于安全性的原因考虑，不能直接跳转

→
→→
→→→

写一个简单的例子来实现页面跳转(动态和静态)

在templates下新建页面，这里用house.html作为主页面
在这里插入图片描述
在static中建立静态页面index6.html
在这里插入图片描述

以下是代码 house.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>house</title>
    <script type="text/javascript">
    </script>
</head>

<body>
	<h1>This is house.html</h1>
	<a href="/html/index6.html">跳转6</a> <!--此处跳转静态页面-->
	<br>
	<a th:href="@{/showtitle}">跳转5</a> <!--此处跳转动态页面-->

</body>
</html>

controller

    @RequestMapping("showtitle")
    public String gotoIndex(){
        return "index5";
    }

springboot会自动去controller中找到showtitle请求，执行其中的内容
在这里插入图片描述

→跳转5

在这里插入图片描述
动态页面的跳转需要先请求服务器，访问后台应用程序，然后再转到页面，在springboot中不建议用jsp，用Thymeleaf来做动态页面。

醉沙
关注
  • 10
    点赞
  • 踩
  • 22
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
SpringBoot统一错误页面
qq_34749144的博客
11-21 2080
1. 首先，上一张结构图 2. 接下来，是正文了 1）、SpringBoot默认的错误处理机制 默认效果： 1）、浏览器，返回一个默认的错误页面 浏览器发送请求的请求头： 2）、如果是其他客户端，默认响应一个json数据 原理： 可以参照ErrorMvcAutoConfiguration；错误处理的自动配置； 给容器中添加了以下组件 1、DefaultErrorAttributes：...
SpringBoot-thymelaef页面跳转问题
efforts_of_losers的博客
10-30 334
最近学了SpringBoot的模板引擎,发现好多疑问，记录一下： thymeleaf 使用： 1.第一pom.xml引入依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf&l...
使用thymeleaf中超链接失效
麻辣香蕉
07-11 2686
使用thymeleaf的时候遇到超链接失效的错误，在网上搜了好久没找到原因，一点点排错找出，记录一下！错误代码：&lt;tr th:each="view_dir : ${view_dir}"&gt;     &lt;td th:text="${view_dir.view_current_dir}"&gt; &lt;a th:href="@{http://localhost:8080/list(d...
Thymeleaf的th:href标签失效的一种情况分析及解决方案
热门推荐
zhoucheng05_13的博客
03-27 2万+
问题分析今天在使用Thymeleaf装填Model信息时发现th:href失效了，代码如下：<a th:href="@{/detail/${plant.id}}">当点击该链接的时候，跳转到失败页面： 提示页面找不到。 在google浏览器下，按F12，点击network，查看源码： 发现plant的id并没有被装填进去。于是确定是th:href没有起作用，随后仔细检查，注意到/$
SpringBoot的文件上传和下载、二维码
最新发布
V1411的博客
05-20 330
(2)在下列文件上传页面中，选择要上传的文件，点击提交按钮，则将选择的文件上传到服务器指定的目录下。在Ideal环境下创建一个SpringBoot项目，客户端文件上传、下载和二维码生成的功能。(1)在下列主界面中通过点击超链接分别进入进入文件上传页面、文件下载页面和二维码生成页面。(3)在下列文件下载页面中，点击下列超链接，则将超链接的文件下载到客户端指定的目录下。(4)在下列二维码生成页面中，点击“生成二维码“按钮，则二维码输出到客户端。
点击超连接,状态栏不显示超连接地址
dancer 的专栏
07-15 1323
单个链接的话可以如下： LINK ;   若是页面所有链接都不显示其连接地址，可以定义css样式   a   {   cc:expression(window.status= ' ')   }    当然其它主要就是改变window.status=' 你想出现的内容 ' 收藏于 2010-11-22 来自于百度空间
thymeleaf使用时候需要注意的几个小问题
sdhkwjlxxx的博客
09-09 351
thymeleaf使用时候需要注意的几个小问题 1.当您使用tymeleaf的绝对路径的时候 2.引用路径需要修改 3.a标签get的带参请求方式 4.点击事件传递多个参数的写法
关于Thmleaf中＜a th:href=““＞＜/a＞超链接传参注意事项
添砖Java的博客
11-21 2581
Thymleaf超链接传参问题
mysql 别人无法连接问题
qq_34346915的博客
09-24 455
use mysql; update user set host = '%' where user = 'root'; flush privileges; # 这里还是将密码设置为之前的设置的123456 alter user 'root'@'localhost' identified with mysql_native_password by '123456'; use mysql;
SpringBoot页面跳转访问css、js等静态资源引用无效解决.docx
06-03
<link th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/> ``` 这里的`@{/css/bootstrap.min.css}`表示Thymeleaf会根据配置的`prefix`和`suffix`来生成实际的URL。 5. **控制器配置**：在SpringBoot的控制...
thymeleaf实现th:each双重多重嵌套功能
10-15
在上述代码中，`th:each`指令被用来遍历`cateList`（一级分类列表），对于每个一级分类`cate1`，内部的`ul`元素使用`th:each`再次遍历`cate1.cate2List`（二级分类列表）。这样，`th:each`指令实现了双重嵌套，能够...
Thymeleaf中th:each及th:if使用方法解析
09-07
### 一、th:each `th:each` 指令主要用于遍历数据集合，这些集合通常由控制器（Controller）传递到视图（View）。例如，以下是一个简单的控制器代码片段： ```java @Controller public class HelloController { @...
spring boot使用thymeleaf跳转页面实例代码
08-30
例如，在`page3`方法中，我们向模型对象`Model`中添加了一个属性`userName`，在模板文件`hello.html`中可以通过`th:text`或`th:utext`等Thymeleaf表达式来访问这个属性： ```html <!DOCTYPE HTML> <html xmlns:th=...
springboot页面静态化-Thymeleaf
12-05
例如，`th:text`用于设置元素的文本内容，`th:href`用于设置链接的URL。在我们的示例中，可能会使用`th:each`指令遍历一个列表，显示其中的数据。 4. **页面静态化** 页面静态化是提高Web应用性能的一种策略，它将...
SpringBoot页面展示Thymeleaf
weixin_44566662的博客
03-05 1181
文章目录Thymeleaf添加Thymeleaf依赖属性展示th:text 它表示显示一个普通的文本信息。th:utext 它表示显示一个带有样式的普通文本显示对象数据处理1控制器方法向页面传递一些数据，以供操作2数据处理路径处理1然后在页面中可以通过“@{路径}”来引用js,css。2页面之间的跳转也能通过@{}来实现操作内置对象1在控制器里面增加一个方法，这个方法将采用内置对象的形式传递属性。2在页面之中如果要想访问不同属性范围中的内容，则可以采用如下的做法完成：逻辑处理通过控制器传递一些属性内容到页面
thymeleaf 超链接_【thymeleaf-标签】th:href
weixin_39924307的博客
12-22 2582
简介：1、基本写法与th:src一样 一般写法为th:href="@{值}"；2、如果是需要从model中取值的话，写法为：th:href="@{${model中的name值}}"；3、如果需写字符串与model中的值进行拼接，写法为：th:href="@{‘字符串‘+${model中的nam值}}"；eg：1、超链接请求后端接口： ；对应后端接口：@RequestMapping(value = ...
thymeleaf中 th:href使用笔记
学习，是熵减的最有效途径。
08-02 7519
thhref带参数的写法，下面分别是带一个参数和两个参数的写法。如-http//localhost8080/如-http//localhost8080。
springboot-结合前端实现网页跳转
qq_41601567的博客
10-14 3873
springboot实现前后端网页跳转： 1、前端代码放在static目录下； 2、controller类使用GetMapping获取网址链接，并返回具体前端代码
SpringBoot使用thymeleaf th:href 一个参数及多个参数传递格式
weixin_44648502的博客
06-16 3056
一个参数 <a href="需要跳转的页面" th:href="@{controller下的方法(变量名=${参数})}" th:text="${参数}"></a> 例如： <a href="xx.html" th:href="@{/room/gobook(id=${item.roomId})}" th:text="${item.name}"></a> 多参数 多个参数用英文逗号隔开 <a th:href="@{/room/gobook(roo
创建一个success.html 页面，在首页通过 thymeleaf 超链接 <a th:href/>和浏览器超链接<a/>2种不同方式分别实现跳转到success.html页面。
06-09
好的，下面是实现步骤： 1. 在Web应用程序的“src/main/resources/templates”目录下创建一个名为“success.html”的Thymeleaf模板文件。在该文件中添加以下内容： ```html <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <title>Success Page</title> </head> <body> <h2>Success!</h2> </body> </html> ``` 2. 在index.html文件中，添加两个超链接，一个使用Thymeleaf，一个使用常规的HTML链接。如下所示： ```html <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <title>Home Page</title> </head> <body> <h2>Welcome to the Home Page</h2> <a th:href="@{/success}">Go to Success Page (Thymeleaf)</a> <br /> <a href="/success">Go to Success Page (HTML)</a> </body> </html> ``` 3. 在Web应用程序的“src/main/resources/application.properties”文件中添加以下内容： ``` spring.mvc.view.prefix=classpath:/templates/ spring.mvc.view.suffix=.html ``` 4. 在Web应用程序的“src/main/java”目录下创建一个名为“com.example.demo”的Java包。 5. 在“com.example.demo”包中创建一个名为“DemoApplication.java”的类，并添加以下内容： ```java package com.example.demo; import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; @SpringBootApplication public class DemoApplication { public static void main(String[] args) { SpringApplication.run(DemoApplication.class, args); } } ``` 6. 在Web应用程序的“src/main/java”目录下创建一个名为“com.example.demo.controller”的Java包。 7. 在“com.example.demo.controller”包中创建一个名为“HomeController.java”的控制器类，并添加以下内容： ```java package com.example.demo.controller; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.GetMapping; @Controller public class HomeController { @GetMapping("/") public String home() { return "index"; } @GetMapping("/success") public String success() { return "success"; } } ``` 现在你可以启动应用程序，并在浏览器中输入http://localhost:8080/来访问首页。点击超链接“Go to Success Page (Thymeleaf)”或“Go to Success Page (HTML)”将跳转到“success.html”页面。 希望这些步骤可以帮助到你实现要求的功能。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值