08. 开发课程管理删除功能

59 字约 1 分钟读完666 次阅读更新于 2026/5/3

后台逻辑

/**
 * 删除课程
 */
@DeleteMapping("/delete/{id}")
public Result delete(@PathVariable Integer id) {
    courseService.deleteById(id);
    return Result.success();
}

@Delete("delete from course where id = #{id}")
void deleteById(Integer id);

前台逻辑

确认框
import {ElMessage, ElMessageBox} from "element-plus";

const del = (id) => {
  ElMessageBox.confirm('删除数据后无法恢复，您确认删除吗？', '删除确认', { type: 'warning' }).then(res => {
    request.delete('/course/delete/' + id).then(res => {
      if (res.code === '200') {
        load()    // 重新获取数据
        ElMessage.success("操作成功")
      } else {
        ElMessage.error(res.msg)
      }
    })
  }).catch(res => {})
}