《Vue.js 3.X项目开发实录》采用基础知识 项目实践的结构和由浅入深,由深到精的讲解模式编写。
《Vue.js 3.X项目开发实录》共15章,讲解了Vue的基本语法、Vue简单实例和Vue的基本特性,以及Vue的一些指令等基础知识,还深入地讲解Vue的组件和库等核心编程技术,并在项目实例中介绍了Vue框架中路由、编辑器、动态组件以及常用的Vue插件的使用。在实践环节详细讲述了企业网站系统、天天新鲜商城网站系统、金融管理系统、游戏娱乐网站系统、在线教育网站系统、物流运输管理系统、图书管理系统、咖啡馆网站系统、家庭装修网站系统、订票系统、财务管理系统、项目信息化管理系统和办公自动化系统的开发实践过程。
《Vue.js 3.X项目开发实录》的目的是从多角度、全方位竭力帮助读者快速掌握软件开发技能,构建从高校到社会与企业的就职桥梁,让有志于从事软件开发的读者轻松步入职场。
《Vue.js 3.X项目开发实录》适用于希望学习前端开发的初、中级程序员。
《Vue.js 3.X项目开发实录》的特色如下:
1. 结构科学,易于自学
本书在内容组织和范例设计中充分考虑到初学者的特点,由浅入深,循序渐进,无论您是否接触过框架,都能从本书中找到适合的起点。
2. 超多、实用、专业的范例和实践项目
本书结合实际工作中的应用范例逐一讲解Vue前端框架的各种知识和技术,在项目实战章节中更以13个项目案例来介绍Vue.js的知识和技能,使您在实践中掌握知识,轻松拥有项目开发经验。
本书附赠丰富超值的优质资源库,具体内容如下。
(1) 配套学习与教学资源库,提升读者的学习效率。
本书中13个大型项目案例以及325个实例源代码。
本书配套上机实训指导手册及本书教学PPT课件。
(2) 职业成长资源库,突破读者职业规划与发展瓶颈。
求职资源库:206套求职简历模板库、680套毕业答辩与学术开题报告PPT模板库。
面试资源库:程序员面试技巧、100例常见面试(笔试)题库、200道求职常见面试(笔试)真题与解析。
职业资源库:100例常见错误及解决方案、210套岗位竞聘模板、MySQL数据库开发技巧查询手册、程序员职业规划手册、开发经验及技巧集、软件工程师技能手册。
(3) 软件开发魔典资源库,拓展读者学习本书的深度和广度。
案例资源库:80套经典案例库。
项目资源库:40套大型完整项目案例库。
软件开发文档模板库:10套8大行业项目开发文档模板库。
编程水平测试系统:计算机水平测试、编程水平测试、编程逻辑能力测试、编程英语水平测试。
本书是专门为初学者量身打造的零编程基础学习与项目实践用书。
本书针对零基础和中级学者,通过案例引导读者深入技能学习和项目实践,既满足了初学者对Vue.js基础知识的需求,又满足了中级读者对Vue.js框架方面知识和项目实践方面的职业实战技能的需求。
Vue.js最佳学习线路
本书以Vue.js最佳的学习模式来安排内容,第1~2章可使读者掌握Vue的基础知识、Vue的核心应用、Vue的核心技术等知识,第3~15章可使读者拥有多个行业项目开发经验。读者如果遇到问题,可以通过在线技术支持让有经验的程序员答疑解惑。
本书内容
第1~2章为基础知识,主要讲解Vue.js的基础知识、Vue.js的发展历程、使用的开发软件等,为更加深入地学习后面的章节进行铺垫,为使用Vue.js前端框架开发项目奠定基础。通过对这两章的学习,读者可以了解Vue.js基础知识及其发展历程,了解Vue.js的模式以及它和其他流行前端框架之间的区别等。
第3~15章为项目实战,主要讲解Vue.js的实战项目开发,包括:企业网站系统、商城网站系统、金融管理系统、游戏娱乐网站系统、在线教育网站系统、物流运输管理系统、图书管理系统、咖啡馆网站系统、家庭装修网站系统、订票系统、财务管理系统、项目信息化管理系统和办公自动化系统。通过这几章的学习,读者将对前端Vue框架在实际项目开发中有一个深切的体会,为日后进行软件项目管理及实战开发积累经验。
全书融入了作者丰富的工作经验和多年的使用心得,具有较强的实用性和可操作性,读者系统学习后可以掌握Vue前端框架的基础知识,拥有全面的框架编程能力、优良的团队协同技能和丰富的项目实战经验。编写本书的目的就是让框架初学者快速成长为一名合格的中级程序员,通过演练积累项目开发经验和团队合作技能,在未来的职场中获得一个较高的起点,并能迅速地融入软件开发团队中。
本书特色
1. 结构科学,易于自学
本书在内容组织和范例设计中充分考虑到初学者的特点,由浅入深,循序渐进,无论您是否接触过框架,都能从本书中找到最佳起点。
2. 超多、实用、专业的范例和实践项目
本书结合实际工作中的应用范例逐一讲解Vue前端框架的各种知识和技术,在项目实战章节中更以13个项目案例来介绍Vue.js的知识和技能,使您在实践中掌握知识,轻松拥有项目开发经验。
本书附赠超值王牌资源库
本书附赠丰富超值的王牌资源库,具体内容如下。
(1) 配套学习与教学资源库,提升读者的学习效率。
本书中13个大型项目案例以及325个实例源代码。
本书配套上机实训指导手册及本书教学PPT课件。
(2) 职业成长资源库,突破读者职业规划与发展瓶颈。
求职资源库:206套求职简历模板库、680套毕业答辩与学术开题报告PPT模板库。
面试资源库:程序员面试技巧、100例常见面试(笔试)题库、200道求职常见面试(笔试)真题与解析。
职业资源库:100例常见错误及解决方案、210套岗位竞聘模板、MySQL数据库开发技巧查询手册、程序员职业规划手册、开发经验及技巧集、软件工程师技能手册。
(3) 软件开发魔典资源库,拓展读者学习本书的深度和广度。
案例资源库:80套经典案例库。
项目资源库:40套大型完整项目案例库。
软件开发文档模板库:10套8大行业项目开发文档模板库。
编程水平测试系统:计算机水平测试、编程水平测试、编程逻辑能力测试、编程英语水平测试。
? 软件学习工具及电子书资源库:类库查询电子书、常用快捷键电子书、使用技巧电子书、程序员职业规划电子书、常见错误及解决方案、开发经验及技巧大汇总。
本书适合哪些读者阅读
本书适合以下读者阅读。
没有任何前端Vue框架基础的初学者。
有一定的前端Vue框架开发基础,想精通编程的人员。
有一定的前端Vue框架开发基础,没有项目实践经验的人员。
正在进行软件专业相关毕业设计的学生。
大中专院校及培训学校的老师和学生。
本书由淄博职业学院的赵飒飒老师编写,在本书编写过程中,我们尽己所能将最好的讲解呈现给读者,但由于水平有限,因而难免有疏漏和不妥之处,敬请读者不吝指正。
编 者
一线软件工程师,擅长Android、Vue.js、React,有丰富的专业知识和开发经验,曾负责并上线多个大型Web项目。多年来一直致力于分享实践经验,拥有粉丝10万余。
第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