CanJs应用程序结构

Question

我是第一次接触canJs。寻找一个好的应用程序结构来构建canjs应用程序。我想将模型、控制器和视图/模板逻辑分别放在不同的文件夹中。canjs站点上的todo应用程序很简单，它将所有内容都写在一个文件中。任何帮助都是非常感谢的。

提前感谢

Answer 1

Justin Meyer总是说：“构建大型应用程序的秘密是永远不要构建大型应用程序。将应用程序拆分成小块，然后将这些可测试的小块组装成你的大应用程序。”

让我们假设我在CRUD应用程序中有两个模型，所以我们可以将应用程序分解为小应用程序，比如说账户应用程序，交易应用程序，每个应用程序都被分成可测试的小块，所以建议的结构是：

​

在本例中，帐户和事务是传统的控制器，它们通过监听can.route来更新应用程序的状态；列表、编辑...etc是从控件扩展而来的视图，但它们只监听自己的事件(单一响应性原则)不同的控制器和视图之间的通信是由can.Map和can.compute (观察者模式)进行的，以使它们解耦，看一看here和here this也很有用。

Answer 2

前面的答案很好，但您可以使用yeoman自动完成。

您还可以使用yoeman自动创建canjs应用程序结构。

你所需要做的就是在你的终端中输入以下命令：

npm install -g yo
yo canjs

并写入创建应用程序时将询问的目录和应用程序名称。

如果您想要添加AMD支持，则在系统要求您提供要求时键入Y。

如需更多信息，请访问yeoman website。