从 JSON 与数据库创建内容 - 效率

Question

我在这里的第一篇文章。从标题中判断您可能的反应，这篇文章可能看起来是重复的。我确实找到了这些帖子：one、two、three、four 等，但我的问题略有不同。我正在使用 JavaScript 和 Bootstrap 制作我的第一个网站。我在学校学习过 Java（来自合作项目）和 C、C++ 的经验，所以仍在学习 JS 的“幕后”。是的，我还是个学生。

我有一个最多包含 100-200 个对象的数据集。它们很小：四个字符串类型的字段，最大大小可能为 30 个字符。我想知道是否可以就设计获得建议和反馈。

要求： - 客户编辑数据集的能力； - 从更新的数据集中呈现新的 html 内容。

设计： 我计划将数据集作为 JSON 文件存储为对象数组。客户端将永远不必看到它，我几乎为那个 JSON 文件完成了一个基于 HTML 的解析器/编辑器。想法是解析 JSON，创建对象，将它们放入数组，使用数组创建 HTML 内容： 页面加载：解析 JSON 并加载数组。我现在可以访问对象了。因此，我使用 JS 中的另一个函数从该新数组创建 HTML。 HTML 的块大约是这个大小：

            <!-- product block. copy this to make more-->
            <div class="col-lg-6 col-md-6 col-xs-12">
            <div class="product-holder">
                <img src="flowers/flower2.jpg" alt="flower1" class="img-rounded flower-preview">
                <div class="product-name">
                    <h4>Tulip<small> Latin Name for Tulip</small></h4>
                    <p class="product-descr">This tells what tulip is like. Some useful information</p>

                </div>
            </div>
        </div> <!-- product block end -->

我的担忧是：

• 在 JS 中硬编码这么多 HTML 看起来很痛苦；
• 对于这么多对象，渲染性能可能很糟糕；
• 100-200 个对象的 JS 数组在性能方面也是不明智的。
• 我应该改用 mySQL 数据库吗？

这是我的第一个公开网站。我非常喜欢网络编程。但是，我的经验很少，但我正在努力使其达到行业标准（尽可能）。所以如果这是一个糟糕的方式，请告诉我。

到目前为止，我已经完成了布局，我可以解析和操作 JSON 数据，JSON 编辑器。我正在尝试在 JS 中编写 qsort（JS 中可能有一个库，但更多的是用于练习）以按字母顺序对数组进行排序。因此，这也会对性能产生影响。

提前感谢您的任何反馈。请注意，我不是在寻找任何代码。只是对设计的建议。

Answer 1

这似乎需要做很多工作来做一些实际上很容易做到的事情。编写代码来构建 HTML 似乎有点过头了。我会使用数据库并考虑使用一些 JS 框架为我做 HTML 绑定。看看 AngularJS 或 Knockout.js。

就效率而言，目前您的数据集非常小，我认为这两种方法都不会有任何明显的差异。