프런트엔드와 백엔드 분리를 달성하는 데 있어 Spring 프레임워크의 적응성을 살펴보세요.

@RestController
@RequestMapping("/api/users")
public class UserController {
    
    @Autowired
    private UserService userService;
    
    @GetMapping("/{id}")
    public User getUserById(@PathVariable("id") Long id) {
        User user = userService.getUserById(id);
        return user;
    }
    
    @PostMapping("/")
    public User createUser(@RequestBody User user) {
        User newUser = userService.createUser(user);
        return newUser;
    }
    
    @PutMapping("/{id}")
    public User updateUser(@PathVariable("id") Long id, @RequestBody User user) {
        User updatedUser = userService.updateUser(id, user);
        return updatedUser;
    }
    
    @DeleteMapping("/{id}")
    public void deleteUser(@PathVariable("id") Long id) {
        userService.deleteUser(id);
    }
}

@Service
public class UserService {
    
    @Autowired
    private UserRepository userRepository;
    
    public User getUserById(Long id) {
        User user = userRepository.findById(id);
        return user;
    }
    
    public User createUser(User user) {
        User newUser = userRepository.save(user);
        return newUser;
    }
    
    public User updateUser(Long id, User user) {
        user.setId(id);
        User updatedUser = userRepository.save(user);
        return updatedUser;
    }
    
    public void deleteUser(Long id) {
        userRepository.deleteById(id);
    }
}

// 获取用户
axios.get('/api/users/{id}')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

// 创建用户
axios.post('/api/users/', {
    name: 'John Doe',
    age: 25
  })
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });
  
// 更新用户
axios.put('/api/users/{id}', {
    name: 'John',
    age: 26
  })
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });
  
// 删除用户
axios.delete('/api/users/{id}')
  .then(response => {
    console.log('User deleted successfully');
  })
  .catch(error => {
    console.error(error);
  });