spreadjs-online-excel基础入门-demo

前言：

SpreadJS 是一款基于 HTML5 的纯前端表格控件，兼容 450 种以上的 Excel 公式，具备“高性能、跨平台、与 Excel 高度兼容”的产品特性，备受华为、明源云、远光软件等知名企业青睐，被中国软件行业协会认定为“中国优秀软件产品”。SpreadJS 在界面和功能上与 Excel 高度类似，但又不局限于 Excel，而是为企业信息化建设提供 表格文档协同编辑、 数据填报 和 类Excel报表设计 的功能支持，极大降低了企业研发成本和项目交付风险。

在线表格编辑器是 SpreadJS 的扩展插件，可直接在 Angular、 React、 Vue 等前端框架中调用，内置开放的 API 和类 Excel 的 UI 设计元素（如工具面板），可实现高效的模板设计、在线编辑和数据绑定，为最终用户带来高度类似 Excel 的使用体验。在线表格编辑器不包含在任何控件或套包内，需要在获得 SpreadJS 的授权后购买使用

官网：

https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/quickstart/quickstart-vue

环境准备

• l安装 nodejs
  官网安装包 https://nodejs.org/en/ ，包含 npm

• 安装 Vue CLI 3

• https://cli.vuejs.org/zh/

• 终端运行：npm install -g @vue/cli

• 安装 TypeScript

• https://www.typescriptlang.org/

• 终端运行：npm install -g typescript

• 安装 IDE，推荐使用 Visual Studio Code

项目运行

1. Cmd 或者终端中进入 spreadjs-online-excel 文件夹
2. 运行 npm install 安装相关依赖
3. 运行 npm run serve 启动项

小tips:
记得给容器高度。
各种独立依赖集合：https://www.npmjs.com/package/@grapecity/spread-sheets

gitHub

spreadJs-demo