Vue.js 3.X 项目开发实录

第1章  Vue.js开发基础 1
1.1  背景知识 2
1.1.1  客户/服务器体系结构 2
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架构模式 7
1.2.4  三者的区别和优劣 8
1.3  前端开发调试利器 10
1.3.1  开发者的眼——Chrome 10
1.3.2  开发者的手——VS Code 10
1.3.3  开发者的心——Terminal 11
1.4  搭建编程测试环境 12
1.4.1  Vue.js的安装 12
1.4.2  使用NPM搭建Vue运行环境 13
1.4.3  项目开发工具 17
1.4.4  源码管理机制 24
1.5  代码调试方法 25
1.5.1  使用Console工具 25
1.5.2  使用调试工具 27
1.6  本章小结 29
第2章  熟练使用Vue对象、组件与库 31
2.1  挂载Vue对象 32
2.2  操作关联数据 33
2.2.1  data成员 33
2.2.2  computed成员 34
2.2.3  methods成员 35
2.2.4  watch成员 36
2.3  处理生命周期 37
2.4  Vue组件基础 41
2.4.1  创建Vue组件 42
2.4.2  Vue专用组件 44
2.5  设计Vue组件 46
2.5.1  面向组件的v-on指令 46
2.5.2  面向组件的v-model指令 47
2.5.3  预留组件插槽 48
2.6  使用现有组件 49
2.6.1  使用内置组件 49
2.6.2  引入外部组件 53
2.7  使用现有库 54
2.7.1  使用内置库 54
2.7.2  引入外部库 55
2.8  本章小结 57
第3章  企业网站系统 59
3.1  项目环境及框架 60
3.1.1  系统开发环境要求 60
3.1.2  软件框架 60
3.2  搭建Vue项目 61
3.2.1  项目创建 61
3.2.2  安装Vue组件和库 62
3.3  系统分析 64
3.3.1  系统功能设计 65
3.3.2  系统功能结构图 65
3.4  企业网站系统运行 65
3.4.1  系统文件结构 66
3.4.2  运行系统 67
3.5  系统主要功能实现 68
3.5.1  首页的实现 68
3.5.2  关于我们页面的实现 75
3.5.3  核心业务页面的实现 77
3.5.4  新闻动态页面的实现 79
3.5.5  联系我们页面的实现 80
3.5.6  “在线咨询”弹窗的实现 81
3.6  本章小结 82
第4章  商城网站系统 83
4.1  项目环境及框架 84
4.1.1  系统开发环境要求 84
4.1.2  软件框架 84
4.2  系统分析 85
4.2.1  系统功能设计 85
4.2.2  系统功能结构图 85
4.3  商城网站系统运行 86
4.3.1  系统文件结构 86
4.3.2  运行系统 87
4.4  系统主要功能实现 88
4.4.1  首页的实现 88
4.4.2  商品详情页面的实现 95
4.4.3  商品分类页面的实现 96
4.4.4  商品结算页面的实现 98
4.4.5  个人信息页面的实现 102
4.4.6  订单信息页面的实现 104
4.5  本章小结 106
第5章  金融管理系统 107
5.1  项目环境及框架 108
5.1.1  系统开发环境要求 108
5.1.2  软件框架 108
5.2  系统分析 109
5.2.1  系统功能设计 109
5.2.2  系统功能结构图 109
5.3  金融管理系统运行 110
5.3.1  系统文件结构 110
5.3.2  运行系统 111
5.4  系统主要功能实现 112
5.4.1  登录页面的实现 112
5.4.2  注册页面的实现 114
5.4.3  首页的实现 116
5.4.4  用户信息页面的实现 119
5.4.5  放贷信息页面的实现 123
5.4.6  还款信息页面的实现 123
5.5  本章小结 124
第6章  游戏娱乐网站系统 125
6.1  项目环境及框架 126
6.1.1  系统开发环境要求 126
6.1.2  软件框架 126
6.2  系统分析 127
6.2.1  系统功能设计 127
6.2.2  系统功能结构图 127
6.3  游戏娱乐网站系统运行 128
6.3.1  系统文件结构 128
6.3.2  运行系统 129
6.4  系统主要功能实现 130
6.4.1  登录页面的实现 130
6.4.2  注册页面的实现 132
6.4.3  首页的实现 133
6.4.4  游戏详情页面的实现 137
6.4.5  游戏列表页面的实现 141
6.4.6  我的收藏页面的实现 141
6.5  本章小结 142
第7章  在线教育网站系统 143
7.1  项目环境及框架 144
7.1.1  系统开发环境要求 144
7.1.2  软件框架 144
7.2  系统分析 145
7.2.1  系统功能设计 145
7.2.2  系统功能结构图 145
7.3  在线教育网站系统运行 146
7.3.1  系统文件结构 146
7.3.2  运行系统 147
7.4  系统主要功能实现 149
7.4.1  首页的实现 149
7.4.2  课程列表页面的实现 156
7.4.3  合作院校页面的实现 158
7.4.4  高职课堂页面的实现 159
7.4.5  课程详情页面的实现 160
7.4.6  登录注册页面的实现 162
7.5  本章小结 168
第8章  物流运输管理系统 169
8.1  项目环境及框架 170
8.1.1  系统开发环境要求 170
8.1.2  软件框架 170
8.2  系统分析 171
8.2.1  系统功能设计 171
8.2.2  系统功能结构图 171
8.3  物流运输管理系统运行 172
8.3.1  系统文件结构 172
8.3.2  运行系统 173
8.4  系统主要功能实现 174
8.4.1  登录页面的实现 174
8.4.2  注册页面的实现 176
8.4.3  工作台页面的实现 177
8.4.4  物流管理页面的实现 182
8.4.5  用户管理页面的实现 186
8.5  本章小结 187
第9章  图书管理系统 189
9.1  项目环境及框架 190
9.1.1  系统开发环境要求 190
9.1.2  软件框架 190
9.2  系统分析 191
9.2.1  系统功能设计 191
9.2.2  系统功能结构图 191
9.3  图书管理系统运行 192
9.3.1  系统文件结构 192
9.3.2  运行系统 193
9.4  系统主要功能实现 194
9.4.1  登录页面的实现 194
9.4.2  注册页面的实现 196
9.4.3  首页的实现 196
9.4.4  个人中心页面的实现 202
9.4.5  书籍管理页面的实现 204
9.4.6  用户管理页面的实现 207
9.5  本章小结 207
第10章  咖啡馆网站系统 209
10.1  项目环境及框架 210
10.1.1  系统开发环境要求 210
10.1.2  软件框架 210
10.2  系统分析 211
10.2.1  系统功能设计 211
10.2.2  系统功能结构图 211
10.3  咖啡馆网站系统运行 212
10.3.1  系统文件结构 212
10.3.2  运行系统 213
10.4  系统主要功能实现 214
10.4.1  首页的实现 214
10.4.2  商品列表页面的实现 220
10.4.3  商品详情页面的实现 222
10.4.4  意见/投诉页面的实现 224
10.4.5  登录页面的实现 226
10.4.6  注册页面的实现 227
10.5  本章小结 227
第11章  家庭装修网站系统 229
11.1  项目环境及框架 230
11.1.1  系统开发环境要求 230
11.1.2  软件框架 230
11.2  系统分析 231
11.2.1  系统功能设计 231
11.2.2  系统功能结构图 231
11.3  家庭装修网站系统运行 232
11.3.1  系统文件结构 232
11.3.2  运行系统 233
11.4  系统主要功能实现 234
11.4.1  首页的实现 235
11.4.2  关于我们页面的实现 242
11.4.3  新闻资讯页面的实现 244
11.4.4  经典案例页面的实现 245
11.4.5  合作与支持页面的实现 246
11.5  本章小结 248
第12章  订票系统 249
12.1  项目环境及框架 250
12.1.1  系统开发环境要求 250
12.1.2  软件框架 250
12.2  系统分析 251
12.2.1  系统功能设计 251
12.2.2  系统功能结构图 251
12.3  订票系统运行 252
12.3.1  系统文件结构 252
12.3.2  运行系统 253
12.4  系统主要功能实现 254
12.4.1  在线购票页面的实现 254
12.4.2  车次列表页面的实现 260
12.4.3  在线抢票页面的实现 262
12.4.4  我的订单页面的实现 264
12.4.5  订单详情页面的实现 267
12.4.6  我的信息页面的实现 268
12.5  本章小结 268
第13章  财务管理系统 269
13.1  项目环境及框架 270
13.1.1  系统开发环境要求 270
13.1.2  软件框架 270
13.2  系统分析 271
13.2.1  系统功能设计 271
13.2.2  系统功能结构图 271
13.3  财务管理系统运行 272
13.3.1  系统文件结构 272
13.3.2  运行系统 273
13.4  系统主要功能实现 274
13.4.1  登录页面的实现 274
13.4.2  注册页面的实现 276
13.4.3  营收分析页面的实现 278
13.4.4  审批列表页面的实现 280
13.4.5  预算列表页面的实现 281
13.5  本章小结 284
第14章  项目信息化管理系统 285
14.1  项目环境及框架 286
14.1.1  系统开发环境要求 286
14.1.2  软件框架 286
14.2  系统分析 287
14.2.1  系统功能设计 287
14.2.2  系统功能结构图 287
14.3  项目信息化管理系统运行 288
14.3.1  系统文件结构 288
14.3.2  运行系统 289
14.4  系统主要功能实现 290
14.4.1  登录页面的实现 290
14.4.2  注册页面的实现 292
14.4.3  首页的实现 292
14.4.4  我的项目页面的实现 296
14.4.5  项目跟进页面的实现 299
14.4.6  项目报备页面的实现 303
14.5  本章小结 303
第15章  办公自动化系统 305
15.1  项目环境及框架 306
15.1.1  系统开发环境要求 306
15.1.2  软件框架 306
15.2  系统分析 307
15.2.1  系统功能设计 307
15.2.2  系统功能结构图 307
15.3  办公自动化系统运行 308
15.3.1  系统文件结构 308
15.3.2  运行系统 309
15.4  系统主要功能实现 310
15.4.1  登录页面的实现 310
15.4.2  概况页面的实现 312
15.4.3  员工信息页面的实现 316
15.4.4  招聘岗位页面的实现 318
15.4.5  招聘者信息页面的实现 318
15.4.6  考勤信息页面的实现 319
15.4.7  签到信息页面的实现 319
15.5  本章小结 320