若依配置教程（六）Excel导入功能实现

不念不忘少年蓝@ 2024-03-27 11:09 80阅读 0赞

[若依官网导入实现流程][Link 1]

#### 文章目录 ####

*  一、前端index.vue中
 *   *  1.在所需模块的index.vue中的< script >< /script >中增加如下代码：
     *  2.在< template >< /template >中添加导入按钮事件：
     *  3.添加导入前端代码：
 *  二、在模块文件夹(ruoyi-honor->src->domain->SysHonor)中:
 *   *  在实体变量上（domain->SysHonor）添加@Excel注解，默认为导出导入，也可以单独设置仅导入Type.IMPORT：
 *  三、在模块文件夹（ruoyi-honor->controller->SysHonorController）中添加导入方法：
 *  四、在在模块文件夹（ruoyi-honor->service->SysHonorServiceImpl）中添加：

--------------------

## 一、前端index.vue中 ##

### 1.在所需模块的index.vue中的< script >< /script >中增加如下代码： ###

import {
         getToken } from "@/utils/auth";

--------------------

![在这里插入图片描述][682c9daa31924cdcbec7088c888aa64d.png_pic_center]

--------------------

// 用户导入参数
    upload: {
            // 是否显示弹出层（用户导入）
            open: false,
            // 弹出层标题（用户导入）
            title: "",
            // 是否禁用上传
            isUploading: false,
            // 是否更新已经存在的用户数据
            updateSupport: 0,
            // 设置上传的请求头部
            headers: { Authorization: "Bearer " + getToken() },
            // 上传的地址
            url: process.env.VUE_APP_BASE_API + "/salary/salary/importData"
          },

--------------------

![在这里插入图片描述][ee77730d5be449abb17530d00b1cbd4f.png_pic_center]

--------------------

/** 导入按钮操作 */
    handleImport() {
      this.upload.title = "用户导入";
      this.upload.open = true;
    },
        /** 下载模板操作 */
        importTemplate() {
          this.download('honor/honor/importTemplate', {
          }, `user_template_${new Date().getTime()}.xlsx`)
        },
    // 文件上传中处理
    handleFileUploadProgress(event, file, fileList) {
      this.upload.isUploading = true;
    },
    // 文件上传成功处理
    handleFileSuccess(response, file, fileList) {
      this.upload.open = false;
      this.upload.isUploading = false;
      this.$refs.upload.clearFiles();
      this.$alert(response.msg, "导入结果", { dangerouslyUseHTMLString: true });
      this.getList();
    },
    // 提交上传文件
    submitFileForm() {
      this.$refs.upload.submit();
    }

--------------------

![在这里插入图片描述][c19dbebbc54f48808a1728f214481601.png_pic_center]

--------------------

### 2.在< template >< /template >中添加导入按钮事件： ###

<el-col :span="1.5">
            <el-button
              type="info"
              icon="el-icon-upload2"
              size="mini"
              @click="handleImport"
              v-hasPermi="['system:honor:import']"
            >导入</el-button>
          </el-col>

--------------------

![在这里插入图片描述][0b141c92aa444842bb42ba2db119dab7.png_pic_center]

--------------------

### 3.添加导入前端代码： ###

<el-dialog :title="upload.title" :visible.sync="upload.open" width="400px">
      <el-upload
    	ref="upload"
    	:limit="1"
    	accept=".xlsx, .xls"
    	:headers="upload.headers"
    	:action="upload.url + '?updateSupport=' + upload.updateSupport"
    	:disabled="upload.isUploading"
    	:on-progress="handleFileUploadProgress"
    	:on-success="handleFileSuccess"
    	:auto-upload="false"
    	drag
      >
    	<i class="el-icon-upload"></i>
    	<div class="el-upload__text">
    	  将文件拖到此处，或
    	  <em>点击上传</em>
    	</div>
    	<div class="el-upload__tip" slot="tip">
    	  <el-checkbox v-model="upload.updateSupport" />是否更新已经存在的用户数据
    	  <el-link type="info" style="font-size:12px" @click="importTemplate">下载模板</el-link>
    	</div>
    	<div class="el-upload__tip" style="color:red" slot="tip">提示：仅允许导入“xls”或“xlsx”格式文件！</div>
      </el-upload>
      <div slot="footer" class="dialog-footer">
    	<el-button type="primary" @click="submitFileForm">确 定</el-button>
    	<el-button @click="upload.open = false">取 消</el-button>
      </div>
    </el-dialog>

--------------------

![在这里插入图片描述][9565e222e2db4435aeea666b84edd912.png_pic_center]

--------------------

## 二、在模块文件夹(ruoyi-honor->src->domain->SysHonor)中: ##

--------------------

### 在实体变量上（domain->SysHonor）添加@Excel注解，默认为导出导入，也可以单独设置仅导入Type.IMPORT： ###

![在这里插入图片描述][5596dbf2a40741f3bdf0114f90083084.png_pic_center]

--------------------

## 三、在模块文件夹（ruoyi-honor->controller->SysHonorController）中添加导入方法： ##

**爆红的有些需要修改名称，有些需要导入类**，其中userService爆红，需要加一段代码：`@Autowired private ISysHonorService userService;`  
**处理方法看下图：**

@Log(title = "用户管理", businessType = BusinessType.IMPORT)
        @PostMapping("/importData")
        public AjaxResult importData(MultipartFile file, boolean updateSupport) throws Exception
        {
            ExcelUtil<SysHonor> util = new ExcelUtil<SysHonor>(SysHonor.class);
            List<SysHonor> userList = util.importExcel(file.getInputStream());
            LoginUser loginUser = getLoginUser();
            String operName = loginUser.getUsername();
            String message = userService.importUser(userList, updateSupport, operName);
            return AjaxResult.success(message);
        }
    
        @GetMapping("/importTemplate")
        public AjaxResult importTemplate()
        {
            ExcelUtil<SysHonor> util = new ExcelUtil<SysHonor>(SysHonor.class);
            return util.importTemplateExcel("用户数据");
        }

**文件夹标错了：**  
![在这里插入图片描述][d110f41fe9c54c38a0b63f33f67260f5.png_pic_center]  
![在这里插入图片描述][1af8b6238d824af888aed3799a9e8fd7.png_pic_center]  
在加入代码后，还会出现importUser爆红，这时需要根据提示创建类即可。

## 四、在在模块文件夹（ruoyi-honor->service->SysHonorServiceImpl）中添加： ##

/**
         * 导入用户数据
         *
         * @param userList 用户数据列表
         * @param isUpdateSupport 是否更新支持，如果已存在，则进行更新数据
         * @param operName 操作用户
         * @return 结果
         */
        @Override
        public String importsalary(List<SysHonor> userList, Boolean isUpdateSupport, String operName)
        {
        
            if (StringUtils.isNull(userList) || userList.size() == 0)
            {
        
                throw new ServiceException("导入用户数据不能为空！");
            }
            int successNum = 0;
            int failureNum = 0;
            StringBuilder successMsg = new StringBuilder();
            StringBuilder failureMsg = new StringBuilder();
            for (SysHonor user : userList)
            {
        
                try
                {
        
                    BeanValidators.validateWithException(validator, user);
                    user.setCreateBy(operName);
                    this.insertSysHonor(user);
                    successNum++;
                    successMsg.append("<br/>" + successNum + "、账号 " + user.getUserName() + " 导入成功");
    
                }
                catch (Exception e)
                {
        
                    failureNum++;
                    String msg = "<br/>" + failureNum + "、账号 " + user.getUserName() + " 导入失败：";
                    failureMsg.append(msg + e.getMessage());
                    log.error(msg, e);
                }
            }
            if (failureNum > 0)
            {
        
                failureMsg.insert(0, "很抱歉，导入失败！共 " + failureNum + " 条数据格式不正确，错误如下：");
                throw new ServiceException(failureMsg.toString());
            }
            else
            {
        
                successMsg.insert(0, "恭喜您，数据已全部导入成功！共 " + successNum + " 条，数据如下：");
            }
            return successMsg.toString();
        }

[Link 1]: http://doc.ruoyi.vip/ruoyi-vue/document/htsc.html#%E5%AF%BC%E5%85%A5%E5%AE%9E%E7%8E%B0%E6%B5%81%E7%A8%8B
[682c9daa31924cdcbec7088c888aa64d.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/c5db1128d1db43f28d7461b381292e30.png
[ee77730d5be449abb17530d00b1cbd4f.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/7bda8807d908468da2ad3979386ba1d8.png
[c19dbebbc54f48808a1728f214481601.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/b2d7688de41349d98ef590fc3d48fdf1.png
[0b141c92aa444842bb42ba2db119dab7.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/c6e96c0d591349e7b28431aa9c5b722f.png
[9565e222e2db4435aeea666b84edd912.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/b8b7144de5a246ec9badf0673382e0d9.png
[5596dbf2a40741f3bdf0114f90083084.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/9495234ab90b42f8a4395ccbc79b5798.png
[d110f41fe9c54c38a0b63f33f67260f5.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/10f81882c24643028fb9f72ac2da712e.png
[1af8b6238d824af888aed3799a9e8fd7.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/3a972ce20f8043538b7cd18b2f4d6538.png