angularjs – MEAN堆栈的文件夹结构

前端之家收集整理的这篇文章主要介绍了angularjs – MEAN堆栈的文件夹结构前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在关注MEAN堆栈的教程,我希望有一个干净的文件夹结构.我已经阅读了很多文章,说文件夹为应用程序的每个(让我们称之为)模块与views / models / controllers / etc ..组合在一起.

我喜欢这种方法,我已经开始这样做,但是我想要一些帮助.

现在,我的目录结构看起来像这样:

>根

>观点
>模特
>路线
>公众

到目前为止,我有一个带有角度控制器的主索引视图,所以我做的是,在公共场所创建一个新文件夹并将其命名为index

带星号的任何东西都是文件夹(*)

>根*

>公众*

>指数*

> index.ejs
>角*

> indexController.js
> someService.js

>款式*

> someCss.Css

> javascript *

>一些jQuery或js文件

>假设的其他视图文件夹*

> otherIndex.ejs
>角*

> otherController.js
> someService.js

>款式*

> someCss.Css

> javascript *

>一些jQuery或js文件

第一个问题是,到目前为止这是好事吗?所有这些都属于公用文件夹吗?

我的第二个与后端有关.我开始构建一些模型,教程就是将它们放在模型文件夹中.但是,我宁愿将模型与各自的“模块”保持一致,因此索引模型我宁愿放在索引视图所在的文件夹中.可能在名为models的索引下创建一个新文件夹并将其添加到其中:

>根*

>公众*

>指数*

> index.ejs
>角*

> indexController.js
> someService.js

>款式*

> someCss.Css

> javascript *

>一些jQuery或js文件

>型号*

> someModel.js

但这似乎不是放置模型文件的正确位置,因为这是公共文件夹,而模型是后端代码.对我正在做的事情有更好的方法吗?或者我应该将模型放在主模型文件夹中?只是将前端按“模块”分组,而模型都只是坐在模型文件夹中?

解决方法

新的MEAN js堆栈遵循不同的方法,它们不再具有单独的服务器端文件夹和客户端文件夹.现在分离处于模块级别

enter image description here

您可以看到每个模块都有客户端,服务器和测试文件夹.欲了解更多信息,您可以查看他们最新的repository.

猜你在找的Angularjs相关文章