如何快速搭建30分钟内完成表格增删改查的前后端框架？

本文共计1732个文字，预计阅读时间需要7分钟。

30分钟内，你可以做什么？可以折叠整理一下杂乱的云朵餐盒；可以简单打扫一下房间；或者浏览完三十页的《本草纲目》摘录。今天，本樱要带你完成一套包括增删查改的检索。

30分钟，你可以做什么？
可以风卷残云的饱餐一顿；可以简单地打扫一下房间；或者可以跳10十遍刘畊宏《本草纲目》毽子操。
而今天，本葡萄要带你在30分钟内完成一套拥有增删改查表格系统的前后端搭建！

在日常的系统开发中，表格（Grid）是最常见的数据表达形式，而表格中“增删改查”又是最常见的功能之一。所以在日常开发过程中，快速构建表格增删改查的框架将会成为影响开发效率最重要的部分之一。
为了实现本次30分钟快速构建表格系统的目标，我们需要回顾年初的文章中，我们介绍的集算表的相关内容。

什么是集算表？

为了让前端的表格不但具备类Excel的公式计算能力，同时还拥有传统表格控件的高性能，我们希望将传统的高性能结构化表格 (Grid) 与公式计算引擎 (CalcEngine)结合在一起。
为了实现这样的设计，我们首次提出了数据管理容器 (DataManager) 的概念，将原有在后端才具备的关系数据引擎，完全在前端实现，从而实现了在大量数据（百万行）的环境下，实现秒级的加载、排序、筛选，而这所有的操作，都能够完全在前端浏览器中，通过JavaScript 代码实现。
数据管理容器 (DataManager)不仅承担了数据存储与索引的功能，同时还实现了多数据表关系、视图、CRUD等功能。
集算表（TableSheet）则负责将数据管理容器 (DataManager)中整理好的数据、视图、关系，通过SpreadJS 本身的"Canvas画布"呈现在网页中。