Spring Boot Based Online Shopping Web Application

Update Person Info 
Figure 14 Update personal information UI 
Users are able to update the user information such as username, phone number, gender, and email 
address in the update Person info UI, and the new information will be saved in the t_user database. 

Upload Image 
Figure 15 Update image UI 
Users are able to update the image in the upload image UI, and the path of new image will be saved in 
10 

---

the t_user database. 

Shipping Management 
Figure 16 Adding address UI 
Users are able to add new delivery address in the shipping management UI, and the new address 
information will be saved in the t_address database. 

Show Best Products function 
Figure 17 Best match and new products UI 
The best match list will be shown in the main page, the product items information will be retrieved 
from t_goods table and with help of JQuery frame work, all production information will place in the 
UI. 
11 

---


Add to Cart Function 
Figure 18 Item description UI 
The production information such as tile, price, and stocks will be retrieve from t_goods database 
table and all products’ information will place in the UI. Once users click the “Add to cart”, and this 
item will be added into shopping cart. 
Figure 19 Shopping cart UI 
Once users click the “Add to cart”, this item will be added to the shopping cart, and users are able to 
adjust the quality of the product and select some of the products and calculate the total price. 
12 

---


Confirm Order function 
Figure 20 Confirm orders UI 
Once users click the total price, and then it will redirect to the confirm order UI. Users need to select 
the delivery address and continue with the online pay button. 

Payment Online 
Figure 21 Pay online UI 
Once users proceed with the Online Pay button, and then it will move to Pay Online UI. Users are 
required to select payment methods 
13 

---

