夏運虎

前言
在當今網際網路行業的快速變革和激烈競爭中，企業對開發技術人員的需求越發具有挑戰性和多樣性。開發人員單一專精於後端或前端已不足以滿足職位需求，全端開發成為適應這一變革不可或缺的關鍵能力。企業在尋找多才多藝、全面發展的開發者，以應對專案開發的複雜性和多樣性需求。
全端開發者能夠在專案中扮演更加靈活多變的角色，既能獨立開發強大的後端服務，又能建構精美且高效的前端介面。這種全方位的技術能力使開發人員能夠更進一步地理解整個專案的架構和流程，提高協作效率，降低溝通成本。在追求開發效率和資源使用率的今天，全端開發不僅是一項技術選擇，更是提高團隊靈活性和應對業務挑戰的有效戰略。
在這個全端開發的時代，Spring Boot、Vue.js 和 uni-app 成為備受歡迎的技術堆疊，它們為開發者提供了強大的工具和框架，使建構現代化、高效且強大的應用程式變得更加簡單。本書旨在為讀者提供深入學習和實踐 Spring Boot、Vue.js 和 uni-app 的機會，不僅是簡單的程式參照和本地專案完成，更注重深度學習全端開發技能，致力於幫助讀者超越表面層次，理解背後的原理和實踐，使其在全端開發領域更加遊刃有餘。讀者不應僅停留在本地專案的階段，本書將引導讀者將專案上線，使其能夠隨時與他人分享並展示成果。這不僅提升了個體的自豪感，更激發了學習興趣，讓學習不再是單調的任務，而是一場充滿成就感的冒險。
無論是初學者還是有經驗的開發者，本書都將為你提供清晰的指導，幫助你從零開始建構全端應用專案，從而更進一步地理解和應用這些開發技術。

本書主要內容
第1 章主要介紹專案的規劃、使用開發技術、如何學習本書建議及在專案開發中約定的開發標準等。
第2 章主要介紹Spring Boot 的技術選型、為什麼會選擇Spring Boot 作為專案開發技術、選擇Spring Boot 開發版本及如何建立Spring Boot 專案。
第3 章主要介紹專案開發環境的準備，包括JDK、IntelliJ IDEA、Maven、MySQL 及MySQL 視覺化工具的安裝和介紹，這些都是在日常開發中經常使用的工具。
第4 章主要介紹專案的建構、啟動專案及對專案程式版本的管理。還介紹了Git 相關的知識和實戰的運用。
第5 章主要介紹專案子模組的建立和配置，整合專案日誌，並介紹了日誌在專案開發中使用的技巧和重要性。最後整合了MyBatis-Plus 框架，簡化資料操作的工作量。
第6 章主要介紹專案資料庫的建立與連接，實現了MySQL 的監控架設。還設計了專案通用的公共類別及整合了EasyCode 工具來生成專案基礎程式和程式目錄結構。
第7 章主要介紹專案介面文件的設計，採用了Apifox 進行介面管理及參數的設計，功能十分強大。同時還實現了使用者功能的基礎實現和相關測試工作。
第8 章主要實現專案圖片管理功能，介紹了Docker 在伺服器中的安裝和使用，並使用Docker 架設了MinIo 檔案伺服器，為專案提供檔案儲存功能。還將詳細介紹阿里雲的物件儲存OSS，然後透過X Spring File Storage 儲存管理對儲存平臺進行整合，透過設定檔即可修改上傳的服務平臺。
第9 章主要介紹Spring Boot 整合Redis 的實現，並配置Redis 環境和安裝Redis 視覺化工具及實現Redis 工具類別。
第10 章主要介紹郵件、簡訊發送和驗證碼功能，詳細介紹Spring Boot 整合阿里雲簡訊服務、申請簡訊簽名和範本及簡訊發送工具。還整合郵件發送功能，實現了多管道訊息的發送。
第11 章主要介紹Spring Security 安全管理相關技術，也是本專案的重點功能實現，相對於初學者而言難度比較大，涉及專案的許可權、許可權控制和登入驗證等相關工作。同時實現了使用者登入、註冊等功能。
第12 章主要介紹Jenkins 自動化部署專案的功能，這是在企業開發中經常遇到的運行維護操作。還將介紹對Linux 伺服器專案環境的架設及實現專案透過Jenkins 自動化部署到伺服器上的操作。
第13 章主要介紹專案日誌、通知中心和系統審核功能程式的實現，還將通知功能與審核進行對接，實現了公告審核及定時發佈公告的功能。
第14 章主要介紹專案業務部分的功能實現，包括圖書分類、圖書管理及圖書借閱管理等功能。還使用了XXL-JOB 任務排程功能，幾乎貼近企業真實的專案技術要求。
第15 章主要介紹前端專案的技術選型，選擇使用Vue 3.0 版本，並架設Vue專案開發環境及選擇前端Vue-Vben-Admin 開放原始碼框架進行快速開發。
第16 章主要介紹專案前端頁面的主要實現、改造原有的相關專案程式，對接後端相關介面，並實現了登入、退出、使用者註冊及忘記密碼等相關功能，最後介紹前端專案的部署，依舊選用Jenkins 自動化實現前端的部署，真正做到前後端專案自動化。
第17 章主要介紹對系統管理模組的頁面開發和相關介面的對接，主要包括選單、使用者及角色管理的實現。
第18 章主要介紹系統工具和監控功能的前端實現，並完成相關功能的測試。
第19 章主要介紹圖書管理業務功能的前端實現，對接圖書相關的介面，並對系統的前端功能進行了完善，增加了個人資料、修改密碼等功能實現。
第20 章開始進入小程式的開發階段，主要介紹uni-app 技術入門，為什麼會選擇uni-app 開發小程式，並安裝了HBuilder X 和微信開發者工具作為小程式的開發工具及小程式專案的程式版本管理。
第21 章主要介紹小程式的特點和功能，如何申請微信小程式帳號和執行小程式服務。
第22 章主要介紹透過uni-app 使用uView UI 框架對小程式實現開發操作，增加了小程式的登入功能、底部導覽列、圖書列表、通知公告及個人中心功能，最後介紹小程式上線操作。

繁體中文出版說明
本書作者為中國大陸人士，書中多個章節使用中國大陸之服務及網站，為簡體中文介面。為求全書實際操作精確，本書部分圖例使用簡體中文介面，特此說明。

致謝
首先，我要感謝我的妻子和我的父母，他們在我寫作的日日夜夜一直給予我無盡的關愛和支援。他們的理解和支援是我堅持下去的最大動力。
同時在書稿完成的過程中，我想向趙佳霓編輯表示最深切的感謝。感謝您在我創作中提供的很多寶貴意見，您的協助不僅是編輯工作，更是對整個專案的一種投入，使這本書得以更進一步地呈現在讀者面前。
其次，感謝對本書的技術提供幫助的專業人士，其中有吳家興、徐斌和趙金寶等，同時，我要感謝所有參與審稿的專業人士，他們的寶貴意見和建議使這本書的內容更加準確、深入、豐富。他們的專業貢獻為這本書的品質提供了保障。
最後，我要感謝所有閱讀者，感謝你們的關注和支援。
筆者的閱歷有限，書中難免存在不妥之處，請讀者見諒，並提出寶貴意見。

夏運虎

前言
在當今網際網路行業的快速變革和激烈競爭中，企業對開發技術人員的需求越發具有挑戰性和多樣性。開發人員單一專精於後端或前端已不足以滿足職位需求，全端開發成為適應這一變革不可或缺的關鍵能力。企業在尋找多才多藝、全面發展的開發者，以應對專案開發的複雜性和多樣性需求。
全端開發者能夠在專案中扮演更加靈活多變的角色，既能獨立開發強大的後端服務，又能建構精美且高效的前端介面。這種全方位的技術能力使開發人員能夠更進一步地理解整個專案的架構和流程，提高協作效率，降低溝通成本。在追求開發效率和資源使用率的今天...

Spring Boot 篇
第1 章 專案簡介
▌1.1 專案規劃
▌1.2 如何有效學習本書
▌1.3 技術整理
▌1.4 開發標準
1.4.1 命名標準
1.4.2 註釋
1.4.3 介面標準
1.4.4 資料庫設計標準
1.4.5 字典標準
▌本章小結

第2 章 探索Spring Boot
▌2.1 揭秘Spring Boot
2.1.1 Spring Boot 簡介
2.1.2 為什麼選擇Spring Boot
2.1.3 Spring Boot 版本介紹
▌2.2 建立Spring Boot 專案
2.2.1 線上建立
2.2.2 IDEA 工具建立
▌本章小結

第3 章 準備專案開發環境
▌3.1 JDK 的安裝和配置
3.1.1 JDK 的概念
3.1.2 下載JDK
3.1.3 安裝JDK
3.1.4 配置環境變數
3.1.5 JDK 和JRE 有什麼區別
▌3.2 IntelliJ IDEA 開發工具的安裝
3.2.1 下載IntelliJ IDEA
3.2.2 IntelliJ IDEA 的安裝
▌3.3 Maven 的安裝與配置
3.3.1 下載Maven
3.3.2 安裝配置Maven
3.3.3 Maven 的相關配置
▌3.4 MySQL 的安裝與配置
3.4.1 下載MySQL
3.4.2 配置MySQL
3.4.3 驗證配置
▌3.5 MySQL 視覺化工具安裝
3.5.1 下載Navicat for MySQL
3.5.2 連接MySQL
▌本章小結

第4 章 建構Spring Boot 專案及專案管理
▌4.1 使用Spring Initalizr 建構專案
4.1.1 配置Maven 倉庫
4.1.2 修改設定檔
4.1.3 啟動專案
▌4.2 專案程式管理
4.2.1 為什麼要使用程式管理
4.2.2 建立程式倉庫
4.2.3 倉庫分支管理
▌4.3 Git 安裝與配置
4.3.1 下載Git
4.3.2 安裝Git
4.3.3 Git 配置資訊
▌4.4 遠端倉庫連接
4.4.1 程式提交遠端倉庫
4.4.2 IDEA 使用Git
4.4.3 IDEA 程式暫存區
▌本章小結

第5 章 建構父子模組及設定檔
▌5.1 建構子模組
5.1.1 建立library-admin 子模組
5.1.2 建立library-common 子模組
5.1.3 增加專案設定檔
▌5.2 整合專案日誌
5.2.1 日誌等級
5.2.2 日誌使用技巧和建議
5.2.3 增加日誌相依
▌5.3 Spring Boot 整合MyBatis-Plus
5.3.1 為什麼選擇MyBatis-Plus
5.3.2 整合MyBatis-Plus
▌本章小結

第6 章 資料庫操作及程式生成器使用
▌6.1 資料庫的建立與連接
6.1.1 建立MySQL 資料庫
6.1.2 Spring Boot 連接MySQL
6.1.3 整合MySQL 監控
▌6.2 通用類別設計與實現
6.2.1 統一回應資料格式
6.2.2 錯誤碼列舉類別
6.2.3 Lombok 安裝
6.2.4 異常處理
6.2.5 分頁功能設計與實現
▌6.3 整合EasyCode 程式生成工具
6.3.1 EasyCode 簡介
6.3.2 安裝EasyCode 外掛程式
6.3.3 配置資料來源
6.3.4 專案套件結構
6.3.5 自訂EasyCode 範本
▌本章小結

第7 章 介面文件設計及使用者功能開發
▌7.1 Apifox 的介紹與應用
7.1.1 Apifox 簡介
7.1.2 Apifox 核心功能
7.1.3 Apifox 的選用
▌7.2 專案介面文件管理
▌7.3 使用者功能開發
7.3.1 建立使用者資料表
7.3.2 初始化使用者程式
7.3.3 使用者介面文件設計及測試
▌本章小結

第8 章 實現圖片上傳功能
▌8.1 圖片管理實現
8.1.1 建立圖片管理資料表
8.1.2 建立library-system 子模組
8.1.3 基礎程式實現
▌8.2 Docker 快速入門
8.2.1 Docker 簡介
8.2.2 Docker 的設計理念
8.2.3 Docker 的架構
8.2.4 安裝Docker
▌8.3 架設MinIo 檔案伺服器
8.3.1 MinIo 簡介
8.3.2 部署MinIo 服務
8.3.3 建立儲存桶
8.3.4 建立金鑰
▌8.4 阿里雲物件儲存
8.4.1 什麼是物件儲存
8.4.2 建立OSS 儲存空間
8.4.3 獲取存取金鑰
▌8.5 整合儲存管理平臺
8.5.1 X Spring File Storage 簡介
8.5.2 專案整合X Spring File Storage
▌8.6 圖片管理功能開發
8.6.1 圖片上傳功能實現
8.6.2 下載圖片功能實現
▌本章小結

第9 章 Spring Boot 整合Redis
▌9.1 Redis 入門
9.1.1 Redis 簡介
9.1.2 Redis 的安裝與執行
▌9.2 Redis 的視覺化工具
9.2.1 RedisInsight 的安裝
9.2.2 建立Redis 的連接
▌9.3 整合Redis
9.3.1 增加Redis 的相依
9.3.2 撰寫設定檔
9.3.3 Redis 工具類別
9.3.4 測試Redis
▌本章小結

第10 章 實現郵件、簡訊發送和驗證碼功能
▌10.1 整合簡訊服務
10.1.1 申請簡訊簽名
10.1.2 申請簡訊範本
10.1.3 簡訊服務功能實現
10.1.4 簡訊發送工具實現
▌10.2 整合郵件發送
10.2.1 申請授權碼
10.2.2 設計郵件配置資料表
10.2.3 業務程式功能實現
10.2.4 測試郵件發送
▌10.3 圖形驗證碼
10.3.1 驗證碼操作流程
10.3.2 生成圖形驗證碼
▌本章小結

第11 章 整合Spring Security 安全管理
▌11.1 Spring Security 與JSON Web Token 入門
11.1.1 Spring Security 簡介
11.1.2 專案整合Spring Security
11.1.3 JSON Web Token 基本介紹
▌11.2 專案許可權功能表設計
11.2.1 許可權資料表設計並建立
11.2.2 生成許可權基礎程式
▌11.3 Spring Security 動態許可權控制
11.3.1 無許可權異常處理
11.3.2 認證異常處理
11.3.3 使用者詳細資訊功能實現
11.3.4 自訂授權管理器
11.3.5 實現Token 生成工具
11.3.6 JWT 登入授權篩檢程式
11.3.7 Spring Security 配置
▌11.4 實現登入介面及完善相關功能
11.4.1 使用者登入與退出功能實現
11.4.2 使用者註冊功能實現
11.4.3 使用註解獲取登入使用者資訊
11.4.4 修改密碼功能實現
▌11.5 功能測試
11.5.1 帳號登入相關測試
11.5.2 選單與角色測試
11.5.3 許可權測試
▌本章小結

第12 章 Jenkins 自動化部署專案
▌12.1 伺服器基礎環境配置
12.1.1 安裝JDK
12.1.2 安裝Maven
12.1.3 安裝MySQL
12.1.4 安裝Redis
▌12.2 Jenkins 入門
12.2.1 Jenkins 特點
12.2.2 CI/CD 是什麼
12.2.3 Jenkins 版本與安裝介紹
▌12.3 Jenkins 的安裝
12.3.1 啟動Jenkins
12.3.2 進入Jenkins
12.3.3 基礎配置
▌12.4 建構專案
12.4.1 新建倉庫分支
12.4.2 建立任務
12.4.3 增加執行專案命令
12.4.4 WebHooks 管理
▌本章小結

第13 章 日誌管理與通知中心功能實現
▌13.1 專案操作日誌功能實現
13.1.1 初始化日誌程式
13.1.2 自訂日誌註解
13.1.3 介面測試
▌13.2 系統審核功能實現
13.2.1 審核資料表設計並建立
13.2.2 審核功能程式實現
13.2.3 功能測試
▌13.3 通知公告功能實現
13.3.1 公告資料表設計並建立
13.3.2 公告功能程式實現
13.3.3 定時發佈公告
13.3.4 功能測試
▌本章小結

第14 章 圖書管理系統功能實現
▌14.1 圖書分類功能實現
14.1.1 圖書分類資料表設計並建立
14.1.2 分類功能程式實現
14.1.3 功能測試
▌14.2 圖書管理功能實現
14.2.1 圖書資料表設計並建立
14.2.2 圖書功能程式實現
14.2.3 功能測試
▌14.3 圖書借閱管理功能實現
14.3.1 圖書借閱資料表設計並建立
14.3.2 圖書借閱功能程式實現
14.3.3 功能測試
▌14.4 任務排程功能實現
14.4.1 XXL-JOB 簡介
14.4.2 快速入門
14.4.3 管理XXL-JOB 版本
14.4.4 借閱到期提醒功能實現
14.4.5 部署XXL-JOB 服務
▌本章小結

Vue.js 篇
第15 章 探索Vue.js 的世界，開啟前端之旅
▌15.1 Vue.js 快速入門
15.1.1 Vue.js 簡介
15.1.2 為什麼選擇Vue.js
15.1.3 Ant Design Vue 簡介
▌15.2 Vue.js 專案環境準備
15.2.1 安裝Node.js
15.2.2 安裝WebStorm
▌15.3 前端專案架設
15.3.1 Vue-Vben-Admin 專案簡介
15.3.2 啟動專案
▌本章小結

第16 章 前端基礎功能實現
▌16.1 修改前端專案相關配置項
16.1.1 環境變數配置
16.1.2 修改前端接收資料結構
▌16.2 登入/ 退出功能實現
16.2.1 使用者登入
16.2.2 使用者退出
▌16.3 使用者註冊與忘記密碼功能實現
16.3.1 使用者註冊前端實現
16.3.2 忘記密碼前端實現
▌16.4 前端專案部署
16.4.1 前端專案部署環境配置
16.4.2 新建任務
16.4.3 測試前端專案建構
16.4.4 部署Nginx
▌本章小結

第17 章 系統管理功能實現
▌17.1 動態選單生成
17.1.1 系統左側導覽列實現
17.1.2 許可權處理
▌17.2 使用者管理功能實現
17.2.1 增加介面
17.2.2 功能實現
17.2.3 測試
▌17.3 角色管理功能實現
▌17.4 選單管理功能實現
▌本章小結

第18 章 系統工具和監控功能實現
▌18.1 通知公告功能實現
▌18.2 審核管理功能實現
▌18.3 檔案管理功能實現
▌18.4 郵件與監控管理功能實現
▌本章小結

第19 章 圖書管理功能實現
▌19.1 圖書分類功能實現
▌19.2 圖書功能實現
▌19.3 圖書借閱管理功能實現
19.3.1 圖書借閱
19.3.2 借閱記錄
▌19.4 圖書專案功能完善
19.4.1 修改密碼
19.4.2 個人資料
19.4.3 首頁配置
▌本章小結

uni-app 篇
第20 章 uni-app 快速入門
▌20.1 uni-app 簡介
20.1.1 為什麼選擇uni-app
20.1.2 功能架構
20.1.3 開發標準
▌20.2 安裝HBuilderX 開發工具
▌20.3 安裝微信開發工具
▌20.4 uni-app 專案管理
20.4.1 建立uni-app 專案
20.4.2 Git 管理uni-app 專案
▌本章小結

第21 章 小程式初印象
▌21.1 小程式簡介
▌21.2 申請微信小程式帳號
▌21.3 執行小程式
▌本章小結

第22 章 圖書小程式功能實現
▌22.1 基礎配置
22.1.1 底部導覽列
22.1.2 引入uView UI 框架
22.1.3 封裝後端介面請求
22.1.4 登入功能實現
▌22.2 首頁功能實現
▌22.3 圖書列表功能實現
▌22.4 通知功能實現
▌22.5 個人中心功能實現
▌22.6 小程式發佈
▌本章小結

Spring Boot 篇
第1 章 專案簡介
▌1.1 專案規劃
▌1.2 如何有效學習本書
▌1.3 技術整理
▌1.4 開發標準
1.4.1 命名標準
1.4.2 註釋
1.4.3 介面標準
1.4.4 資料庫設計標準
1.4.5 字典標準
▌本章小結

第2 章 探索Spring Boot
▌2.1 揭秘Spring Boot
2.1.1 Spring Boot 簡介
2.1.2 為什麼選擇Spring Boot
2.1.3 Spring Boot 版本介紹
▌2.2 建立Spring Boot 專案
2.2.1 線上建立
2.2.2 IDEA 工具建立
▌本章小結

第3 章 準備專案開發環境
▌3.1 JDK 的安裝和配置
3.1.1 JDK 的概念
3.1.2 下載JDK
3.1.3 安裝...