创建一个success.html 页面,在首页通过 thymeleaf 超链接 <a th:href/>和浏览器超链接<a/>2种不同方式分别实现跳转到success.html页面。
时间: 2024-03-18 13:40:05 浏览: 83
好的,下面是实现步骤:
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”页面。
希望这些步骤可以帮助到你实现要求的功能。
阅读全文