Spring Boot Web应用程序中的Angular 2文件

Question

我正在通过eclipse neon使用Java EE使用Spring Boot构建一个angular 2 Web应用程序。 我一直在阅读许多方法来执行此操作，但是大多数方法似乎都建议将静态资源保存在项目中“ 资源 ”文件夹下的“ 静态 ”文件夹中。 但是，有些人似乎说在项目的主src文件夹中使用“ client ”或“ frontend ”文件夹。

我正在使用预制的angular 2前端，并想在我的应用程序中使用它。 角度文件的标准位置在哪里？ 是否将组件，样式，html和图像文件保留在“静态”文件夹或“ frontend”文件夹中？ 你们过去都做了什么？

最终目标是不将前端与后端捆绑在一起，我这样做仅是为了开发。

另外，如果将文件添加到主src文件夹中，我是否还需要对我的测试项目（在应用程序的测试文件夹中）执行此操作？

谢谢！

Answer 1

如果您不将前端代码与后端捆绑在一起，则没有必要将角度代码添加到资源文件夹或后端代码库中的任何位置。

仅出于开发目的，您可以使用基于角度Webpack的服务器来呈现文件。 与此相关，您的前端角度代码无法调用spring boot api。 您可以定义代理服务来克服此问题。 参考此链接以创建代理。 https://juristr.com/blog/2016/11/configure-proxy-api-angular-cli/

这使得可以向托管您的后端api的端点代理有角度的后端调用。 使用这种方法，您可以单独管理前端代码和后端代码，而无需依赖它们。

Answer 2

我有一个使用Angular JS在github https://github.com/jroneil/WebRanking上执行此操作的示例，但是2可以使用相同的文件夹结构，您可以在此处查看实际的文件夹结构https://github.com/jroneil/WebRanking /树/主/ src目录/主/资源

• Spring Boot可以使用静态文件，它们位于src / main / resources目录中
• 您可以使用纯HTML文件或HTML模板，例如freemarker或spring thymeleaf
• 静态文件位于资源下的静态文件夹中，这些资源是图像，css和js文件
• 模板位于template文件夹下，这些可以是freemarker模板，spring tymeleaf文件或其他文件。