single-page-application - 如何将 Durandal.js 配置为在同一个文件夹中拥有多个具有 View 和 View 模型的区域？

Question

我正在使用一个 SPA，它将有许多不同的区域，每个区域都有几个页面。我的老板真的不想要几十个 View 和 View 模型文件夹，每个文件夹都有几个项目。如何将 Durandal 配置为使用以下内容:

/App/Areas/Login/
                 login.html
                 login.js
/App/Areas/Here/
                 subpage1.html
                 subpage1.js
                 subpage2.html
                 subpage2.js
                 subpage3.html
                 subpage3.js
/App/Areas/There/
                 subpage1.html
                 subpage1.js
                 subpage2.html
                 subpage2.js
                 subpage3.html
                 subpage3.js

我已经查看了有关区域的其他类似问题，但不太知道如何开始。谢谢。

Answer 1

您可以拥有任何您想要的文件夹结构。 Durandal 不会对您的应用程序强加任何文件夹结构，但它确实具有完全可覆盖的默认约定。

如果您使用的是 Durandals router那么您将需要研究如何配置它以查找模块。有很多方法可以做到这一点，我更喜欢通过覆盖 router.autoConvertRouteToModuleId 来创建自己的约定。 .

如果您不使用路由器插件，那么您将不得不自己管理模块的 uri，这可以通过遵循 requirejs' 来完成。约定和与 durandals 一起使用此约定 composition模块。

此外，您可以通过覆盖 viewlocators 来覆盖它如何找到要绑定(bind)到您的模块的 View 。惯例。 Durandal 提供了一种非常简单的方式来构建开箱即用的小型应用程序，但是如果您需要构建更大的应用程序，那么建议您创建自己的约定。