vue.js从入门到深入再到随心而用————vue电商项目007(订单管理模块和数据统计模块)

1.订单管理模块

1.1创建order子分支添加路由规则

创建order子分支并推送到码云
创建order子分支: git checkout -b order
将order分支推送到码云： git push -u origin order

1.2初始化

//在components中新建order文件夹，新建Order.vue组件，组件中添加代码如下

1.3实现数据展示及分页

1.4制作省市区县联动

省市级联的数据是下载好的放到和order.vue同一个文件夹下，然后导入citydata.js文件

//给修改地址按钮添加点击事件

//添加修改地址对话框,在卡片视图下方添加


    
    
        
            
        
        
            
        
    
    
        取 消
        确 定
    


//js部分的代码

1.5物流进度

因为我们使用的是element-ui中提供的Timeline组件，所以需要导入并注册组件
打开element.js,进行对应的注册

打开Order.vue文件，添加代码实现物流进度对话框

    
    
        
            {{activity.context}}
        
    

1.6推送代码

将order分支代码推送至码云
将代码添加到暂存区：  git add .
将代码提交到本地仓库： git commit -m "完成订单列表功能开发"
将代码推送到码云：  git push
切换到master主分支： git checkout master
将goods_list分支代码合并到master: git merge order
将master推送到码云：  git push

1.7完整的代码和效果图

2.数据统计模块

2.1新建Report.vue组件和初始化

//在components中新建report文件夹，新建Report.vue组件,记得添加路由规则

初始化

2.2导入ECharts并使用

在这里就直接放出完整的代码了

2.3推送代码

推送report分支到码云
将代码添加到暂存区： git add .
将代码提交到本地仓库： git commit -m “完成数据报表功能开发”
将代码推送到码云： git push
切换到master主分支： git checkout master
将report分支代码合并到master: git merge report
将master推送到码云： git push

2.4效果图

到这里项目基本上写完了，但是还是有很多不足，所以接下来我们需要进行优化，持续更新哦！！！！