angularjs - Express.js 和 Angular.js 项目的文件夹结构

Question

我正在 M*EAN Stack (MySQL) 下开始一个新项目，想知道如何构建它，我将使用 John Papa's Style Guide对于 Angular 项目来说，它非常酷，特别是对于 LIFT 原则。

有一点麻烦的是 Express，它有自己的 MVC 结构，它可以处理路由、模型、 View 等......但我想用 Angular 处理它，我希望 Express 就像一个 RESTful API .

我一直在考虑使用的文件夹结构是:

├── node_modules
├── app
│   ├── client
│   │   ├── app.module.js
│   │   ├── app.config.js
│   │   ├── users
|   │   │   ├── users.module.js
|   │   │   ├── users.config.js
|   |   |   ├── admins.view.html
|   |   |   ├── admins.controller.js
|   |   |   ├── registered.view.html
|   |   |   ├── registered.controller.js
|   |   |   ├── guests.view.html
|   |   |   ├── guests.controller.js
|   |   |   ├── profile.directive.html
|   |   |   ├── profile.controller.js
|   |   │   └── users.routes.js
│   │   ├── questions
|   │   │   ├── questions.module.js
|   │   │   ├── questions.config.js
|   |   |   ├── list.view.html
|   |   |   ├── list.controller.js
|   |   |   ├── ask.view.html
|   |   |   ├── ask.controller.js
|   |   |   ├── detail.view.html
|   |   |   ├── detail.controller.js
|   |   │   └── questions.routes.js
│   │   └── 
│   ├── server
│   |   └── ?
│   └── libs
|       ├── angular
|       ├── bootstrap
│       └── jquery
|
|
└── server.js

但实际上我很确定如果像那样使用它，我真的需要一个可扩展的结构，应用程序非常 laaarge!。我的一些问题是:

• 如果我想拆分 Node(Express) 服务器配置以便能够扩展怎么办？什么是合适的文件夹结构？
• 客户端和服务器文件夹在应用程序中意味着什么(我从 Express 看到的一些结构中提取它们)？
• 如果我使用 Angular，Express 的用途是什么？

注意:我没有包括 bower、gulp、grunt 或类似东西的文件夹和文件，我想尽可能保持干净，我知道它们简化了很多事情，但我不想现在就使用它们，当然，如果有人对使用它们有很好的论据，请告诉我。

Answer 1

我按照 Express Code Structure 中的描述构建我的 Express 应用程序.我认为您在 app/client 下的分组看起来不错，您可以将其镜像到应用的快速服务器端部分。