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

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