全栈开发实战:React和Spring Boot应用指南
由于篇幅所限,以下仅展示如何在Spring Boot后端创建一个简单的REST控制器,以及如何在React前端使用axios发送GET请求的代码示例。
Spring Boot后端代码示例:
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;
@RestController
public class MyController {
@GetMapping("/greeting")
public String greeting() {
return "Hello, Full Stack!";
}
}
React前端代码示例:
import React, { useState, useEffect } from 'react';
import axios from 'axios';
const MyComponent = () => {
const [message, setMessage] = useState('');
useEffect(() => {
axios.get('http://localhost:8080/greeting')
.then(response => setMessage(response.data))
.catch(error => console.error(error));
}, []);
return <div>{message}</div>;
};
export default MyComponent;
在这个例子中,我们创建了一个简单的Spring Boot后端REST控制器,并在React前端使用axios库发送了一个GET请求以获取数据。这展示了如何连接前端和后端,并实现了数据的异步获取。
评论已关闭