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

时间:2014-11-03 13:35:35

标签: javascript jquery html json twitter-bootstrap

我在这里的第一篇文章。从标题判断你可能的反应,这篇文章可能看似重复。我确实找到了这些帖子:onetwothreefour等,但我的问题略有不同。我正在使用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中可能有一个库,但更多的是练习)按字母顺序对数组进行排序。因此,这也有性能影响。

提前感谢您提供反馈意见。请注意,我不是在寻找任何代码。只是关于设计的建议。

1 个答案:

答案 0 :(得分:1)

这似乎做了很多工作,实际上很容易做到。编写用于构建HTML的代码似乎过度杀戮。我会使用一个数据库,看看使用一些JS框架为我做HTML绑定。看看AngularJS或Knockout.js。

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