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

时间:2015-08-22 03:07:02

标签: angularjs node.js express mean-stack directory-structure

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

有什么麻烦的是Express,它有自己的MVC结构,它可以处理路由,模型,视图等...但我想用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或类似文件的文件夹和文件,我希望尽可能保持干净,我知道它们简化了很多东西,但我不会# 39;我现在想要使用它们,当然,如果有人有一个很好的论据来使用它们,请告诉我。

1 个答案:

答案 0 :(得分:2)

我按照Express Code Structure中的说明构建了我的快速应用程序。我认为app/client下的分组看起来不错,您可以在应用程序的快速服务器端部分进行镜像。