springboot获取数据库数据向vue发送数据

在Spring Boot项目中，当你需要从数据库获取数据并将其传递给前端Vue应用时，通常会涉及以下几个步骤：

1. **Repository接口**：首先，在Spring Data JPA中创建一个Repository接口，该接口将定义用于查询数据库的方法。例如：

public interface UserRepository extends JpaRepository<User, Long> {
    List<User> findAll();
    User findByEmail(String email);
}

2. **Service层**：在Service层，注入对应的数据访问对象（如UserRepository），并在其中实现业务逻辑，获取数据：

@Service
public class UserService {
    private final UserRepository userRepository;

    public UserService(UserRepository userRepository) {
        this.userRepository = userRepository;
    }

    public List<User> getUsers() {
        return userRepository.findAll();
    }
    
    public User getUserByEmail(String email) {
        return userRepository.findByEmail(email);
    }
}

3. **Controller层**：在Controller中，定义API endpoints，调用Service的方法，并将结果转换成合适的响应体，如JSON格式：

@RestController
@RequestMapping("/api/users")
public class UserController {
    @Autowired
    private UserService userService;

    @GetMapping
    public ResponseEntity<List<User>> getUsers() {
        List<User> users = userService.getUsers();
        return new ResponseEntity<>(users, HttpStatus.OK);
    }

    @GetMapping("/{email}")
    public ResponseEntity<User> getUserByEmail(@PathVariable String email) {
        User user = userService.getUserByEmail(email);
        return new ResponseEntity<>(user, HttpStatus.OK);
    }
}

4. **Vue.js**：在前端，通过axios等HTTP库发起GET请求到上述定义的API，接收数据并展示：

axios.get('/api/users')
    .then(response => {
        // 处理返回的用户列表
        console.log(response.data);
    })
    .catch(error => {
        console.error(error);
    });