本文共 2692 字，大约阅读时间需要 8 分钟。

后端实现

1. 控制器

功能描述：根据ID删除课程

编写人：cakin

@ApiOperation("根据ID删除课程")
@DeleteMapping("remove/{id}")
public R removeById(@ApiParam(value = "课程id", required = true) @PathVariable String id) {
    // 删除课程视频
    courseService.removeCoverById(id);
    // 删除课程
    boolean result = courseService.removeCourseById(id);
    if (result) {
        return R.ok().message("删除成功");
    } else {
        return R.error().message("数据不存在");
    }
}

2. 服务层

接口

功能描述：删除课程封面

编写人：cakin

功能描述：删除课程

编写人：cakin

实现

@Override
public boolean removeCoverById(String id) {
    // 根据id获取课程 Cover 的 url
    Course course = baseMapper.selectById(id);
    if (course != null) {
        String cover = course.getCover();
        if (!StringUtils.isEmpty(cover)) {
            R r = ossFileService.removeFile(cover);
            return r.getSuccess();
        }
    }
    return false;
}
@Override
@Transactional(rollbackFor = Exception.class)
public boolean removeCourseById(String id) {
    // 根据 courseId 删除 Video(课时)
    QueryWrapper
   

3. 前端实现

1. 定义API

// 根据id删除课程
removeById(id) {
    return request({
        url: `/admin/edu/course/remove/${id}`,
        method: 'delete'
    });
}

2. 修改删除按钮

   
    
    删除
   

3. 编写删除方法

// 根据id删除数据
removeById(id) {
    this.$confirm('此操作将永久删除该课程，以及该课程下的章节和视频，是否继续?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
    }).then(() => {
        return courseApi.removeById(id);
    }).then(response => {
        this.fetchData();
        this.$message.success(response.message);
    }).catch(response => {
        if (response === 'cancel') {
            this.$message.info('取消删除');
        }
    });
}

测试

转载地址：http://phqj.baihongyu.com/