97.添加小节的视频上传功能 (1)引入依赖 已完成. (2)配置appliaction.properties # 服务端口号 server.port=8003 # 服务名 spring.application.name=service_vod # 环境设置 dev test prod spring.profiles.active=dev # 最大上***个文件大小：默认1M spring.servlet.multipart.max-file-size=1024MB # 最大置总上传的数据大小 ：默认10M spring.servlet.multipart.max-request-siz...

(1)引入依赖 下面为官方教程中列出的依赖，在pom文件中添加，之前添加过的可以不要再添加。 <dependency> <groupId>com.aliyun</groupId> <artifactId>aliyun-java-sdk-core</artifactId> <version>4.5.1</version> </dependency> <dependency> <groupId>com.aliyun.oss</groupId&...

获取视频凭证 对于加密视频，地址无法直接播放视频。我们需要得到视频的凭证。 private static void getVideoAuth() throws ClientException { // 1.创建客户端 DefaultAcsClient client = InitObject.initVodClient("LTAI5tFgGXoyhNYWPMHf3gNz", "C8acTTWjFrySJIarGvSfJVTQNce1vt"); // 2.创建request、response GetVideoPlayAuthReque...

阿里云官网开通视频点播(推荐按照流量计费，不用不花钱)。 阿里云视频点播服务提供API与SDK。API就是提供一些视频操作(上传、下载...)的固定url，我们通过提供的url拼接参数进行操作。SDK对API方式进行了封装，我们直接调用SDK中的类与方法来实现功能，使用更加方便，官方推荐使用。 在阿里云官网有具体的入门教程https://help.aliyun.com/document_detail/57756.htm。下面写一些简单demo入门。 在demo前，先提示一个细节:因为视频有加密的方式，加密视频不可以通过地址直接访问，因此我们在数据库中不存储视频的地址，而存储视频的Id。通过I...

需求如下。 EduCourseController。 @DeleteMapping("deleteCourse/{courseId}") public R deleteCourse(@PathVariable String courseId) { Boolean delete = eduCourseService.removeCourse(courseId); if(delete) { return R.ok(); } else { return R.error(); }...

需求如下图。与之前的讲师列表内容基本是一致的。 先来实现最简单的部分:数据的展示。EduCourseController类。 // 课程列表 // Todo 完善成条件查询带分页功能 @GetMapping("/getCourseList") public R getCourseList() { List<EduCourse> courseList = eduCourseService.list(null); return R.ok().data("list", courseList); } 前端接口部分。c...

课程的最终发布 现在课程虽然已经添加到了数据库了，但是课程还没有真正的发布:只有在课程发布以后用户才可以看到课程。在数据库中有一个字段status，发布的课程会将其置成Normal。 因此，所谓的课程发布其实是修改操作，我们可以直接调用之前的updateCourseInfo()接口，不过为了使功能更加清晰，我们重新在 EduCourseController中实现publishCourse方法。 // 发布课程 // 修改课程状态 @PostMapping("/publishCourseInfo/{courseId}") public R publishCou...

现在后端部分已经完成了，接下来要实现前端部分，首先我们要从课程信息的页面跳转到信息确认的页面，这个功能之前在 chapter.vue的next()方法中已经实现了。 在publish.vue页面需要做两件事情:从路由中得到courseId，调用接口显示数据。 (1)先实现前端的接口course.vue。 // 根据id查询课程确认信息 getpublishCourseInfo(id){ return request({ url:`/eduservice/edu-course/getpublishCourseInfo/${id}`, ...

至此，就完成了后端的接口部分，读者可以使用swagger自测。 出了点问题。 看起来是因为找不到mapper文件。 这是由于maven的默认加载机制，只会把src/main/java下的java文件加载，该目录下其它文件不会加载。而我们的xml文件放在下图位置，显然是不会被加载的。 看看文件的输出目录。果然没有加载这些xml文件。 解决方法有三种: (1)直接手动复制 (2)通过更改配置文件方式使maven加载 可以更改pom.xml和application.properties，为了使service下的子模块都能够生效，我们更改service下的pom文件。 <build&g...

课程信息确认 到目前为止，我们已经完成了上图的第1，2步，现在开始做第三步的功能：课程最终发布。要实现课程的最终发布，我们需要让用户确认添加的各个信息，因此我们需要先把这些信息查询到。要查询的数据包括:课程名称、课程价格、课程简介...这显然涉及到多张表。 设计到查询多张表的内容，我们一般有两种思路: 封装PO类(适用表的数量较少的情况，之前就是这么处理的) 编写复杂sql、 显然，咱们涉及的表的数量较多，编写sql语句进行多表查询。首先课程表的数据我们全部需要，另外如果有其它课程信息也需要查询，可以使用左外连接进行。 sql语句如下，注意where子句中的ec.id替换成自己的数据库中...

4.3 删除课程章节 //删除章节 removeById(chapterId) { this.$confirm("此操作将永久删除章节信息, 是否继续?", "提示", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning", }).then(() => { //点击确定，执行then方法 chapter.deleteChapter(chapterId).then((resp) =...

注意到添加完章节后，显示的课程章节中有编辑的选项，这是我们之前实现的ui，现在我们来把这个ui的功能实现。 将编辑button与方法绑定。 实现修改功能。 saveChapter() { this.chapter.courseId = this.courseId, chapter.addChapter(this.chapter) .then(resp => { // 1.关闭弹框 this.dialogChapterFormVisible = false // 2.提示成功 this...

(1)前端接口 chapter.js。 // 添加章节 addChapter(chapter) { return request({ url: '/eduservice/edu-chapter/addChapter/', method: 'post', data: chapter }) }, // 根据id查询章节 getChapter(courseId) { return request({ url: '/eduservice/edu-chapter/getChapter/' + courseId, ...

这里顺便把课程章节增删改查的接口一次写完。EduChapterController. @PostMapping("/addChapter") public R addChapter(@RequestBody EduChapter chapter) { eduChapterService.save(chapter); return R.ok(); } @GetMapping("/getChapter") public R getChapterById(@PathVariable String courseId) { ...