删除一条数据的前后端代码spring
时间: 2024-01-11 11:02:10 浏览: 63
前端代码:
```javascript
// 发送删除请求
axios.delete('/api/data/' + dataId)
.then(response => {
// 成功删除后的操作
})
.catch(error => {
// 处理删除失败的情况
});
```
后端代码:
```java
@RestController
@RequestMapping("/api/data")
public class DataController {
@Autowired
private DataRepository dataRepository;
@DeleteMapping("/{id}")
public ResponseEntity deleteData(@PathVariable("id") Long id) {
Optional<Data> data = dataRepository.findById(id);
if (data.isPresent()) {
dataRepository.deleteById(id);
return ResponseEntity.ok().build();
} else {
return ResponseEntity.notFound().build();
}
}
}
```
以上代码示例基于 Spring Boot 框架和 JPA 数据访问层。在前端代码中,使用 Axios 库发送一个 HTTP DELETE 请求到后端 API。在后端代码中,使用 @DeleteMapping 注解映射 HTTP DELETE 请求到 deleteData 方法,该方法根据传入的数据 ID 删除数据库中对应的数据,并返回一个 HTTP 响应。如果删除的数据不存在,则返回一个 HTTP 404 响应。
阅读全文