目录

第1 篇 Spring Boot+Vue.js 方向

第1 章 电瓶车品牌信息管理系统 2

——Vue.js + Spring Boot + MySQL

1.1 开发背景 2

1.2 系统设计 3

1.2.1 开发环境 3

1.2.2 业务流程 3

1.2.3 功能结构 3

1.3 前端技术准备 4

1.3.1 应用程序实例及选项 4

1.3.2 常用指令 7

1.4 后端技术准备 9

1.4.1 pom.xml 文件 9

1.4.2 配置文件的格式 10

1.4.3 注解 11

1.4.4 启动类 13

1.4.5 处理 HTTP 请求 13

1.4.6 Service 层 14

1.5 数据库设计 15

1.6 后端依赖配置和公共模块设计 16

1.6.1 添加依赖和配置信息 16

1.6.2 工具类设计 17

1.6.3 实体类设计 19

1.6.4 DAO 层设计 20

1.7 分页插件模块设计 21

1.7.1 前端设计 22

1.7.2 后端设计 22

1.8 查询电瓶车品牌信息模块设计 23

1.8.1 前端设计 23

1.8.2 后端设计 25

1.9 新增电瓶车品牌信息模块设计 26

1.9.1 前端设计 27

1.9.2 后端设计 28

1.10 删除电瓶车品牌信息模块设计 29

1.10.1 前端设计 29

1.10.2 后端设计 30

1.11 项目运行 30

1.12 源码下载 31

第2 章 寻物启事网站 32

——Vue.js + Spring Boot + MySQL

2.1 开发背景 32

2.2 系统设计 33

2.2.1 开发环境 33

2.2.2 业务流程 33

2.2.3 功能结构 34

2.3 技术准备 34

2.4 数据库设计 35

2.4.1 数据库概述 35

2.4.2 数据表设计 35

2.5 后端依赖配置和公共模块设计 36

2.5.1 添加依赖和配置信息 37

2.5.2 实体类设计 38

2.6 登录模块设计 40

2.6.1 前端设计 40

2.6.2 后端设计 41

2.7 前端导航超链接设计 43

2.7.1 首页头部导航超链接设计 43

2.7.2 管理中心左侧导航超链接设计 44

2.7.3 退出登录超链接设计 45

2.8 查看失物信息模块设计 46

2.8.1 前端设计 46

2.8.2 后端设计 48

2.9 发布寻物启事模块设计 50

2.9.1 前端设计 51

2.9.2 后端设计 52

2.10 修改用户信息模块设计 53

2.10.1 前端设计 54

2.10.2 后端设计 56

2.11 用户管理模块设计 56

2.11.1 前端设计 57

2.11.2 后端设计 60

2.12 分类管理模块设计 61

2.12.1 前端设计 61

2.12.2 后端设计 63

2.13 寻物启事审核模块设计 65

2.13.1 前端设计 66

2.13.2 后端设计 68

2.14 项目运行 69

2.15 源码下载 70

第3 章 明日之星物业管理系统 71

——Vue.js + Spring Boot + MySQL

3.1 开发背景 71

3.2 系统设计 72

3.2.1 开发环境 72

3.2.2 业务流程 72

3.2.3 功能结构 73

3.3 技术准备 73

3.4 数据库设计 74

3.4.1 数据库概述 74

3.4.2 数据表设计 74

3.5 后端依赖配置和公共模块设计 76

3.5.1 添加依赖和配置信息 76

3.5.2 实体类设计 79

3.6 登录模块设计 80

3.6.1 前端设计 81

3.6.2 后端设计 82

3.7 侧边栏设计 84

3.8 缴纳费用模块设计 87

3.8.1 前端设计 87

3.8.2 后端设计 88

3.9 申请报修模块设计 90

3.9.1 前端设计 90

3.9.2 后端设计 91

3.10 报修管理（面向住户）模块设计 92

3.10.1 前端设计 93

3.10.2 后端设计 94

3.11 发起投诉模块设计 95

3.11.1 前端设计 95

3.11.2 后端设计 96

3.12 投诉管理（面向住户）模块设计 97

3.12.1 前端设计 98

3.12.2 后端设计 99

3.13 报修管理（面向管理员）模块设计 100

3.13.1 前端设计 101

3.13.2 后端设计 101

3.14 投诉管理（面向管理员）模块设计 102

3.14.1 前端设计 102

3.14.2 后端设计 103

3.15 收费项目管理模块设计 104

3.15.1 前端设计 105

3.15.2 后端设计 108

3.16 物业人员管理模块设计 109

3.16.1 前端设计 110

3.16.2 后端设计 112

3.17 住户信息管理模块设计 114

3.17.1 前端设计 115

3.17.2 后端设计 118

3.18 退出登录模块设计 120

3.19 项目运行 121

3.20 源码下载 122

第2 篇 Django+Vue.js 方向

第4 章 吃了么外卖网 124

——Vue.js + Element UI + Django +django-redis + MySQL + Redis

4.1 开发背景 125

4.2 系统设计 125

4.2.1 开发环境 125

4.2.2 业务流程 125

4.2.3 功能结构 126

4.3 前端技术准备 126

4.3.1 Vue.js 技术应用 126

4.3.2 Element UI 库的使用 127

4.4 后端技术准备 128

4.4.1 Django 框架的基本使用 128

4.4.2 使用 django-redis 模块操作 Redis数据库 136

4.5 数据库设计 137

4.5.1 数据库设计概要 137

4.5.2 数据表结构 138

4.5.3 数据表关系 140

4.6 店铺模块设计 141

4.6.1 店铺首页 141

4.6.2 店铺详情页 144

4.7 购物车模块设计 148

4.7.1 添加至购物车 148

4.7.2 订单确认 150

4.8 订单模块设计 155

4.8.1 订单生成 155

4.8.2 订单追踪 158

4.8.3 订单管理 161

4.9 项目运行 169

4.10 源码下载 172

第5 章 综艺之家 173

——Bootstrap + Django-simpleui +Echarts + Django + Django-Spirit

5.1 开发背景 174

5.2 系统设计 174

5.2.1 开发环境 174

5.2.2 业务流程 174

5.2.3 功能结构 175

5.3 前端技术准备 175

5.3.1 Bootstrap 前端框架应用 175

5.3.2 Django-simpleui 的使用 177

5.3.3 使用 Echarts 模块显示图表 177

5.4 后端技术准备 179

5.4.1 Django 框架的模型与数据库 179

5.4.2 Django-Spirit 框架的使用 183

5.5 数据库设计 185

5.5.1 数据库设计概要 185

5.5.2 数据表模型 185

5.5.3 数据表关系 187

5.6 前台首页设计 187

5.6.1 后端设计 188

5.6.2 前端设计 189

5.7 综艺详情页设计 189

5.7.1 后端设计 190

5.7.2 前端设计 191

5.8 搜索功能模块设计 192

5.8.1 后端设计 193

5.8.2 前端设计 193

5.9 分类功能模块设计 194

5.9.1 后端设计 195

5.9.2 前端设计 195

5.10 可视化图表模块设计 197

5.10.1 后端设计 197

5.10.2 前端设计 199

5.11 论坛模块设计 200

5.12 后台管理模块设计 203

5.13 项目运行 204

5.14 源码下载 206

第3 篇 Node.js+Vue.js 方向

第6 章 四季旅游信息网 208

——Vue CLI + axios + ElementPlus +Node.js + Express 框架 + MySQL

6.1 开发背景 208

6.2 系统设计 209

6.2.1 开发环境 209

6.2.2 业务流程 209

6.2.3 功能结构 209

6.3 前端技术准备 210

6.3.1 Vue CLI 210

6.3.2 axios 211

6.3.3 ElementPlus 211

6.4 后端技术准备 212

6.4.1 Node.js 212

6.4.2 Express 框架 213

6.5 搭建项目结构 214

6.5.1 生成前端文件夹 214

6.5.2 生成后端文件夹 215

6.5.3 解决跨域问题 216

6.6 数据库设计 216

6.6.1 数据库概述 216

6.6.2 数据表结构 217

6.6.3 数据库连接文件 218

6.7 公共组件设计 219

6.7.1 页面头部组件设计 219

6.7.2 页面底部组件设计 220

6.8 首页设计 221

6.9 热门景点页面设计 224

6.9.1 景点列表组件设计 224

6.9.2 景点列表项组件设计 227

6.9.3 景点详情组件设计 227

6.9.4 门票预订组件设计 230

6.10 酒店住宿页面设计 235

6.10.1 酒店列表组件设计 235

6.10.2 酒店列表项组件设计 238

6.10.3 酒店搜索结果组件设计 239

6.10.4 酒店详情组件设计 240

6.11 游客服务页面设计 242

6.11.1 游客服务组件设计 242

6.11.2 导游组件设计 244

6.11.3 游客须知组件设计 245

6.12 用户中心页面设计 246

6.12.1 用户注册组件设计 247

6.12.2 用户登录组件设计 250

6.12.3 用户管理组件设计 252

6.12.4 用户编辑组件设计 255

6.12.5 用户订单组件设计 258

6.13 项目运行 261

6.14 源码下载 261

第7 章 电影易购APP 262

——Vue CLI + axios + Vant + Swiper +Node.js + Express 框架+ MySQL

7.1 开发背景 262

7.2 系统设计 263

7.2.1 开发环境 263

7.2.2 业务流程 263

7.2.3 功能结构 263

7.3 技术准备 264

7.3.1 Vant 264

7.3.2 Swiper 267

7.4 搭建项目结构 268

7.4.1 生成前端文件夹 268

7.4.2 生成后端文件夹 269

7.4.3 解决跨域问题 269

7.5 数据库设计 270

7.5.1 数据库概述 270

7.5.2 数据表结构 270

7.5.3 数据库连接文件 273

7.6 公共组件设计 274

7.6.1 头部组件设计 274

7.6.2 底部导航栏组件设计 274

7.7 电影页面设计 275

7.7.1 正在热映电影组件设计 275

7.7.2 即将上映电影组件设计 276

7.7.3 电影搜索组件设计 279

7.7.4 电影页面组件设计 281

7.8 选择城市页面设计 282

7.9 影院页面设计 285

7.9.1 影院列表组件设计 285

7.9.2 影院页面组件设计 287

7.10 “我的”页面设计 287

7.10.1 用户登录组件设计 288

7.10.2 用户注册组件设计 290

7.10.3 用户中心组件设计 291

7.10.4 “我的”页面组件设计 293

7.11 实现购票流程相关页面设计 294

7.11.1 购票选择影院页面 294

7.11.2 影院详情页面 296

7.11.3 选择座位页面 301

7.11.4 支付页面 305

7.11.5 订单列表页面 310

7.12 想看的电影页面设计 312

7.13 项目运行 315

7.14 源码下载 316