Ⅰ vue--阿里雲視頻上傳
引入壓縮文件
定義一個對象，並通過mixin混入組件
data如下
methods如下
fileChange
authUpload
createUploader
使用一個彈出層顯示上傳進度
將公共函數引入到組件
點擊確定時觸發上傳
Ⅱ day06項目【整合阿里雲OSS和Excel導入分類】
為了解決海量數據存儲與彈性擴容，項目中我們採用雲存儲的解決方案- 阿里雲OSS。
1、開通「對象存儲OSS」服務
（1）申請阿里雲賬號
（2）實名認證
（3）開通「對象存儲OSS」服務
（4）進入管理控制台
2、創建Bucket
選擇：標准存儲、公共讀、不開通
3、上傳默認頭像
創建文件夾avatar，上傳默認的用戶頭像
1、在service模塊下創建子模塊service-oss
2、配置pom.xml
service-oss上級模塊service已經引入service的公共依賴，所以service-oss模塊只需引入阿里雲oss相關依賴即可，
service父模塊已經引入了service-base模塊，所以Swagger相關默認已經引入
3、配置application.properties
4、logback-spring.xml
5、創建啟動類
創建OssApplication.java
6、啟動項目
報錯 ：
spring boot 會默認載入org.springframework.boot.autoconfigure.jdbc.DataSourceAutoConfiguration這個類，
而DataSourceAutoConfiguration類使用了@Configuration註解向spring注入了dataSource bean，又因為項目（oss模塊）中並沒有關於dataSource相關的配置信息，所以當spring創建dataSource bean時因缺少相關的信息就會報錯。
即可成功：
1、從配置文件讀取常量
創建常量讀取工具類：ConstantPropertiesUtil.java
使用@Value讀取application.properties里的配置內容
用spring的 InitializingBean 的 afterPropertiesSet 來初始化配置信息，這個方法將在所有的屬性被初始化後調用。
2、文件上傳
創建Service介面：uploadFileAvatar.java
實現：OssServiceImpl.java
參考SDK中的：Java->上傳文件->簡單上傳->流式上傳->上傳文件流
3、控制層
創建controller：FileUploadController.java
4、重啟oss服務
5、Swagger中測試文件上傳
解決上傳文件覆蓋問題：
測試：
6、配置nginx反向代理
配置nginx實現請求轉發的功能：
驗證：
1、復制頭像上傳組件
從vue-element-admin復制組件：
vue-element-admin/src/components/ImageCropper
vue-element-admin/src/components/PanThumb
2、前端參考實現
src/views/components-demo/avatarUpload.vue
3、前端添加文件上傳組件
src/views/e/teacher/save.vue
template：
引入組件模塊：
4、設置默認頭像（也可不設置）
onfig/dev.env.js中添加阿里雲oss bucket地址
組件中初始化頭像默認地址
5、js腳本實現上傳和圖片回顯
二、測試文件上傳
前後端聯調
1、數據導入：減輕錄入工作量
2、數據導出：統計信息歸檔
3、數據傳輸：異構系統之間數據傳輸
1、EasyExcel特點
Java領域解析、生成Excel比較有名的框架有Apache poi、jxl等。但他們都存在一個嚴重的問題就是非常的耗內存。如果你的系統並發量不大的話可能還行，但是一旦並發上來後一定會OOM或者JVM頻繁的full gc。
EasyExcel是阿里巴巴開源的一個excel處理框架， 以使用簡單、節省內存著稱 。EasyExcel能大大減少佔用內存的主要原因是在解析Excel時沒有將文件數據一次性全部載入到內存中，而是從磁碟上一行行讀取數據，逐個解析。
EasyExcel採用一行一行的解析模式，並將一行的解析結果以觀察者的模式通知處理（AnalysisEventListener）。
1、創建一個普通的maven項目
項目名：excel-easydemo
2、pom中引入xml相關依賴
3、創建實體類
設置表頭和添加的數據欄位
4 、實現寫操作
TestEasyExcel.java
（1）創建方法循環設置要添加到Excel的數據
（2）實現最終的添加操作（寫法一）
（3）實現最終的添加操作（寫法二）
public static void main(String[] args) throws Exception {
// 寫法2，方法二需要手動關閉流
//實現excel寫的操作
//1 設置寫入文件夾地址和excel文件名稱
String filename = "F:\write.xlsx";
ExcelWriter excelWriter=EasyExcel.write(fileName,DemoData.class).build();
WriteSheet writeSheet=EasyExcel.writerSheet("寫入方法二").build();
excelWriter.write(data(),writeSheet);
/// 千萬別忘記finish 會幫忙關閉流
excelWriter.finish();
}
1、創建實體類
2、創建讀取操作的監聽器
3、調用實現最終的讀取
public class TestEasyExcel {
public static void main(String[] args) {
//實現excel讀操作
// 寫法1：
String filename = "F:\write.xlsx";
// 這里 需要指定讀用哪個class去讀，然後讀取第一個sheet 文件流會自動關閉
EasyExcel.read(filename,DemoData.class,new ExcelListener()).sheet().doRead();
// 寫法2：
InputStream in = new BufferedInputStream(new FileInputStream("F:\01.xlsx"));
ExcelReader excelReader = EasyExcel.read(in, DemoData.class, new ExcelListener()).build();
ReadSheet readSheet = EasyExcel.readSheet(0).build();
excelReader.read(readSheet);
// 這里千萬別忘記關閉，讀的時候會創建臨時文件，到時磁碟會崩的
excelReader.finish();
}
1、編輯Excel模板
2、將文件上傳至阿里雲OSS
1、添加路由
2、添加vue組件
1、js定義數據
2、template
3、js上傳方法
4、回調函數
1、service-e模塊配置依賴
1、ESubjectController
2、創建和Excel對應的實體類
3、ESubjectService
（1）介面
（2）實現類
4、創建讀取Excel監聽器
1、參考 views/tree/index.vue
2、創建api
api/e/subject.js
3、list.vue
1、創建vo
2、創建controller