首页通过springboot实现前后端分离，写一个页面案例

通过springboot实现前后端分离，写一个页面案例

时间: 2024-04-11 20:27:27 浏览: 70

当然可以！下面是一个使用Spring Boot实现前后端分离的简单页面案例。首先，你需要创建一个Spring Boot项目，并添加相关依赖。在`pom.xml`文件中加入以下依赖： ```xml <dependencies>  <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency>  <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency> </dependencies> ``` 接下来，创建一个简单的控制器类来处理页面请求。在`src/main/java`目录下创建一个名为`HomeController`的类： ```java import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.GetMapping; @Controller public class HomeController { @GetMapping("/") public String home() { return "index"; } } ``` 然后，在`src/main/resources/templates`目录下创建一个名为`index.html`的Thymeleaf模板文件： ```html <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>Spring Boot Page</title> </head> <body> <h1>Welcome to Spring Boot Page!</h1> </body> </html> ``` 最后，运行Spring Boot应用程序，打开浏览器并访问`http://localhost:8080`，你将看到显示"Welcome to Spring Boot Page!"的页面。这个简单的例子展示了如何使用Spring Boot和Thymeleaf实现一个基本的前后端分离页面。你可以根据自己的需求进一步扩展和定制页面。

阅读全文