Скачать или смотреть 13. Spring Boot Save Data to MySQL with Thymeleaf Form and Bootstrap

GitHub : https://github.com/codersstash/book-d...
GitHub branch : book-details-newbook

Blog : https://www.codersstash.com

This video demonstrates how to save data in a MySQL table using a Spring Boot application. Learn how to create a dynamic index page with Thymeleaf and Bootstrap to display book details. The tutorial also covers building a save form for adding new books, complete with fields for book name, author, publisher, description, and price. See how to load the add new book form using a @GetMapping handler in the controller and save submitted data to the database. This guide is perfect for beginners wanting to manage CRUD operations with Spring Boot and MySQL.

#SpringBoot #MySQL #Thymeleaf #Bootstrap #SaveData #CRUDOperations #JavaDevelopment #WebDevelopment #SpringMVC #programmingtutorial

Introduction to Adding a New Book

The video begins with a welcome message and a brief recap of the previous lesson, which involved creating an HTML page and retrieving data from a database schema table.
The main focus of this video is to guide viewers through the process of adding a new book to the database schema table.
The presenter mentions creating a new branch for the code related to adding a new book.

Creating the Add New Book Form

The presenter outlines the steps to create a new form for adding a book, starting with the controller class where a method to view the add new book form is defined.
The method is named 'get new book form' and is responsible for returning the form with attributes for the book.
An HTML page for the form is created inside the template folder, and the presenter emphasizes the importance of modifying the existing code to fit the new form requirements.
The presenter discusses deleting unnecessary table elements and changing the header to 'Add New Book' to reflect the purpose of the page.

Form Action and Input Fields

The form action is specified using Thymeleaf, an XML-based templating engine, with the URL set to reference the book object.
The presenter explains that the method used for submitting the form is 'post', which is appropriate for saving data.
Input fields for the form are defined, starting with the book name, which includes a placeholder for user guidance.
Additional fields for publisher, description, and price are also added, each with their respective placeholders to enhance user experience.
A button is included to save the data entered in the form.

Implementing the Save Functionality

The video progresses to implementing the save functionality, where the presenter notes the need for a method to handle the data submission.
The presenter defines a public string method called 'add new book form' that takes the book attributes as model attributes.
The book service is utilized to save the book data, and after saving, the user is redirected to the index page that displays all the data.
The presenter specifies that the test mapping for saving the book is done using a 'get mapping' with the URL designated as 'save book'.

Finalizing the Implementation

The presenter runs the application to demonstrate the functionality, filling in the fields for author, publisher, description, and price before clicking the save button.
After saving, the presenter confirms that the new record has been successfully inserted into the database table.
The video concludes with the presenter encouraging viewers to share the video, use the provided codes, and check the GitHub branch for more resources.
The presenter expresses hope that viewers understood the process of adding a new book to the database.