直播平臺搭建原始碼，使用EasyExcel實現匯入匯出功能

直播平臺搭建原始碼，使用EasyExcel實現匯入匯出功能

使用，新增依賴

<dependencies>
 <!-- 
 <dependency>
 <groupId>com.alibaba</groupId>
 <artifactId>easyexcel</artifactId>
 <version>2.1.1</version>
 </dependency>
</dependencies>

編寫service層方法

//匯出
    @Override
    public void exportData(HttpServletResponse response) {
        try {
            //設定檔案型別
            response.setContentType("application/vnd.ms-excel");
            //防止內容中有亂碼
            response.setCharacterEncoding("utf-8");
            // 這裡URLEncoder.encode可以防止中文亂碼 當然和easyexcel沒有關係
            String fileName = URLEncoder.encode("資料字典", "UTF-8");
            //設定響應頭
            response.setHeader("Content-disposition", "attachment;filename="+ fileName+".xlsx");
            //查詢資料庫得到資料
            List<Dict> dictList = baseMapper.selectList(null);
            //因為自己封裝了返回類，與實體類欄位不匹配
            List<DictEeVo> dictVoList = new ArrayList<>(dictList.size());
            for(Dict dict : dictList) {
                //dict物件 轉成vo物件
                DictEeVo dictVo = new DictEeVo();
                BeanUtils.copyProperties(dict,dictVo);
                dictVoList.add(dictVo);
            }
            EasyExcel.write(response.getOutputStream(), DictEeVo.class).sheet("資料字典").doWrite(dictVoList);
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

控制層

@ApiOperation(value="匯出")
@GetMapping(value = "/exportData")
public void exportData(HttpServletResponse response) {
 dictService.exportData(response);
}

vue頁面新增按鈕

<div class="el-toolbar">
 <div class="el-toolbar-body" style="justify-content: flex-start;">
 <el-button type="text" @click="exportData"><i class="fa fa-plus"/> 匯出</el-b
 </div>
</div>

新增方法

methods: {
     //匯出
     exportData(){
         window.open(")
     },

 以上就是 直播平臺搭建原始碼，使用EasyExcel實現匯入匯出功能，更多內容歡迎關注之後的文章