Spring Boot + Ajax front-end and back-end separation to achieve three-level linkage
introduction
This project is a project with front-end and back-end separation. The front-end uses Ajax technology, and the back-end uses Spring Boot to realize the separation of front-end and back-end. A simple case will help you better understand the benefits of front-end separation.
Description of Requirement
Write and call the server interface on the static page to obtain the data of the province, city, and county.
After calling the interface, it will be displayed on the static page. During initialization, the province information should be loaded. When the province is selected, the corresponding city will be loaded later. After the city is selected, the corresponding county will be loaded later.
When one is selected, if you want to switch to the other, you need to clear the previous selection data and then load the corresponding data
Technology stack introduction: Ajax, Jquery, Bootstrap frameworks are used in the front end, and SpringBoot is used in the back end
The request uses Ajax, and the backend is Post request
renderings
data sheet preparation
t_province province table
CREATE TABLE <