CanJs应用结构

aru*_*nun 0 application-structure canjs

我是 canJs 的新手。寻找一个好的应用程序结构来构建一个 canjs 应用程序。我想将模型、控制器和视图/模板逻辑分开到单独的文件夹中。canjs 站点中提供的 todo 应用程序是一个简单的应用程序,它将所有内容都写在一个文件中。任何帮助表示赞赏。

提前致谢

Che*_*HEM 5

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

假设我在 CRUD 应用程序中有 2 个模型,因此我们可以将应用程序分解为小应用程序,比如帐户应用程序、交易应用程序,每个应用程序都被分解为可测试的小块,因此建议结构:

在此处输入图片说明

在这个例子中,accounts 和 transaction 是传统的控制器,它们监听 can.route 来更新应用程序的状态;list、edit ...等也是从控制扩展而来的视图,但它们只监听它们的事件(单一责任主体)不同控制器和视图之间的通信由 can.Map 和 can.compute(观察者模式)进行让它们解耦,看看这里这里 也有帮助。