JHipster IDE & Sub-Generator · 2017-05-31 · JHipster IDE Features available in the latest...
Transcript of JHipster IDE & Sub-Generator · 2017-05-31 · JHipster IDE Features available in the latest...
![Page 1: JHipster IDE & Sub-Generator · 2017-05-31 · JHipster IDE Features available in the latest version (1.2.0) 7 An IDE editor made with Xtext • JHipster perspective • UML model](https://reader033.fdocuments.in/reader033/viewer/2022053013/5f10bf767e708231d44aa016/html5/thumbnails/1.jpg)
��������������������������
� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �
© itemis Schweiz GmbH
JHipster IDE & Sub-Generator Eclipse DemoCamp – Zurich / 05-2017
Serano Colameo & Jose Badeau
![Page 2: JHipster IDE & Sub-Generator · 2017-05-31 · JHipster IDE Features available in the latest version (1.2.0) 7 An IDE editor made with Xtext • JHipster perspective • UML model](https://reader033.fdocuments.in/reader033/viewer/2022053013/5f10bf767e708231d44aa016/html5/thumbnails/2.jpg)
��������������������������
� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �
© itemis Schweiz GmbH
• 1st part (Serano Colameo)
• Short overview about JHipster
• What was the motivation to develop IDE features for JHipster
• Demo: How to create from scratch a JHipster web application in Eclipse
• 2nd part (Jose Badeau)
• Present the Yeoman JHipster sub-generator technology
• How to write an own JHipster sub-generator
• Show an example in a demo
Agenda
2
![Page 3: JHipster IDE & Sub-Generator · 2017-05-31 · JHipster IDE Features available in the latest version (1.2.0) 7 An IDE editor made with Xtext • JHipster perspective • UML model](https://reader033.fdocuments.in/reader033/viewer/2022053013/5f10bf767e708231d44aa016/html5/thumbnails/3.jpg)
��������������������������
� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �
© itemis Schweiz GmbH
JHipster is a free and open-source application generator used to develop quickly a modern full stack web application using AngularJS, Spring and many other open source technologies.
JHipster Overview What is JHipster?
3
![Page 4: JHipster IDE & Sub-Generator · 2017-05-31 · JHipster IDE Features available in the latest version (1.2.0) 7 An IDE editor made with Xtext • JHipster perspective • UML model](https://reader033.fdocuments.in/reader033/viewer/2022053013/5f10bf767e708231d44aa016/html5/thumbnails/4.jpg)
��������������������������
� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �
© itemis Schweiz GmbH
JHipster Options Technologies available in JHipster
4
![Page 5: JHipster IDE & Sub-Generator · 2017-05-31 · JHipster IDE Features available in the latest version (1.2.0) 7 An IDE editor made with Xtext • JHipster perspective • UML model](https://reader033.fdocuments.in/reader033/viewer/2022053013/5f10bf767e708231d44aa016/html5/thumbnails/5.jpg)
��������������������������
� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �
© itemis Schweiz GmbH
But what about the development tooling?
5
JHipster is a typical Yeoman generator with a command line interface to create new projects, define entities, services etc.
JDL is Domain Specific Language
JDL-Studio Web Editor https://jhipster.github.io/jdl-studio
![Page 6: JHipster IDE & Sub-Generator · 2017-05-31 · JHipster IDE Features available in the latest version (1.2.0) 7 An IDE editor made with Xtext • JHipster perspective • UML model](https://reader033.fdocuments.in/reader033/viewer/2022053013/5f10bf767e708231d44aa016/html5/thumbnails/6.jpg)
��������������������������
� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �
© itemis Schweiz GmbH
A nice(r) editor for JDL but integrated in an IDE... Why not develop a DSL with Xtext?
6
![Page 7: JHipster IDE & Sub-Generator · 2017-05-31 · JHipster IDE Features available in the latest version (1.2.0) 7 An IDE editor made with Xtext • JHipster perspective • UML model](https://reader033.fdocuments.in/reader033/viewer/2022053013/5f10bf767e708231d44aa016/html5/thumbnails/7.jpg)
��������������������������
� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �
© itemis Schweiz GmbH
JHipster IDE Features available in the latest version (1.2.0)
7
An IDE editor made with Xtext
• JHipster perspective • UML model viewer • Terminal and shell script
interface to call the JHipster generator
Docker features to build and run a JHipster application directly from the IDE and deploy to the cloud
![Page 8: JHipster IDE & Sub-Generator · 2017-05-31 · JHipster IDE Features available in the latest version (1.2.0) 7 An IDE editor made with Xtext • JHipster perspective • UML model](https://reader033.fdocuments.in/reader033/viewer/2022053013/5f10bf767e708231d44aa016/html5/thumbnails/8.jpg)
��������������������������
� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �
© itemis Schweiz GmbH
Supported IDE Products We want to support all common IDE products!
8
IntelliJ not yet supported
![Page 9: JHipster IDE & Sub-Generator · 2017-05-31 · JHipster IDE Features available in the latest version (1.2.0) 7 An IDE editor made with Xtext • JHipster perspective • UML model](https://reader033.fdocuments.in/reader033/viewer/2022053013/5f10bf767e708231d44aa016/html5/thumbnails/9.jpg)
��������������������������
� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �
© itemis Schweiz GmbH
Demo – „JHipster IDE in Action“
9
There is also a tutorial on Youtube!
![Page 10: JHipster IDE & Sub-Generator · 2017-05-31 · JHipster IDE Features available in the latest version (1.2.0) 7 An IDE editor made with Xtext • JHipster perspective • UML model](https://reader033.fdocuments.in/reader033/viewer/2022053013/5f10bf767e708231d44aa016/html5/thumbnails/10.jpg)
��������������������������
� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �
© itemis Schweiz GmbH
Serano Colameo
+41 (0)56 442 68 63
10
itemis Schweiz GmbH | Dorfstrasse 69 | CH-5210 Windisch | www.itemis-schweiz.ch
Jose Badeau
https://www.esgroup.ch