diff --git a/README-zh_CN.md b/README-zh_CN.md
index eb281f7c35749f04ed7479df9a589a5578a08e18..4aed1e936dc85eee537e6478858dae29500a07e5 100644
--- a/README-zh_CN.md
+++ b/README-zh_CN.md
@@ -7,7 +7,7 @@
 <img src="https://img.shields.io/badge/gin-1.4.0-lightBlue"/>
 <img src="https://img.shields.io/badge/vue-2.6.10-brightgreen"/>
 <img src="https://img.shields.io/badge/element--ui-2.12.0-green"/>
-<img src="https://img.shields.io/badge/gorm-1.9.10-red"/>
+<img src="https://img.shields.io/badge/gorm-1.9.12-red"/>
 </div>
 
 [English](./README.md) | 简体中文
@@ -143,16 +143,15 @@ swag init
 
 
 ## 4. 项目架构
+### 4.1 系统架构图
 
-![架构图](./docs/gin-vue-admin.png)
+![系统架构图](./docs/gin-vue-admin.png)
 
-<p style="text-align: center">架构图</p>
+### 4.2 前端详细设计图 （提供者:<a href="https://github.com/baobeisuper">baobeisuper</a>）
 
+![前端详细设计图](http://qmplusimg.henrongyi.top/naotu.png)
 
-
-![前端架构图](http://qmplusimg.henrongyi.top/naotu.png)
-
-<a style="text-align: center">前端结构图 提供者:<a href="https://github.com/baobeisuper">baobeisuper</a></p>
+### 4.3 目录结构
 
 ```
     ├─server  	     （后端文件夹）
diff --git a/README.md b/README.md
index 80225946bd6b2c8e957b85d0b1d2828151614460..63b7c30bd0a14e63bf6a7c337859d043edb04de2 100644
--- a/README.md
+++ b/README.md
@@ -7,7 +7,7 @@
 <img src="https://img.shields.io/badge/gin-1.4.0-lightBlue"/>
 <img src="https://img.shields.io/badge/vue-2.6.10-brightgreen"/>
 <img src="https://img.shields.io/badge/element--ui-2.12.0-green"/>
-<img src="https://img.shields.io/badge/gorm-1.9.10-red"/>
+<img src="https://img.shields.io/badge/gorm-1.9.12-red"/>
 </div>
 
 English | [简体中文](./README-zh_CN.md)
@@ -144,14 +144,15 @@ After executing the above command，`docs` will show in `server/`，then open yo
 
 ## 4. Project Architecture
 
-![Architecture diagram](./docs/gin-vue-admin.png)
+### 4.1 Architecture Diagram
 
-<p style="text-align: center">Architecture diagram</p>
+![Architecture diagram](./docs/gin-vue-admin.png)
 
+### 4.2 Front-end Detailed Design Diagram (Contributor: <a href="https://github.com/baobeisuper">baobeisuper</a>)
 
-![Front-end Architecture diagram](http://qmplusimg.henrongyi.top/naotu.png)
+![Front-end Detailed Design Diagram](http://qmplusimg.henrongyi.top/naotu.png)
 
-<a style="text-align: center">Front-end Architecture diagram Provider:<a href="https://github.com/baobeisuper">baobeisuper</a></p>
+### 4.3 Project Layout
 
 ```
     ├─server  	     （backend）