当前位置:首页 » 《随便一记》 » 正文

若依配置教程(六)Excel导入功能实现

16 人参与  2023年04月02日 18:25  分类 : 《随便一记》  评论

点击全文阅读


若依官网导入实现流程

文章目录

一、前端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";

在这里插入图片描述


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

在这里插入图片描述


/** 导入按钮操作 */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();}

在这里插入图片描述


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>

在这里插入图片描述


3.添加导入前端代码:

<!-- 用户导入对话框 --><el-dialog :title="upload.title" :visible.sync="upload.open" width="400px">  <el-uploadref="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>

在这里插入图片描述


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


在实体变量上(domain->SysHonor)添加@Excel注解,默认为导出导入,也可以单独设置仅导入Type.IMPORT:

在这里插入图片描述


三、在模块文件夹(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("用户数据");    }

文件夹标错了:
在这里插入图片描述
在这里插入图片描述
在加入代码后,还会出现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();    }

点击全文阅读


本文链接:http://zhangshiyu.com/post/58088.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于我们 | 我要投稿 | 免责申明

Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1