XLSX + LuckySheet + LuckyExcel + Web Worker实现前端的excel预览

已于 2024-07-05 10:29:16 修改
阅读量626 收藏 3
点赞数 6
分类专栏： JavaScript 文章标签： 前端 excel javascript Web Worker
于 2024-07-03 10:12:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cckevincyh/article/details/140144326
版权

文章目录

功能简介

  1. 通过LuckyExcel的transformExcelToLucky方法， 我们可以把一个文件直接转成LuckySheet需要的json字符串， 之后我们就可以用LuckySheet预览excel
  2. LuckyExcel只能解析xlsx格式的excel文件，因此对于xls和csv的格式，我们需要通过XLSX来转化成xlsx格式，但在转化过程中会丢失样式
  3. 对于excel中存在很多的空白行，在显示的时候可能会出现卡顿，所以我们需要将过多的空白行移除

简单代码实现

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Excel File Upload and Preview with Luckysheet</title>
</head>
<body>

<!-- 文件上传控件 -->
<input type="file" id="fileUpload"/>

<!-- Luckysheet 的容器 -->
<div id="luckysheet" style="position: relative; width: 100%; height: 500px;"></div>
<script src="https://cdn.jsdelivr.net/npm/xlsx/dist/xlsx.full.min.js"></script>

<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/plugins/css/pluginsCss.css'/>
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/plugins/plugins.css'/>
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/css/luckysheet.css'/>
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/assets/iconfont/iconfont.css'/>
<script src="https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/plugins/js/plugin.js"></script>
<script src="https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/luckysheet.umd.js"></script>


<script src="https://cdn.jsdelivr.net/npm/luckyexcel/dist/luckyexcel.umd.js"></script>

<script>
 
 const _xlsxType = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
  const  _xlsType = 'application/vnd.ms-excel';
  const  _csvType = 'text/csv';

  //如果后端是以流的方式返回，可以调用这个方法
  const handleExcel = (res, fileName) => {
    const file = getExcelFile(res, fileName);
    handleExcelFile(file);
  }


 // 获取Excel文件
  const getExcelFile = (res, fileName) => {
  // 根据文件后缀名判断文件类型
    if (fileName.endsWith('.xlsx')) {
      return new File([res], fileName, {type: _xlsxType});
    } else if (fileName.endsWith('.xls')) {
      return new File([res], fileName, {type: _xlsType});
    } else if (fileName.endsWith('.csv')) {
      return new File([res], fileName, {type: _csvType});
    } else {
      throw new Error("Unsupported file type");
    }
  }
  
	// 处理Excel文件
  const handleExcelFile = (file) => {
    const fileName = file.name;
    // 根据文件后缀名判断文件类型并进行处理
    if (fileName.endsWith('.xlsx')) {
      console.log("handle excel for xlsx type..", fileName);
      handleExcelForXlsxType(file, fileName);
    } else if (fileName.endsWith('.xls') || fileName.endsWith('.csv')) {
      console.log("handle excel for xls or csv type..", fileName);
      handleExcelForXlsAndCsvType(file, fileName);
    } else {
      throw new Error("Unsupported file type");
    }
  }

// 处理xlsx类型的Excel文件
  const handleExcelForXlsxType = (file, fileName) => {
    const reader = new FileReader();
    reader.onload = function (event) {
      const data = new Uint8Array(event.target.result);
      const workbook = XLSX.read(data, {type: 'array'});
       // 获取Excel文件中的最大行数
      let maxRowCountFromExcel = getMaxRowCountFromExcel(workbook);
      // 如果行数大于100000，则处理Excel文件中的空行
      if (maxRowCountFromExcel > 1000000) {
        console.log("excel file has too many blank row..", maxRowCountFromExcel);
        handleBlankRowForExcelWithTooManyBlankRow(workbook);
        const xlsxFile = toXlsxExcelFile(workbook, fileName);
        createLuckySheet(xlsxFile);
      } else {
        createLuckySheet(file);
      }
    };
    reader.readAsArrayBuffer(file);
  }

// 处理xls和csv类型的Excel文件
  const handleExcelForXlsAndCsvType = (file, fileName) => {
    const reader = new FileReader();
     // 读取文件完成后的回调函数
    reader.onload = function (event) {
      const data = new Uint8Array(event.target.result);
        // 读取Excel文件内容
      const workbook = XLSX.read(data, {type: 'array'});
       // 将Excel文件转换为xlsx类型
      const xlsxFile = toXlsxExcelFile(workbook, fileName);
       // 处理xlsx类型的Excel文件
      handleExcelForXlsxType(xlsxFile, fileName);
    };
    // 以ArrayBuffer的形式读取文件
    reader.readAsArrayBuffer(file);
  }

/ 创建Luckysheet
  const createLuckySheet = (file) => {
  // 销毁已存在的Luckysheet
    window.luckysheet.destroy();
     // 将Excel文件转换为Luckysheet的json
    LuckyExcel.transformExcelToLucky(file, function (exportJson, luckysheetfile) {
      if (exportJson.sheets == null || exportJson.sheets.length === 0) {
        throw new Error("Failed to load excel file");
      }
      // 创建Luckysheet的配置项
      const options = {
        container: 'luckysheet',
        data: exportJson.sheets, // title: exportJson.info.name,
        // userInfo: exportJson.info.name.creator,
        column: 10,
        row: 10,
        showinfobar: false,
        sheetFormulaBar: true,
        showConfigWindowResize: false
      };
      // 创建Luckysheet
      window.luckysheet.create(options);
    });
  }
  // 获取Excel文件中的最大行数
  const getMaxRowCountFromExcel = (workbook) => {
    let maxRowCount = 0;
    if (workbook.SheetNames == null || workbook.SheetNames.length === 0) {
      return maxRowCount;
    }
    // 遍历每个sheet，获取最大行数
    workbook.SheetNames.forEach(sheetName => {
      const worksheet = workbook.Sheets[sheetName];
      if (worksheet['!ref'] === undefined) {
        return;
      }
      const range = XLSX.utils.decode_range(worksheet['!ref']);
      maxRowCount = maxRowCount + range.e.r;
    });
	console.log("max:", maxRowCount)
    return maxRowCount;
  }
  const reduceBlankRow = (row, range, worksheet) => {
   // 从给定的行开始，向上遍历到工作表的起始行
    while (row > range.s.r) {
     // 假设当前行是空的
      let allEmpty = true;
       // 遍历当前行的所有列
      for (let col = range.s.c; col <= range.e.c; col++) {
      // 获取当前单元格的引用
        const cell_ref = XLSX.utils.encode_cell({c: col, r: row});
         // 如果当前单元格不为空，则将allEmpty设置为false并跳出循环
        if (worksheet[cell_ref]) {
          allEmpty = false;
          break;
        }
      }
      // 如果当前行是空的，则将行数减一，否则跳出循环
      if (allEmpty) {
        row--;
      } else {
        break;
      }
    }
     // 更新工作表范围的结束行
    range.e.r = row;
     // 更新工作表的范围引用
    worksheet['!ref'] = XLSX.utils.encode_range(range.s, range.e);
  }
  // 处理Excel文件中的空行
  const handleBlankRowForExcelWithTooManyBlankRow = (workbook) => {
    if (workbook.SheetNames == null || workbook.SheetNames.length === 0) {
      return;
    }
     // 遍历每个sheet，处理空行
    workbook.SheetNames.forEach(sheetName => {
      const worksheet = workbook.Sheets[sheetName];
      if (worksheet['!ref'] === undefined) {
        return;
      }
      const range = XLSX.utils.decode_range(worksheet['!ref']);
      let row = range.e.r;
      reduceBlankRow(row, range, worksheet);
    });
  }
	// 将Excel文件转换为xlsx类型
  const toXlsxExcelFile = (workbook, fileName) => {
    const newWorkbook = XLSX.write(workbook, {bookType: 'xlsx', type: 'binary'});
    const data = new Uint8Array(newWorkbook.length);
    for (let i = 0; i < newWorkbook.length; i++) {
      data[i] = newWorkbook.charCodeAt(i);
    }
    return new File([data], fileName, {type: _xlsxType});
  }


 // 文件上传控件的change事件处理函数
  document.getElementById('fileUpload').addEventListener('change', function (e) {
 	 // 获取上传的文件
    const file = e.target.files[0];
     // 处理Excel文件
    handleExcelFile(file);

  });




</script>

</body>
</html>

web worker 版本

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Excel File Upload and Preview with Luckysheet</title>
</head>
<body>

<!-- 文件上传控件 -->
<input type="file" id="fileUpload"/>

<!-- Luckysheet 的容器 -->
<div id="luckysheet" style="position: relative; width: 100%; height: 500px;"></div>
<div id="worker" style="display:none">


  importScripts("https://cdn.jsdelivr.net/npm/xlsx/dist/xlsx.full.min.js")
  const _xlsxType = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
  const _xlsType = 'application/vnd.ms-excel';
  const _csvType = 'text/csv';
  const _maxRowCount = 5000000;


  self.addEventListener('message', (e) => {
  console.log('Worker get message:', e.data)
  handleExcel(e.data.data, e.data.fileName)
  });


  const handleExcel = (res, fileName) => {
  const file = getExcelFile(res, fileName);
  handleExcelFile(file);
  }

  const getExcelFile = (res, fileName) => {
  if (fileName.endsWith('.xlsx')) {
  return new File([res], fileName, {type: _xlsxType});
  } else if (fileName.endsWith('.xls')) {
  return new File([res], fileName, {type: _xlsType});
  } else if (fileName.endsWith('.csv')) {
  return new File([res], fileName, {type: _csvType});
  } else {
  throw new Error("Unsupported file type");
  }
  }

  const handleExcelFile = (file) => {
  const fileName = file.name;
  if (fileName.endsWith('.xlsx')) {
  console.log("handle excel for xlsx type..", fileName);
  handleExcelForXlsxType(file, fileName);
  } else if (fileName.endsWith('.xls') || fileName.endsWith('.csv')) {
  console.log("handle excel for xls or csv type..", fileName);
  handleExcelForXlsAndCsvType(file, fileName);
  } else {
  throw new Error("Unsupported file type");
  }
  }

  const handleExcelForXlsxType = (file, fileName) => {
  const reader = new FileReader();
  reader.onload = function (event) {
  const data = new Uint8Array(event.target.result);
  const workbook = XLSX.read(data, {type: 'array', cellDates: true});
  let maxRowCountFromExcel = getMaxRowCountFromExcel(workbook);
  if (maxRowCountFromExcel > _maxRowCount) {
  console.log("excel file has too many blank row..", maxRowCountFromExcel);
  handleBlankRowForExcelWithTooManyBlankRow(workbook);
  const xlsxFile = toXlsxExcelFile(workbook, fileName);
  createLuckySheet(xlsxFile);
  } else {
  createLuckySheet(file);
  }
  };
  reader.readAsArrayBuffer(file);
  }

  const handleExcelForXlsAndCsvType = (file, fileName) => {
  const reader = new FileReader();
  reader.onload = function (event) {
  const data = new Uint8Array(event.target.result);
  const workbook = XLSX.read(data, {type: 'array', cellDates: true});
  let maxRowCountFromExcel = getMaxRowCountFromExcel(workbook);
  if (maxRowCountFromExcel > _maxRowCount) {
  console.log("excel file has too many blank row..", maxRowCountFromExcel);
  handleBlankRowForExcelWithTooManyBlankRow(workbook);
  }
  const xlsxFile = toXlsxExcelFile(workbook, fileName);
  handleExcelForXlsxType(xlsxFile, fileName);
  };
  reader.readAsArrayBuffer(file);
  }

  const createLuckySheet = (file) => {
  const reader = new FileReader();
  reader.onload = (event => {
  postMessage({
  fileArrayBuffer: event.target.result ,
  fileName: file.name,
  })
  });
  reader.readAsArrayBuffer(file);

  }
  const getMaxRowCountFromExcel = (workbook) => {
  let maxRowCount = 0;
  if (workbook.SheetNames == null || workbook.SheetNames.length === 0) {
  return maxRowCount;
  }
  workbook.SheetNames.forEach(sheetName => {
  const worksheet = workbook.Sheets[sheetName];
  if (worksheet['!ref'] === undefined) {
  return;
  }
  const range = XLSX.utils.decode_range(worksheet['!ref']);
  maxRowCount = maxRowCount + range.e.r;
  });
  return maxRowCount;
  }
  const reduceBlankRow = (row, range, worksheet) => {
  while (row > range.s.r) {
  let allEmpty = true;
  for (let col = range.s.c; col <= range.e.c; col++) {
  const cell_ref = XLSX.utils.encode_cell({c: col, r: row});
  if (worksheet[cell_ref]) {
  allEmpty = false;
  break;
  }
  }
  if (allEmpty) {
  row--;
  } else {
  break;
  }
  }
  range.e.r = row;
  worksheet['!ref'] = XLSX.utils.encode_range(range.s, range.e);
  }
  const handleBlankRowForExcelWithTooManyBlankRow = (workbook) => {
  if (workbook.SheetNames == null || workbook.SheetNames.length === 0) {
  return;
  }
  workbook.SheetNames.forEach(sheetName => {
  const worksheet = workbook.Sheets[sheetName];
  if (worksheet['!ref'] === undefined) {
  return;
  }
  const range = XLSX.utils.decode_range(worksheet['!ref']);
  let row = range.e.r;
  reduceBlankRow(row, range, worksheet);
  });
  }

  const toXlsxExcelFile = (workbook, fileName) => {
  const newWorkbook = XLSX.write(workbook, {bookType: 'xlsx', type: 'binary'});
  const data = new Uint8Array(newWorkbook.length);
  for (let i = 0; i < newWorkbook.length; i++) {
  data[i] = newWorkbook.charCodeAt(i);
  }
  return new File([data], fileName, {type: _xlsxType});
  }


  self.addEventListener('error', function (event) {
  console.log("test....................", event)
  });


</div>
<script src="https://cdn.jsdelivr.net/npm/xlsx/dist/xlsx.full.min.js"></script>

<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/plugins/css/pluginsCss.css'/>
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/plugins/plugins.css'/>
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/css/luckysheet.css'/>
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/assets/iconfont/iconfont.css'/>
<script src="https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/plugins/js/plugin.js"></script>
<script src="https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/luckysheet.umd.js"></script>


<script src="https://cdn.jsdelivr.net/npm/luckyexcel/dist/luckyexcel.umd.js"></script>

<script>


  const createLuckySheet = (exportJson) => {
    console.log(exportJson)
    window.luckysheet.destroy();
    const options = {
      container: 'luckysheet',
      data: exportJson.sheets, // title: exportJson.info.name,
      // userInfo: exportJson.info.name.creator,
      column: 10,
      row: 10,
      showinfobar: false,
      sheetFormulaBar: true,
      showConfigWindowResize: false
    };
    window.luckysheet.create(options);

  }

  const createLuckySheetByFileArrayBuffer = (arrayBuffer, fileName) => {
    const xlsxTtpe = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
    const file = new File([arrayBuffer], fileName, {type: xlsxTtpe});
    LuckyExcel.transformExcelToLucky(file, function (exportJson, luckysheetfile) {
      createLuckySheet(exportJson);
    });
  }

  var blob = new Blob([document.querySelector('#worker').textContent]);
  var url = window.URL.createObjectURL(blob);
  var worker = new Worker(url);
  worker.addEventListener('message', (event) => {
    const data = event.data
    createLuckySheetByFileArrayBuffer(data.fileArrayBuffer, data.fileName)

  })

  document.getElementById('fileUpload').addEventListener('change', function (e) {
    const file = e.target.files[0];

    const reader = new FileReader();
    reader.onload = (event => {
      worker.postMessage({
        data: event.target.result,
        fileName: file.name
      })
    });
    reader.readAsArrayBuffer(file);

  });


</script>

</body>
</html>

效果

在这里插入图片描述

参考

https://juejin.cn/post/7211805251216031801
https://segmentfault.com/a/1190000043720845
https://juejin.cn/post/7232524757525659708
https://blog.csdn.net/q2qwert/article/details/130908294
https://www.cnblogs.com/ajaemp/p/12880847.html
https://blog.csdn.net/weixin_40775791/article/details/135409716
https://blog.csdn.net/u013113491/article/details/129106671

c.
关注
  • 6
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Luckyexcel:Luckysheet导入导出库
04-27
English | 介绍 Luckyexcel是一个适用于的Excel导入和导出库。 它仅支持.xlsx格式的文件（不支持.xls）。 演示版 特征 支持将Excel文件导入到Luckysheet适应列表 单元格样式 单元格边框 单元格格式，例如数字格式，日期，百分比等。 公式 计划 目标是支持Luckysheet支持的所有功能 条件格式 数据透视表 图表 种类 筛选 注解 Excel导出 用法 CDN < script src =" https://cdn.jsdelivr.net/npm/luckyexcel/dist/luckyexcel.umd.js " > </ script > < script > // Make sure to get the xlsx file first, and then use the global method window.Lucky
纯前端：luckysheet在线编辑Excel导出，Excel文件导入
10-09
《纯前端实现：Luckysheet在线编辑Excel及文件导入导出详解》 在现代Web应用中，处理Excel数据已经成为一种常见的需求，特别是在数据分析、报表制作等领域。本文将深入探讨一个纯前端解决方案——Luckysheet，它...
Vue Luckyexcel 将文件流转成file文件后使用Luckysheet回显数据 - 附完整示例
m0_48968874的博客
06-26 7240
Vue luckyexcel 将文件流转成file文件后使用luckysheet回显数据
基于luckysheet实现在线电子表格和Excel在线预览
LZUGIS
07-16 841
本文基于luckysheet实现在线的电子表格，并基于luckyexcel实现excel文件的导入和在线预览。
luckyexcel 编辑预览excel文件
最新发布
夜空孤狼啸的博客
08-13 279
luckyexcel 编辑预览excel文件 支持后端传文件流预览编辑，也支持选择本地文件编辑预览
excel文件预览: luckyexcel+luckysheet
weixin_57246557的博客
04-18 794
【代码】excel文件预览: luckyexcel+luckysheet。
luckysheet和luckyexcel共同使用用于解析xlsx 文件
逆风优雅的博客
06-01 844
通过npm i luckysheet 安装依赖，将其中的文件复制到项目public下。注意：luckyexcel 只支持.xlsx格式文件（不支持.xls）。安装: 可以cdn方式 可以将 将文件引入项目本地。然后 安装LuckyExcel 依赖。直接复制到index.html中。然后在index.html中引入。options的部分配置。dom中绑定唯一id。
Qtxlsx + QtCreator + 自己编写的对excel文件操作小案例
08-30
自己学习研究QtXlsx第三方库操作Excel文件，记录下学习笔记； 里面有自己编写的一个小案例，对excel文件进行读取，修改，刷新，删除等操作！ QtCreator 5.9.6 + MinGW 具体可以此篇博客：...
vue3+luckyexcel在线编辑excel文件本地引用文件
12-27
LuckyExcel 提供了丰富的 API 和配置项，例如自定义列宽、行高、样式等，使得在前端实现类似 Excel 的复杂表格功能成为可能。在实际应用中，开发者还可以根据需求扩展其功能，比如添加数据验证、公式计算、图表生成...
ABAP2XLSX+封装EXCEL 打印的公用类
10-19
在"ABAP2XLSX+封装EXCEL 打印的公用类"的场景中，我们可能涉及到的是一个专门设计的公共类（ZCL_COMMON），它利用了ABAP2XLSX的功能，并进一步封装了生成和打印Excel文件的逻辑，以便在不同的业务场景下重复使用。...
Luckysheet：Luckysheet是像excel这样的在线电子表格，功能强大，易于配置且完全开源
02-03
English | 介绍 :rocket: Luckysheet是像excel这样的在线电子表格，功能强大，易于配置且完全开源。 链接 源代码 文献资料 演示版 插件演示 论坛 / 外挂程式 ：Excel导入和导出库 ：图表插件 生态系统 项目 描述 Luckysheet和Luckyexcel在Vue CLI3项目中 一个React项目中的Luckysheet 在Koa2中使用Luckyexcel Java后端Luckysheet服务器 LuckysheetServer Docker部署启动模板 产品特点 格式：样式，条件格式，文本对齐和旋转，文本截断，溢出，自动换行，多种数据类型，单元格分割样式 单元格：拖放，填充手柄，多项选择，查找和替换，定位，合并单元格，数据验证 行和列：隐藏，插入，删除行或列，冻结和拆分文本 操作：撤消，重做，复制，粘贴，剪切，热键，格式刷，拖放选择 公式和函数：内置，远程和自定义公式 表格：过滤器，排序 增强功能：数据透视表，图表，注释，协作编辑，插入图片，矩阵计算，屏幕截图，复制为其他格式，EXCEL导入和导出等。 有关更详细的功能列表，请参阅：
vue+element并使用xlsx实现导出excel
06-14
在现代Web应用开发中，Vue.js是一个非常流行的前端框架，Element UI则是基于Vue.js的组件库，提供了丰富的UI组件。而XLSX库则是一个用于处理Excel文件的强大工具，能够帮助开发者实现数据导入导出的功能。这篇教程将...
xlsx实现vue导入excel文件，并获取excel内容
02-03
xlsx实现vue导入excel文件 获取excel内容 解析excel内容 vue+xlsx xlsx不同版本，引入方式不同
vue + element基于xlsx插件实现excel解析
11-05
importExcel ref="import_excel" :import-methods="handleYcExcelImport" :max="100" :fields="fields" 注: fields : 解析数组的key import-methods：点击上传按钮时执行的函数 max：最大上传数量
excel通用解析（xlsx+xls）demo
09-30
excel通用解析和参数验证demo，里面包含两个接口方法，将excel（xlsx，和xls）文件，转为List对象，或者List<T> 对象。 让开发者可以将精力放在解析对象上，而非row和cell的傻瓜式处理上
使用 Web Worker 导出 Excel
qq_44376306的博客
04-13 121
在项目开发过程中，导出 Excel 文件是很常见的功能。根据生成 Excel 文件的方式，通常分为后端生成和前端生成。前端实现下载后端生成的 Excel 通常有两种方式，①是后端返回 Excel 文件的临时下载地址前端直接下载，②是后端返回 ArrayBuffer 二进制数据，前端处理后下载。而前端生成 Excel 就简单的多了，后端仅需返回指定格式的 JSON 数据就可以了，生成 Excel 这一步由前端浏览器完成，这样就可以大大减轻服务器压力，节约服务器资源。但是。
Luckysheet + Exceljs：H5实现Excel在线编辑、导入、导出及上传服务器的示例代码（完整版demo）
ASP.NET
03-16 1769
【代码】 Luckysheet + Exceljs：H5实现Excel在线编辑、导入、导出（完整版demo）
在线预览/编辑excel工具LuckySheet(LuckyExcel)导入excel，含非xlsx处理
不定期进行技术分享
01-08 6173
【代码】在线预览/编辑excel工具LuckySheet(LuckyExcel)导入excel，含非xlsx处理。
qtxlsx+qtcreator+自己编写的对excel文件操作小案例
08-26
qtxlsx 是一个用于在 Qt 框架中读写 Excel 文件的开源库，而 Qt Creator 则是一个用于开发 Qt 应用程序的集成开发环境（IDE）。在这里，我将介绍一个用 qtxlsx 和 Qt Creator 编写的操作 Excel 文件的小案例。 首先，我们需要在 Qt Creator 中创建一个新的 Qt 应用程序项目。在项目文件中引入 qtxlsx 库，并在.pro 文件中添加相关的库依赖。 然后，在主窗口中添加一个按钮和一个编辑框。按钮的功能是选择 Excel 文件并读取其中的内容，编辑框用于显示读取到的内容。 接下来，我们要使用 qtxlsx 进行 Excel 文件操作。为了实现这个目标，我们需要导入相应的头文件，并在按钮的点击事件中添加相关代码。在这个案例中，我们将选择一个 Excel 文件，并将其内容读取到一个 QStringList 对象中。然后，我们将 QStringList 对象中的内容显示在编辑框中。 为了实现这个功能，我们需要先创建一个 QXlsx::Document 对象，然后使用 `load()` 方法加载 Excel 文件。接着，我们使用 `sheetNames()` 方法获取 Excel 文件中的所有工作表名称，并使用 `read()` 方法读取指定工作表的内容。最后，将读取到的内容保存在 QStringList 对象中，并显示在编辑框中。 当用户点击按钮后，会触发一个信号，我们将创建的槽函数将在按钮点击事件发生时被调用，实现 Excel 文件的读取。当从 Excel 文件中读取内容后，我们可以根据需要对数据进行进一步的操作，比如进行计算、筛选等。 以上就是使用 qtxlsx 和 Qt Creator 编写的对 Excel 文件进行操作的小案例。通过这个案例，我们可以学习如何使用 qtxlsx 库读取 Excel 文件的内容，并在 Qt Creator 中进行相关的操作。这样的小案例可以帮助我们更好地理解和掌握 qtxlsx 和 Qt Creator 的使用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值