【若依】前后端分离添加导入

后端修改:

controller层:

java 复制代码
/**
     * 导入画册信息列表
     */
@PostMapping("/importData")
@ResponseBody
public AjaxResult importData(MultipartFile file, boolean updateSupport) throws Exception
{
	ExcelUtil<Xxxx> util = new ExcelUtil<Xxxx>(Xxxx.class);
	List<Xxxx> xxxxList = util.importExcel(file.getInputStream());
	String message = xxxxService.importXxxx(xxxxList, updateSupport);
	return AjaxResult.success(message);
}

service层:

复制代码
String importXxxx(List<Xxxx> xxxxList, boolean updateSupport);
java 复制代码
/**
     * 导入数据
     *
     * @param xxxxList 数据列表
     * @param updateSupport 是否更新支持,如果已存在,则进行更新数据
     * @return 结果
     */
    @Override
    public String importXxxx(List<Xxxx> xxxxList, boolean updateSupport)
    {
        if (StringUtils.isNull(xxxxList) || xxxxList.size() == 0)
        {
            throw new ServiceException("导入用户数据不能为空!");
        }
        int successNum = 0;
        int failureNum = 0;
        StringBuilder successMsg = new StringBuilder();
        StringBuilder failureMsg = new StringBuilder();
        for (Xxxx xxxx : xxxxList)
        {
            try
            {
                if (!updateSupport){
                    xxxxMapper.insertXxxx(xxxx);
                    successNum++;
                    successMsg.append("<br/>" + successNum + " 导入成功");
                }
                else {
                    xxxxMapper.updateXxxx(xxxx);
                    successNum++;
                    successMsg.append("<br/>" + successNum  + " 更新成功");
                }
            }
            catch (Exception e)
            {
                failureNum++;
                String msg = "<br/>" + failureNum  + " 导入失败:";
                failureMsg.append(msg + e.getMessage());
            }
        }
        if (failureNum > 0)
        {
            failureMsg.insert(0, "很抱歉,导入失败!共 " + failureNum + " 条数据格式不正确,错误如下:");
            throw new ServiceException(failureMsg.toString());
        }
        else
        {
            successMsg.insert(0, "恭喜您,数据已全部导入成功!共 " + successNum + " 条,数据如下:");
        }
        return successMsg.toString();
    }

domain层:

变量声明要加@Excel,但是如果用代码生成的话已经自动添加过了,不需要修改

前端:

按钮:

html 复制代码
<el-col :span="1.5">
        <el-button type="info" plain icon="el-icon-upload2" size="mini" @click="handleImport"
          v-hasPermi="['system:brochure:import']">导入</el-button>
      </el-col>

弹窗:

html 复制代码
<!-- Excel导入对话框 -->
    <el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
      <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 text-center" slot="tip">
          <div class="el-upload__tip" slot="tip">
            <el-checkbox v-model="upload.updateSupport" />是否更新已经存在的用户数据
          </div>
          <span>仅允许导入xls、xlsx格式文件。</span>
          <el-link type="primary" :underline="false" style="font-size: 12px; vertical-align: baseline"
            @click="importTemplate">下载模板</el-link>
        </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>
javascript 复制代码
import {getToken} from "@/utils/auth";
javascript 复制代码
data() {
      return {
        // 导入参数
      upload: {
        // 是否显示弹出层(用户导入)
        open: false,
        // 弹出层标题(用户导入)
        title: "",
        // 是否禁用上传
        isUploading: false,
        // 是否更新已经存在的用户数据
        updateSupport: 0,
        // 设置上传的请求头部
        headers: { Authorization: "Bearer " + getToken() },
        // 上传的地址
        url: process.env.VUE_APP_BASE_API + "/system/brochure/importData"
      },
      };
 },
javascript 复制代码
/**导入excel表*/
    handleImport() {
      this.upload.title = "导入画册表"
      this.upload.open = true
    },
    /** 下载模板操作 */
    importTemplate() {
      this.download('/system/brochure/export', {
        ...this.queryParams
      }, `画册表${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();
    },
相关推荐
利刃大大6 分钟前
【SpringBoot】validation参数校验 && JWT鉴权实现 && 加密/加盐
java·spring boot·jwt·加密
XiaoYu20029 分钟前
第3章 Nest.js拦截器
前端·ai编程·nestjs
小北方城市网12 分钟前
第 3 课:前后端全栈联动核心 —— 接口规范 + AJAX + 跨域解决(打通前后端壁垒)
java·大数据·网络·python
千寻girling15 分钟前
面试官 : “ 说一下 Map 和 WeakMap 的区别 ? ”
前端·javascript·面试
降临-max17 分钟前
JavaWeb企业级开发---MySQL
java·开发语言·数据库·笔记·后端·mysql
C雨后彩虹18 分钟前
二维伞的雨滴效应
java·数据结构·算法·华为·面试
2501_9240641120 分钟前
2025年主流Web自动化测试工具功能与适用场景对比
前端·测试工具·自动化
oMcLin22 分钟前
Ubuntu 22.04 Docker 容器启动失败:解决 Overlay2 存储驱动冲突
java·ubuntu·docker
可触的未来,发芽的智生27 分钟前
一万个为什么:频率和相位
javascript·人工智能·python·程序人生·自然语言处理
IT_陈寒34 分钟前
Vite 5 实战:7个鲜为人知的配置技巧让构建速度提升200%
前端·人工智能·后端