带有 nodejs、angular、karma、jasmine 和 maven 的 Java 动态 Web 项目答案

【问题标题】：Java Dynamic Web Project with nodejs, angular, karma, jasmine and maven带有 nodejs、angular、karma、jasmine 和 maven 的 Java 动态 Web 项目
【发布时间】：2016-09-27 21:37:21
【问题描述】：

我有一个与 WEB-APPLICATION（也兼容移动设备）的最佳实践文件夹结构相关的问题。我知道这是基于意见的问题。但我没有在互联网上找到任何好的解决方案。所以我认为值得在这里发布。

因为我的项目是基于 Java 的后端。所以我从 Eclipse 创建了一个具有 maven 功能的动态 Web 项目。

所以我的文件夹结构如下。

SampleProkject
|
|-----src
      |
      |---- main
             |----java
             |----resources
             |----webapp
      |
      |---- test
             |---java
             |---resources

我所有的 Java 后端相关代码都转到 src/main/java

所有 HTML、CSS 和 JS 都转到 src/main/webapp

同样，我所有的 java 测试类都转到 src/test/java

从 Java 的角度来看，一切都很好，但是当我尝试放置 angular 文件时出现问题。

由于我使用 npm 来安装所有必需的 js 文件和框架。我将 package.json 放在了我的 webapp 中。所以 node_modules 也在我的webapp 中创建。这是我不想要的，因为 node_modules 只是为了依赖，所以我不想通过 HTTP 公开它。所以我需要将我的 package.json 放在 webapp 之外。但是我不能在 index.html 文件中使用 node_modules，因为它无法访问 webapp 之外的文件。

我也不想将我的测试用例（Karma.conf.js 和 Jasmine 测试套件）放到 webapp 中。所以我做了什么，我把它们放在 src/test/javascript.

现在问题是我必须从 src/test/javascript 以及 webapp/index.html 文件中访问我所有的 angular 代码和 node_modules。

请提出最佳方法。我认为一些使用 Angular 和 nodejs 进行 UI 的 Java 开发人员面临同样的问题。

注意：

其实我在找一个好的项目结构，maven，java， nodejs和角度。其中还包括 Java 和 Angular 单元测试好吧。

【问题讨论】：

我知道我会投票赞成这个问题。但我正在寻找一个具有 maven、java、nodejs 和 angular 的良好项目结构。也适用于 Java 和 Angular 测试。
或许你可以发下诸如“我用的这个结构太复杂了，如何简化？”之类的问题

标签： java angularjs node.js maven karma-jasmine

【解决方案1】：

有许多可用的 maven 架构类型和 yeoman 生成器。但是如果想要一个好的基础应用程序，使用 angular 作为前端，spring/java 作为后端，去看看http://jhipster.github.io/

【讨论】：

感谢您的链接。