谷粒学院讲师模块学习

讲师列表

讲师表

CREATE TABLE `edu_teacher` (`id` char(19) NOT NULL COMMENT '讲师ID',`name` varchar(20) NOT NULL COMMENT '讲师姓名',`intro` varchar(500) NOT NULL DEFAULT '' COMMENT '讲师简介',`career` varchar(500) DEFAULT NULL COMMENT '讲师资历,一句话说明讲师',`level` int(10) unsigned NOT NULL COMMENT '头衔 1高级讲师 2首席讲师',`avatar` varchar(255) DEFAULT NULL COMMENT '讲师头像',`sort` int(10) unsigned NOT NULL DEFAULT '0' COMMENT '排序',`is_deleted` tinyint(1) unsigned NOT NULL DEFAULT '0' COMMENT '逻辑删除 1（true）已删除， 0（false）未删除',`gmt_create` datetime NOT NULL COMMENT '创建时间',`gmt_modified` datetime NOT NULL COMMENT '更新时间',PRIMARY KEY (`id`),UNIQUE KEY `uk_name` (`name`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='讲师';

搭建好项目环境

包括统一结果返回，统一异常处理，swagger配置，mybatisplus配置，分页配置，逻辑删除等等

讲师模块开发

讲师分页查询接口，或者添加模糊查询参数进行根据添加查询（query wrapper拼接查询条件）
新增讲师接口，修改讲师接口，根据讲师id获取回显数据供修改（创建时间，修改时间等自动使用自动填充功能，配置类加注解）
根据id删除讲师，根据id列表批量删除讲师（可以使用逻辑删除，具体配置查看网上方法）

搭建前端

在本地运行vue项目vue-admin-template
配置api路由，和后端接口对应
后端写一个登录接口，收到前端的信息返回用户信息，（后面在做权限认证）

登录后进入讲师列表（应该要有首页）、

讲师头像上传（文件上传）

阿里云文件上传，引入pom依赖
在配置文件中配置阿里云oss参数
工具类读取配置文件参数
创建文件读取类，接收前端上传的文件流(MultipartFile file）
创建oss实例，OSS ossClient = new OSSClientBuilder().build(endpoint, accessKeyId, accessKeySecret);
调用oss实例中的方法上传文件
关闭oss实例对象
给前端返回上传文件后的url链接，
接口就是调用业务层方法，给前端返回url链接

用到的知识

MultipartFile

文件的输入输出流，字节字符流

InputStream inputStream = null;
程序需要数据的时候要使用输入流读取数据，而当程序需要将一些数据保存起来的时候，就要使用输出流完成。
配置nginx,监听接口，跳转到后端相对应的接口

讲师列表添加讲师头像上传组件

添加时候
修改时候
删除时候要远程删除头像

学习头像文件上传，使用饿了么ui的upload组件（项目使用ImageCropper ，PanThumb）

谷粒学院讲师模块学习相关推荐

day5 谷粒学院讲师数据加载不出来bug
1.讲师列表没有数据看一下前端代码teacher.js,有个方法getTeacherListPage里面的url,特别是那两个反引号 ` ,不是单引号 ' ,不要写错了,不然引用不成功,就不会导入数 ...
Day213.讲师详细页、课程列表页面、课程详细页、阿里云视频播放测试、阿里云云视频播放器 -谷粒学院
谷粒学院讲师详细页一.后端部分 1.TeacherFrontController @RestController @CrossOrigin @RequestMapping("/eduse ...
尚硅谷谷粒学院学习笔记（防坑点的总结部分勘误）
谷粒学院学习笔记部分勘误数据库设计规约模块说明环境搭建创建一个Spring Boot 的父工程,版本使用:2.2.1.RELEASE 父工程pom.xml里面添加在pom.xml中添加依赖 ...
谷粒学院（十七）讲师列表页 | 讲师详情 | 课程列表页 | 课程详情 | 整合阿里云视频点播
文章目录一.讲师列表页 - 前后端 1.Controller类 2.Service类 3.使用Swagger测试 4.创建 api 5.讲师列表组件中调用api 6.页面渲染 7.页面效果展示二. ...
Day206.课程分类【导入功能】前端实现、课程分类列表【显示功能】、课程管理【模块需求、添加课程功能】 -谷粒学院
谷粒学院 [课程分类]-导入前端实现一.配置路由 1.添加路由 src/router/index.js //课程分类{path: 'subject',component: Layout,redire ...
谷粒学院（十七）讲师列表页 | 讲师详情 | 整合阿里云视频点播
一.讲师列表页 - 后端 1.Controller类 @Api(description = "讲师管理前端") @RestController @RequestMapping(&q ...
2022年最新《谷粒学院开发教程》：9 - 前台课程模块
资料资料地址后台管理系统目录前台展示系统目录 1 - 构建工程篇 7 - 渲染前台篇 2 - 前后交互篇 8 - 前台登录篇 3 - 文件上传篇 9 - 前台课程篇 4 - 课程管理篇 10 - ...
谷粒学院16万字笔记+1600张配图(十六)——讲师显示、课程显示
项目源码与所需资料链接:https://pan.baidu.com/s/1azwRyyFwXz5elhQL0BhkCA?pwd=8z59 提取码:8z59 文章目录 demo16-讲师显示.课程显示 ...
谷粒学院订单管理 server-order 模块
谷粒学院订单管理 server-order 模块模块介绍主要实现前台页面购买课程后,生成订单,并实现微信支付的功能. ![]](https://img-blog.csdnimg.cn/7b821f ...

谷粒学院讲师模块学习

讲师列表

搭建好项目环境

讲师模块开发

搭建前端

登录后进入讲师列表（应该要有首页）、

讲师头像上传（文件上传）

用到的知识

文件的输入输出流，字节字符流

配置nginx,监听接口，跳转到后端相对应的接口

讲师列表添加讲师头像上传组件

学习头像文件上传，使用饿了么ui的upload组件（项目使用ImageCropper ，PanThumb）

谷粒学院讲师模块学习相关推荐

最新文章

热门文章