Spring Boot+Spring Cloud+Vue+Element項(xiàng)目實(shí)戰(zhàn)：手把手教你開發(fā)

目    錄
篇  系統(tǒng)介紹篇
第1章  權(quán)限管理系統(tǒng)介紹    3
1.1  系統(tǒng)簡(jiǎn)介    3
1.2  系統(tǒng)架構(gòu)    4
1.2.1  前端架構(gòu)    4
1.2.2  后端架構(gòu)    4
1.3  系統(tǒng)界面    5
1.3.1  登錄頁(yè)面    5
1.3.2  系統(tǒng)主頁(yè)    5
1.3.3  用戶管理    6
1.3.4  機(jī)構(gòu)管理    6
1.3.5  角色管理    7
1.3.6  菜單管理    7
1.3.7  字典管理    8
1.3.8  系統(tǒng)配置    8
1.3.9  登錄日志    8
1.3.10  操作日志    9
1.3.11  注冊(cè)中心    9
1.3.12  接口文檔    9
1.3.13  數(shù)據(jù)監(jiān)控    10
1.3.14  服務(wù)監(jiān)控    11
1.3.15  備份還原    11
1.3.16  主題切換    11
第2章  安裝指南    13
2.1  前端安裝指南    13
2.1.1  開發(fā)環(huán)境    13
2.1.2  技術(shù)選型    13
2.1.3  項(xiàng)目結(jié)構(gòu)    13
2.1.4  編譯運(yùn)行    14
2.2  后端安裝指南    14
2.2.1  開發(fā)環(huán)境    14
2.2.2  技術(shù)選型    15
2.2.3  項(xiàng)目結(jié)構(gòu)    15
2.2.4  編譯運(yùn)行    15
第3章  關(guān)鍵技術(shù)    17
3.1  Spring Boot    17
3.2  Spring Cloud    17
3.2.1  Spring Cloud簡(jiǎn)介    17
3.2.2  Spring Cloud架構(gòu)    17
3.2.3  Spring Cloud組件    18
3.2.4  參考教程    19
3.3  Spring Security    19
3.4  MyBatis    19
3.5  Vue.js    19
3.6  Element    20
第二篇  后端實(shí)現(xiàn)篇
第4章  數(shù)據(jù)庫(kù)設(shè)計(jì)    23
4.1  數(shù)據(jù)庫(kù)表設(shè)計(jì)    23
4.2  數(shù)據(jù)庫(kù)表關(guān)系    23
4.3  數(shù)據(jù)庫(kù)表結(jié)構(gòu)    24
4.3.1  用戶表（sys_user）    24
4.3.2  角色表（sys_role）    25
4.3.3  機(jī)構(gòu)表（sys_dept）    25
4.3.4  菜單表（sys_menu）    26
4.3.5  用戶角色表（sys_user_role）    26
4.3.6  角色菜單表（sys_role_menu）    26
4.3.7  角色機(jī)構(gòu)表（sys_role_dept）    27
4.3.8  字典表（sys_dict）    27
4.3.9  配置表（sys_config）    28
4.3.10  操作日志表（sys_log）    28
4.3.11  登錄日志表（sys_login_log）    28
第5章  搭建開發(fā)環(huán)境    30
5.1  開發(fā)環(huán)境準(zhǔn)備    30
5.1.1  安裝JDK環(huán)境    30
5.1.2  安裝Eclipse開發(fā)工具    30
5.1.3  安裝MySQL數(shù)據(jù)庫(kù)    30
5.1.4  安裝Maven構(gòu)建工具    31
5.2  生成項(xiàng)目模板    31
5.3  導(dǎo)入Maven項(xiàng)目    31
5.4  編譯打包運(yùn)行    34
5.4.1  編譯打包    34
5.4.2  啟動(dòng)應(yīng)用    35
5.4.3  修改啟動(dòng)端口    35
5.4.4  自定義Banner    35
5.4.5  接口測(cè)試    37
第6章  集成Swagger文檔    38
6.1  添加依賴    38
6.2  配置類    39
6.3  頁(yè)面測(cè)試    39
第7章  集成MyBatis框架    41
7.1  添加依賴    41
7.2  添加配置    42
7.2.1  添加MyBatis配置    42
7.2.2  添加數(shù)據(jù)源配置    42
7.2.3  修改啟動(dòng)類    43
7.3  生成MyBatis模塊    43
7.4  編寫服務(wù)接口    44
7.5  配置打包資源    46
7.6  編譯運(yùn)行測(cè)試    47
第8章  集成Druid數(shù)據(jù)源    48
8.1  Druid介紹    48
8.2  添加依賴    49
8.3  添加配置    49
8.4  配置Servlet和Filter    51
8.5  編譯運(yùn)行    53
8.6  查看監(jiān)控    54
8.6.1  登錄界面    54
8.6.2  監(jiān)控首頁(yè)    55
8.6.3  數(shù)據(jù)源    55
8.6.4  SQL監(jiān)控    55
第9章  跨域解決方案    57
9.1  什么是跨域    57
9.2  CORS 技術(shù)    57
9.2.1  簡(jiǎn)單請(qǐng)求    57
9.2.2  非簡(jiǎn)單請(qǐng)求    58
9.3  CORS實(shí)現(xiàn)    59
第10章  業(yè)務(wù)功能實(shí)現(xiàn)    60
10.1  工程結(jié)構(gòu)規(guī)劃    60
10.1.1  mango-admin    60
10.1.2  mango-common    62
10.1.3  mango-core    63
10.1.4  mango-pom    63
10.1.5  打包測(cè)試    63
10.2  業(yè)務(wù)代碼封裝    65
10.2.1  通用CURD接口    65
10.2.2  分頁(yè)請(qǐng)求封裝    66
10.2.3  分頁(yè)結(jié)果封裝    67
10.2.4  分頁(yè)助手封裝    68
10.2.5  HTTP結(jié)果封裝    69
10.3  MyBatis分頁(yè)查詢    70
10.3.1  添加依賴    70
10.3.2  添加配置    71
10.3.3  分頁(yè)代碼    71
10.3.4  接口測(cè)試    73
10.4  業(yè)務(wù)功能開發(fā)    74
10.4.1  編寫DAO接口    74
10.4.2  編寫映射文件    74
10.4.3  編寫服務(wù)接口    75
10.4.4  編寫服務(wù)實(shí)現(xiàn)    75
10.4.5  編寫控制器    77
10.5  業(yè)務(wù)接口匯總    78
10.5.1  用戶管理    78
10.5.2  機(jī)構(gòu)管理    79
10.5.3  角色管理    79
10.5.4  菜單管理    80
10.5.5  字典管理    81
10.5.6  系統(tǒng)配置    82
10.5.7  登錄日志    82
10.5.8  操作日志    83
10.6  導(dǎo)出Excel報(bào)表    83
10.6.1  添加依賴    83
10.6.2  編寫服務(wù)接口    84
10.6.3  編寫服務(wù)實(shí)現(xiàn)    84
10.6.4  編寫控制器    85
10.6.5  工具類代碼    86
10.6.6  接口測(cè)試    87
第11章  登錄流程實(shí)現(xiàn)    89
11.1  登錄驗(yàn)證碼    89
11.1.1  添加依賴    89
11.1.2  添加配置    89
11.1.3  生成代碼    90
11.1.4  接口測(cè)試    91
11.2  Spring Security    91
11.2.1  添加依賴    91
11.2.2  添加配置    92
11.2.3  登錄認(rèn)證過(guò)濾器    93
11.2.4  身份驗(yàn)證組件    96
11.2.5  認(rèn)證信息查詢    97
11.2.6  添加權(quán)限注解    99
11.2.7  Swagger添加令牌參數(shù)    100
11.3  登錄接口實(shí)現(xiàn)    101
11.4  接口測(cè)試    105
11.5  Spring Security執(zhí)行流程剖析    108
第12章  數(shù)據(jù)備份還原    109
12.1  新建工程    109
12.2  添加依賴    109
12.3  添加配置    110
12.4  自定Banner    111
12.5  啟動(dòng)類    111
12.6  跨域配置    111
12.7  Swagger配置    112
12.8  數(shù)據(jù)源屬性    112
12.9  備份還原接口    113
12.10  備份還原實(shí)現(xiàn)    114
12.11  備份還原邏輯    114
12.11.1  數(shù)據(jù)備份服務(wù)    115
12.11.2  數(shù)據(jù)還原服務(wù)    116
12.12  備份還原控制器    117
12.12.1  數(shù)據(jù)備份接口    117
12.12.2  數(shù)據(jù)還原接口    117
12.12.3  查找備份接口    118
12.12.4  刪除備份接口    119
12.13  接口測(cè)試    119
第13章  系統(tǒng)服務(wù)監(jiān)控    123
13.1  新建工程    123
13.2  添加依賴    123
13.3  添加配置    124
13.4  自定義Banner    124
13.5  啟動(dòng)類    125
13.6  啟動(dòng)服務(wù)端    125
13.7  監(jiān)控客戶端    125
13.8  啟動(dòng)客戶端    126
第14章  注冊(cè)中心（Consul）    128
14.1  什么是Consul    128
14.2  Consul安裝    128
14.3  monitor改造    129
14.3.1  添加依賴    129
14.3.2  配置文件    130
14.3.3  啟動(dòng)類    130
14.3.4  測(cè)試效果    131
14.4  backup改造    132
14.4.1  添加依賴    132
14.4.2  配置文件    132
14.4.3  啟動(dòng)類    133
14.4.4  測(cè)試效果    134
14.5  admin改造    134
14.5.1  添加依賴    134
14.5.2  配置文件    135
14.5.3  啟動(dòng)類    136
14.5.4  測(cè)試效果    137
第15章  服務(wù)消費(fèi)（Ribbon、Feign）    138
15.1  技術(shù)背景    138
15.2  服務(wù)提供者    138
15.2.1  新建項(xiàng)目    138
15.2.2  配置文件    139
15.2.3  啟動(dòng)類    140
15.2.4  自定義Banner    140
15.2.5  添加控制器    140
15.3  服務(wù)消費(fèi)者    142
15.3.1  新建項(xiàng)目    142
15.3.2  添加配置    143
15.3.3  啟動(dòng)類    144
15.3.4  自定義Banner    144
15.3.5  服務(wù)消費(fèi)    144
15.3.6  負(fù)載均衡器（Ribbon）    147
15.3.7  修改啟動(dòng)類    148
15.3.8  添加服務(wù)    149
15.3.9  頁(yè)面測(cè)試    149
15.3.10  負(fù)載策略    149
15.4  服務(wù)消費(fèi)（Feign）    150
15.4.1  添加依賴    150
15.4.2  啟動(dòng)類    150
15.4.3  添加Feign接口    151
15.4.4  添加控制器    151
15.4.5  頁(yè)面測(cè)試    152
第16章  服務(wù)熔斷（Hystrix、Turbine）    153
16.1  雪崩效應(yīng)    153
16.2  熔斷器（CircuitBreaker）    153
16.3  Hystrix特性    153
16.3.1  斷路器機(jī)制    153
16.3.2  fallback    154
16.3.3  資源隔離    154
16.4  Feign Hystrix 154
16.4.1  修改配置    154
16.4.2  創(chuàng)建回調(diào)類    155
16.4.3  頁(yè)面測(cè)試    155
16.5  Hystrix Dashboard 156
16.5.1  添加依賴    156
16.5.2  啟動(dòng)類    157
16.5.3  自定義Banner    157
16.5.4  配置文件    158
16.5.5  配置監(jiān)控路徑    158
16.5.6  頁(yè)面測(cè)試    159
16.6  Spring Cloud Turbine 161
16.6.1  添加依賴    161
16.6.2  啟動(dòng)類    162
16.6.3  配置文件    162
16.6.4  測(cè)試效果    163
第17章  服務(wù)網(wǎng)關(guān)（Zuul）    164
17.1  技術(shù)背景    164
17.2  Spring Cloud Zuul    164
17.3  Zuul工作機(jī)制    165
17.3.1  過(guò)濾器機(jī)制    165
17.3.2  過(guò)濾器的生命周期    165
17.3.3  禁用指定的Filter    167
17.4  實(shí)現(xiàn)案例    167
17.4.1  新建工程    167
17.4.2  添加依賴    168
17.4.3  啟動(dòng)類    168
17.4.4  配置文件    169
17.4.5  頁(yè)面測(cè)試    169
17.4.6  配置接口前綴    170
17.4.7  默認(rèn)路由規(guī)則    170
17.4.8  路由熔斷    171
17.4.9  自定義Filter    172
第18章  鏈路追蹤（Sleuth、ZipKin）    174
18.1  技術(shù)背景    174
18.2  ZipKin    174
18.3  Spring Cloud Sleuth    174
18.4  實(shí)現(xiàn)案例    175
18.4.1  下載鏡像    175
18.4.2  編寫啟動(dòng)文件    175
18.4.3  啟動(dòng)服務(wù)    176
18.4.4  添加依賴    177
18.4.5  配置文件    178
18.4.6  頁(yè)面測(cè)試    178
第19章  配置中心（Config、Bus）    180
19.1  技術(shù)背景    180
19.2  Spring Cloud Config    180
19.3  實(shí)現(xiàn)案例    181
19.3.1  準(zhǔn)備配置文件    181
19.3.2  服務(wù)端實(shí)現(xiàn)    181
19.3.3  客戶端實(shí)現(xiàn)    185
19.3.4  Refresh機(jī)制    188
19.3.5  Spring Cloud Bus    191
第三篇  前端實(shí)現(xiàn)篇
第20章  搭建開發(fā)環(huán)境    201
20.1  技術(shù)基礎(chǔ)    201
20.2  開發(fā)環(huán)境    201
20.2.1  Visual Studio Code    201
20.2.2  Node JS    202
20.2.3  安裝 webpack    203
20.2.4  安裝vue-cli    203
20.2.5  淘寶鏡像    203
20.2.6  安裝 Yarn    203
20.3  創(chuàng)建項(xiàng)目    204
20.3.1  生成項(xiàng)目    204
20.3.2  安裝依賴    205
20.3.3  啟動(dòng)運(yùn)行    206
第21章  前端項(xiàng)目案例    207
21.1  導(dǎo)入項(xiàng)目    207
21.2  安裝Element    207
21.2.1  安裝依賴    207
21.2.2  導(dǎo)入項(xiàng)目    208
21.3  頁(yè)面路由    210
21.3.1  添加頁(yè)面    210
21.3.2  配置路由    210
21.4  安裝 SCSS    212
21.4.1  安裝依賴    212
21.4.2  添加配置    212
21.4.3  如何使用    212
21.4.4  頁(yè)面測(cè)試    212
21.5  安裝 axios    213
21.5.1  安裝依賴    213
21.5.2  編寫代碼    213
21.5.3  頁(yè)面測(cè)試    214
21.6  安裝 Mock.js    214
21.6.1  安裝依賴    215
21.6.2  編寫代碼    215
21.6.3  頁(yè)面測(cè)試    216
第22章  工具模塊封裝    217
22.1  封裝 axios 模塊    217
22.1.1  封裝背景    217
22.1.2  封裝要點(diǎn)    217
22.1.3  文件結(jié)構(gòu)    217
22.1.4  代碼說(shuō)明    218
22.1.5  安裝 js-cookie    222
22.1.6  測(cè)試案例    223
22.2  封裝 mock 模塊    225
22.2.1  文件結(jié)構(gòu)    225
22.2.2  登錄界面    228
22.2.3  主頁(yè)界面    229
22.2.4  頁(yè)面測(cè)試    229
第23章  第三方圖標(biāo)庫(kù)    230
23.1  使用第三方圖標(biāo)庫(kù)    230
23.2  Font Awesome    230
23.2.1  安裝依賴    230
23.2.2  項(xiàng)目引入    230
23.2.3  頁(yè)面使用    231
23.2.4  頁(yè)面測(cè)試    231
第24章  多語(yǔ)言國(guó)際化    232
24.1  安裝依賴    232
24.2  添加配置    232
24.3  字符引用    234
24.4  頁(yè)面測(cè)試    235
第25章  登錄流程完善    236
25.1  登錄界面    236
25.1.1  界面設(shè)計(jì)    236
25.1.2  關(guān)鍵代碼    236
25.2  主頁(yè)面    237
25.2.1  界面設(shè)計(jì)    237
25.2.2  關(guān)鍵代碼    237
25.3  頁(yè)面測(cè)試    240
第26章  管理應(yīng)用狀態(tài)    241
26.1  安裝依賴    241
26.2  添加store    241
26.2.1  index.js    242
26.2.2  app.js    242
26.3  引入Store    243
26.4  使用Store    243
26.5  收縮組件    244
26.5.1  文件結(jié)構(gòu)    244
26.5.2  關(guān)鍵代碼    244
26.6  頁(yè)面測(cè)試    245
第27章  頭部功能組件    247
27.1  主題切換組件    247
27.1.1  編寫組件    247
27.1.2  頁(yè)面測(cè)試    250
27.2  語(yǔ)言切換組件    250
27.2.1  編寫組件    250
27.2.2  頁(yè)面測(cè)試    251
27.3  用戶信息面板    252
27.3.1  編寫組件    252
27.3.2  頁(yè)面測(cè)試    253
27.4  系統(tǒng)通知面板    254
27.4.1  編寫組件    254
27.4.2  頁(yè)面測(cè)試    255
27.5  用戶私信面板    255
27.5.1  編寫組件    255
27.5.2  頁(yè)面測(cè)試    256
第28章  動(dòng)態(tài)加載菜單    258
28.1  添加Store    258
28.2  登錄頁(yè)面    259
28.3  導(dǎo)航守衛(wèi)    259
28.4  導(dǎo)航樹組件    262
28.5  頁(yè)面測(cè)試    263
第29章  頁(yè)面權(quán)限控制    264
29.1  權(quán)限控制方案    264
29.1.1  菜單類型    264
29.1.2  權(quán)限標(biāo)識(shí)    264
29.1.3  菜單表結(jié)構(gòu)    264
29.2  導(dǎo)航菜單實(shí)現(xiàn)思路    265
29.2.1  用戶登錄系統(tǒng)    265
29.2.2  根據(jù)用戶加載導(dǎo)航菜單    265
29.2.3  導(dǎo)航欄讀取菜單樹    265
29.3  頁(yè)面按鈕實(shí)現(xiàn)思路    265
29.3.1  用戶登錄系統(tǒng)    265
29.3.2  加載權(quán)限標(biāo)識(shí)    266
29.3.3  頁(yè)面按鈕控制    266
29.4  權(quán)限控制實(shí)現(xiàn)    266
29.4.1  導(dǎo)航菜單權(quán)限    266
29.4.2  頁(yè)面按鈕權(quán)限    267
29.5  標(biāo)簽頁(yè)功能    270
29.6  系統(tǒng)介紹頁(yè)    273
29.7  頁(yè)面測(cè)試    274
第30章  功能管理模塊    276
30.1  字典管理    276
30.1.1  關(guān)鍵代碼    276
30.1.2  頁(yè)面截圖    279
30.2  角色管理    279
30.2.1  關(guān)鍵代碼    279
30.2.2  頁(yè)面截圖    281
30.3  菜單管理    281
30.3.1  表格列組件    282
30.3.2  創(chuàng)建表格樹    283
30.3.3  頁(yè)面截圖    284
第31章  嵌套外部網(wǎng)頁(yè)    285
31.1  需求背景    285
31.2  實(shí)現(xiàn)原理    285
31.3  代碼實(shí)現(xiàn)    285
31.3.1  確定菜單URL    285
31.3.2  創(chuàng)建嵌套組件    287
31.3.3  綁定嵌套組件    288
31.3.4  菜單路由跳轉(zhuǎn)    290
31.4  頁(yè)面測(cè)試    290
第32章  數(shù)據(jù)備份還原    293
32.1  需求背景    293
32.2  后臺(tái)接口    293
32.3  備份頁(yè)面    294
32.4  頁(yè)面引用    296
32.5  頁(yè)面測(cè)試    298