如何用C#、SQL Server和AngularJS实现支持公式共享的多标签在线表格

需求可行性结论 #

你列出的5项功能需求完全可实现，基于AngularJS + JavaScript技术栈有成熟的开源库支持，不需要从零开发核心功能。

最优技术选型 #

核心表格组件推荐使用Handsontable的AngularJS适配版本ngHandsontable，它完全匹配你需要的所有能力：

• 原生适配AngularJS 1.x环境，仅需引入依赖即可通过指令调用，无额外兼容成本
• 内置公式计算引擎，支持上百种常用函数，同时支持自定义函数拓展
• 提供开箱即用的只读模式，可一键切换编辑/只读状态
• 支持自定义数据绑定，可直接对接JSON格式数据源
  多标签页能力可搭配AngularJS生态的angular-ui-tab组件实现，每个标签页对应一个独立的Handsontable实例即可实现多Sheet效果。

各需求落地实现路径 #

• 连接SQL Server获取JSON数据：后端封装SQL查询接口返回JSON格式结果，前端通过AngularJS的$http服务请求接口获取数据，直接作为表格的数据源传入即可。
• 生成多标签页类电子表格：每个标签页绑定独立的表格配置与数据源，初始化时传入对应JSON数据即可渲染出完整的类Excel界面，支持单元格选中、拖拽、格式调整等原生Excel常用操作。
• 编辑与数学函数拓展：默认开启编辑能力，自定义函数可通过公式插件的注册方法实现，示例代码如下：

// 注册自定义数学函数示例
Handsontable.plugins.Formula.addCustomFunction('MY_MULTIPLY', (num1, num2) => {
  return num1 * num2;
}, '自定义乘法计算函数');

• 自动生成新标签页：监听现有标签页表格的afterChange数据变更事件，当满足生成新标签页的条件时，往标签页数组中新增一条配置，初始化新的Handsontable实例并传入从现有表格提取的目标数据即可完成自动生成。
• 发布仅可读版本：需要发布只读版本时，统一将所有标签页对应的Handsontable实例配置中的readOnly参数设置为true，即可禁用所有编辑、删除、新增操作，得到仅可读的电子表格版本，可直接嵌入页面传播。

内容的提问来源于stack exchange，提问作者user17045467