首页帮我编写一个用springboot的前后端交互的demo

帮我编写一个用springboot的前后端交互的demo

时间: 2024-03-10 12:50:04 浏览: 164

基于springboot 的后台demo

小程序开发之后台demo

好的，我可以为您提供一个简单的用Spring Boot实现前后端交互的demo。下面是步骤： 1. 创建一个Spring Boot项目，添加Web和Thymeleaf依赖。 2. 创建一个Controller类，用于处理前端请求和返回数据。示例代码如下： ```java @RestController public class DemoController { @RequestMapping("/hello") public Map<String, Object> hello() { Map<String, Object> resultMap = new HashMap<>(); resultMap.put("code", 200); resultMap.put("message", "Hello World!"); return resultMap; } } ``` 3. 创建一个前端页面，用于发送请求和展示返回数据。示例代码如下： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Spring Boot Demo</title> </head> <body> <h1>Spring Boot Demo</h1> <button onclick="hello()">Say Hello</button> <br/><br/> <div id="result"></div> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script> function hello() { $.ajax({ url: "/hello", type: "GET", success: function(result) { $("#result").html("Code: " + result.code + "<br/>Message: " + result.message); } }); } </script> </body> </html> ``` 4. 运行项目，访问前端页面，点击按钮发送请求，即可展示返回数据。以上就是一个简单的用Spring Boot实现前后端交互的demo。希望对您有所帮助！

阅读全文