更新课程信息前后端实现

系统管理员 2021-07-24 11:58 526阅读 0赞

# 一 后端 #

## 1 控制器 ##

/**
    * 功能描述：更新课程
    *
    * @param courseInfoForm 前端传过来的DTO
    * @return R 返回给前端数据
    * @author cakin
    * @date 2020/12/5
    */
    @ApiOperation("更新课程")
    @PutMapping("update-course-info")
    public R updateCourseInfoById(@ApiParam(value = "课程ID", required = true) @RequestBody CourseInfoForm courseInfoForm) {
        courseService.updateCourseInfoById(courseInfoForm);
        return R.ok().message("修改成功");
    }

## 2 service ##

接口

/**
    * 功能描述：更新课程和课程详情信息
    *
    * @param courseInfoForm 前端传过来的课程表单
    * @return String 新生成的课程id
    * @author cakin
    * @date 2020/12/5
    */
    void updateCourseInfoById(CourseInfoForm courseInfoForm);

实现

/**
    * 功能描述：更新课程和课程详情信息
    *
    * @param courseInfoForm 前端传过来的课程表单
    * @return String 新生成的课程id
    * @author cakin
    * @date 2020/12/5
    */
    @Override
    public void updateCourseInfoById(CourseInfoForm courseInfoForm) {
        // 更新Course
        Course course = new Course();
        BeanUtils.copyProperties(courseInfoForm, course);
        baseMapper.updateById(course);
        // 更新CourseDescription
        CourseDescription courseDescription = new CourseDescription();
        courseDescription.setDescription(courseInfoForm.getDescription());
        courseDescription.setId(courseInfoForm.getId());
        courseDescriptionMapper.updateById(courseDescription);
    }

# 二 前端 #

## 1 api ##

// 更新讲师信息
      updateById(teacher) {
        return request({
          url: `/admin/edu/teacher/update`,
          method: 'put',
          data: teacher
        })
      },

## 2 组件js ##

// 更新课程信息
        updateData() {
          courseApi.updateCourseInfoById(this.courseInfo).then(response => {
            this.$message.success(response.message)
            this.$parent.active = 1
          })
        },

调用updateDate()方法

// 保存并下一步
        saveAndNext() {
          this.saveBtnDisabled = true
          if (!this.$parent.courseId) {
            this.saveData()
          } else {
            this.updateData()
          }
        },