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 3.X项目开发实录》采用“基础知识+项目实践”的结构和“由浅入深，由深到精”的讲解模式编写。 《Vue.js 3.X项目开发实录》共15章，讲解了Vue的基本语法、Vue简单实例和Vue的基本特性，以及Vue的一些指令等基础知识，还深入地讲解Vue的组件和库等核心编程技术，并在项目实例中介绍了Vue框架中路由、编辑器、动态组件以及常用的Vue插件的使用。在实践环节详细讲述了企业网站系统、天天新鲜商城网站系统、金融管理系统、游戏娱乐网站系统、在线教育网站系统、物流运输管理系统、图书管理系统、咖啡馆网站系统、家庭装修网站系统、订票系统、财务管理系统、项目信息化管理系统和办公自动化系统的开发实践过程。 《Vue.js 3.X项目开发实录》的目的是从多角度、全方位竭力帮助读者快速掌握软件开发技能，构建从高校到社会与企业的就职桥梁，让有志于从事软件开发的读者轻松步入职场。 《Vue.js 3.X项目开发实录》适用于希望学习前端开发的初、中级程序员。 "

一线软件工程师，擅长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