小编典典

AngularJS文件夹结构

all

您如何为大型且可扩展的 AngularJS 应用程序布局文件夹结构?


阅读 62

收藏
2022-07-30

共1个答案

小编典典

在此处输入图像描述

按类型排序

在左侧,我们按类型组织了应用程序。对于较小的应用程序来说还不错,但即使在这里,您也可以开始发现找到所需内容变得更加困难。当我想查找特定视图及其控制器时,它们位于不同的文件夹中。如果您不确定如何组织代码,最好从这里开始,因为很容易转向右边的技术:按功能结构。

按功能排序(首选)

在右侧,项目按功能组织。所有布局视图和控制器都放在 layout 文件夹中,管理内容放在 admin 文件夹中,所有区域使用的服务放在 services
文件夹中。这里的想法是,当您正在寻找使功能工作的代码时,它位于一个地方。服务有点不同,因为它们是“服务”的许多功能。一旦我的应用程序开始成型,我就会喜欢它,因为它对我来说变得更容易管理。

一篇写得很好的博文:http: //www.johnpapa.net/angular-growth-
structure/

示例应用程序:https ://github.com/angular-app/angular-
app

2022-07-30