Simple Spring Boot/React Example with Modal forms

This is a simple Spring Boot backend, React frontend example.

The root page "/" is handled by a standard Spring Web Controller, HomeController.java.

The React application running on that page uses a Spring REST Controller with a "/cars" mapping to access the API for handling the Car objects in the application. The React application makes use of the React-Bootstrap package for components and styling, and uses Modal dialogs for editing of the car data.

Version 0.2 updates to Java 20, Spring 3.x, React 18, MySQL 8.x, and also updates the other relevant packages to current versions.

It also changes the React frontend to use function components as opposed to class components.

It also addds encryption of database passwords. To run the application now, use the following command line:

mvn clean -Djasypt.encryptor.password=xxxxx spring-boot:run

Where xxxxx is a secret password, which may be obtained from Dr. Grebe. This secret is also stored as a Github Actions secret in this repo, allowing Github Actions to connect to the database.

• Spring Boot
• Spring Web
• Spring Thymeleaf
• Spring Data JPA
• Spring Devtools
• MySQL Connector
• frontend-maven-plugin for React development

• Babel
• Webpack
• Axios
• React
• React-Bootstrap

There are 3 maven rules that are used to build the frontend:

 mvn frontend:install-node-and-npm

If this is executed from the command line (or your IDE maven interface) it will install Node.js and npm in your project directory. This only needs to be rerun after the first time if you change the version of node specified in your pom.xml file.

 mvn frontend:npm

If this is executed from the command line (or your IDE maven interface) it will the javascript packages specified in your package.json file. This only needs to be rerun if that file is changed.

 mvn frontend:webpack

If this is executed from the command line (or your IDE maven interface) it will compile and package your javascript files into a single javascript file which will run on older as well as current browsers. It should be rerun each time your frontend application is changed, before rerunning the backend server project.

The project performs 3 types of tests: Unit tests for the Spring Controller, Postman integration tests for the API, and TestCafe end-to-end web tests.

The project uses GitHub's Actions to verify the build of the Java and JavaScript portions of the project, as well as performing all 3 types of testing.