javascript - 使用 MySQL for NxN 结构以最优化和最省时的方式存储和检索数据

Question

我有一个像下面这样的表单，其中包含可以根据用户添加和删除的动态列和行。

假设行数为 50 到 60 列，最多 10 列，则 javascript 中会进行大量计算。

我在这里使用 MySQL 数据库和 php(Laravel) 作为后端。目前，我的表结构如下所示以存储上述内容：-

表 1 - row_headers (row_id,row_name) 表 2 - column_headers (column_id, column_name) 表 3 - book_data ( book_id, row_id, column_id, data_value)

上面的一组表确实足以存储数据，但在 Store 调用和 get 调用方面非常慢。在将完整的数据返回到 UI 时，数据库和 HTML 上的负载很大以正确加载数据（for 循环一直都在杀死），而且同样是一个乏味的过程。

我想了解如何优化上述内容？除了上述之外，还应该使用什么表结构，以及减少后端和前端负载的最佳方法是什么？

帮助表示赞赏。

标签： javascripthtmldatabaselaraveldatabase-design