javascript - Backbone.js + GUI : do i have to build the gui with views and models or do I load it with the html from start

Question

到目前为止，我只创建了小型测试应用程序，而且我真的不知道或不知道如何最好地使用 backbone.js 来构建一个完整的应用程序的 GUI。

我什至在 backbone.js 文档中看到了最小的示例:

var Sidebar = Backbone.Model.extend({
  promptColor: function() {
    var cssColor = prompt("Please enter a CSS color:");
    this.set({color: cssColor});
  }
});

window.sidebar = new Sidebar;

sidebar.bind('change:color', function(model, color) {
  $('#sidebar').css({background: color});
});

sidebar.set({color: 'white'});

sidebar.promptColor();

这是否意味着我必须将我的 GUI 的每个元素包装到一个模型和一个 View 中？ 或者这会被认为是不好的做法吗？

我觉得这会过于复杂，我很可能只加载 html 文件中已有的 gui，并仅为需要动态内容的 gui 元素制作模型/ View 。

to state the question clearly: is it a good idea to build your gui trough models / views? if so do you create 1 global view? or really build up every element in a view? (header / sidebar / navigationbar / content area / footer / whatever more...)

Answer 1

不幸的是，这在很大程度上是一个“视情况而定”的问题。这取决于您的应用程序需要做什么，您需要通过主干对象对 HTML 进行多少控制，等等。

我认为您不会找到这个问题的“正确答案”，因为它非常主观。

相反，我建议您继续使用 backbone 来寻找适合您的实现，以及何时，同时查看 backbone 文档中的现有示例应用程序以寻找想法。

我还强烈建议您购买 backbonejs 的 Peepcode 和 Tekpub 截屏视频。他们值得每一分钱。如果您不在后端执行任何 asp.net mvc 3 工作，则可以跳过 tekpub mvc 3 系列(主干集所在的地方)。

如果您搜索它们，还有很多很棒的博客文章和引用实现。