javascript - 构建 Angular JS Web 项目

Question

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

我已经能够理解 Angular JS 框架，并且现在在一定程度上可以轻松地使用它。但是我没有从头开始设计应用程序结构的经验。我已阅读http://scotch.io/tutorials/javascript/angularjs-best-practices-directory-structure了解目录结构的最佳实践。我已将 Angular 与我的 Eclipse IDE 集成。现在，我的问题是，我应该如何继续设计我的应用程序。这会是我们通常在J2EE应用程序中使用js的方式吗？或者以其他更好/建议的方式完成？

感谢任何帮助。PS:是否建议构建一个 Angular 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)，以便依赖文件可以保持独立。