Echarts-Vue e-commerce control platform

Front-end project display

It is mainly composed of six charts. The front-end is reasonably encapsulated by using the Vue framework, and the page is displayed in components.

1. Echarts-merchant sales statistics

2. Echarts-commodity sales trend chart

3. Echarts-distribution of merchants

4. Echarts-pie chart

5. Echarts-Inventory sales analysis

6. Echarts-regional sales ranking

7. Echarts-Homepage

project address

1. Front-end address
2. Back-end address

How to get the project up and running?

1. Download the project to the local and check whether the computer has an environment to run the project.
Check method: win + R to open the control command line and enter:

node -v

Check the version of node. If there is no node environment on your computer, you can check the blog node.js installation tutorial to build the node environment.
2. Open the control command line, enter the backend folder (Echarts-WebSocket), and execute the following command:

npm install
node app,js

At this point the backend is running;
3. Open the control command line, enter the frontend folder (Echarts-Vue), and execute the following command:

npm install
npm run serve

At this point, the front-end page has been rendered.