vue2+elementui+vue-router+vuex+vue-amap+高德地图原生api+七牛云上传图片+elmentui组件二次封装
├─视频
│ ├─第1节 了解项目、分析项目
│ │ 第1学时 租车项目业务扩展思维.mp4
│ │ 第2学时 分析整合,梳理有可能开发的功能.mp4
│ │ 第3学时 项目需求文档、原型工具Axure.mp4
│ │ 第4学时 项目流程图.mp4
│ │ 第5学时 项目框架图.mp4
│ │ 第6学时 首页原型绘制、多方面的交互思考.mp4
│ │ 第7学时 会员中心原型绘制.mp4
│ │ 第8学时 原型绘制 我的帐户 充值、优惠券、订单列表.mp4
│ │ 第9学时 了解项目开发的流程、项目需求文档的基础说明.mp4
│ │ 第10学时 测试用例编写,了解测试用例的作用.mp4
│ │ 第11学时 登录、注册程序逻辑图分析.mp4
│ │
│ ├─第2节 前端UI制作
│ │ 第12学时 初始化项目、申请高德地图key、初始化地图.mp4
│ │ 第13学时 引入高德地图原生SDK,项目模块拆分、地图模块、车辆UI模块、会员模块.mp4
│ │ 第14-1学时 首页车辆列表制作.mp4
│ │ 第14学时 监听路由变量、首页布局.mp4
│ │ 第15学时 vue-swiper滑动块插件、车辆列表滑动布局.mp4
│ │ 第16学时 车辆详情布局.mp4
│ │ 第17学时 会员首页UI布局,点击空白处关闭会员.mp4
│ │ 第18学时 头部返回全局组件,ElementUI form组件样式重写.mp4
│ │
│ ├─第3节 车辆管理分析
│ │ 第19学时 后台系统仓库项目建立、停车场列表、新增停车场页面制作.mp4
│ │ 第20学时 车辆品牌菜单、el-dialog组件,单向数据流通讯、修饰符.sync.mp4
│ │ 第21学时 车辆管理原型分析.mp4
│ │ 第22学时 车辆新增UI制作、交互、富文本插件.mp4
│ │ 第23学时 ElementUI 级联选择器处理动态省市区加载,封装为组件.mp4
│ │ 第24学时 省市区代码优化、高德地图方法封装、父子组件通讯调用父组件方法.mp4
│ │ 第25学时 省市区与地图交互、组件通讯$emit回调技巧、高德地图AMap.Geocoder插件.mp4
│ │
│ ├─第4节 停车场模块开发
│ │ 第26学时 新增停车场接口联调,表单验证,组件通讯(父组件调用子组件方法),高德地图覆盖物(点).mp4
│ │ 第27学时 停车场列表接口联调,页码处理,配置数据统一管理.mp4
│ │ 第28学时 筛选项字段处理,只提交已填写的数据,弹窗加载地图并居于覆盖物定位.mp4
│ │ 第29学时 地图加载与接口异步解决方案、获取详细接口联调、了解程序上的基本语法.mp4
│ │ 第30学时 停车场管理 编辑API、删除API、filters语法、table加载优化.mp4
│ │
│ ├─第5节 el-table 组件二次封装
│ │ 第31学时 VUE核心之一,el-table组件二次封装,配置参数渲染table组件,回调渲染,动态URL请求.mp4
│ │ 第32学时 VUE核心之一,el-table组件二次封装,slot具名插槽,请求参数及Url配置.mp4
│ │ 第33学时 接口请求交互优化,防止连续点击,新增品牌接口联调,弹窗数据优化.mp4
│ │ 第34学时 车辆品牌列表、删除、编辑、禁启用接口联调,弹窗数据传输方式,引用对象分离.mp4
│ │
│ ├─第6节 el-form组件二次封装
│ │ 第35-1学时 ElementUI el-form表单二次组件封装 - 校验规则 .mp4
│ │ 第35-2学时 ElementUI el-form表单二次组件封装 - 数据初始化 .mp4
│ │ 第35学时 ElementUI el-form表单二次组件封装.mp4
│ │
│ ├─第7节 车辆管理模块开发
│ │ 第36-1学时 车辆新增模块接口联调 - 组件交互逻辑.mp4
│ │ 第36学时 车辆新增模块接口联调.mp4
│ │ 第37学时 车辆添加表单验证、车辆列表接口联调.mp4
│ │ 第38学时 车辆列表接口联调,状态、删除、修改、详情.mp4
│ │ 第39学时 el-table编辑按钮、删除按钮封装.mp4
│ │
│ ├─第8节 搜索组件二次封装
│ │ 第40-1学时 筛选组件 el-form 外部传入数据.mp4
│ │ 第40-2学时 筛选组件 el-form 传参优化,封装 upload 组件.mp4
│ │ 第40学时 筛选组件 el-form 封装与el-table搜索交互.mp4
│ │
│ ├─第9节 前端 vue-amap结合高德地图使用
│ │ 第41学时 web端 - 准备工作,多个接口跨域配置.mp4
│ │ 第42学时 web端 - GIT分支的管理.mp4
│ │ 第43学时 web端 - vue-amap结合高德地图共同应用、获取自身的定位、圆的绘制、停车场接口请求.mp4
│ │ 第44学时 web端 - vuex模块化,组件通讯,地图重置定位.mp4
│ │
│ ├─第10节 前端 停车场开发
│ │ 第45学时 web端 - 停车场定位渲染、el-amap-marker应用.mp4
│ │ 第46-1学时 web端 - 停车场信息优化.mp4
│ │ 第46学时 web端 - 停车场信息渲染、步行规划路线,点对点的路线的渲染.mp4
│ │ 第47学时 web端 - 车辆接口联调,列表渲染.mp4
│ │
│ ├─第11节 后台 自定义车辆属性
│ │ 第48-1学时 后台 - 自定义车辆属性开发 - async、await异步.mp4
│ │ 第48-2学时 后有需要联系v;lyjlyj13141314台 - 自定义车辆属性开发 - 动态生成属性.mp4
│ │ 第48-3学时 后台 - 自定义车辆属性开发 - 动态绑定 key ,$set 方法.mp4
│ │ 第48-4学时 后台 - 车辆总公里数计算,computed.mp4
│ │ 第48学时 后台 - 自定义车辆属性开发.mp4
│ │
│ ├─第12节 前端 车辆信息开发
│ │ 第48-5学时 web端 - 公里数、能源类型、座位,filters过滤方法封装.mp4
│ │ 第49学时 web端 - 车辆列表的显示、隐藏交互,车辆信息展开、收起动作.mp4
│ │
│ ├─第13节 后端 租车类型模块开发
│ │ 第50 -1学时 后端 - 租赁弹窗修改,常遇见的3个BUG,Object.assign解决方案.mp4
│ │ 第50-2学时 后端 - 租赁类型接口联调.mp4
│ │ 第50学时 后端 - 租赁车辆需求开发,table组件封装switch.mp4
│ │
│ ├─第14节 前端 帐户体系 - 登录、注册、忘记密码
│ │ 第51-1学时 web端 - 帐户体系开发、用户名、倒计时封装、理解为何要封装组件.mp4
│ │ 第51-2学时 web端 - 帐户体系开发、form组件封装及规则校验.mp4
│ │ 第51-3学时 web端 - 帐户体系开发、注册接口、登录接口联调、跳转逻辑.mp4
│ │ 第51-4学时 web端 - 帐户体系开发、vuex封装接口.mp4
│ │ 第51学时 web端 - 帐户体系开发.mp4
│ │
│ ├─第15节 后端会员管理模块
│ │ 第52-1学时 后台 - 会员编辑接口.mp4
│ │ 第52学时 后台 - 会员管理模块.mp4
│ │
│ └─第16节 前端 预约用车逻辑
│ 第53学时 前端 - 预约用车逻辑.mp4
│ 第54-1学时 前端 - 支付流程讲解,开发逻辑.mp4
│ 第54-2学时 前端 - 支付流程讲解,开发逻辑.mp4
│ 第54学时 前端 - 支付流程讲解,开发逻辑.mp4
│ 第55学时 前端 - 租车下单逻辑.mp4
│ 第56学时 后台 - 订单模块.mp4
│ 第57学时 前端 - 取车、还车流程开发.mp4
│ 第58学时 前端 - 取车、还车流程开发.mp4
│ 第59学时 完结.mp4
│
├─ui稿件
│ ├─JPG
│ │ 会员中心 - 安全设置 - 修改登录密码.jpg
│ │ 会员中心 - 安全设置 - 绑定手机号.jpg
│ │ 会员中心 - 安全设置 - 绑定银行卡 - 已绑定.jpg
│ │ 会员中心 - 安全设置 - 绑定银行卡 - 未绑定.jpg
│ │ 会员中心 - 安全设置 - 绑定银行卡 - 添加银行卡.jpg
│ │ 会员中心 - 安全设置 - 设置资金密码.jpg
│ │ 会员中心 - 安全设置.jpg
│ │ 会员中心 - 实名认证 - sfz上传.jpg
│ │ 会员中心.jpg
│ │ 注册.jpg
│ │ 登录.jpg
│ │ 首页 - 选择车辆.jpg
│ │ 首页.jpg
│ │
│ └─PSD
│ 会员中心 - 安全设置 - 修改登录密码.psd
│ 会员中心 - 安全设置 - 绑定手机号.psd
│ 会员中心 - 安全设置 - 绑定银行卡 - 已绑定.psd
│ 会员中心 - 安全设置 - 绑定银行卡 - 未绑定.psd
│ 会员中心 - 安全设置 - 绑定银行卡 - 添加银行卡.psd
│ 会员中心 - 安全设置 - 设置资金密码.psd
│ 会员中心 - 安全设置.psd
│ 会员中心 - 实名认证 - sfz上传.psd
│ 会员中心 - 实名认证 - 驾驶证上传.psd
│ 会员中心 - 帐户信息 - 会员等级 - 积分详情 .psd
│ 会员中心 - 帐户信息 - 会员等级 .psd
│ 会员中心 - 帐户信息 - 去充值 .psd
│ 会员中心 - 帐户信息.psd
│ 会员中心.psd
│ 帐户 - 忘记密码.psd
│ 帐户 - 注册.psd
│ 帐户 - 登录.psd
│ 登录.psd
│ 首页 - 选择车辆.psd
│
├─源码
│ vue-cars-admin-master.zip
│ vue-cars-web-master.zip
│
├─课件
│ │ 第1学时 租车项目业务扩展思维.png
│ │ 第2学时 分析整合,梳理有可能开发的功能.png
│ │ 第10学时 测试用例编写,了解测试用例的作用 - 在线租车项目 - 测试用例.xlsx
│ │ 第12学时 初始化项目、申请高德地图key、初始化地图.pptx
│ │ 第17学时 会员首页UI布局,点击空白处关闭会员.pptx
│ │ 第20学时 vue快速生成代码.pptx
│ │ 第22学时 车辆新增UI制作、交互、富文本插件.pptx
│ │ 第25学时 省市区与地图交互、组件通讯$emit回调技巧、高德地图AMap.Geocoder插件.pptx
│ │ 第29学时 地图加载与接口异步解决方案、获取详细接口联调、了解程序上的基本语法.mp4
│ │ 第41学时 登录文件等.zip
│ │ 第42学时 web端 - GIT分支的管理.pptx
│ │
│ └─第3学时
│ 项目管理-需求说明文档 -- 仅学习使用.doc
│
└─资料
normalize.scss
vue.config.js