Django + Vue.js 商城項目實戰

《Django+Vue.js商城項目實戰》基於Django 4.x和Vue 3.x版本，以一個完整商城網站的開發流程為主線，介紹分別使用純後端架構和前後端分離架構實現項目的全部技術細節。純後端開發架構主要講解Django的知識要點及每個功能模塊的要點和實現方式，內容包括Django網站開發基礎、項目需求與設計、路由規劃與設計、商城數據模型的搭建與使用、數據業務視圖、數據渲染與展示、商品信息模塊、用戶信息模塊、購物車與支付功能、後台管理系統等。前後端分離架構是在純後端開發架構基礎上演變而來的，內容包括接口開發、使用DRF開發商城接口、Vue前端開發、使用Vue開發商城項目、項目上線與部署等。 《Django+Vue.js商城項目實戰》凝聚了編者近十年一線開發經驗，提供了完整的項目源碼，對於缺少項目經驗和想要深入理解架構演進的各層次讀者，本書極具參考價值，本書也很適合作為培訓機構、企業內訓和大中專院校的實踐課教材。

目    錄

第1章  網站開發基礎1

1.1  網站的定義與組成1

1.2  網站的分類2

1.3  網站運行原理及開發流程4

1.3.1  常用術語4

1.3.2  網站的運行原理4

1.3.3  網站的開發流程5

1.3.4  任務劃分5

1.4  Django簡史6

1.5  Django與WSGI6

1.6  HTML、CSS和JavaScript8

1.6.1  HTML8

1.6.2  CSS10

1.6.3  JavaScript13

1.7  搭建開發環境15

1.7.1  安裝Django15

1.7.2  安裝PyCharm16

1.8  創建Django項目17

1.8.1  使用內置指令創建項目17

1.8.2  使用PyCharm創建項目19

1.9  程序調試技巧20

1.9.1  PyCharm的Debug模式20

1.9.2  根據異常提示進行調試22

1.10  本章小結24

1.11  動手練習26

第2章  項目需求與設計27

2.1  需求分析27

2.2  設計說明28

2.3  搭建項目開發環境33

2.4  項目的功能配置35

2.4.1  添加項目應用39

2.4.2  設置模板信息39

2.4.3  添加中間件40

2.4.4  配置數據庫41

2.4.5  配置靜態資源44

2.4.6  配置媒體資源45

2.5  內置指令46

2.6  本章小結47

2.7  動手練習49

第3章  路由規劃與設計50

3.1  設置路由分發規則50

3.2  路由分發詳解52

3.3  設置商城的路由地址53

3.4  路由的定義規則55

3.5  路由變量與正則表達式56

3.6  本章小結58

3.7  動手練習59

第4章  商城數據模型的搭建與使用60

4.1  定義商城的數據模型60

4.2  數據遷移創建數據表64

4.3  數據的導入與導出67

4.4  使用QuerySet操作數據69

4.4.1  新增數據69

4.4.2  更新數據71

4.4.3  刪除數據72

4.4.4  查詢單表數據73

4.4.5  查詢多表數據77

4.5  執行原生SQL語句81

4.6  本章小結82

4.7  動手練習83

第5章  數據業務視圖84

5.1  首頁的視圖函數84

5.2  視圖的請求對象87

5.3  視圖的響應方式89

5.4  認識視圖類91

5.5  使用視圖類實現商城首頁92

5.6  本章小結96

5.7  動手練習97

第6章  數據渲染與展示98

6.1  基礎模板設計98

6.2  首頁模板設計101

6.3  模板上下文107

6.4  內置標簽及自定義108

6.5  模板文件的繼承關系112

6.6  內置過濾器及自定義113

6.7  自定義異常頁面117

6.8  本章小結120

6.9  動手練習120

第7章  商品信息模塊121

7.1  商品列表頁的業務邏輯121

7.2  分頁功能的機制和原理124

7.3  商品列表頁的數據渲染127

7.4  商品詳細頁的業務邏輯130

7.5  商品詳細頁的數據渲染132

7.6  Ajax實現商品收藏136

7.7  Session的配置與操作137

7.8  JavaScript的Ajax請求140

7.9  jQuery的Ajax請求142

7.10  本章小結144

7.11  動手練習145

第8章  用戶信息模塊146

8.1  內置User實現註冊登錄146

8.2  CSRF防護151

8.3  使用Form實現註冊登錄153

8.4  分析Form的機制和原理158

8.5  使用ModelForm實現註冊和登錄162

8.6  分析ModelForm的機制和原理165

8.7  個人中心頁面167

8.8  本章小結173

8.9  動手練習173

第9章  購物車與支付功能174

9.1  購物車功能174

9.2  Ajax刪除購物車的商品180

9.3  支付寶的支付配置186

9.4  alipay-sdk-python的安裝與使用190

9.5  python-alipay-sdk的安裝與使用195

9.6  商城的在線支付功能197

9.7  本章小結201

9.8  動手練習202

第10章  後台管理系統203

10.1  Admin基本配置203

10.2  配置項目應用與模型205

10.3  分析ModelAdmin的底層原理208

10.4  自定義ModelAdmin的函數方法212

10.4.1  數據只讀函數get_readonly_fields()213

10.4.2  設置字段樣式214

10.4.3  數據查詢函數get_queryset()216

10.4.4  下拉框設置函數formfield_for_choice_field()217

10.4.5  保存函數save_model()218

10.4.6  數據批量處理219

10.5  本章小結220

10.6  動手練習222

第11章  前後端分離架構223

11.1  為什麽要前後端分離223

11.2  API規範與設計224

11.2.1  規範請求方式225

11.2.2  規範URL命名226

11.2.3  規範響應結果226

11.3  商城API設計方案228

11.4  搭建Mock Server235

11.5  本章小結237

11.6  動手練習237

第12章  接口開發238

12.1  Django原生語法開發接口238

12.1.1  模型轉字典格式238

12.1.2  使用JsonResponse返回響應結果239

12.1.3  封裝數據分頁功能240

12.1.4  開發商品列表接口241

12.2  使用DRF構建接口244

12.2.1  DRF的安裝與配置244

12.2.2  序列化類Serializer245

12.2.3  模型序列化類ModelSerializer249

12.2.4  序列化的嵌套使用252

12.2.5  基於類的視圖255

12.2.6  視圖集257

12.2.7  用戶認證和權限驗證260

12.3  本章小結264

12.4  動手練習266

第13章  使用DRF開發商城接口267

13.1  項目配置與調整267

13.2  定義序列化對象269

13.3  開發首頁與異常接口270

13.4  開發商品信息接口273

13.5  開發購物車與訂單接口277

13.6  本章小結282

13.7  動手練習283

第14章  Vue前端開發284

14.1  前端框架概述284

14.2  在Windows安裝Node.js285

14.3  npm的配置與使用287

14.4  Vue腳手架搭建與運行項目289

14.5  PyCharm配置Vue編碼環境290

14.6  Vue目錄結構與依賴安裝292

14.7  設置項目公共資源293

14.8  功能配置與應用掛載294

14.9  用戶登錄組件297

14.10  產品查詢組件300

14.11  網站運行效果303

14.12  本章小結304

14.13  動手練習304

第15章  Vue開發商城項目305

15.1  項目的創建與配置305

15.2  配置Axios與Vuex307

15.3  Vue Router定義路由309

15.4  組件應用與設計310

15.5  實例化Vue對象314

15.6  商城首頁316

15.7  商品列表頁319

15.8  商品詳細頁324

15.9  用戶註冊與登錄328

15.10  購物車功能330

15.11  個人中心頁面335

15.12  網站異常頁339

15.13  本章小結340

15.14  動手練習341

第16章  項目上線與部署342

16.1  項目上線部署配置342

16.2  基於Windows部署項目344

16.2.1  安裝IIS服務器344

16.2.2  IIS服務器部署項目345

16.2.3  部署靜態資源347

16.3  基於Linux部署項目348

16.3.1  安裝Linux虛擬機348

16.3.2  安裝Python 3352

16.3.3  部署uWSGI服務器353

16.3.4  安裝Nginx並部署項目354

16.4  基於Docker部署項目356

16.4.1  安裝Docker356

16.4.2  Docker常用指令358

16.4.3  安裝MySQL361

16.4.4  Docker部署Vue364

16.4.5  Docker部署Django367

16.5  本章小結375

16.6  動手練習376