JHipster: Spring Boot + Angular + MongoDB CRUD example

Hello everyone, today we will learn how to generate a Monolithic Full-stack web application that is a basic Employee Management Application using JHipster. Technologies used: Spring Boot, Angular, MongoDB, Maven.

User Interface

What is JHispter?

JHipster is an open-source application development platform to quickly generate, develop, & deploy modern web applications & microservice architectures using Angular or React or Vue and Spring Boot or Quarkus Frameworks.

JHipster Environment Setup

Step 1: Install Java 11, click here

Step 2: Install Node.js, click here

Step 3: Install JHipster using the following command
npm install -g generator-jhipster
or
yarn global add generator-jhipster
or
Download the JHipster Docker image, click here

Step 4(Optional): 
Install Maven or Gradle depends on you.
You normally don’t have to install anything, as JHipster will automatically install the Maven Wrapper or the Gradle Wrapper for you.

Creating the Full-stack CRUD application using JHipster

Step 1: Create an empty directory in which you will create your application.
mkdir myapp
cd myapp
Step 2: To auto-generate your application, type below command
jhipster

Answer the questions asked by the generator to create an application tailored to your needs, like below:


Click Enter,

If everything goes fine, then you see the following output in your terminal:


Create the Entity called Employee

jhipster entity Employee
Answer the questions asked by the generator to create the entity.


If everything goes fine, then you see the following output in your terminal:


Running the Application

Once the application is generated, you can launch it using 
Maven 
./mvnw
Gradle
./gradlew
Starting the Spring Boot application on port 8080:


If everything works well, then finally you see the following output in your terminal:


The application will be available on http://localhost:8080

Demo

  • Select the Sign-in 


  • Enter the admin credentials to log in to the application.

  • Then select 'Employee',

  • You will get the Employee management page.

Next, You can open the project with your favourite IDE and start exploration,



Happy coding!

Comments

Post a Comment

Popular posts from this blog

Spring Boot OpenAI Integration: Step-by-Step Guide

Image
Here's a simple explanation: User Interaction : The User interacts with Postman to send requests (e.g., test API endpoints of the Spring Boot application). Postman : Postman sends requests to the Spring Boot Application . Spring Boot Application : Postman calls the Controller in the Spring Boot application. The Controller handles the incoming requests and delegates the logic to the Service layer. The Service interacts with the OpenAiClient to perform the actual communication with OpenAI. External System : The OpenAiClient sends the request to the OpenAI API to get a response. The response flows back through the layers ( OpenAiClient → Service → Controller ) and is returned to the user via Postman . To integrate ChatGPT into a Spring Boot application, you can use the OpenAI API to send requests to ChatGPT and get responses. Below is an example of how you can create a simple Spring Boot service that integrates with OpenAI's API to use ChatGPT. 1: Set up your Spring Boo...
Read more

Orchestration-Based Saga Architecture and Spring Boot Microservices Implementation Guide

Image
The image illustrates an orchestration-based saga pattern for handling distributed transactions across two microservices: Order Service and Customer Service . This approach uses a central orchestrator (the saga) to coordinate the interactions between services and ensure consistency. Here’s an end-to-end explanation of the flow: 1. Order Creation Request A client sends an HTTP POST /orders request to the Order Controller in the Order Service . The Order Controller is responsible for receiving the request and delegating it to the Order Service . 2. Order Creation in the Saga The Order Service invokes the create() method in the Create Order Saga . The Create Order Saga is the orchestrator responsible for coordinating the steps involved in completing the transaction. 3. Order Aggregate Creation The Create Order Saga initiates the creation of the Order aggregate in the Order Service . The Order aggregate represents the state and business logic of the order. 4. Reserve Credit Com...
Read more

Spring Boot 3 + Angular 15 + Material - Full Stack CRUD Application Example

Image
In this section we will develop a full-stack application that is a basic Student management application using Spring Boot 3, Angular 15, Material and PostgreSQL. You could download the source code from our GitHub repository, the download link is provided at the end of this article. After completing this tutorial what we will build?   We will build a full-stack web application that is a basic Student Management Application with CRUD features:  Create Student List Student Update Student  Delete Student Technologies used: Spring Boot 3+ Spring Data JPA PostgreSQL Java 17 Angular 15 Angular Material UI 1. Backend Development Creating a Spring boot web application First, open the Spring initializr: https://start.spring.io/   Then, Provide the Group and Artifact name. We have provided Group name com.knf.dev.demo and Artifact spring-boot3-postgresql-crud-app . Here I selected the Maven project - language Java 17 ,  Spring Boot 3.1.4  (latest) and add Sp...
Read more