我是canJs的新手。寻找一个好的应用程序结构来构建一个 canjs 应用程序。我想将模型、控制器和视图/模板逻辑分开到单独的文件夹中。canjs 站点中可用的 todo 应用程序是一个简单的应用程序,它将所有内容都写在一个文件中。任何帮助表示赞赏。
提前致谢
我是canJs的新手。寻找一个好的应用程序结构来构建一个 canjs 应用程序。我想将模型、控制器和视图/模板逻辑分开到单独的文件夹中。canjs 站点中可用的 todo 应用程序是一个简单的应用程序,它将所有内容都写在一个文件中。任何帮助表示赞赏。
提前致谢
Justin Meyer 总是说:“构建大型应用程序的秘诀是永远不要构建大型应用程序。将您的应用程序分解成小块。然后将这些可测试的小块组装到您的大应用程序中。”
假设我在 CRUD 应用程序中有 2 个模型,因此我们可以将应用程序分解为小应用程序,比如说帐户应用程序、交易应用程序,每个应用程序都分解为可测试的小块,因此建议的结构:
在这个例子中,accounts 和 transaction 是传统的控制器,它们监听 can.route 来更新应用程序的状态;列表,编辑...等也是从控件扩展的视图,但它们仅侦听其事件(单一责任主体)不同控制器和视图之间的通信由 can.Map 和 can.compute(观察者模式)进行让它们解耦,看看这里和这里 这也很有帮助。
以前的答案非常好,但您可以使用 yeoman 自动完成。
您还可以使用 yoeman 自动创建您的 canjs 应用程序结构。
您需要做的就是在终端中输入以下命令:
npm install -g yo
yo canjs
并编写在创建应用程序期间将询问的目录和应用程序名称。
如果您想添加 AMD 支持,请在要求您输入 requirejs 时输入 Y。
欲了解更多信息,请访问约曼网站