精华内容
下载资源
问答
  • ElementUI导入Excel文件
    千次阅读
    2021-01-21 20:38:59

    功能介绍

    最近用ElementUI做管理系统需要把excel数据导入到系统内,我想这是一个很常见的功能点,把它分享出来,希望对大家有所帮助:)

    实现效果

    在这里插入图片描述

    实现步骤

    1.定义导入组件

    <el-upload
               :show-file-list="false"
               accept="application/vnd.ms-excel"
               action="http://localhost:9000/api/student/upload"
               :on-success="fileUploadSuccess"
               :on-error="fileUploadError"
               :disabled="fileUploadBtnText == '正在导入'"
               :before-upload="beforeFileUpload"
               style="display: inline; margin-left:10px;"
               >
        <el-button
                   type="success"
                   :icon="uploadBtnIcon"
                   :loading="fileUploadBtnText == '正在导入'"
                   ><i class="fa fa-lg fa-level-up"></i>{{ fileUploadBtnText }}
        </el-button>
    </el-upload>
    

    2.定义导入相关方法

    • 先是定义2个变量
      fileUploadBtnText: “导入数据”,

    uploadBtnIcon: “el-icon-upload2”,

    fileUploadSuccess() {
          this.enabledUploadBtn = true;
          this.uploadBtnIcon = "el-icon-upload2";
          this.fileUploadBtnText = "导入数据";
          this.$message.success("数据导入成功!");
          this.getStudentList();
        },
        fileUploadError() {
          this.enabledUploadBtn = true;
          this.uploadBtnIcon = "el-icon-upload2";
          this.fileUploadBtnText = "导入数据";
        },
        beforeFileUpload(file) {
          this.enabledUploadBtn = false;
          this.uploadBtnIcon = "el-icon-loading";
          this.fileUploadBtnText = "正在导入";
        },
    

    3.定义导入接口

    这里以springboot接口为准

    @RequestMapping("/upload")
    @ResponseBody
    public Result<String> uploadFile(MultipartFile file, HttpServletResponse response) {
        //解析excel文件
        List<ArrayList<String>> rows = ExcelUtil.analysis(file);
        List<Student> list = new ArrayList<>();
        if(rows.size()>0){
            //2.插入数据
            Student entity = null;
            int size=0;
            String gradeName; // 班级名称
            Integer gradeId;
            for (int i = 0;i<rows.size();i++){
                entity = new Student();
                List<String> row = rows.get(i);
                size = row.size();
    
                // 不足9个列的 补全
                for (int j = size; j < 9; j++) {
                    row.add("");
                }
    
                // 学号
                entity.setStudentNo(row.get(0));
                // 姓名
                entity.setStudentName(row.get(1));
                entity.setGender(row.get(2).equals("女")?"F":"M");
                entity.setIdno(row.get(3));
                entity.setPhone(row.get(4));
                entity.setAddress(row.get(5));
                gradeName = row.get(6);
                gradeId = getGradeIdByName(gradeName);
                if(gradeId == null){
                    continue;
                }
                entity.setGradeId(gradeId);
                entity.setEnrollDate(DateUtil.format(row.get(7),"yyyy-MM-dd"));
                entity.setRemark(row.get(8));
    
                list.add(entity);
            }
        }
    
        studentService.saveBatch(list);
    
        return ResultUtil.ok("导入成功!");
    }
    
    更多相关内容
  • java导入excel

    2018-10-07 20:53:15
    java导入excel到sql server 2008 运行ImportForm从表单中选择所要导入的excel文件,即可把excel表导入sql server 2008数据库的相应表中
  • 基于react/antd的纯前端js导入excel,用户下载之后直接放入项目里面引用即可,无需后端服务支持
  • 主要介绍了Java实现批量导入excel表格数据到数据库中的方法,结合实例形式详细分析了java导入Excel数据到数据库的具体步骤与相关操作技巧,需要的朋友可以参考下
  • springboot集成easyexcel做的导入导出demo,下载即可运行。
  • sql脚本为批量导入excel文件数据到SQLSERVER库,可以导入多个sheet,需安装MicroSoft的AccessDatabaseEngine_X64组件,网上下载即可
  • C# 导入excel到datagridview 在项目引用NuGet中安装Microsoft.Office.Interop.Excel
  • 今天小编就为大家分享一篇解决Java导入excel大量数据出现内存溢出的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 自己整理的利用c#写的excel数据导入到oracle11G数据库,100%可用,里面包含程序demo和excel表格、建表的sql,需要学习和借鉴的朋友可以下载。
  • jsp 导入 excel的例子

    2017-11-08 17:10:00
    jsp 使用poi导入 excel的例子,参考网址 :https://www.cnblogs.com/bobodeboke/p/4959103.html
  • 文档分为2部分,前台JS主要调用导入Excel表格页面的jQuery语句和导入Excel表格页面。后台主要是获取Excel中数据和根据获取的数据处理业务
  • javaweb做的Excel导入到数据库,包含:源码,SQL文件,使用说明!
  • springboot开的excel导入数据,并把数据插入到数据库操作
  • 一个简单的 asp.net 导入excel到数据库中的示例。欢迎下载!
  • java导入excel的工具类。支持单个对象的赋值,列表对象的赋值,指定坐标的赋值。主要利用的是poi的技术,java反射和自定义注解。 20170915,解决了不能导入带有公式字段的excel的问题
  • C# .NET NPOI导入EXcel Winform
  • 在页面中导入excel文件并以表格显示,完整的demo,在各个主流浏览器中测试通过!
  • 解决Navicat for MySql 导入EXCEL中文乱码问题解决的有效方法
  • POI导入Excel并返回校验后的错误文件(原样数据文件,并添加批注,注:由于批注只能加1000条,会在Excel后面添加一栏错误信息)下载以及页面展示校验错误信息,同时添加导入进度条,提供页面js和css代码,后端...
  • 多线程导入excel 数据

    2018-01-04 21:54:05
    java 多线程导入excel数据,预防高并发,线程同步锁,
  • nc65导入excel代码

    2018-12-11 11:56:49
    uap平台(nc65),实现导入excel的方法代码,仅供参考
  • java导入excel的工具类。支持单个对象的赋值,列表对象的赋值,指定坐标的赋值。主要利用的是poi的技术,java反射和自定义注解
  • 最近工作需要做一个导入Excel功能,特地学习制作,代码逻辑清晰,注释明确,方便新手入门。可导入多表头Excel数据文件,免去新手找DLL、无从下手等一系列问题。
  • 这里面有一些基础的关于怎么从数据库中把表信息导入Excel文件中,还有怎么将Excel表中的数据显示到DataGridView中去的代码,写的很基础。
  • 使用python3导入excel文件到mysql。资源包含(excel文件,python源码,建表语句),使用多线程,一分钟一万条的速度(无大字段)
  • java 导入Excel 文件,兼容Excel 2003(后缀名:xls)及 2007(后缀名:xlsx)的文件,同时还支持csv格式的文件
  • javaweb JSP页面导出和导入excel表格

    千次下载 热门讨论 2015-04-16 18:46:11
    这段时间闲来无事,想研究一下办公系统中的导出和导入excel表格功能,最后终于弄出来,现在给广大需要的新手朋友参考使用
  • jeecg导入Excel

    2013-04-02 15:43:31
    jeecg导入excel 想学的速度了
  • 通用的POI导入导出Excel通用解决方案,
  • ExtJS拖拽导入Excel数据

    热门讨论 2013-08-23 10:22:14
    用户可以从excel中选中要导入的数据,直接拖拽到grid中

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 166,554
精华内容 66,621
关键字:

导入excel

友情链接: bin2vbs_vbs.rar