Vue前端上传EXCEL文件,后端(springBoot+MyBatis+MySQL)解析EXCEL并批量插入/更新数据库

Vue前端

前端主要用了element-ui的upload组件。

      <el-upload
        class="filter-item"
        name="excelFile"
        :action="uploadUrl()"
        :on-error="uploadFalse"
        :on-success="uploadSuccess"
        :before-upload="beforeAvatarUpload"
        :limit="1"
         accept=".xlsx,.xls"
        :show-file-list="false"
        :file-list="fileList">
         <el-button  style="margin-left: 10px;" icon="el-icon-edit" type="primary">批量上架</el-button>
       </el-upload>

关于每个字段的意思:

uploadUrl() 是后台接口(接受上传的文件并做后端的逻辑处理) 注意:uploadUrl方法中,直接return的是你的后端URL接口,可以是相对路径,也可以是绝对路径。

upLoadData是上传文件时要上传的额外参数,也可以不写,将参数直接带在URL请求中
形似: url + “?businessName=” + this.businessName

uploadError是上传文件失败时的回掉函数
uploadSuccess是文件上传成功时的回掉函数

beforeAvatarUpload是在上传文件之前调用的函数,可以在这里进行文件类型的判断,对上传格式及大小作限制

**:auto-upload=“false”**是停止文件自动上传模式

**name=“excelFile”**这里是将导入的EXCEL文件命名,并传给后端,所以后端接口的入参也要是这个名字,下面会贴代码。

:file-list=“fileList” 显示已上传的文件列表

 uploadSuccess(response, file, fileList) {
      console.log(response)
      if (response.code==200) {
        this.$message({
          message: response.message,
          type: 'success'
        });
      } else {
        this.$message({
          message: response.message,
          type: 'error'
        });
      }
    },
    uploadFalse(response, file, fileList) {
      this.$message({
          message: '文件上传失败!',
          type: 'error'
        });
    },
    // 上传前对文件的大小的判断
    beforeAvatarUpload(file) {
      const extension = file.name.split(".")[1] === "xls";
      const extension2 = file.name.split(".")[1] === "xlsx";
      const isLt2M = file.size / 1024 / 1024 < 10;
         if (!extension && !extension2) {
           this.$message({
            message: '上传模板只能是 xls、xlsx格式!',
            type: 'error'
           });
          }
          if (!isLt2M) {
           console.log("上传模板大小不能超过 10MB!");
           this.$message({
            message: '上传模板大小不能超过 10MB!',
            type: 'error'
          });
         }
        return extension || extension2 || extension3 || (extension4 && isLt2M);
    },
    uploadUrl: function() {
      return (
        process.env.VUE_APP_BASE_API+'/good/ExcelInsertGoodinStore'+
        "?businessid=" +
        this.$store.getters.id
      );
    },

后端

controller层

  @RequestMapping(value = "/ExcelInsertGoodinStore", method = RequestMethod.POST)
    @ResponseBody
    public RetResult ExcelInsertGoodinStore(@RequestParam("excelFile") MultipartFile excelFile,
                                           @RequestParam(value = "businessid", required = true ) int businessid) {
        String name = excelFile.getOriginalFilename();
        try {
            if(goodService.excelToList(excelFile.getInputStream(),businessid)>0) {
                return new RetResult().setCode(RetCode.SUCCESS).setMessage("导入Excel批量添加商品成功!");
            }else return new RetResult().setCode(RetCode.FAIL).setMessage("导入Excel批量添加商品失败!");
        } catch (Exception e) {
            e.printStackTrace();
            return new RetResult().setCode(RetCode.FAIL).setMessage("文件内容出现错误,导致无法正确导入");
        }
    }

service层:如何解析Excel文件

 public int  excelToList(InputStream inputStream,int businessid) throws IOException, InvalidFormatException {
        List<GoodinStore> gisList=new ArrayList<GoodinStore>();
        Workbook workbook = null;
        workbook = WorkbookFactory.create(inputStream);
        inputStream.close();
        //工作表对象
        Sheet sheet = workbook.getSheetAt(0);
        //总行数
        int rowLength = sheet.getLastRowNum() + 1;
        //工作表的列
        Row row = sheet.getRow(0);
        //总列数
        int colLength = row.getLastCellNum();
        for (int i = 1; i < rowLength; i++) {
            row = sheet.getRow(i);
            row.getCell(0).setCellType(CellType.STRING);
            String cell0 = row.getCell(0).getStringCellValue().trim();
            GoodinStore gis=new GoodinStore();
            .....
            gisList.add(gis);
            }
        }
        return goodMapper.insertMultiGis(gisList);
    }

注意:
使用了getStringCellValue()方法来获取值,POI会判断单元格的类型,如果非字符串类型就会抛出异常。

Exception in thread “main” java.lang.IllegalStateException: Cannot get a STRING value from a NUMERIC cell

解决方法是在读取某单元格时,使用setCellType()方法先将该单元格的类型设置为STRING。

row.getCell(0).setCellType(CellType.STRING);

MyBatis:实现批量插入

利用唯一索引和ON DUPLICATE KEY UPDATE实现重复覆盖、不重复插入的操作

<!--批量添加上架商品-->
    <insert id="insertMultiGis" parameterType="java.util.List"  useGeneratedKeys="true" keyProperty="gis_id" keyColumn="gis_id">
        INSERT INTO goodinstore
        (goodid,businessid,retailprice,min_stock,stock)
        values
        <foreach collection="list" item="item" index="index" separator=",">
         (#{item.good.id},#{item.businessid},#{item.retailPrice},#{item.min_stock},#{item.stock})
        </foreach>
        ON DUPLICATE KEY UPDATE
        retailprice = values(retailprice),
        min_stock = values(min_stock),
        stock = values(stock)
    </insert>

注意:useGeneratedKeys=“true” keyProperty=“gis_id” keyColumn="gis_id"实现主键自增

在mysql中设置唯一索引Unique Index

UNIQUE KEY的用途:主要是用来防止数据插入的时候重复的。
1,创建表时 CREATE TABLE Persons ( Id_P int NOT NULL, LastName
varchar(255) NOT NULL, FirstName varchar(255), Address varchar(255),
City varchar(255), UNIQUE (Id_P) ) 如果需要命名 UNIQUE 约束,以及为多个列定义 UNIQUE
约束,请使用下面的 SQL 语法: CREATE TABLE Persons ( Id_P int NOT NULL,
LastName varchar(255) NOT NULL, FirstName varchar(255), Address
varchar(255), City varchar(255), CONSTRAINT uc_PersonID UNIQUE
(Id_P,LastName) )

2,当表已被创建时,如需在 “Id_P” 列创建 UNIQUE 约束,请使用下列 SQL:
ALTER TABLE Persons ADD UNIQUE (Id_P)
如需命名 UNIQUE 约束,并定义多个列的 UNIQUE 约束,请使用下面的 SQL 语法:
ALTER TABLE Persons ADD CONSTRAINT uc_PersonID UNIQUE (Id_P,LastName)

3,撤销 UNIQUE 约束

如需撤销 UNIQUE 约束,请使用下面的 SQL: MySQL:

ALTER TABLE Persons DROP INDEX uc_PersonID

MySQL中的insert ignore into, replace into等的一些用法总结

1.insert ignore into

当插入数据时,如出现错误时,如重复数据,将不返回错误,只以警告形式返回。所以使用ignore请确保语句本身没有问题,否则也会被忽略掉。例如:
INSERT IGNORE INTO books (name) VALUES (‘MySQL Manual’) INSERT IGNORE INTO books (name) VALUES (‘MySQL Manual’),(‘NGINX Manual’),(‘REDIS Manual’)

2.on duplicate key update 当primary或者unique重复时,则执行update语句,如update后为无用语句,如id=id,则同1功能相同,但错误不会被忽略掉。例如,为了实现name重复的数据插入不报错:
INSERT INTO books (name) VALUES (‘MySQL Manual’) ON duplicate KEY UPDATE id = id

3.insert … select … where not exist 根据select的条件判断是否插入,可以不光通过primary 和unique来判断,也可通过其它条件。例如:
INSERT INTO books (name) SELECT ‘MySQL Manual’ FROM dual WHERE NOT EXISTS (SELECT id FROM books WHERE id = 1)

4.replace into 如果存在primary or unique相同的记录,则先删除掉。再插入新记录。注意若原记录存在(a1,b1,c1),新记录为(a1,b2),则replace后c字段为null
REPLACE INTO books SELECT 1, ‘MySQL Manual’ FROM books

  • 17
    点赞
  • 69
    收藏
    觉得还不错? 一键收藏
  • 7
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值