SpreadJS使用教程：使用SpreadJS实现了在线读取、编辑Excel 文档的功能-控件新闻-慧都网

产品

产品
资讯
资源
视频
学院
示例

产品中心
解决方案
行业方案
视频课程
关于慧都

热门产品

UI界面: DevExpress telerik BCGSoft Developer Machines

文档管理: Aspose E-iceblue GrapeCity PDFlib

图表控件: LightningChart Steema Iocomp

数据采集: TAKEBISHI Matrikon

思维导图: TheBrain XMind

开发工具: IntelliJ IDEA MyEclipse Zend PyCharm WebStorm CLion

报表控件: Fast Report Stimulsoft GrapeCity

加密解密: VMPsoft Eziriz Oreans

项目管理: DHTMLX NETRONIC

数据库管理: Devart PremiumSoft

条码工具: Bartender Softek Dynamsoft TEC-IT Byte Aspose.BarCode

解决方案

软件定制解决方案: 软件系统定制高端UI定制业务系统定制

智能制造解决方案: OMES制造执行系统 APS生产排程系统 OQMS质检管理系统 OPTS生产溯源系统 OTPM设备管理系统 OKanban看板管理 DA工业数据采集系统 SRM供应商管理 PDM产品数据管理 WMS仓储管理 OMES ProLine产线MES系统

行业方案

制造行业: 磁性材料行业hot 汽车零配件行业电子行业精密装配行业钣金行业机械加工行业汽车改装行业金属薄膜材料行业灯具照明行业电线电缆行业钢结构行业

其他行业: 石油行业hot 医疗行业金融行业建筑行业

视频课程

产品视频: UI界面类图标报表网络通讯文档管理矢量图像处理位图图像处理音频视频文件格式转码条形码加密解密测试分析地图/CAD/GIS BI/大数据算法工作流 UML 数据库/服务器 IDE 项目管理思维导图其他移动开发扫描识别条形码

学院课程: VIP视频免费视频用户界面图表报表文档管理大数据工作流项目管理测试分析往期公开课项目管理其他

企业培训: 定制培训班

关于慧都

慧都简介慧都文化联系我们合作伙伴典型客户

首页 > 资讯 > SpreadJS使用教程：使用SpreadJS实现了在线读取、编辑Excel 文档的功能

SpreadJS使用教程：使用SpreadJS实现了在线读取、编辑Excel 文档的功能

转帖|使用教程|编辑：莫成敏|2020-04-20 14:39:13.537|阅读 1811 次

概述：本文使用SpreadJS表格控件，实现了在线读取、编辑Excel 文档的功能，下载附件的示例代码，按照Readme文档中的步骤可运行前后端代码。

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

相关链接：

SpreadJS 是一款基于 HTML5 的纯前端电子表格控件，兼容 450 种以上的 Excel 公式，具有 “高性能、跨平台、与 Excel 高度兼容”的产品特性。在带来亲切的 Excel 使用体验的同时，满足 Web Excel 组件开发、表格文档协同编辑、数据填报、Excel 类报表设计等业务场景，极大降低了企业研发成本和项目交付风险。

点击下载SpreadJS正式版

本文使用SpreadJS表格控件，实现了在线读取、编辑Excel 文档的功能，下载附件的示例代码，按照Readme文档中的步骤可运行前后端代码。

进入后页面：

SpreadJS使用教程：使用SpreadJS表格控件，实现了在线读取、编辑Excel 文档的功能

单击文件，右侧会显示文件信息：

SpreadJS使用教程：使用SpreadJS表格控件，实现了在线读取、编辑Excel 文档的功能

双击文件夹会进入文件夹：

SpreadJS使用教程：使用SpreadJS表格控件，实现了在线读取、编辑Excel 文档的功能

双击文件会进入编辑文件的弹框：

SpreadJS使用教程：使用SpreadJS表格控件，实现了在线读取、编辑Excel 文档的功能

可以对文件进行修改、删除操作：

SpreadJS使用教程：使用SpreadJS表格控件，实现了在线读取、编辑Excel 文档的功能

技术栈：

后端主要采用了：SpringBoot

前端主要采用了：Vue ElementUI Typescript

快速运行项目: 下载附件代码，前后台详细运行步骤在Readme中有介绍，此处不再赘述。

接下来介绍实现该功能的关键步骤：

相关依赖包都写在package.json里，执行命令 npm install 即可安装，主要有：

在 SpreadJS.vue文件中引入 SpreadJS 相关安装包：

在App.vue文件中引入 SpreadJS 样式文件、中文资源文件：

List.vue文件中是主要的页面逻辑，双击文件时弹出弹框，弹框中引入了自定义的组件：

mySpread变量中是从后台返回的文件流，传给MySpreadJS 组件，子组件接收到数据后，调用excelIO.open方法打开Excel 文件流，

可以在线编辑Excel文件，并保存，excelIO.save方法可以将修改后的文件流传给后台，实现文件的修改功能

后台接口介绍：

获取某路径下的文件集合：getfolder

参数	是否必须	说明
path	是	文件夹路径

获取Excel文件内容：getFile

参数	是否必须	说明
filePath	是	文件路径

保存文件：savefile

参数	是否必须	说明
filePath	是	文件路径
type	是	create 创建文件，update 更新文件
excelFile	是	Excel文件流

删除文件：deletefile

参数	是否必须	说明
filePath	是	文件路径

本文内容到这里就结束了，希望对您有所帮助~您可以下载SpreadJS试用版免费体验~或者点击下方链接下载示例代码！

相关内容：

使用SpreadJS实现在线 Excel 文档 Demo（示例代码）

盘点 SpreadJS 2020最新实用资源，助力快速上手纯前端表格控件！

想要购买SpreadJS正版授权，或了解更多产品信息请点击【咨询在线客服】

标签：

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@evget.com

文章转载自：GrapeCity

上一篇：iSpring QuizMaker使用教程：如何创建多项选择测验下一篇：FastReport.Net中文教程：如何将选项列表传输到Web报表

相关产品

SpreadJS

面向企业级应用开发、基于HTML5的纯JavaScript电子表格控件。

最新文章 MORE

相关文章 MORE

业务系统定制

智能制造解决方案: 工业设计运营管理生产管理

石油工程解决方案: 油气勘探数字化钻井工程数字化数据管理与分析

关于我们: 慧都简介公司动态业务区域典型案例

区域服务电话: 重庆 / 023-68661681 华东 / 13452821722 华南 / 18166486035 华北 / 17347785263

客户支持: 技术培训/ 咨询服务服务热线：400-700-1020 邮箱：sales@evget.com 微信在线咨询

官方公众号

官方视频号

服务电话

重庆/ 023-68661681

华东/ 13452821722

华南/ 18100878085

华北/ 17347785263

客户支持

技术支持咨询服务

服务热线：400-700-1020

邮箱：sales@evget.com

关注我们

地址 : 重庆市九龙坡区火炬大道69号6幢

慧都科技版权所有 Copyright 2003- 2025 渝ICP备12000582号-13 渝公网安备 50010702500608号

扫码咨询

添加微信立即咨询

电话咨询

客服热线
023-68661681

TOP