Create a spring boot + angular js project in no time

1. JHipster
Create a Spring Boot + AngularJS project in no time.

2. Dmytro Panin
▪ Senior Java Developer
▪ Java Architect
https://www.linkedin.com/in/DmytroPanin
dmytro.panin@gmail.com https://github.com/dr-mod/jhipster-books/
About me
http://www.slideshare.net/DmytroPanin/get-along-with-jhipster

3. Agenda
▪ Scaffolding
▪ Yeoman
▪ What is JHipster?
▪ Demo
▪ More about JHipster
▪ Q&A session

4. ▪ Saves time
▪ Includes accepted practices
Scaffolding
▪ Design time and Runtime scaffolding

5. Scaffolding workflow

6. npm install -g yo
A yeoman was a member of an English social class, generally
a freeman who owned his own farm. (Wikipedia)
Yeoman – the web’s scaffolding tool for modern
webapps

7. http://yeoman.io/generators/
Generators

8. JHipster is a Yeoman generator, used
to create a Spring Boot + AngularJS
project

9. Project status
https://www.openhub.net/p/generator-jhipster
▪ 150 developers contributed
▪ fifth most stared yeoman
generator
▪ up to 15.500 downloads in
last 30 days

10. yo grunt
gulp
bower
npm
(not supported in JHipster 3.0)
http://jhipster.github.io/

11. Server side technologies
▪ Spring Boot
▪ Spring Security
▪ Gradle or Maven
▪ Hibernate
▪ ElasticSearch
▪ Thymeleaf
▪ Gatling
▪ Cucumber

12. Client side technologies
▪ AngularJS
▪ HTML5 + CSS3
▪ Bootstrap
▪ jQuery
▪ Websockets
▪ Sass
▪ Browsersync
▪ Karma
▪ Protractor

13. JHipster databases

14. Database versioning
SQL
Liquibase Mongeez CQL

15. JHipster hibernate 2nd level cache

16. Let’s build an app

18. Creating an entity
yo jhipster:entity entityName
▪ Yoman sub-generator
▪ JDL
▪ JHipster-UML
yo jhipster:import-jdl fileName.jh

19. http://jhipster.github.io/jdl-studio/https://github.com/dr-mod/jhipster-books/blob/master/entities.jh

20. http://jhipster.github.io/modules/marketplace/#/details/generator-jhipster-bootswatch
npm install -g generator-jhipster-bootswatch
yo jhipster-bootswatch

21. Modules
▪ Elasticsearch Reindexer
▪ Basic Auth
▪ Bootstrap Material Design
▪ Bootswatch
▪ Leaflet
▪ Google Maps
▪ Google Analytics
etc..
http://jhipster.github.io/modules/marketplace/ https://github.com/jhipster/generator-jhipster-module

22. Sub-generators
▪ entity
▪ import-jdl
▪ service
▪ languages
▪ server
▪ client
▪ heroku
▪ aws
▪ cloudfoundry
yo jhipster:sub-generator-name
npmnode_modulesgenerator-jhipstergenerators

23. Testing
▪ UI - Karma
▪ AngularJS integration - Protractor
▪ Performance - Gatling
gulp protractor
gulp test
mvnw gatling:execute

24. Run in Docker
mvnw package -Pprod docker:build
gradlew bootRepackage -Pprod buildDocker
docker-compose -f src/main/docker/app.yml

25. Links to check:
▪ http://yeoman.io/
▪ http://yeoman.io/generators/
▪ http://jhipster.github.io/
▪ https://www.openhub.net/p/generator-jhipster
▪ https://github.com/dr-mod/jhipster-books

26. Questions