构建一个有角度的JS Web项目

Question

我正在尝试构建一个角度js web项目。该项目将是这样的，在UI方面，我将使用带有角度的html来处理演示。将使用ajax获取/发布来自UI的数据。 这些ajax调用将把我们带到spring控制器中的一个方法。这些方法将连接到另一个Rest WS应用程序以获取数据/保存数据。

我已经能够理解Angular JS框架，现在我觉得很舒服。但是我没有从头开始设计应用程序结构的经验。我已阅读http://scotch.io/tutorials/javascript/angularjs-best-practices-directory-structure以了解目录结构的最佳做法。 我已经将my angular与我的eclipse IDE集成在一起。 现在，我的问题是，我应该如何设计我的应用程序。它是我们通常在J2EE应用程序中使用js的方式吗？或者以其他更好/可取的方式完成它？

感谢任何帮助。 PS：建议将角度JS构建为静态Web项目吗？我在某个地方读到这个，我现在找不到链接。

由于

Answer 1

以下是一些提示：

1. 分离您的javascript文件并对其进行整理，以便它们在功能上完美结合。

2. 如有必要，设置多个SPA，并以相同的方式为每个SPA整理文件/文件夹：

      home\index.html
      home\index.js
      home\index-controller.js
      home\module.js // contains the Angular module definition
      home\templates\user-control1.html
      admin\index.html
      admin\index.js
      admin\index-controller.js
      admin\module.js
      admin\templates\user-control2.html
   

3. 创建特定于您的应用程序的Angular UI模块，以便可以重复使用

    shared\your-ui.js // this angular module contains UI directives
    shared\your-ui\directives\table.js
    shared\your-ui\directives\table-controller.js
    shared\your-ui\directives\templates\user-control.html
    shared\your-ui\services\test-service.js
   

4. 使用Grunt或Gulp构建您的JS文件，缩小它们，运行自动化测试，并将它们部署到需要的位置。部署Angular UI模块并部署App.js模块。

5. 使用javascript模块加载器（RequireJS，Webpack），以便依赖文件可以保持独立。