首页springboot交互layui界面

springboot交互layui界面

时间: 2023-05-29 22:03:51 浏览: 111

Spring Boot 是一个用于开发 Java 应用程序的框架，它提供了快速开发应用程序的工具和库。Layui 是一款非常流行的前端框架，它提供了丰富的 UI 组件和样式。下面是一个简单的 Spring Boot 与 Layui 的交互界面的示例： 1. 首先，我们创建一个 Spring Boot 应用程序，并添加必要的依赖： ``` <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> <dependency> <groupId>org.webjars</groupId> <artifactId>layui</artifactId> <version>2.5.6</version> </dependency> ``` 2. 创建一个简单的 Controller 类，并添加一个处理请求的方法： ``` @Controller public class HomeController { @RequestMapping("/") public String home() { return "home"; } } ``` 3. 创建一个名为 home.html 的 HTML 文件，并添加 Layui 的代码： ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Spring Boot + Layui</title> <link rel="stylesheet" href="/webjars/layui/2.5.6/css/layui.css"> </head> <body> <div class="layui-container"> <div class="layui-row"> <div class="layui-col-md12"> <h1>Hello, Spring Boot + Layui!</h1> </div> </div> </div> <script src="/webjars/layui/2.5.6/layui.js"></script> </body> </html> ``` 4. 运行应用程序，并在浏览器中访问 http://localhost:8080/，将看到一个显示 "Hello, Spring Boot + Layui!" 的网页。这个示例演示了如何使用 Spring Boot 和 Layui 创建一个简单的交互界面。我们可以进一步添加更多的代码和功能，以创建更加复杂的应用程序。

阅读全文