day08---（04）修改课程信息功能（修改实现）_HTML

day08---（04）修改课程信息功能（修改实现）

1、实现修改课程信息接口

（1）EduCourseController添加修改课程信息的方法

@ApiOperation(value = "修改课程信息")
@PostMapping("updateCourseInfo")
public R updateCourseInfo(@RequestBody CourseInfoForm courseInfoForm){
    courseService.updateCourseInfo(courseInfoForm);
    return R.ok();
}

（2）在EduCourseService添加修改课程信息接口方法

void updateCourseInfo(CourseInfoForm courseInfoForm);

（3）在EduCourseServiceImpl实现修改课程信息接口方法

//修改课程信息
@Override
public void updateCourseInfo(CourseInfoForm courseInfoForm) {
    //1修改课程表
    EduCourse eduCourse = new EduCourse();
    BeanUtils.copyProperties(courseInfoForm,eduCourse);
    int update = baseMapper.updateById(eduCourse);
    if(update==0){
        throw new GuliException(20001,"课程修改信息失败");
    }
    //2修改描述表
    EduCourseDescription courseDescription = new EduCourseDescription();
    courseDescription.setId(courseInfoForm.getId());
    courseDescription.setDescription(courseInfoForm.getDescription());
    courseDescriptionService.updateById(courseDescription);
}

2、整合前端

（1）在src/api/course.js中添加接口方法

//修改课程信息
  updateCourseInfo(courseInfo){
    return request({
      url: `/eduservice/educourse/updateCourseInfo`,
      method: 'post',
      data:courseInfo
    })
  }

（2）改造页面

next() {
        if(this.courseInfo.id){
          //有值，修改
          this.updateCourse()
        }else{
          //添加
          this.saveCourseInfo()
        }
    },
    //添加课程信息
    saveCourseInfo() {
      course.addCourseInfo(this.courseInfo).then(response => {
        //保存成功后获取课程id
        this.courseId = response.data.courseId;
        //提示
        this.$message({
          type: "success",
          message: "添加成功!"
        });
        //跳转下一个页面
        this.$router.push({ path: `/course/chapter/${this.courseId}` });
      });
    },
    //修改课程信息方法
    updateCourse(){
      course.updateCourseInfo(this.courseInfo)
      .then(response=>{
        //提示
        this.$message({
          type: "success",
          message: "修改成功!"
        });
        //跳转下一个页面
        this.$router.push({ path: `/course/chapter/${this.courseId}` });
      })
    }