首页写一个springboot简单的前后端交互

写一个springboot简单的前后端交互

时间: 2023-06-01 10:04:49 浏览: 102

好的，我可以回答这个问题。您可以先创建一个SpringBoot项目，添加Spring Web和Thymeleaf等依赖。然后，在后端代码中编写一个简单的RestController类来处理请求，例如： ``` @RestController public class MyController { @GetMapping("/hello") public String hello(@RequestParam(value = "name", defaultValue = "World") String name) { return "Hello, " + name + "!"; } } ``` 然后，在前端代码中可以使用JavaScript或其他框架来发送GET请求，并将响应内容显示在页面上，例如： ``` <html> <head> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="app"> <input v-model="name" type="text"> <button @click="sayHello">Say Hello</button> <p>{{ result }}</p> </div> <script> new Vue({ el: '#app', data: { name: '', result: '' }, methods: { sayHello: function() { axios.get('/hello', { params: { name: this.name } }).then(response => { this.result = response.data; }).catch(error => { console.error(error); }); } } }); </script> </body> </html> ``` 这样，当用户在输入框中输入名字并点击按钮时，前端代码会发送GET请求到后端代码处理，然后将后端返回的响应内容显示在页面上。

阅读全文