第16任务：手把手撸码前端VUE2x在线租车项目，后台系统开发，项目分析、扩展逻辑思维、程序逻辑分析、高德地图API -锐亚教育

第1任务：第1学时租车项目业务扩展思维

第2任务：第2学时分析整合，梳理有可能开发的功能

第3任务：第3学时项目需求文档、原型工具Axure

第4任务：第4学时项目流程图

第5任务：第5学时项目框架图

第6任务：第6学时首页原型绘制、多方面的交互思考

第7任务：第7学时会员中心原型绘制

第8任务：第8学时原型绘制我的帐户充值、优惠券、订单列表

第9任务：第9学时了解项目开发的流程、项目需求文档的基础说明

第10任务：第10学时测试用例编写，了解测试用例的作用

第11任务：第11学时登录、注册程序逻辑图分析

第12任务：第12学时初始化项目、申请高德地图key、初始化地图

第13任务：第13学时引入高德地图原生SDK，项目模块拆分、地图模块、车辆UI模块、会员模块

第14任务：第14学时监听路由变量、首页布局

第15任务：第14-1学时首页车辆列表制作

第16任务：第15学时 vue-swiper滑动块插件、车辆列表滑动布局

第17任务：第16学时车辆详情布局

第18任务：第17学时会员首页UI布局，点击空白处关闭会员

第19任务：第18学时头部返回全局组件，ElementUI form组件样式重写

第20任务：第19学时后台系统仓库项目建立、停车场列表、新增停车场页面制作

第21任务：第20学时车辆品牌菜单、el-dialog组件，单向数据流通讯、修饰符.sync

第22任务：第21学时车辆管理原型分析

第23任务：第22学时车辆新增UI制作、交互、富文本插件

第24任务：第23学时 ElementUI 级联选择器处理动态省市区加载，封装为组件

第25任务：第24学时省市区代码优化、高德地图方法封装、父子组件通讯调用父组件方法

第26任务：第25学时省市区与地图交互、组件通讯$emit回调技巧、高德地图AMap.Geocoder插件

第27任务：第26学时新增停车场接口联调，表单验证，组件通讯（父组件调用子组件方法），高德地图覆盖物（点）

第28任务：第28学时筛选项字段处理，只提交已填写的数据，弹窗加载地图并居于覆盖物定位

第29任务：第29学时地图加载与接口异步解决方案、获取详细接口联调、了解程序上的基本语法

第30任务：第30学时停车场管理编辑API、删除API、filters语法、table加载优化

第31任务：第31学时 VUE核心之一，el-table组件二次封装，配置参数渲染table组件，回调渲染，动

第32任务：第33学时接口请求交互优化，防止连续点击，新增品牌接口联调，弹窗数据优化

第33任务：第34学时车辆品牌列表、删除、编辑、禁启用接口联调，弹窗数据传输方式，引用对象分离

第34任务：第35学时 ElementUI el-form表单二次组件封装

第35任务：第35-2学时 ElementUI el-form表单二次组件封装 - 数据初始化

第36任务：第36学时车辆新增模块接口联调

第37任务：第36-1学时车辆新增模块接口联调 - 组件交互逻辑

第38任务：第37学时车辆添加表单验证、车辆列表接口联调

第39任务：第38学时车辆列表接口联调，状态、删除、修改、详情

第40任务：第39学时 el-table编辑按钮、删除按钮封装

第41任务：第40学时筛选组件 el-form 封装与el-table搜索交互

第42任务：第40-2学时筛选组件 el-form 传参优化，封装 upload 组件

第43任务：第41学时 web端 - 准备工作，多个接口跨域配置

第44任务：第42学时 web端 - GIT分支的管理

第45任务：第43学时 web端 - vue-amap结合高德地图共同应用、获取自身的定位、圆的绘制、停车场接

第46任务：第44学时 web端 - vuex模块化，组件通讯，地图重置定位

第47任务：第45学时 web端 - 停车场定位渲染、el-amap-marker应用

第48任务：第46学时 web端 - 停车场信息渲染、步行规划路线，点对点的路线的渲染

第49任务：第46-1学时 web端 - 停车场信息优化

第50任务：第47学时 web端 - 车辆接口联调，列表渲染

第51任务：第48学时后台 - 自定义车辆属性开发

第52任务：第48-1学时后台 - 自定义车辆属性开发 - async、await异步

第53任务：第48-3学时后台 - 自定义车辆属性开发 - 动态绑定 key ，$set 方法

第54任务：第48-5学时 web端 - 公里数、能源类型、座位，filters过滤方法封装

第55任务：第49学时 web端 - 车辆列表的显示、隐藏交互，车辆信息展开、收起动作

第56任务：第50学时后端 - 租赁车辆需求开发，table组件封装switch

第57任务：第50-1学时后端 - 租赁弹窗修改，常遇见的3个BUG，Object.assign解决方案

第58任务：第51-1学时 web端 - 帐户体系开发、用户名、倒计时封装、理解为何要封装组件

第59任务：第51-3学时 web端 - 帐户体系开发、注册接口、登录接口联调、跳转逻辑

第60任务：第51-4学时 web端 - 帐户体系开发、vuex封装接口

第61任务：第52学时后台 - 会员管理模块

第62任务：第53学时前端 - 预约用车逻辑

第63任务：第54-1学时前端 - 支付流程讲解，开发逻辑

第64任务：第54-2学时前端 - 支付流程讲解，开发逻辑

第65任务：第55学时前端 - 租车下单逻辑

第66任务：第56学时后台 - 订单模块

第67任务：第57学时前端 - 取车、还车流程开发

手把手撸码前端VUE2x在线租车项目，后台系统开发，项目分析、扩展逻辑思维、程序逻辑分析、高德地图API

第16任务： 第15学时 vue-swiper滑动块插件、车辆列表滑动布局

任务列表

第16任务：第15学时 vue-swiper滑动块插件、车辆列表滑动布局