03 2021 档案

34.课程最终发布和课程列表功能
摘要：一、课程最终发布（后端） 最终的课程发布信息包含了：课程表中的id，title，price，lesson_num(总课时数)，cover(封面)；课程简介表的课程简介；教师表的教师姓名；课程分类表的一级分类和二级分类。 因此我们需要使用多表查询进行实现。 1、在EduCourseController 阅读全文
posted @ 2021-03-31 11:34 记录人生 阅读(184) 评论(0) 推荐(0) 编辑
33.阿里云视频点播服务和小节视频上传
摘要：一、阿里云视频点播服务 参考文章： https://blog.csdn.net/qq_33857573/article/details/79564255 1、开通视频点播 产品->企业应用->视频云->视频点播->使用流量计费（事先冲个几毛钱就好了） 2、整体流程 使用视频点播实现音视频上传、存储、 阅读全文
posted @ 2021-03-31 01:25 记录人生 阅读(603) 评论(0) 推荐(0) 编辑
32.课程大纲列表功能(前后端)
摘要：课程大纲列表实现如下图所示： 从上图中可以看出，我们需要实现： ①章节和小节的CRUD，并在前端中以树形结构显示，和课程分类列表类似。 ②点击上一步根据课程id进行数据回显，并对课程信息进行修改。 一、章节的CRUD 1、后端实现 ①创建两个实体类ChapterVo和VideoVo，分别表示章节和小 阅读全文
posted @ 2021-03-26 21:14 记录人生 阅读(171) 评论(0) 推荐(0) 编辑
31.添加课程基本信息功能（前后端）
摘要：一、功能预实现 步骤1包含：课程标题、课程分类、总课时、课程讲师、总课时、课程简介、课程封面、课程价格等属性 步骤2包含： 步骤3包含： 需要注意的细节问题： （1）创建vo实体类用于表单数据封装 （2）把表单提交过来的数据添加到数据库 需要向两张表添加数据：课程表和课程描述表 （3）把讲师和分类使 阅读全文
posted @ 2021-03-22 17:02 记录人生 阅读(189) 评论(0) 推荐(0) 编辑
30.添加课程分类和课程分类列表(前后端)
摘要：一、添加课程分类 1、在router/index.js添加路由 { path: '/subject', component: Layout, redirect: '/subject/table', name: '课程分类管理', meta: { title: '课程分类管理', icon: 'exa 阅读全文
posted @ 2021-03-22 15:50 记录人生 阅读(159) 评论(0) 推荐(0) 编辑
29.课程分类添加功能
摘要：一、数据库导入 CREATE TABLE `edu_subject` ( `id` char(19) NOT NULL COMMENT '课程类别ID', `title` varchar(10) NOT NULL COMMENT '类别名称', `parent_id` char(19) NOT NU 阅读全文
posted @ 2021-03-19 15:42 记录人生 阅读(44) 评论(0) 推荐(0) 编辑
28.EasyExcel操作excel进行读和写
摘要：一、EasyExcel简介 1、Excel导入导出的应用场景 1、数据导入：减轻录入工作量 2、数据导出：统计信息归档 3、数据传输：异构系统之间数据传输 2、EasyExcel特点 Java领域解析、生成Excel比较有名的框架有Apache poi、jxl等。但他们都存在一个严重的问题就是非常的 阅读全文
posted @ 2021-03-19 15:07 记录人生 阅读(227) 评论(0) 推荐(0) 编辑
27.添加讲师--头像上传
摘要：一、下载并添加上传组件 下载地址：https://wws.lanzous.com/iKAypn3bkna 密码:e82t 将下载好的上传组件加入到前端的组件目录下 二、使用上传组件 1、在save.vue页面添加更换头像 <!-- 讲师头像：TODO --> <!-- 讲师头像 --> <el-fo 阅读全文
posted @ 2021-03-19 14:21 记录人生 阅读(83) 评论(0) 推荐(0) 编辑
26.nginx反向代理服务器
摘要：一、nginx介绍 1、特点 ①请求转发 即客服端先访问nginx的端口地址，再由nginx来决定访问哪个服务器。 ②负载均衡 ③动静分离 静态资源（图片）和动态资源分开储存 2、启动和停止 需要在nginx目录下打开cmd，运行nginx.exe。 停止则需要重开一个cmd窗口，输入nginx.e 阅读全文
posted @ 2021-03-19 13:45 记录人生 阅读(42) 评论(0) 推荐(0) 编辑
25.阿里云OSS--云存储
摘要：一、开通对象存储OSS 为了解决海量数据存储与弹性扩容，项目中我们采用云存储的解决方案- 阿里云OSS。 1、开通“对象存储OSS”服务 （1）申请阿里云账号 （2）实名认证 （3）开通“对象存储OSS”服务 （4）进入管理控制台 2、创建Bucket 选择：低频访问、公共读、不开通 3、查看并记录 阅读全文
posted @ 2021-03-19 13:24 记录人生 阅读(839) 评论(0) 推荐(0) 编辑
24.讲师管理前端开发
摘要：目录 一、讲师列表 1、在路由文件router/index.js中添加路由 2、创建路由对应页面 3、创建对应js文件 4、引用js文件获取数据 5、页面显示 二、讲师列表--分页及条件查询 三、讲师删除功能 四、添加讲师功能 五、讲师修改功能 一、讲师列表 1、在路由文件router/index. 阅读全文
posted @ 2021-03-17 02:05 记录人生 阅读(93) 评论(0) 推荐(0) 编辑
23.前端框架的模拟登录及使用
摘要：在上一章中，我们使用了vue-admin-template-master模板创建了前端项目，这一章使用框架进行模拟登录并介绍框架的使用。 一、模拟登录 1、修改登录的默认地址 config/dev.env.js 中BASE_API 为项目的easymock地址，目前具有模拟登录、登出、获取用户信息的 阅读全文
posted @ 2021-03-16 16:08 记录人生 阅读(862) 评论(0) 推荐(0) 编辑
22.后台系统前端项目创建
摘要：目录 一、前端模板 二、项目的创建和基本配置 三、登录页面修改 四、页面零星修改 五、Eslint语法规范型检查 一、前端模板 1、vue-element-admin 而vue-element-admin是基于element-ui 的一套后台管理系统集成方案。 功能：https://panjiach 阅读全文
posted @ 2021-03-14 17:03 记录人生 阅读(213) 评论(0) 推荐(0) 编辑
21.Webpack打包
摘要：目录 一、什么是Webpack 二、Webpack安装 三、初始化项目 四、JS打包 五、CSS打包 一、什么是Webpack Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。 从图中我们可以看出，Webpack 可以 阅读全文
posted @ 2021-03-14 16:45 记录人生 阅读(68) 评论(0) 推荐(0) 编辑
20.模块化
摘要：一、模块化简介 1、模块化产生的背景 随着网站逐渐变成"互联网应用程序"，嵌入网页的Javascript代码越来越庞大，越来越复杂。 Javascript模块化编程，已经成为一个迫切的需求。理想情况下，开发者只需要实现核心的业务逻辑，其他都可以加载别人已经写好的模块。 但是，Javascript不是 阅读全文
posted @ 2021-03-14 16:31 记录人生 阅读(85) 评论(0) 推荐(0) 编辑
19.Babel
摘要：一、简介 Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行执行。 这意味着，你可以现在就用 ES6 编写程序，而不用担心现有环境是否支持。 二、安装 安装命令行转码工具 Babel提供babel-cli工具，用于命令行转码。它的安装命令如下： npm instal 阅读全文
posted @ 2021-03-14 16:22 记录人生 阅读(45) 评论(0) 推荐(0) 编辑
18.NPM包管理器
摘要：一、简介 1、什么是NPM NPM全称Node Package Manager，是Node.js包管理工具，是全球最大的模块生态系统，里面所有的模块都是开源免费的；也是Node.js的包管理工具，相当于前端的Maven 。 2、NPM工具的安装位置 我们通过npm 可以很方便地下载js库，管理前端工 阅读全文
posted @ 2021-03-14 16:16 记录人生 阅读(84) 评论(0) 推荐(0) 编辑
17.Node.js
摘要：目录 一、简介 1、什么是Node.js 2、Node.js有什么用 二、安装 三、快速入门 一、简介 1、什么是Node.js 简单的说 Node.js 就是运行在服务端的 JavaScript。 Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引 阅读全文
posted @ 2021-03-14 16:05 记录人生 阅读(60) 评论(0) 推荐(0) 编辑
Vue目录
摘要：目录 01.前端开发和前端开发工具 02.ES6入门 03.Vue① 04.Vue② 05.Node.js 06.NPM包管理器 07.Babel 08.模块化 09.Webpack打包 10.后台系统前端项目创建 11.前端框架的模拟登录及使用 12.讲师管理前端开发 01.前端开发和前端开发工具 阅读全文
posted @ 2021-03-14 16:00 记录人生 阅读(68) 评论(0) 推荐(0) 编辑
16.Vue②
摘要：目录 一、组件（Component） 1、局部组件 2、全局组件 二、实例生命周期 三、路由（router） 四、axios 五、element-ui： 一、组件（Component）（重点） 组件（Component）是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素，封装可重用的 阅读全文
posted @ 2021-03-14 15:57 记录人生 阅读(67) 评论(0) 推荐(0) 编辑
15.Vue①
摘要：目录 一、介绍 二、基本语法 1、基本数据渲染和指令v-bind 2、双向数据绑定v-model 3、事件v-on 4、修饰符.prevent 5、条件渲染v-if 6、列表渲染v-for 一、介绍 1、Vue.js 是什么 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的 阅读全文
posted @ 2021-03-11 15:47 记录人生 阅读(61) 评论(0) 推荐(0) 编辑
14.ES6入门
摘要：自学参考：http://es6.ruanyifeng.com/ 目录 一、ECMAScript 6 简介 二、基本语法 1、let声明变量 2、const声明常量（只读变量） 3、解构赋值 4、模板字符串 5、声明对象简写 6、定义方法简写 7、对象拓展运算符 8、箭头函数 一、ECMAScript 阅读全文
posted @ 2021-03-11 15:22 记录人生 阅读(74) 评论(0) 推荐(0) 编辑
13.前端开发和前端开发工具
摘要：一、前端开发 前端工程师“Front-End-Developer”源自于美国。大约从2005年开始正式的前端工程师角色被行业所认可，到了2010年，互联网开始全面进入移动时代，前端开发的工作越来越重要。 最初所有的开发工作都是由后端工程师完成的，随着业务越来越繁杂，工作量变大，于是我们将项目中的可视 阅读全文
posted @ 2021-03-11 14:55 记录人生 阅读(75) 评论(0) 推荐(0) 编辑
12.统一异常和统一日志处理
摘要：目录 一、什么是统一异常处理 二、统一异常处理 三、处理特定异常 四、自定义异常 五、日志 六、Logback日志 一、什么是统一异常处理 1、制造异常 除以0 int a = 10/0; 2、什么是统一异常处理 我们想让异常结果也显示为统一的返回结果对象，并且统一处理系统的异常信息，那么需要统一异 阅读全文
posted @ 2021-03-02 22:57 记录人生 阅读(279) 评论(0) 推荐(0) 编辑
11.新增和修改讲师接口开发
摘要：目录 一、自动填充封装 二、controller方法定义 一、自动填充封装 1、在service-base模块中添加 创建包handler，创建自动填充类 MyMetaObjectHandler @Component public class MyMetaObjectHandler implemen 阅读全文
posted @ 2021-03-02 18:27 记录人生 阅读(119) 评论(0) 推荐(0) 编辑
10.分页和条件查询接口开发
摘要：目录 一、分页 二、条件查询 一、分页 1、MyBatisPlusConfig中配置分页插件 /** * 分页插件 */ @Bean public PaginationInterceptor paginationInterceptor() { return new PaginationInterce 阅读全文
posted @ 2021-03-02 18:18 记录人生 阅读(512) 评论(0) 推荐(0) 编辑
09.统一返回结果对象
摘要：目录 一、统一返回数据格式 二、创建统一结果返回类 三、统一返回结果使用 一、统一返回数据格式 项目中我们会将响应封装成json返回，一般我们会将所有接口的数据格式统一， 使前端(iOS Android, Web)对数据的操作更一致、轻松。 一般情况下，统一返回数据格式没有固定的格式，只要能描述清楚 阅读全文
posted @ 2021-03-02 17:41 记录人生 阅读(129) 评论(0) 推荐(0) 编辑
SpringBoot的注解及说明
摘要：@ResquestBody：使用json传递数据，把json数据封装到对应的对象里面（只能用POST提交）(参数required = false表示可为空) @ResponseBode：返回数据，返回json数据 @GetMapper：以Get方式提交请求 @PostMapper：以Post方式提交 阅读全文
posted @ 2021-03-02 14:45 记录人生 阅读(173) 评论(0) 推荐(0) 编辑