javascript - AngularJS 一个商城应用的项目结构规划

Question

大家好，我是一个AngularJS的新手，刚接手一个商城的项目，其基本功能如下：

1. 主页，静态页

2. 商城，购物车，支付流程

3. 用户后台，里面有统计、业务办理之类的功能

其中功能1和2共享header&footer。功能3相对比较独立，并且UI上变化也比较大。但都可以共享使用同样的框架资源

那么我是应该：

• 用独立一个ng-app="main"来囊扩所有的前后台页面的逻辑，还是

• 分开两个子文件夹，独立进行跳转（考虑到有Authentication可能不太方便）？

手里有一个基于AngularJS的前端框架 Inspinia，考虑使用这个。

由于以前只写过简单的单页应用，现在比较迷茫。请各位高手指点一下我应该如何安排这些modules的设计？

感谢！

Answer 1

如果不考虑SEO的话可以用Angular-UI-Router用一个独立的NG-APP来实现。
如果考虑SEO的话，建议分页面来实现比较合理。
modules根据业务逻辑可以组件化来写，每个页面调用不同的modules来实现组件化的开发。

Answer 2

不是有路由吗，$route，然后在主界面用ng-view，这个东西就是显示除了footer和导航栏之外的内容了，由路由导航。

Answer 3

建议用一个ng-app 来做前台/后台页面，少的麻烦，到时代码维护测试都不方便

我这边还有针对不同浏览器使用不同的angular版本。ie8用1.2的，其它是用1.4的（性能更佳）