javascript - AngularJS 项目结构

Question

作为 AngularJS 的新手，我真的很想获得帮助，了解构建我正在从事的项目的最佳方式。

基本上，我有一个项目要在“PEAN”堆栈(Postgres、Express、AngularJS、Node)中完成，并且需要一个关于它应该如何构建的概念性想法。

要点是应用程序将有 4 种类型的用户帐户，每个登录用户将看到不同的 View 。这是功能集的简单图表:

用户类型 1:
导航
- 功能 1
- 特征 2
- 特征 3

用户类型 2:
导航
- 功能 1
- 特征 2
- 特征 3

其他 2 位用户依此类推...

不过，用户可访问的每个功能都将有所不同。所以我的问题仍然存在，客户端将如何为客户端 AngularJS 应用程序构建目录？

此外，应该如何设置存储库？

1. API 和客户端代码的单一存储库？
2. 我能否将 API 存储库和客户端存储库分开，并将所有用户帐户 View 包含在一个客户端存储库中？
3. 我应该为每种类型的用户帐户创建一个客户端存储库吗？

这些问题的答案会消除很多困惑，对我有很大帮助。我已经对此类应用程序的正确结构进行了大量研究，但似乎无法弄清楚。

非常感谢您的帮助!

Answer 1

文件夹结构因项目而异，因为不同的项目具有不同的性质。但无论你做什么，你最终都会得到一些大致如下所示的文件夹结构:-

• 您将需要两个根文件夹，一个用于服务器代码，另一个用于客户端代码。客户端代码文件夹有时也被命名为“app”。

• 如果您有一个大项目，那么您可以在客户端文件夹中创建代表项目模块的子文件夹。通常开发人员将项目分成模块以便更好地管理，因此这些子文件夹代表这些模块。

• 在这个模块文件夹中，您可以为组件、模型、模块和路由设置单独的文件夹。

• 还需要一个通用文件夹，您可以在其中推送通用实用程序，如通用管道、过滤器、http 组件、可注入(inject)程序等。服务器文件夹将有自己的文件夹结构，具体取决于您使用的是 ASP.NET 还是 JSP 或 PHP。在此讨论中，我们将仅限于客户端 Angular 文件夹结构。

图片礼貌 http://computerauthor.blogspot.in/2017/11/what-is-best-project-folder-structure.html