Single Page AngularJS Application With Spring Boot and Yeoman
Looking for a quick example for a single page application? Look no further.
Join the DZone community and get the full member experience.Join For Free
So, this is what I do... let's start by getting a basic Spring Boot web template in place, the following way:
spring init --dependencies=web spring-boot-static-sample
This assumes that you have the command line application for Spring Boot available in your machine, if you don't then just follow the instructions
There should be a folder called spring-boot-static-sample with all the Spring Boot generated code in there, now to layer in the static content in there, I have used the yeoman gulp angular generator to generate the code the following way inside the spring-boot-static-sample folder:
npm install -g yo gulp bower npm install -g generator-gulp-angular yo gulp-angular
This is the folder that Spring Boot uses to serve out static content by default.
And that's it, when you are developing the single page apps this can be done very quickly using the convenient gulp commands:
When you are ready to package the application, just run:
Which would get the static content into a location that Spring Boot understands and then run the app:
The Single page app UI should show up:
Simple and clean!
Here is a sample project with these steps already executed - https://github.com/bijukunjummen/spring-boot-static-sample
Published at DZone with permission of Biju Kunjummen, DZone MVB. See the original article here.
Opinions expressed by DZone contributors are their own.