# SpreadDesigner **Repository Path**: paul.lmc/SpreadDesigner ## Basic Information - **Project Name**: SpreadDesigner - **Description**: 您可以直接将类Excel的强大功能嵌入到应用系统中，无需任何编码便可在Spread设计器中实现数据分组、公式计算、条件格式、图表效果等复杂功能的表格应用开发。您更可以将其免费部署到最终用户端，帮助用户编辑和定制Spread模板，分析处理数据。 - **Primary Language**: C# - **License**: Apache-2.0 - **Default Branch**: master - **Homepage**: http://www.gcpowertools.com.cn/products/spread_winforms.htm - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 50 - **Created**: 2021-09-28 - **Last Updated**: 2021-09-28 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # SpreadJS # **官网**：https://www.grapecity.com.cn/developer/spreadjs **下载**：https://www.grapecity.com.cn/developer/spreadjs/download **社区**：https://gcdn.grapecity.com.cn/showforum-232-1.html **资源中心**：https://www.grapecity.com.cn/developer/spreadjs/help#resources ![葡萄城公众号](https://images.gitee.com/uploads/images/2021/0917/144957_4dd809de_103682.jpeg "微信号二维码.jpg") ---------- # 可嵌入您系统的在线Excel # **纯前端表格控件，功能布局与 Excel 高度类似 ** SpreadJS 是一款基于 HTML5 的纯前端表格控件，兼容 450 种以上的 Excel 公式，具备“高性能、跨平台、与 Excel 高度兼容”的产品特性，备受华为、明源云、远光软件等知名企业青睐，被中国软件行业协会认定为“中国优秀软件产品”。SpreadJS 在界面和功能上与 Excel 高度类似，但又不局限于 Excel，而是为企业信息化建设提供[ 表格文档协同编辑](https://www.grapecity.com.cn/developer/spreadjs/scenarios/collaborate-edits)、 [数据填报](http://https://www.grapecity.com.cn/developer/spreadjs/scenarios/data-filling) 和[ 类Excel报表设计 ](http://https://www.grapecity.com.cn/developer/spreadjs/scenarios/excel-design)的功能支持，极大降低了企业研发成本和项目交付风险。 [在线表格编辑器](https://www.grapecity.com.cn/developer/spreadjs/editor)是 SpreadJS 的核心功能之一，可直接在 [Angular](https://www.grapecity.com.cn/developer/spreadjs/angular)、[ React](https://www.grapecity.com.cn/developer/spreadjs/react)、[ Vue ](https://www.grapecity.com.cn/developer/spreadjs/vue)等前端框架中调用，内置开放的 API 和类 Excel 的 UI 设计元素（如工具面板），可实现高效的模板设计、在线编辑和数据绑定，为最终用户带来高度类似 Excel 的使用体验。 ## 开发人员为什么需要 SpreadJS？ ## - 纯前端组件、跨平台应用嵌入 使用 SpreadJS 的功能，无需预装任何插件或第三方应用软件，可以原生的方式嵌入各类应用，与各类后端技术框架相结合，支持跨平台开发 - 在线导入、导出Excel（xlsx） 无需任何后台代码和第三方组件！SpreadJS 可直接在浏览器中完成 Excel、CSV、JSON 等文件的导入导出、PDF 导出、打印及预览操作 - 业界领先的 Excel 兼容度 SpreadJS 支持 53 项单元格格式、18 种条件格式、32 种图表，可于 Web系统中轻松嵌入类Excel模块，实现如 Excel 般的数据分析和交互 - 极高的处理性能和响应速度 SpreadJS 使用稀疏数组作为存储结构，用 HTML5 Canvas 绘制交互界面，提供了更为流畅的使用体验和出色的性能，并最大化节省存储空间 - 强大的公式计算引擎 SpreadJS 兼容 450 多种 Excel 公式函数，可轻松扩展，满足自定义公式、跨表格引用等多场景计算需求，实现数据聚合，让有效数据不断完善 - 一流的框架支持及二次扩展 SpreadJS 基于原生 JavaScript，全面兼容 Angular、 React、 Vue 等前端开发框架，提供大量 API 接口，可满足企业各类定制化需求 # SpreadJS 三大应用场景 # ## [表格文档协同编辑](https://www.grapecity.com.cn/developer/spreadjs/scenarios/collaborate-edits) ## **可实现多人实时协作的在线文档** SpreadJS 提供类Excel的操作界面和开放的 API，通过系统集成，可实现 Excel 导入导出、公式计算、数据绑定、服务端数据交互等功能；通过二次扩展，可将 SpreadJS 作为在线文档系统的核心模块，满足多人协作、实时编辑、数据同步、多级上报、历史查询等业务需求。 [![输入图片说明](https://www.grapecity.com.cn/images/metalsmith/developer/spreadjs/index/function_03.gif?v=20201105 "在这里输入图片标题")](https://www.grapecity.com.cn/developer/spreadjs/scenarios/collaborate-edits) （基于 SpreadJS 搭建在线表格文档协同编辑系统） ## [数据填报](https://www.grapecity.com.cn/developer/spreadjs/scenarios/data-filling) ## **实现类Excel的数据填报与展示** SpreadJS 提供类Excel的数据展示与数据获取的功能，可实现各类表单设计、在线填报数据、打印报送、实时预览和数据校验；通过二次开发，可将 SpreadJS 作为数据填报模块嵌入到系统中，满足批量导入导出 Excel、大数据量填报、填报暂存、多 sheet 填报、多级上报等业务需求。 [![输入图片说明](https://www.grapecity.com.cn/images/metalsmith/developer/spreadjs/scenarios/data-filling/f1.jpg "在这里输入图片标题")](https://www.grapecity.com.cn/developer/spreadjs/scenarios/data-filling) （SpreadJS 提供类Excel的数据填报界面） ## [类Excel报表设计](https://www.grapecity.com.cn/developer/spreadjs/scenarios/excel-design) ## **大幅降低从本地到线上的数据迁移工作量** SpreadJS 高度兼容 Excel，可在线导入导出 Excel 文档，并提供类Excel的使用体验，通过二次开发，可将 SpreadJS 作为企业报表 SaaS 平台的核心模块，快速重用业务系统原始 Excel 报表模板，满足数据报表生成、数据分析、模板版本管理、数据大屏展示、设计交互式仪表板等业务需求。 [![输入图片说明](https://www.grapecity.com.cn/images/metalsmith/developer/spreadjs/scenarios/excel-design/pic01.png "在这里输入图片标题")](https://www.grapecity.com.cn/developer/spreadjs/scenarios/excel-design) （SpreadJS 类Excel报表的设计与展示） # SpreadJS 六大主要功能 # ## 类 Excel 表格编辑器 ## SpreadJS 的表格编辑器提供了高度类似 Excel 的功能和 API，可在线/离线设计报表模板、编辑、计算、分析数据并与数据库绑定，满足填报系统开发需求。 [![输入图片说明](https://www.grapecity.com.cn/images/metalsmith/developer/spreadjs/index/function_01.png "在这里输入图片标题")](https://www.grapecity.com.cn/developer/spreadjs/selection-guide/get-start-editor) ## 高性能数据处理 ## SpreadJS 提供了高效的计算引擎，并针对数据处理性能进行了优化，可满足企业各类数据计算、可视化、数据透视分析等需求，却不会过多地占用系统资源。 [![输入图片说明](https://www.grapecity.com.cn/images/metalsmith/developer/spreadjs/index/function_02.png "在这里输入图片标题")](https://demo.grapecity.com.cn/spreadjs/BenchmarkSample/) ## 导入/导出 Excel ## SpreadJS 支持在线导入/导出 Excel（xlsx）、导出 PDF 文档，用户可在浏览器中加载并修改各种 Excel 文档，并将修改后的数据保存到数据库中。 [![输入图片说明](https://www.grapecity.com.cn/images/metalsmith/developer/spreadjs/index/function_03.png "在这里输入图片标题")](https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/workbook/excel-import-export/purejs) ## 内置 450 多种计算公式 ## SpreadJS 的计算引擎支持 450 多种 Excel 公式函数，包括自定义函数、数组函数、动态数组、异步函数、XMATCH、LET 、XLOOKUP 函数等。 [![输入图片说明](https://www.grapecity.com.cn/images/metalsmith/developer/spreadjs/index/function_04.png "在这里输入图片标题")](https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/calculation/basic-functions/purejs) ## 数据绑定 ## 使用 SpreadJS 可以直接通过模板创建与数据的绑定关系，即可绑定 JavaScript 对象和对象数组，也可将整个工作表、表格或单元格绑定到数据源。 [![输入图片说明](https://www.grapecity.com.cn/images/metalsmith/developer/spreadjs/index/function_05.png "在这里输入图片标题")](https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/data-binding/sheet-level-binding/purejs) ## 丰富的数据可视化手段 ## SpreadJS 内置 32 种图表、18 种迷你图和 182 种形状，丰富的数据可视化手段可以为系统添加更多细节展现，并且可以在 Excel 中无损导入和导出。 [![输入图片说明](https://www.grapecity.com.cn/images/metalsmith/developer/spreadjs/index/function_06.png "在这里输入图片标题")](https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/charts/basic-chart/purejs) # 用不到 100 行代码，在前端实现各类电子表格的功能 # ## 在线表格编辑器 ## - 开放的 API 和类 Excel 的 UI 设计元素 - 提供模板设计、在线编辑等功能 - 在线导入导出 Excel 文档 - 支持触摸控制的功能区和菜单面板 - 纯中文操作界面，支持 Excel 的主题风格 [![输入图片说明](https://www.grapecity.com.cn/images/metalsmith/developer/spreadjs/index/feature_01.gif?v=20181219 "在这里输入图片标题")](https://demo.grapecity.com.cn/spreadjs/excel-online/content/index.html) ## 数据透视表 ## - 内置透视面板 - 支持透视表字段、值字段设置 - 支持导入导出 - API 支持，可二次封装 [![输入图片说明](https://www.grapecity.com.cn/images/metalsmith/developer/spreadjs/index/pivottable.png "在这里输入图片标题")](https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/pivot-table/overview/purejs) ## 兼容 450 种以上的 Excel 公式 ## - 高效、可扩展的计算引擎 - 支持自定义公式 - 支持跨表格引用 - 支持异步函数 [![输入图片说明](https://www.grapecity.com.cn/images/metalsmith/developer/spreadjs/index/feature_03.gif?v=20181219 "在这里输入图片标题")](https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/calculation/basic-functions/purejs) ## 单元格级别的数据绑定 ## - 双向绑定机制 - 可自定义单元格类型 - 像网格一样使用 [![输入图片说明](https://www.grapecity.com.cn/images/metalsmith/developer/spreadjs/index/feature_04.gif?v=20181219 "在这里输入图片标题")](https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/data-binding/sheet-level-binding/purejs) ## 丰富多样的数据可视化呈现 ## - 32 种图表类型 - 可从 Excel 中导入或导出 - 行列头支持公式及迷你图 - 可按 Excel 风格分组 - 支持图表轴交叉属性 - 支持图表模板填充 [![输入图片说明](https://www.grapecity.com.cn/images/metalsmith/developer/spreadjs/index/feature_05.gif?v=20181219 "在这里输入图片标题")](https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/charts/basic-chart/purejs) ## 多种数据验证及自定义验证方式 ## - 智能数据验证 - 支持用户自定义验证方式 [![输入图片说明](https://www.grapecity.com.cn/images/metalsmith/developer/spreadjs/index/feature_06.gif?v=20181219 "在这里输入图片标题")](https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/tables/table-layout/purejs) ## [前端框架支持](https://demo.grapecity.com.cn/spreadjs/help/docs/javascript_frameworks.html) ## - 可[与 Angular 框架集成](https://www.grapecity.com.cn/developer/spreadjs/angular) - 可[与 React 框架集成](https://www.grapecity.com.cn/developer/spreadjs/react) - [支持 Vue 框架](https://www.grapecity.com.cn/developer/spreadjs/vue) - 可与各类 JS 框架集成 ![输入图片说明](https://www.grapecity.com.cn/images/metalsmith/developer/spreadjs/index/js.png "在这里输入图片标题")