课程发布-最终发布

DKPT2023-09-11 9:47

1、课程发布相关字段

在edu_course表中的status字段，Draft：未发布， Normal：已发布。

2、课程的最终发布结果

把edu_course表中的status字段改成Normal，进行发布操作。在EduCourseController中添加发布课程信息的方法。

java 复制代码

@ApiOperation(value = "发布课程信息")
@PostMapping("publishCourse/{id}")
public R publishCourse(@PathVariable String id){
    //根据课程id查询课程信息
    EduCourse eduCourse = courseService.getById(id);
    //把status字段改成Normal
    eduCourse.setStatus("Normal");
    courseService.updateById(eduCourse);
    return R.ok();
}

3、前端创建api接口

在api/publish.js中添加发布课程信息的接口方法。

java 复制代码

//发布课程信息
  publishCourse(id) {
    return request({
      url: `/eduservice/educourse/publishCourse/${id}`,
      method: 'post'
    })
  }

4、改造页面，实现功能

在course/publish.vue页面添加实现发布课程信息的功能。

java 复制代码

methods: {
    previous() {
      console.log("previous");
      this.$router.push({ path: `/course/chapter/${this.courseId}` });
    },
    publish() {
      console.log("publish");
      publish.publishCourse(this.courseId).then(response => {
        //提示
        this.$message({
          type: "success",
          message: "课程发布成功!"
        });
        //跳转页面
        this.$router.push({ path: "/course/list" });
      });
    }
  }