DJANGO 5+VUE：PYTHON WEB全栈开发

《Django 5+Vue：Python Web全栈开发》是实用性很强的 Django 5+Vue 3全栈开发指南，旨在为 Web 应用的设计、开发和部署过程提供全面的指导。作者结合多年的实战经验，深入探讨作为一名全栈工程师必备的核心技能，包括掌握后端开发、前端开发、RESTful API设计、数据库操作、认证授权、性能优化、Docker 部署等方面的技术。本书结合多个实战项目案例，深入解析各个知识点，帮助读者轻松地理解 Django和 Vue，并掌握其在真实应用场景中的使用方法、技巧以及工作原理。通过学习本书，读者可以熟练运用这些知识构建现代化的 Web应用，提高自身的开发能力和职场竞争力。

"冯春龙
高级软件工程师，网易云课堂「年度名师榜·挚爱名师」。
大熊课堂联合创始人，拥有10多年一线开发与教学经验，曾在中国银行负责数据采集服务项目。“用动画学编程”的推广者。将抽象的技术知识变得生动、有趣、易于理解。多年来专注于让编程学习更高效、更有趣，深受学员喜爱。著有多本畅销编程教材，包括《零基础学Python》《零基础学PHP》《Python Web开发从入门到实践》等。


杨柳
高级产品经理，教育领域深耕10年。
大熊课堂联合创始人，专注于编程教育与课程研发。长期致力于将复杂的技术知识以清晰、系统、可实践的方式呈现给学习者。曾打造出多个爆款视频教程。近年来专注于Python与Django技术的教学与实战项目开发，具备丰富的一线教学与产品设计经验。秉持“让学习变得更简单、更高效”的理念，致力于用教育的方式传播技术之美。"

目录
第1章 开启Django 5.0之旅 1
1.1 什么是 Web 框架 1
1.2 什么是 Django 2
1.2.1 Django 的核心特点 2
1.2.2 Django 的架构 2
1.2.3 Django 的关键组件 3
1.2.4 Django 的使用案例 3
1.3 准备开发环境 4
1.4 虚拟环境下安装 Django 5 5
1.4.1 为什么使用虚拟环境 5
1.4.2 创建虚拟环境 5
1.4.3 启动虚拟环境 6
1.4.4 安装 Django 5 7
1.5 创建 Django 项目 7
1.5.1 Django 常见命令 8
1.5.2 创建项目 8
1.5.3 关闭服务 9
第2章 Django框架从0到1 10
2.1 Django 的 MVT 模式 10
2.2 Django 项目中创建应用的步骤 11
2.2.1 什么是 Django 应用 12
2.2.2 创建 Django 应用 12
2.2.3 输出第一个程序 13
2.3 什么是 Django 的路由 14
2.4 路由匹配模式 1：精确字符串格式 15
2.5 路由匹配模式 2：路径转换器格式 16
2.5.1 定义动态路由 17
2.5.2 定义视图函数 17
2.5.3 验证路由 18
2.5.4 添加更多动态变量 18
2.5.5 常见 Django 路径转换器类型 19
2.6 路由匹配模式 3：路由嵌套模式 19
2.6.1 创建应用的路由文件 20
2.6.2 全局引入应用的路由文件 20
2.6.3 验证配置 20
第3章 深入探索Django视图 22
3.1 基于函数视图实现登录功能 22
3.1.1 什么是函数视图 22
3.1.2 创建 account 应用 23
3.1.3 创建模板 24
3.1.4 配置模板路径 24
3.1.5 编写登录业务逻辑 25
3.2 基于类视图实现注册功能 26
3.2.1 类视图定义 get()方法 26
3.2.2 配置注册路由 27
3.2.3 创建注册模板页面 27
3.2.4 实现 POST 请求 28
3.2.5 类视图与函数视图的对比 28
3.3 HttpRequest 请求对象 28
3.3.1 请求对象的组成部分 29
3.3.2 请求标头的内容 29
3.3.3 HttpRequest 属性获取 META信息 29
3.3.4 使用 HttpRequest.headers 获取请求标头 31
3.4 获取 6 种不同形式的参数 32
3.4.1 获取 GET 请求参数 32
3.4.2 获取 POST 请求参数 32
3.4.3 获取 URL 参数 34
3.4.4 获取 JSON 参数 34
3.4.5 获取路径参数 34
3.4.6 获取请求标头参数 35
3.5 HttpResponse 响应对象 35
3.5.1 HttpResponse 35
3.5.2 JsonResponse 37
第4章 Django模板的艺术 39
4.1 Django 模板引擎和配置 39
4.1.1 模板的主要内容 39
4.1.2 模板引擎和配置 40
4.1.3 在应用中配置模板 41
4.1.4 模板优先级 42
4.2 模板中的变量 42
4.2.1 app01 应用创建文章列表 43
4.2.2 模板中传递字符串、数字变量 44
4.2.3 模板中传递列表类型变量 44
4.2.4 模板中传递字典类型变量 45
4.3 模板循环和判断标签 47
4.3.1 循环控制标签 47
4.3.2 遍历列表或元组 47
4.3.3 遍历字典 48
4.3.4 重复循环 48
4.3.5 条件控制标签 50
4.4 Django 模板过滤器 52
4.4.1 模板过滤器语法 52
4.4.2 upper 过滤器 52
4.4.3 default 过滤器 52
4.4.4 truncatechars 过滤器 53
4.4.5 random 过滤器 53
4.4.6 safe 过滤器 54
4.5 Django 模板的继承与包含 55
4.5.1 创建父模板 56
4.5.2 子模板继承父模板 56
4.5.3 include 模板引入 57
第5章 轻松掌握Django模型 59
5.1 什么是 ORM 59
5.1.1 为什么要使用 ORM 59
5.1.2 ORM 的基本概念 59
5.1.3 ORM 的实际应用 60
5.2 连接 MySQL 数据库 61
5.2.1 配置 MySQL 数据库 61
5.2.2 创建 MySQL 数据库 62
5.2.3 安装并配置 PyMySQL 63
5.2.4 执行数据库迁移 63
5.2.5 启动 Django 服务器 64
5.3 创建模型 64
5.3.1 安装应用 65
5.3.2 创建 User 模型 65
5.3.3 ORM 常用字段类型及其对应类表 65
5.3.4 创建文章模型 66
5.3.5 数据库迁移 67
5.4 执行模型迁移 68
5.4.1 自定义数据库表名 68
5.4.2 执行迁移操作 69
5.4.3 创建通用基类管理公共字段 69
5.4.4 定义抽象基类 69
5.4.5 在其他模型中使用抽象基类 70
5.4.6 生成和执行迁移文件 70
5.5 ORM 新增数据 71
5.5.1 使用 save()方法新增数据 72
5.5.2 使用 create()方法新增数据 72
5.5.3 使用 bulk_create()方法批量新增数据 73
5.5.4 表关联的使用 73
5.6 ORM 查询数据 75
5.6.1 all()方法查询所有用户 75
5.6.2 get()方法根据条件查询单条记录 76
5.6.3 filter()方法匹配查询条件的模型对象列表 77
5.6.4 first()方法和 last()方法查询最晚和最早的一条记录 77
5.7 ORM 查询条件 78
5.7.1 相等、等于 78
5.7.2 比较条件 78
5.7.3 isnull 判断 79
5.7.4 包含某些字符 79
5.7.5 以某些字符开头或结尾 79
5.7.6 日期和时间 80
5.7.7 外键关联 80
5.8 ORM 多条件查询 81
5.9 ORM 数据修改方法 82
5.9.1 save()方法修改单条记录 82
5.9.2 update()方法批量修改数据 83
5.9.3 更改关联表的数据 83
5.10 ORM 删除数据 84
5.10.1 常见的删除方式 84
5.10.2 删除数据 85
第6章 全面管理Django后台 87
6.1 注册 Django 后台模型 87
6.1.1 创建管理员用户 87
6.1.2 登录 Django 后台 88
6.1.3 配置中文界面和时区 88
6.1.4 后台添加用户模型 89
6.1.5 后台进行增删改查 89
6.1.6 配置过滤字段和搜索功能 92
6.1.7 配置文章应用 92
6.1.8 添加和管理文章 93
6.2 Django 后台常用配置介绍 94
6.2.1 修改应用名称 94
6.2.2 修改模型名称的复数形式 95
6.2.3 设置后台属性 96
6.2.4 配置可单击的链接 96
6.2.5 设置列表页直接修改 97
6.3 完善管理后台设置函数 98
6.3.1 展示文章作者 98
6.3.2 文章详情页显示作者 100
第7章 Django框架实战项目：开发企业官网 102
7.1 需求分析 102
7.2 创建项目和应用 103
7.2.1 创建企业官网项目 103
7.2.2 创建 4 个应用 104
7.2.3 配置路由与视图：输出第一个“hello world” 104
7.3 配置企业官网数据库 105
7.3.1 安装并配置 PyMySQL 105
7.3.2 使用数据库可视化软件创建数据库 105
7.3.3 执行数据库迁移 106
7.4 创建幻灯片模型 107
7.4.1 创建 Slide 模型类 107
7.4.2 安装 Pillow 模块 108
7.4.3 注册模型到后台 108
7.4.4 添加幻灯片 109
7.5 幻灯片效果前端显示 110
7.5.1 在视图文件中获取数据库数据 110
7.5.2 修改模板文件显示动态数据 110
7.5.3 配置 URL 以显示媒体文件 111
7.6 团队介绍模块实现 112
7.6.1 创建团队模型 112
7.6.2 注册团队模型到后台管理 113
7.6.3 显示团队成员数据 114
7.7 文章管理模块实现 115
7.7.1 创建分类与新闻模型 115
7.7.2 注册分类与新闻模型到后台 116
7.8 新闻列表页和详情页模块实现 117
7.8.1 配置 URL 路径 117
7.8.2 创建视图函数和模板文件 117
7.8.3 处理 404 页面 119
7.9 使用富文本编辑器 120
7.9.1 安装与配置 CKEditor 120
7.9.2 修改模型以支持 CKEditor 120
7.9.3 编辑与展示富文本内容 121
第8章 初识Vue 3 123
8.1 Vue的基础 123
8.2 Vue 的组件化开发 123
8.3 安装 Vue 124
8.3.1 安装 Node.js 124
8.3.2 什么是 NPM 125
8.3.3 安装 Vue.js 126
8.4 初始化项目 127
8.4.1 项目初始化命令 127
8.4.2 项目目录结构 127
8.5 使用 Vite 工具安装 Tailwind CSS 132
8.6 Vue 基础概念与 Todo 应用 135
8.6.1 Vue 实例与数据绑定 135
8.6.2 列表渲染和条件渲染 136
8.6.3 使用计算属性计算完成数量 138
8.7 表单处理和添加 Todo 输入框 140
8.8 组件与通信 143
8.8.1 TodoItem 组件 143
8.8.2 TodoList 组件 144
8.8.3 TodoStats 组件 145
8.8.4 App.vue 根组件 147
8.9 监听器和本地存储 148
8.9.1 计算属性统计各项任务数量 149
8.9.2 监听和存储数据 151
第9章 Vue 3开发菜谱网站 155
9.1 项目概述 155
9.1.1 功能需求分析 155
9.1.2 技术栈选择 156
9.1.3 阿里云 API 市场菜谱接口 157
9.1.4 API 接口说明 158
9.2 项目初始化 160
9.2.1 使用 Vite 创建项目 160
9.2.2 项目目录结构设计 160
9.2.3 路由配置 161
9.2.4 网络请求封装 161
9.3 首页开发 165
9.3.1 页面布局设计 165
9.3.2 搜索框组件实现 166
9.3.3 搜索历史实现 169
9.4 搜索结果列表页 171
9.4.1 列表页面布局 171
9.4.2 搜索功能实现 172
9.4.3 创建菜品卡片组件 174
9.4.4 加载状态处理 175
9.4.5 错误处理机制 176
9.5 菜品详情页 179
9.5.1 详情页面布局 179
9.5.2 数据获取与展示 181
9.5.3 食材清单展示 182
9.5.4 步骤说明实现 183
第10章 初识DRF 185
10.1 REST 架构与 API 设计基础 185
10.1.1 理解 REST 架构风格 185
10.1.2 RESTful API 设计原则 187
10.1.3 HTTP 方法与 CRUD 操作的对应关系 187
10.2 Django REST Framework 入门 187
10.2.1 DRF 框架概述 187
10.2.2 第一个 DRF 应用 188
10.3 Postman 接口测试工具使用 192
10.3.1 Postman 简介 192
10.3.2 Postman 的基本使用 192
10.4 序列化与反序列化 194
10.5 视图组件 196
10.5.1 APIView 详解 196
10.5.2 GenericAPIView 及其混入类 200
10.5.3 ViewSet 的使用 202
10.5.4 各种视图的对比 205
10.6 认证与权限 205
10.6.1 认证机制 205
10.6.2 权限控制 210
第11章 DRF+Vue实战——图书管理系统 213
11.1 项目概览与环境搭建 213
11.1.1 需求分析与技术选型 213
11.1.2 后端环境搭建 216
11.1.3 前端环境搭建 216
11.1.4 跨域配置 216
11.2 后端 API 开发 217
11.2.1 数据模型设计 217
11.2.2 序列化器开发 218
11.2.3 API 接口实现 219
11.3 前端开发 221
11.3.1 项目架构 221
11.3.2 核心组件开发 226
第12章 Django Vue全栈项目：电影模块实现 233
12.1 需求分析 233
12.2 电影模块概述 235
12.2.1 模块功能介绍 235
12.2.2 RESTful API 设计 235
12.3 创建电影应用及模型 236
12.3.1 创建应用 236
12.3.2 定义数据模型 236
12.3.3 注册后台管理 237
12.3.4 配置全局路由 237
12.4 序列化器与视图集实现 238
12.4.1 创建序列化器 238
12.4.2 创建视图集 238
12.4.3 API 接口说明 239
12.5 实现前后端数据交互 239
12.5.1 前端项目结构 240
12.5.2 配置请求工具 240
12.5.3 封装 API 接口 241
12.5.4 实现电影列表组件 241
12.5.5 配置路由 242
12.6 实现电影首页 243
12.6.1 组件化结构 243
12.6.2 实现电影列表组件 243
12.7 分页下拉加载 248
12.7.1 电影分页 API 实现 248
12.7.2 电影列表组件加载分页 250
12.7.3 请求工具封装分页参数 251
12.8 实现搜索电影功能 252
12.8.1 配置后端过滤接口 252
12.8.2 前端搜索实现 254
12.9 电影详情页功能 255
12.9.1 后端接口实现 255
12.9.2 前端页面实现 256
第13章 Django Vue全栈项目：用户模块实现 259
13.1 用户模块 djoser 介绍 259
13.1.1 用户模块概述 259
13.1.2 djoser 模块简介 259
13.1.3 djoser 常用 API 接口 260
13.2 用户注册接口实现 261
13.2.1 配置 djoser 模块并使用User 模型 261
13.2.2 配置邮箱服务器 262
13.2.3 测试用户注册功能 263
13.3 用户注册信息验证功能实现 264
13.3.1 配置 djoser 注册用户信息 264
13.3.2 自定义序列化器 264
13.4 用户注册前端实现 265
13.4.1 注册页面布局设计 265
13.4.2 创建注册页面 266
13.4.3 表单验证实现 267
13.4.4 注册请求实现 269
13.5 邮件激活用户功能 270
13.5.1 激活路由配置 270
13.5.2 激活页面实现 271
13.5.3 激活逻辑实现 272
13.6 djoser JWT 认证 273
13.6.1 JWT 认证配置 273
13.6.2 JWT 接口使用 274
13.7 用户登录前端实现 276
13.8 退出登录功能 277
13.8.1 退出登录功能实现 277
13.8.2 登录信息清理 278
13.9 JWT token 生命周期管理与自动续期机制实现 278
13.9.1 Django 设置令牌过期时间 278
13.9.2 前端令牌管理实现 278
13.10 发送邮件重置密码 280
13.10.1 配置重置密码链接 280
13.10.2 验证请求接口 281
13.10.3 通过邮件重置密码 282
13.11 API 请求认证实现 283
13.11.1 配置请求认证参数 283
13.11.2 实现请求拦截器 283
13.12 导航守卫权限控制 284
13.12.1 路由守卫配置 284
13.12.2 登录后跳转处理 285
13.13 接口权限设置 286
13.13.1 DRF 的权限类 286
13.13.2 自定义权限类 287
第14章 使用Docker部署Django+Vue项目到服务器 288
14.1 项目准备 288
14.2 Docker 基础知识 289
14.2.1 Docker 简介 289
14.2.2 Docker Compose 简介 290
14.3 Docker 配置文件编写 291
14.3.1 后端 Dockerfile 291
14.3.2 前端 Dockerfile 292
14.3.3 Nginx Dockerfile 293
14.3.4 Nginx 配置文件 293
14.3.5 Docker Compose 配置 294
14.3.6 环境变量配置 296
14.4 服务器部署流程 296
14.4.1 服务器环境准备 296
14.4.2 项目部署 297
14.4.3 初始化数据库 299
14.4.4 验证部署 300