SpringBoot + Vue.js 項目全棧開發實踐

"孫建召，碩士研究生，河南經貿職業學院，副教授，主要研究領域為計算機網絡和數據庫。於光許，碩士研究生，河南經貿職業學院，講師。研究方向：網絡及安全。付喆，碩士研究生，河南經貿職業學院，講師，主要研究領域為計算機網絡和軟件工程。"

第1章  零基礎學前端開發 1

1.1  背景知識 1

1.1.1  客戶-服務器體系結構 1

1.1.2  HTML、CSS與JavaScript 2

1.1.3  RESTful架構 3

1.1.4  大前端時代的來臨 3

1.2  三種架構模式：MVC、MVP、MVVM 4

1.2.1  MVC架構模式 4

1.2.2  MVP架構模式 5

1.2.3  MVVM架構模式 6

1.2.4  三者的區別和優劣 8

1.3  搭建編程環境 9

1.3.1  Web環境 10

1.3.2  SpringBoot的運行環境 10

1.3.3  項目開發工具 14

1.4  代碼調試方式 15

1.5  就業面試解析與技巧 16

1.5.1  面試解析與技巧(一) 16

1.5.2  面試解析與技巧(二) 17

 

第2章  構建SpringBoot項目 18

2.1  新建SpringBoot項目 18

2.2  項目初始配置 21

2.3  代碼關聯Git遠程倉庫 23

2.4  啟動日誌優化 29

2.5  開發Hello World接口 32

2.6  使用HTTP Client測試接口 33

2.7  集成熱部署 35

2.8  就業面試解析與技巧 37

2.8.1  面試解析與技巧(一) 37

2.8.2  面試解析與技巧(二) 37

 

第3章  完善後端框架與接口開發 39

3.1  數據庫準備 39

3.2  IDEA數據庫插件配置 41

3.3  集成持久層框架MyBatis 42

3.4  集成MyBatis官方代碼生成器 45

3.5  用戶列表查詢接口開發 48

3.6  封裝返回參數 50

3.7  制作CopyUtil封裝BeanUtils 53

3.8  就業面試解析與技巧 54

3.8.1  面試解析與技巧(一) 54

3.8.2  面試解析與技巧(二)

 

第4章  從零開始搭建前端項目 56

4.1  用Vite創建Vue 3.0前端項目 56

4.2  配置router路由 60

4.3  整合Element Plus 62

4.4  定義404頁面 64

4.5  設計業務端Frame頁面的導航區 65

4.6  就業面試解析與技巧

 

第5章  從零開始搭建後端項目 77

5.1  利用Maven創建SpringBoot項目 77

5.2  配置Druid連接池 79

5.3  配置Redis 82

5.4  RBAC權限模型 85

5.5  SaToken認證與授權框架 85

5.6  允許CORS跨域請求 93

5.7  就業面試解析與技巧 94

 

第6章  用戶登錄註冊接口開發與頁面設計 96

6.1  使用MySQL創建用戶表 96

6.2  SpringBoot項目中集成tk Mapper 97

6.3  使用tk Mapper編寫登錄接口 100

6.4  使用tk Mapper編寫註冊接口 103

6.5  在Vue項目中安裝Cookie 103

6.6  在Vue項目中安裝axios 104

6.7  登錄頁的頁面設計與實現 105

6.8  註冊頁的頁面設計與實現 109

6.9  就業面試解析與技巧 112

 

第7章  SpringBoot實現人員管理模塊 114

第8章  體檢套餐模塊需求分析與接口開發 134

第9章  訂單管理模塊需求分析與接口開發 151

第10章  微信參數動態配置接口開發 163

第11章  使用Vue 3.0搭建體檢商城前臺 174

第12章  商城首頁的設計與實現 187

第13章 體檢中心的設計與實現 201

第14章  微信支付接口的設計與實現 211

第15章  支付頁和個人中心頁的設計與實現 227

第16章  我的商品和體檢報告的接口設計與實現 242

第17章  我的商品和體檢報告的前端實現 262