课程发布-最终发布

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" });
      });
    }
  }
相关推荐
然我14 分钟前
不用 Redux 也能全局状态管理?看我用 useReducer+Context 搞个 Todo 应用
前端·javascript·react.js
前端小巷子19 分钟前
Web 实时通信:从短轮询到 WebSocket
前端·javascript·面试
神仙别闹22 分钟前
基于C#+SQL Server实现(Web)学生选课管理系统
前端·数据库·c#
web前端神器29 分钟前
指定阿里镜像原理
前端
枷锁—sha33 分钟前
【DVWA系列】——CSRF——Medium详细教程
android·服务器·前端·web安全·网络安全·csrf
枷锁—sha35 分钟前
跨站请求伪造漏洞(CSRF)详解
运维·服务器·前端·web安全·网络安全·csrf
群联云防护小杜1 小时前
深度隐匿源IP:高防+群联AI云防护防绕过实战
运维·服务器·前端·网络·人工智能·网络协议·tcp/ip
汉得数字平台1 小时前
【鲲苍提效】全面洞察用户体验,助力打造高性能前端应用
前端·前端监控
花海如潮淹1 小时前
前端性能追踪工具:用户体验的毫秒战争
前端·笔记·ux
_丿丨丨_6 小时前
XSS(跨站脚本攻击)
前端·网络·xss