2014-11-03 48 views
1

我的第一篇文章在这里。判断你对标题可能的反应,这篇文章可能看起来是重复的。我确实发现了这些帖子:one,two,three,four等,但我的问题稍有不同。我正在使用JavaScript和Bootstrap创建我的第一个网站。我有Java(来自coop条款)和C,C++来自学校的经验,所以仍然学习JS是“幕​​后”的。是的,我仍然是一名学生。从JSON vs数据库创建内容 - 效率

我有一个约100-200个对象最大的数据集。它们很小:四个字段类型的字符串,最多可以有30个字符。我在想,如果我能得到关于设计的建议和反馈。

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

设计: 我计划将数据集作为JSON文件存储为对象数组。客户端永远不会看到它,我几乎完成了一个基于HTML的解析器/编辑器的JSON文件。这个想法是解析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

这看起来像很多工作来做一些其实很容易做的事情。编写代码来构建HTML看起来好像过度杀手。我会使用数据库,并看看使用一些JS框架为我做HTML绑定。看看AngularJS或Knockout.js。

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

+0

非常感谢chead23。我是一个新手,甚至不知道角度。多么美妙的工具!谢谢。 – 2014-11-07 13:40:36