Book Overview & Buying
Table Of Contents

Full Stack Development with JHipster

By : Deepu K Sasidharan, Sendil Kumar Nellaiyapen

4.5 (6)

Buy this Book

Full Stack Development with JHipster

4.5 (6)

By: Deepu K Sasidharan, Sendil Kumar Nellaiyapen

Buy this Book

Overview of this book

JHipster is a development platform to generate, develop, and deploy Spring Boot and Angular/React applications and Spring microservices. It provides you with a variety of tools that will help you quickly build modern web applications. This book will be your guide to building full stack applications with Spring and Angular using the JHipster tool set. You will begin by understanding what JHipster is and the various tools and technologies associated with it. You will learn the essentials of a full stack developer before getting hands-on and building a monolithic web application with JHipster. From here you will learn the JHipster Domain Language with entity modeling and entity creation using JDL and JDL studio. Moving on, you will be introduced to client side technologies such as Angular and Bootstrap and will delve into technologies such as Spring Security, Spring MVC, and Spring Data. You will learn to build and package apps for production with various deployment options such as Heroku and more. During the course of the book, you will be introduced to microservice server-side technologies and how to break your monolithic application with a database of your choice. Next, the book takes you through cloud deployment with microservices on Docker and Kubernetes. Going forward, you will learn to build your client side with React and master JHipster best practices. By the end of the book, you will be able to leverage the power of the best tools available to build modern web applications.

Preface

Who this book is for

What this book covers

To get the most out of this book

Get in touch

Free Chapter

Introduction to Modern Web Application Development

Modern full-stack web development

Web architecture patterns

Choosing the right pattern

Summary

Getting Started with JHipster

Why JHipster?

Goal and adoption of JHipster

Introduction to technologies available

Installation and setup

Summary

Building Monolithic Web Applications with JHipster

Application generation

Code walkthrough

Starting the application

Application modules

Running generated tests

Summary

Entity Modeling with JHipster Domain Language

Introduction to JDL

Entity generation with JHipster

Generated pages

Running generated tests

Summary

Customization and Further Development

Live reload for development

Customizing the Angular frontend for an entity

Editing an entity using the JHipster entity sub-generator

Changing the look and feel of the application

Adding a new i18n language

Authorization with Spring Security

Summary

Testing and Continuous Integration

Fixing and running tests

Continuous integration

CI/CD tools

Setting up Jenkins

Creating a Jenkins pipeline using JHipster

Summary

Going into Production

An Introduction to Docker

Starting the production database with Docker

An introduction to Spring profiles

Packaging the application for local deployment

Upgrading to the newest version of JHipster

An introduction to deployment options supported by JHipster

Production deployment to Heroku cloud

Summary

Introduction to Microservice Server-Side Technologies

Microservice applications versus monoliths

Summary

Building Microservices with JHipster

Application architecture

Gateway application generation

Microservice application - Invoice Service with MySQL database

Microservice application - notification service with NoSQL database

Summary

Working with Microservices

Setting up JHipster Registry locally

Running a generated application locally

Modeling entities in JDL

Entity generation on microservices

Summary

Deploying with Docker Compose

Introducing microservice deployment options

Generated Docker Compose files

Generating docker-compose files for microservices

Summary

Deploying to the Cloud with Kubernetes

Generating Kubernetes configuration files with JHipster

Walking through the generated files

Deploying the application to Google Cloud with Kubernetes

Summary

Using React for the Client-Side

Generating an application with React client side

Technical stack and source code

Generating an entity with React client side

Summary

Best Practices with JHipster

The next steps to pursue

Best practices to keep in mind

Using JHipster modules

Contributing to JHipster

Summary

Other Books You May Enjoy

Leave a review - let other readers know what you think

Customizing the Angular frontend for an entity

Now that we have our entity domain model created and working, let's make it more usable. The Product listing screen has a table view generated by JHipster; it is sufficient for simple CRUD operations but isn't the best-suited user experience for end users who want to browse our product listing. Let's see how we can easily change to something more appealing. We will also add a nice client-side filter option to filter the listing. We will be using both Angular and Bootstrap features for this.

First, let's find the source code that we would need to edit. In your favorite editor/IDE navigate to src/main/webapp/app/entities/product:

Let's start by customizing the product.component.html file to update the UI view of the product listing. The HTML code currently renders a table view and uses some Angular...