Question

前段时间我参与构建了一个大型的单页Web应用程序。我们没有使用Backbone.js。我想学习使用Backbone.js和Require.js的架构。

我们的一个要求是用户可以选择查看某个小部件，例如，用户输入关键字的小部件，或其他小部件以查看性能趋势等等。下面是我在实验环境中编写的html的相关部分：

<body>
    <!-- This list of available widgets for the user will be
        generated on the server-side. -->
    <ul id="widgets">
        <li class="jsWidget1">Widget1</li>
        <li class="jsWidget2">Widget2</li>
        <li class="jsWidget3">Widget3</li>
    </ul>

    <hr>

    <div id="widgetArea"></div>

    <script data-main="js/main" src="js/libs/require.js"></script>
</body>

在js / main.js主要入口点：

require(
    ['backbone'],
    function() {

    }
);

这就是我被困的地方:)

从概念上讲，我认为每个小部件都应该有一个专用的目录结构，可能是这样的：

js
  main.js
  widgets
    widget1
      models
      collections
      views
...

Answer 1

对我来说，这个链接非常适合学习Backbone结构

http://backbonetutorials.com/organizing-backbone-using-modules/

具有特殊要求的前端架构

1 个答案: