SpringBoot前后端的交互过程
Spring Boot 前后端交互通常使用 RESTful API 进行。以下是一个简单的例子:
后端(Spring Boot):
import org.springframework.web.bind.annotation.*;
@RestController
@RequestMapping("/api")
public class MyRestController {
@GetMapping("/greeting")
public Greeting greeting(@RequestParam(required=false, defaultValue="World") String name) {
return new Greeting(name);
}
static class Greeting {
private final String content;
Greeting(String name) {
this.content = "Hello, " + name;
}
public String getContent() {
return content;
}
}
}
前端(JavaScript fetch API):
fetch('/api/greeting?name=John')
.then(response => response.json())
.then(data => console.log(data.content));
在这个例子中,后端定义了一个 API 接口 /api/greeting
,前端使用 fetch
方法调用这个接口,并在控制台中打印出响应的问候语。这是一个非常基础的交互,但它展示了如何设置一个简单的 RESTful 服务以及如何从前端发起请求并处理响应。
评论已关闭