SpreadJS正式版
进入后页面:
单击文件,右侧会显示文件信息:
双击文件夹会进入文件夹:
可以对文件进行修改、删除操作:
技术栈:
后端主要采用了:SpringBoot
前端主要采用了:Vue ElementUI Typescript
快速运行项目: 下载附件代码,前后台详细运行步骤在Readme中有介绍,此处不再赘述。
接下来介绍实现该功能的关键步骤:
相关依赖包都写在package.json里,执行命令 npm install 即可安装,主要有:
在 SpreadJS.vue文件中引入 SpreadJS 相关安装包:
在App.vue文件中引入 SpreadJS 样式文件、中文资源文件:
List.vue文件中是主要的页面逻辑,双击文件时弹出弹框,弹框中引入了自定义的组件:
mySpread变量中是从后台返回的文件流,传给MySpreadJS 组件,子组件接收到数据后,调用excelIO.open方法打开Excel 文件流,
后台接口介绍:
获取某路径下的文件集合:getfolder
参数 | 是否必须 | 说明 |
path | 是 | 文件夹路径 |
获取Excel文件内容:getFile
参数 | 是否必须 | 说明 |
filePath | 是 | 文件路径 |
保存文件:savefile
参数 | 是否必须 | 说明 |
filePath | 是 | 文件路径 |
type | 是 | create 创建文件,update 更新文件 |
excelFile | 是 | Excel文件流 |
删除文件:deletefile
参数 | 是否必须 | 说明 |
filePath | 是 | 文件路径 |
相关内容:
使用SpreadJS实现在线 Excel 文档 Demo(示例代码)
盘点 SpreadJS 2020最新实用资源,助力快速上手纯前端表格控件!
想要购买SpreadJS正版授权,或了解更多产品信息请点击【咨询在线客服】
标签:
声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!