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

Question

我正在通过eclipse neon使用Java EE构建一个带spring boot的angular 2 web应用程序。我已经阅读了很多这样做的方法，但大多数方法似乎都建议将静态资源保存在项目中“资源”文件夹下的“静态”文件夹中。然而，有些人似乎说要在项目的主src文件夹中使用“client”或“frontend”文件夹。

我正在使用一个预构建的angular 2前端，并希望将其用于我的应用程序。角度文件的标准位置在哪里？我是否将组件、样式、html和图像文件保存在“静态”文件夹或“前端”文件夹中？你们过去都做了些什么？

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

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

谢啦！

Answer 1

我在github上有这样的例子https://github.com/jroneil/WebRanking使用Angular JS，但2将使用相同的文件夹结构，您可以在此处看到实际的文件夹结构https://github.com/jroneil/WebRanking/tree/master/src/main/resources

• Spring boot可以处理src/main/resources目录中的静态文件
• 您可以使用普通HTML文件或HTML模板，如freemarker或spring thymeleaf
• 静态文件放在参考资料下的静态文件夹中，这些是图像、css和js文件
• 模板位于模板文件夹下，这些模板可以是freemarker模板或spring tymeleaf文件或其他文件

Answer 2

如果您没有将前端代码与后端代码绑定，那么将角度代码添加到资源文件夹或后端代码库中的任何位置都没有意义。

仅出于开发目的，您可以使用基于角webpack的服务器来呈现文件。有了这个，您的前端角代码无法调用Spring bootapis。您可以定义一个代理服务来克服这个问题。请参阅此链接以创建代理。https://juristr.com/blog/2016/11/configure-proxy-api-angular-cli/

这使得angular后端调用被代理给承载后端API的endpoint。使用这种方法，您可以单独管理前端和后端代码，它们之间没有依赖关系。