Descarga mall admin web - Descarga del código fuente mall admin web

mall admin web

Otras categorias

v1.0.0

Descargar

centro-centro-admin-web

Prefacio

Este proyecto es la parte frontal del proyecto de separación de front-end y back-end, y la dirección mall del proyecto back-end es: Portal.

Introducción del proyecto

mall-admin-web es un proyecto front-end para un sistema de gestión backend de comercio electrónico, implementado en base a Vue+Element. Incluye principalmente funciones como gestión de productos, gestión de pedidos, gestión de miembros, gestión de promociones, gestión de operaciones, gestión de contenidos, informes estadísticos, gestión financiera, gestión de autoridades y configuración.

Demostración del proyecto

Dirección de demostración en línea del proyecto: https://www.macrozheng.com/admin/

Selección de tecnología

tecnología	ilustrar	Sitio web oficial
vista	marco frontal	https://vuejs.org/
enrutador vue	marco de enrutamiento	https://router.vuejs.org/
Vuex	Marco de gestión estatal global	https://vuex.vuejs.org/
Elemento	Marco de interfaz de usuario frontal	https://element.eleme.io/
axios	Marco HTTP frontal	https://github.com/axios/axios
gráficos v	Marco de gráficos basado en Echarts	https://v-charts.js.org/
galleta js	herramientas de gestión de cookies	https://github.com/js-cookie/js-cookie
progreso	control de barra de progreso	https://github.com/rstacruz/nprogress
vue-elemento-admin	Referencia de andamios de proyecto.	https://github.com/PanJiaChen/vue-element-admin

Diseño del proyecto

 src -- 源码目录
├── api -- axios网络请求定义
├── assets -- 静态图片资源文件
├── components -- 通用组件封装
├── icons -- svg矢量图片文件
├── router -- vue-router路由配置
├── store -- vuex的状态管理
├── styles -- 全局css样式
├── utils -- 工具类
└── views -- 前端页面
    ├── home -- 首页
    ├── layout -- 通用页面加载框架
    ├── login -- 登录页
    ├── oms -- 订单模块页面
    ├── pms -- 商品模块页面
    └── sms -- 营销模块页面

Pasos de construcción

Descargue el nodo e instálelo: https://nodejs.org/dist/v12.14.0/node-v12.14.0-x64.msi;
Este proyecto es un proyecto de separación de front-end y back-end. Para acceder a la interfaz de acceso local, debe crear un entorno de back-end para la construcción, consulte el portal del proyecto de back-end;
No es necesario crear un entorno backend para acceder a la interfaz en línea, simplemente cambie BASE_API en el archivo config/dev.env.js a https://admin-api.macrozheng.com;
Si se está conectando al backend del microservicio Mall-swarm, se debe acceder a todas las interfaces a través de la puerta de enlace y debe cambiar BASE_API en el archivo config/dev.env.js a http://localhost:8201/mall- administración;
Clone el código fuente localmente, ábralo con IDEA y complete la compilación;
Ejecute el comando en la línea de comando de IDEA: npm install para descargar dependencias relacionadas;
Ejecute el comando en la línea de comando de IDEA: npm run dev , ejecute el proyecto;
Dirección de acceso: http://localhost:8090 para abrir la página del sistema de gestión en segundo plano;
Para conocer el proceso de implementación específico, consulte: Instalación e implementación del proyecto front-end del centro comercial
Para la implementación automatizada de front-end, consulte: Uso de Jenkins para empaquetar e implementar aplicaciones de front-end con un clic, ¡eso es todo 6!

cuenta oficial

¡No se desvíe mientras aprende, siga la cuenta pública " macrozheng ", responda a " Ruta de aprendizaje " y obtenga la ruta de aprendizaje exclusiva para el proyecto del centro comercial!

Para unirse a un grupo de WeChat para comunicarse, simplemente responda " Agregar grupo " en el fondo de la cuenta oficial.