订单管理
效果展示:
在开发功能之前先创建分支order
cls
清屏
git branch
查看所有分支(*代表当前分支)
git checkout -b order
新建分支order
git push -u origin order
将本地的当前分支提交到云端仓库origin中命名为order
通过路由方式加载订单列表界面+基础布局
加载订单列表界面:
基础布局:
面包屑导航区域+卡片视图区域(搜索区域+Table+分页)
获取订单列表的数据
渲染订单的列表数据
实现订单列表的分页功能
实现搜索订单的功能
写法是这样,但是后台没写模糊搜索接口,无法真正实现
实现修改订单地址的效果
主要实现省市联动效果
由于API文档未提供修改地址的接口,故此处无法实现
调整级联选择器宽度:
效果展示:
实现物流进度的查询
bug:但是一点击查询物流进度按钮后台就崩了
查询了网上的解决方案黑马 Vue 电商后台管理项目中获取物流地址问题解决方法
将物流进度以时间轴的形式展示到物流进度的面板中
效果展示:
PS:这个接口每次点开显示地数据都不同哈哈哈哈哈
提交订单管理代码
git branch
查看当前所有分支
git status
查看当前文件状态
git add .
将所有已修改和添加文件放到暂存区
git commit -m "完成订单功能的开发"
本地提交代码到当前分支
本地order代码提交已完成
git push
将本地当前分支提交到云端
master还是旧代码
git checkout master
切换到master分支
git merge order
合并order代码
git push
将master分支推送到云端