如何在服务器端为UI和Spring Rest Maven项目设置Angular JS Maven项目？

Question

我是Angular JS和Spring REST API的新手。我计划开发2个单独的应用程序，其中1st Project是将使用Angular JS开发的UI，第2个项目是服务器端，它将REST调用暴露给上述UI项目，因为我计划使用Spring REST框架。这两个项目都将使用Maven构建工具。想要一些真正帮助我的输入和教程链接。

谢谢，

Answer 1

我会使用一个应用程序生成器，它将为您设置angularjs前端和spring-boot后端。看看jhipster：http://jhipster.github.io/

Answer 2

我建议使用gulp.js构建前端（UI）并使用npm管理依赖项。要从Maven调用node / npm / gulp，我建议使用Frontend Maven Plugin。您可以查看Sagan（spring.io网站的代码库） - 他们也是这样做的（使用Gradle而不是Maven）。

Answer 3

我的一个项目中遇到过同样的情况。这种设置的想法是你将前端和后端分开，以便更容易管理。您可以通过REST Web服务将数据从前端传输到后端。

以下是您可以做的事情：

1. 设置三个maven项目，其中一个作为父项目，另外两个作为子项目。其中一个子项目是后端（Java，Hibernate，数据库连接，Spring等等）。其他子项目是前端。

2. 可以使用Yeoman生成前端项目。这是一个很好的工具，您可以生成项目结构。例如，您可以告诉Yeoman生成MEAN项目，它将使用所需的框架构建MEAN项目。您可以根据许多模板生成项目。确保您的项目包含Grunt框架，因为您可以将其配置为监听后端项目。

3. 设置好所有项目后，再配置Grunt文件。您需要设置一个侦听后端的代理（通常是http://localhost:port）。您需要确定您的后端服务器端口是什么。

通过这些步骤，您现在可以轻松构建项目并安装前端和后端的任何框架。它也很容易管理，因为你已经模拟了这些项目。

请记住将后端maven部署到您的服务器。否则此设置无法正常工作。