GitHub 地址：https://github.com/Antabot/White-Jotter
教程目錄
第一部分
Vue + Spring Boot 項目實戰（一）：項目簡介
Vue + Spring Boot 項目實戰（二）：搭建 Vue.js 項目
Vue + Spring Boot 項目實戰（三）：前后端結合測試（登錄頁面開發）
Vue + Spring Boot 項目實戰（四）：數據庫的引入
Vue + Spring Boot 項目實戰（五）：使用 Element 輔助前端開發
Vue + Spring Boot 項目實戰（六）：前端路由與登錄攔截器
Vue + Spring Boot 項目實戰（七）：導航欄與圖書頁面設計
Vue + Spring Boot 項目實戰（八）：數據庫設計與增刪改查
Vue + Spring Boot 項目實戰（九）：核心功能的前端實現
Vue + Spring Boot 項目實戰（十）：圖片上傳與項目的打包部署
第二部分
Vue + Spring Boot 項目實戰（十一）：用戶角色權限管理模塊設計
Vue + Spring Boot 項目實戰（十二）：訪問控制及其實現思路
Vue + Spring Boot 項目實戰（十三）：使用 Shiro 實現用戶信息加密與登錄認證
Vue + Spring Boot 項目實戰（十四）：用戶認證方案與完善的訪問攔截
Vue + Spring Boot 項目實戰（十五）：動態加載后台菜單
Vue + Spring Boot 項目實戰（十六）：功能級訪問控制的實現
Vue + Spring Boot 項目實戰（十七）：后台角色、權限與菜單分配
Vue + Spring Boot 項目實戰（十八）：博客功能開發
第三部分
Vue + Spring Boot 項目實戰（十九）：Web 項目優化解決方案
Vue + Spring Boot 項目實戰（二十）：前端優化實戰
前言
之前寫了一些關於 Java EE 的文章，主要是理論性質的，目的是幫助大家快速了解 Java EE 的核心內容，早日進入 Java Web 開發的大坑。當然只有理論是不夠的，開發是一門技術活，有很多細節需要在實踐中理解，所以我決定做一個實踐教程。
選用 Vue.js + Spring Boot 來開發這個項目，是因為這兩種框架當下比較熱門，也是實現所謂 前后端分離 的最佳選擇之一。
網上相關教程很多，但要么只是做了一個 DEMO ，要么對許多關鍵問題一筆帶過。我的目標是根據這個教程，可以把一個完整的項目還原出來，所以我會盡量詳細地描述開發的過程。當然，每個人的理解方式不同，可能有些細節沒講到位，歡迎大家在評論區提問，也可以通過郵箱 (Evan_Nightly@163.com) 聯系我，我一定會認真解答。
一、項目概述
這個項目我把它命名為 “白卷”，因為它隨着教程進展逐漸完善，象征着知識的從無到有，從有到多。另外我還給它起了一個英文名字，叫 White Jotter（白色筆記本），純粹是為了諧音。
雖說項目是前后端分離的，但畢竟主要開發人員只有我一人，所以只能在前后端之間不斷穿梭。但在做教程的時候，我會盡量模塊化地去講解。
之所以把教程分為幾個階段，是為了循序漸進、由易到難地講解知識點，網站的總體設計與布局會隨着項目進程動態優化，具體內容會在階段變更時提到。各個階段的主要內容如下（隨教程進展更新）：
（一）第一部分
這個項目的第一部分以圖書信息管理為示例，主要幫助大家理解以下內容：
如何從 0 開始搭建 Web 項目？
什么是前后端分離？如何實現前后端分離？
單頁面應用有哪些特點？
如何在 Web 項目中使用數據庫並利用網頁實現增刪改查？
在開發中如何利用各種輔助手段？
Vue.js 的基本概念與用法
簡單的前端頁面設計
如何部署 Web 應用？
基本結構如下圖：
各個頁面的效果大致如下：
登錄頁面：
首頁：
圖書館頁面：
（二）第二部分
項目的第二部分是后台管理模塊的開發，主要包括以下內容：
后台管理模塊的常見功能與布局（內容管理、用戶\權限管理、運維監控）
用戶身份驗證、授權、會話管理與信息加密存儲
Shiro 框架的使用
實現不同粒度的訪問控制（動態菜單、功能控制、數據控制）
后台基本結構如下：
后台頁面效果：
Dashboard（from PanJiaChen / vue-element-admin）：
圖書管理：
用戶管理：
二、技術棧
項目比較完整的技術棧如下。
1.前端技術棧
1.Vue.js
2.ElementUI
3.axios
2.后端技術棧
1.SpringBoot
2.SpringData + JPA
3.MySQL
4.Shiro
在開發過程中還會不斷用到一些新的技術，有必要的我會增添上去。
3.主要參考內容
1.How2J.cn - Java 全棧學習網站
2.Vue.js - 漸進式 JavaScript 框架
3.Element - 網站快速成型工具
三、總體計划
因為項目只能利用業余時間開發，而且有些東西我也是剛剛接觸，所以時間跨度會稍微長一點，希望不至於成為有生之年系列。
這個項目的迭代，我想大概分成如下幾個階段：
第一階段，簡單的圖書管理系統
第二階段，實現用戶權限管理，實現較為完善的后台管理系統
第三階段，對項目進行工程化改造，重點是后端性能提升
第四階段，上線運營，處理可能遇到的各種問題
感覺這套教程我能寫到退休了。。。
雖然我想最終把項目上線，但並不期望它有什么商業價值，所以有些設計並不是很貼合實際，只是為了對應知識點，希望大家可以理解。
————————————————
版權聲明：本文為CSDN博主「Evan-Nightly」的原創文章，遵循CC 4.0 BY-SA版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://learner.blog.csdn.net/article/details/88925013