javascript - angular.js 和 node.js 应用程序的文件夹结构

Question

Folder structure for a Node.js project 已经有类似的问题但对该帖子的回答似乎纯粹是针对 nodejs 的，没有考虑 angularjs。

我不需要上面帖子中提到的 View 文件夹，因为我将为 angularjs 使用应用程序文件夹内的 View 。

任何人都可以帮助我改进文件夹结构...例如将路由逻辑放在哪里，将业务逻辑放在哪里。文件夹应按功能或特性...等分隔？

Answer 1

如果您同时使用 Node JS 和 Angular JS 构建应用程序，那么您的文件夹结构应该如下所示。

• /App - 包含您的 angular js 应用程序的文件夹

  • /AppName - 包含与特定应用相关的文件的文件夹。

    • /contorllers - 包含与特定应用相关的 Controller 的文件夹。

      • abcController.js - 包含 abcController 逻辑的 JS 文件。
    • /directives - 包含与特定应用相关的指令的文件夹。
    • /animations - 包含与特定应用相关的动画的文件夹
      . . .

    • /services - 包含与特定应用相关的服务的文件夹。

    • app.js - 包含此应用处理的路由、应用初始化和配置的 JS 文件。

    • /views - 包含 html View 文件的文件夹。

  • /commonDirectives - 包含通用指令的文件夹。

    • OverlayDirective.js - 包含叠加指令逻辑的 JS。

  • /commonViews - 包含常见 html View 文件的文件夹。

  • coreApp.js - 包含您的核心应用程序初始化、配置和所有应用程序通用的路由(例如仪表板、关于我们、联系我们等)的 JS 文件

• /server - 包含您的 Node js 服务器的文件夹。

  • /libs - 包含您的自定义库的文件夹。

  • /models - 包含数据库模型模式的文件夹(如在 mongo db 中 - 为不同的文档定义不同的模式)。

  • /routes - 包含由 Node js 服务器处理的路由的文件夹。

  • /plugins - 包含您的自定义插件(如数据库插件、processRequest 插件等)的文件夹

  • /spec - 包含规范的文件夹。

  • /tests - 包含测试应用程序的文件夹

  • server.js - 包含服务器逻辑的 JS 文件。

  • package.json - Package.json 文件。