Search icon CANCEL
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Full Stack Development with JHipster

You're reading from   Full Stack Development with JHipster Build full stack applications and microservices with Spring Boot and modern JavaScript frameworks

Arrow left icon
Product type Paperback
Published in Jan 2020
Publisher Packt
ISBN-13 9781838824983
Length 428 pages
Edition 2nd Edition
Languages
Arrow right icon
Authors (2):
Arrow left icon
Sendil Kumar Nellaiyapen Sendil Kumar Nellaiyapen
Author Profile Icon Sendil Kumar Nellaiyapen
Sendil Kumar Nellaiyapen
Deepu K Sasidharan Deepu K Sasidharan
Author Profile Icon Deepu K Sasidharan
Deepu K Sasidharan
Arrow right icon
View More author details
Toc

Table of Contents (23) Chapters Close

Preface 1. Section 1: Getting Started with the JHipster Platform
2. Introduction to Modern Web Application Development FREE CHAPTER 3. Getting Started with JHipster 4. Section 2: Building and Customizing Web Applications with JHipster
5. Building Monolithic Web Applications with JHipster 6. Entity Modeling with JHipster Domain Language 7. Customization and Further Development 8. Section 3: Continuous Integration and Testing
9. Testing and Continuous Integration 10. Going into Production 11. Section 4: Converting Monoliths to Microservice Architecture
12. Microservice Server-Side Technologies 13. Building Microservices with JHipster 14. Working with Microservices 15. Section 5: Deployment of Microservices
16. Deploying with Docker Compose 17. Deploying to the Cloud with Kubernetes 18. Section 6: React and Vue.js for the Client Side
19. Using React for the Client-Side 20. Using Vue.js for the Client-Side 21. Best Practices with JHipster 22. Other Books You May Enjoy

Generating an entity with VueJS client-side

Now, let's learn how to create an entity using the JHipster entity generator with a Vue.js client-side. We will create a simple employee entity with the name, age, and date of birth fields, just like we did for the React app earlier:

  1. Open a Terminal, navigate to the folder of the Vue.js app, and run jhipster entity employee.
  2. Create the fields one by one, select Yes for the question Do you want to add a field to your entity?, and fill in the name of the field with name for the next question, What is the name of your field?
  1. Select String as the field type for the next question, What is the type of your field?
  2. For the question Which validation rules do you want to add?, choose Required for the name field and proceed.
  3. Continue this process for the age and dob fields. age is of the integer type, while dob is of the instant type.
  4. When...
lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at €18.99/month. Cancel anytime