我的js mvc应用程序的一个不错的文件结构

时间:2012-09-24 13:58:31

标签: javascript model-view-controller backbone.js file-structure

随着我们的内部应用程序不断发展,我正在使用各种开源技术构建前端,包括作为mvc基础的骨干和require.js作为依赖管理器。

除此之外,我正在将样板代码与视图,模型,集合和路由分离成一种核心库。正如我所做的那样,我正在审查文件结构,并希望权衡其他可能有相关经验/想法的人。

现在这就是我的结构:

public
    assets
        css
            lib                 < CSS libraries used within app
            app                 < app specific CSS assets
        images                  < image assets
        js
            lib                 < JS libraries used within app
            lib_ext             < Library overrides
            app                 < app specific JS
                collection
                model
                template
                view

我目前的行动计划是在'js'中设置一个'core'文件夹,其结构与'app'类似。核心中的所有代码都将完全解耦。然后,应用程序中的类将继承自核心,并且仅设置特定于其“使用...”的属性

我应该考虑哪些意见?

以下是我不确定的一点: 你会把html模板放入核心吗?

1 个答案:

答案 0 :(得分:3)

您的结构是我最初构建应用程序的方式,但回顾过去,我会像Backbone Aura礼物一样使用小部件结构。

我发现随着我添加了更多视图,模型,集合,我很快就变得无法管理的文件数量。通过使用此窗口小部件方法,页面上的每个元素组都可以获得自己的模型,集合和视图。你可以从小部件到小部件零碎地工作。

根据您的应用程序的大小,这可能会或可能不会过度。此外,回去改变一些事情可能为时已晚。只是想一想。

Backbone Aura
Widget Structure