Angular 5 与 Spring MVC 的集成

Question

我正在尝试使用Spring MVC(第5版(和Angular 5制作一个基于Web的应用程序...我的想法是，Spring MVC将提供宁静的Web服务，而Angular 5将调用这些Web服务并在客户端管理用户界面。

我的问题是，我是否需要在服务器上运行 2 个单独的 Web 应用程序(一个用于 UI，一个用于 Web 服务(？如果是 - Angular 5 应用程序的 Web 服务器是什么？ 如果不是 - 我们如何将 Angular 5 与 Spring MVC 集成?..任何人都可以为我提供工作示例 - 如何使用 Angular 5 实现 Spring MVC？在单个 Web 服务器上运行这两个应用程序是否是一种好的做法？ 你有什么建议？

任何帮助将不胜感激...提前非常感谢..

Answer 1

1(你不需要在服务器上运行2个Web应用程序。

2(您可以构建Angular项目，然后将Angular项目目录中dist所有文件复制到Spring ProjectWebContent目录中。

3(

按照以下步骤在单个服务器上运行带有Angular5的SPRING MVC。

1.Create normal Dynamic web project.
2.Add all dependancy required for spring or user maven pom.xml
3.Open CMD, navigate to angular2 application. Hit command
'npm install'
and then
'ng build'
or use 'ng build --prod' for production build.
this command will create a “dist” folder, copy all files including all folders.
4. Paste those files and folders into 'WebContent' directory.
5. Last thing, you need to change basehref=”./” in index.html.

现在您已准备好运行服务器，或者您可以部署 war 文件并使用 tomcat 或其他服务器提供它。

我发现 git repo 包含 Spring MVC 的完整工作示例，带有 Angular 2：https：//github.com/rakshitshah94/Angular2-SpringBoot-Example

4(不，在Spring MVC项目中包含角度构建文件不能说是好的做法。因为每次对 Angular 进行更改时，您都必须重建 Spring War 文件并将其再次部署到 Web 服务器。

Answer 2

在单个服务器上将 Spring4MVC 与 Angular 2 集成。请参考此链接。它也可以使用 Angular 5