Echarts-Vue电商控制平台

Echarts-Vue电商控制平台

    • 前端项目展示
      • 1、Echarts-商家销售统计
      • 2、Echarts-商品销量趋势图
      • 3、Echarts-商家分布
      • 4、Echarts-饼图
      • 5、Echarts-库存销量分析
      • 6、Echarts-地区销售排行
      • 7、Echarts-主页
    • 项目地址
    • 如何将项目运行起来?

前端项目展示

主要有六个图表组成,通过使用Vue框架对前端进行合理封装,对页面进行组件化展示。

1、Echarts-商家销售统计

2、Echarts-商品销量趋势图

3、Echarts-商家分布

4、Echarts-饼图

Echarts-Vue电商控制平台_第1张图片

5、Echarts-库存销量分析

Echarts-Vue电商控制平台_第2张图片

6、Echarts-地区销售排行

7、Echarts-主页

项目地址

1、 前端地址
2、后端地址

如何将项目运行起来?

1、将项目下载到本地,检查电脑是否具有运行该项目的环境。
检查方法:win + R打开控制命令行,输入:

node -v

查看node的版本,如果电脑中没有node环境,可以查看该博客 node.js安装教程,进行node环境的搭建。
2、打开控制命令行,进入到后端文件夹(Echarts-WebSocket)中,执行以下命令:

npm install
node app,js

此时后端已经运行起来;
3、打开控制命令行,进入到前端文件夹(Echarts-Vue)中,执行以下命令:

npm install
npm run serve

此时前端页面已经呈现出来。

你可能感兴趣的:(Vuejs,vue,nodejs,web,vue.js)