在线教育day6

任务:css

  1. 添加讲师实现图像上传功能html

    阿里云oss存储服务前端

  2. 添加课程分类功能java

    用EasyExcel读取Excel内容添加数据nginx

  3. 课程分类列表web

    树型结构显示element-ui


1. 阿里云OSS

注册帐号,开通OSS,建立bucket,上传文件服务器

java代码操做阿里云OSS:上传文件到OSS
  1. 获取秘钥
    在这里插入图片描述负载均衡

  2. 参考文档
    OSS参考文档java框架

  3. 建立service_oss子模块

  4. 引入依赖
    在这里插入图片描述

  5. 添加配置文件
    在这里插入图片描述
    启动项目可能出错。
    在这里插入图片描述

  6. 建立代码

  • 建立常量类,读取配置文件的内容
    在这里插入图片描述
  • 建立Controller
    在这里插入图片描述
  • 建立Service
    在这里插入图片描述

改进:

  • 文件名相同,后者会覆盖前者

  • 将文件按照日起进行分类
    在这里插入图片描述
    Swagger2测试:
    在这里插入图片描述
    在这里插入图片描述


2. 关于nginx

nginx:反向代理服务器,主要有如下3个功能:

1. 请求转发

在这里插入图片描述
2. 负载均衡

在这里插入图片描述
3. 动静分离

将java代码和静态代码分离开来。
在这里插入图片描述

nginx.exe -s stop //关闭nginx


nginx配置:
在这里插入图片描述
在这里插入图片描述
修改前端port为9001:
在这里插入图片描述


3. 前端整合:添加讲师实现上传头像

  1. 前端添加上传element-ui组件
    在这里插入图片描述
    在这里插入图片描述
  2. 添加声明
    在这里插入图片描述
  3. 添加框架的方法
    在这里插入图片描述

4. EasyExcel

  • EasyExcel实现写操做
  1. 导入依赖
<dependencies>
    <!-- https://mvnrepository.com/artifact/com.alibaba/easyexcel -->
    <dependency>
        <groupId>com.alibaba</groupId>
        <artifactId>easyexcel</artifactId>
        <version>2.1.1</version>
    </dependency>
</dependencies>
  1. 建立实体类
    在这里插入图片描述
  2. EasyExcel实现写操做
    在这里插入图片描述
    测试:
    在这里插入图片描述
  • EasyExcel实现读操做

读要实现特定监听器。

  1. 引入依赖
  2. 建立和Excel对应的实体类,标记对应的类关系
    在这里插入图片描述
  3. 建立监听进行excel读取
    在这里插入图片描述
  4. 建立main方法调用读方法进行读取。
    在这里插入图片描述
    测试:
    在这里插入图片描述

  • 项目中使用EasyExcel

(完)