day4008_0318_传智在线_课程管理_发布课程-笔记

以下为《day4008_0318_传智在线_课程管理_发布课程-笔记》的无排版文字预览，完整内容请下载

1.课程发布--基本信息

1.1 课程讲师

1.1.1 需求

1.1.2 后端实现【已有】

1.1.3 前端

发送ajax 【已有】

导入ajax

调用ajax

遍历数据

1.2 课程介绍：tinymce

1.2.1 需求

在线编辑器 / 富文本编辑器

了解 element-admin 内置

https://panjiachen.gitee.io/vue-element-admin/#/components/tinymce

1.2.1 实施步骤

导入 tinymce组件（参考：@/views/components-demo/tinymce.vue ）

声明组件（起名）

使用组件

显示中文处理

1.3 保存课程

1.3.1 需求：

点击“保存，下一步”，

如果是第一次操作，将完成添加操作

如果是第二次以及之后的操作，完成更新操作

1.3.2 分析：

1.3.3 前端

修改下一步函数，发送ajax

导入ajax

编写ajax

// 保存课程export function saveCou( courseVo ) { return axios.post('/course-service/course', courseVo)}

完成添加功能后，需要在course中记录id

async nextChapter() { // 到章节 this.stepActive = 1 // 完成保存操作 let { message,data } = await saveCou( this.course ) // 提示 this.$message.success(message) // 保存id this.course.id = data },

1.3.4 后端

vo封装类

package com.czxy.zx.course.vo;import lombok.Data;import java.math.BigDecimal;/** * @author 桐叔 * @email liangtong@itcast.cn */@Datapublic class CourseVo { private String id; // private String teacherId; private String[] subjectIds; //课程目录 private String title; private BigDecimal price; //课程销售价格 private Integer lessonNum; //总课时 private String description;}

controller

package com.czxy.zx.course.controller;import com.czxy.zx.course.service.EduCourseService;import com.czxy.zx.course.vo.CourseVo;import com.czxy.zx.vo.BaseResult;import org.spring 内容过长，仅展示头部和尾部部分文字预览，全文请查看图片预览。 // 3.2 如果没有, 添加 eduCourseDescriptionMapper.insert(eduCourseDescription); } else { // 3.3 如果有，更新 eduCourseDescriptionMapper.updateById(eduCourseDescription); } //4 返回课程id return eduCourse.getId(); }}

[文章尾部最后300字内容到此结束,中间部分内容请查看底下的图片预览]请点击下方选择您需要的文档下载。

以上为《day4008_0318_传智在线_课程管理_发布课程-笔记》的无排版文字预览，完整内容请下载

day4008_0318_传智在线_课程管理_发布课程-笔记由用户“l66905427m”分享发布，转载请注明出处

XXXXX相关资讯

XXXXX猜你喜欢

回顶部 | 首页 | 电脑版 | 举报反馈更新时间2021-03-30 16:35:47