具有Spring Boot和Yeoman的单页Angularjs应用程序

我非常感谢yeoman之类的工具，它们提供了一种非常快速的方法来将不同的javascript库组合在一起成为一个一致的应用程序。 Yeoman提供了UI层，如果您需要开发服务层和静态资产的Web层，则打包的一种好方法是使用Spring Boot 。 我知道有像JHipster这样的工具可以简化此过程，但是如果您只是看一个基本模板，我在这里概述的内容就足够了。

所以这就是我要做的，让我们从以下位置开始准备一个基本的Spring boot Web模板：

spring init --dependencies=web spring-boot-static-sample

假设您的机器上有可用的Spring Boot命令行应用程序，如果您不这样做，请按照此处的说明进行操作。

这里应该有一个名为spring-boot-static-sample的文件夹，其中包含所有Spring Boot生成的代码，现在要将其中的静态内容分层，我使用yeoman gulp角度生成器来生成代码，方法如下spring-boot-static-sample文件夹：

npm install -g yo gulp bower
npm install -g generator-gulp-angular
yo gulp-angular

几乎在这里，只需修改一个gulp配置-而不是将打包的javascript发行版创建到dist文件夹，而应将文件夹改为src / main / resources / static。 在gulp / conf.js中：

默认情况下，Spring Boot使用该文件夹提供静态内容。

就这样，当您开发单页应用程序时，可以使用便捷的gulp命令非常快速地完成此操作

gulp serve

当您准备打包应用程序时，就可以运行

gulp build

这会将静态内容放入Spring Boot可以理解的位置，然后运行该应用程序：

mvn spring-boot:run

并应显示单页应用界面。

简单干净！

• 这是一个已执行以下步骤的示例项目– https://github.com/bijukunjummen/spring-boot-static-sample

翻译自: https://www.javacodegeeks.com/2016/03/single-page-angularjs-application-spring-boot-yeoman.html