课程发布-最终发布

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" });
      });
    }
  }
相关推荐
Mintopia6 分钟前
三维空间的 “切蛋糕大师”:八叉树的底层奥秘与妙用
前端·javascript·计算机图形学
布兰妮甜18 分钟前
单例模式在前端(JavaScript)中的实现与应用
前端·javascript·单例模式
Mintopia18 分钟前
Three.js 加载模型文件:从二进制到像素的奇幻漂流
前端·javascript·three.js
前端小巷子37 分钟前
跨域问题解决方案:JSONP
前端·javascript·面试
eric*16881 小时前
尚硅谷张天禹老师课程配套笔记
前端·vue.js·笔记·vue·尚硅谷·张天禹·尚硅谷张天禹
程序员爱钓鱼1 小时前
Go语言中的反射机制 — 元编程技巧与注意事项
前端·后端·go
GIS之路1 小时前
GeoTools 结合 OpenLayers 实现属性查询(二)
前端·信息可视化
烛阴1 小时前
一文搞懂 Python 闭包:让你的代码瞬间“高级”起来!
前端·python
AA-代码批发V哥2 小时前
HTML之表单结构全解析
前端·html
聪聪的学习笔记2 小时前
【1】确认安装 Node.js 和 npm版本号
前端·npm·node.js