Plataforma de control de comercio electrónico Echarts-Vue

Visualización del proyecto de front-end

Se compone principalmente de seis gráficos. El front-end está razonablemente encapsulado utilizando el marco de trabajo Vue, y la página se muestra en componentes.

1. Estadísticas de ventas comerciales de Echarts

Inserte la descripción de la imagen aquí

2. Gráfico de tendencias de ventas de productos básicos de Echarts

Inserte la descripción de la imagen aquí

3. Echarts-distribución de comerciantes

Inserte la descripción de la imagen aquí

4. Gráfico circular de Echarts

Inserte la descripción de la imagen aquí

5. Análisis de ventas de Echarts-Inventory

Inserte la descripción de la imagen aquí

6. Ranking de ventas regional de Echarts

Inserte la descripción de la imagen aquí

7. Echarts-Homepage

Inserte la descripción de la imagen aquí

dirección del proyecto

1. Dirección de front-end
2. Dirección de back-end

¿Cómo poner en marcha el proyecto?

1. Descargue el proyecto al local y verifique si la computadora tiene un entorno para ejecutar el proyecto.
Método de verificación: win + R para abrir la línea de comando de control e ingresar:

node -v

Verifique la versión del nodo. Si no hay un entorno de nodo en su computadora, puede consultar el tutorial de instalación del blog node.js para construir el entorno de nodo.
2. Abra la línea de comando de control, ingrese a la carpeta de backend (Echarts-WebSocket) y ejecute el siguiente comando:

npm install
node app,js

En este punto, el backend se está ejecutando;
3. Abra la línea de comando de control, ingrese la carpeta del frontend (Echarts-Vue) y ejecute el siguiente comando:

npm install
npm run serve

En este punto, se ha renderizado la página de inicio.

Supongo que te gusta

Origin blog.csdn.net/gets_s/article/details/114396594
Recomendado
Clasificación