téléchargement mall admin web - téléchargement du code source mall admin web centre commercial

mall admin web

Autres catégories

v1.0.0

Télécharger

centre commercial-admin-web

Préface

Ce projet est la partie frontale du projet de séparation front-end et back-end, et l'adresse mall du projet back-end est : Portal.

Présentation du projet

mall-admin-web est un projet frontal pour un système de gestion backend de commerce électronique, implémenté sur la base de Vue+Element. Il comprend principalement des fonctions telles que la gestion des produits, la gestion des commandes, la gestion des membres, la gestion des promotions, la gestion des opérations, la gestion du contenu, les rapports statistiques, la gestion financière, la gestion des autorités et les paramètres.

Démonstration du projet

Adresse de démonstration en ligne du projet : https://www.macrozheng.com/admin/

Sélection technologique

technologie	illustrer	Site officiel
Vue	cadre frontal	https://vuejs.org/
Vue-routeur	cadre de routage	https://router.vuejs.org/
Vuex	Cadre mondial de gestion de l’État	https://vuex.vuejs.org/
Élément	Cadre d'interface utilisateur frontale	https://element.eleme.io/
Axios	Cadre HTTP frontal	https://github.com/axios/axios
graphiques en V	Cadre graphique basé sur Echarts	https://v-charts.js.org/
Cookie Js	outils de gestion des cookies	https://github.com/js-cookie/js-cookie
progrès	contrôle de la barre de progression	https://github.com/rstacruz/nprogress
vue-element-admin	Référence d'échafaudage de projet	https://github.com/PanJiaChen/vue-element-admin

Disposition du projet

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

Étapes de construction

Téléchargez le nœud et installez : https://nodejs.org/dist/v12.14.0/node-v12.14.0-x64.msi ;
Ce projet est un projet de séparation front-end et back-end. Pour accéder à l'interface d'accès locale, vous devez créer un environnement back-end. Pour la construction, veuillez vous référer au portail du projet back-end ;
Il n'est pas nécessaire de créer un environnement backend pour accéder à l'interface en ligne, remplacez simplement BASE_API dans le fichier config/dev.env.js par https://admin-api.macrozheng.com ;
Si vous vous connectez au backend du microservice mall-swarm, toutes les interfaces doivent être accessibles via la passerelle et vous devez modifier BASE_API dans le fichier config/dev.env.js en http://localhost:8201/mall- administrateur ;
Clonez le code source localement, ouvrez-le avec IDEA et terminez la compilation ;
Exécutez la commande dans la ligne de commande IDEA : npm install pour télécharger les dépendances associées ;
Exécutez la commande dans la ligne de commande IDEA : npm run dev , exécutez le projet ;
Adresse d'accès : http://localhost:8090 pour ouvrir la page du système de gestion en arrière-plan ;
Pour le processus de déploiement spécifique, veuillez vous référer à : Installation et déploiement du projet Mall Front-End
Pour le déploiement automatisé front-end, veuillez vous référer à : Utiliser Jenkins pour empaqueter et déployer des applications front-end en un seul clic, c'est tout 6 !

Compte officiel

Ne faites aucun détour lors de votre apprentissage, suivez le compte public « macrozheng », répondez à « Learning Route » et obtenez le parcours d'apprentissage exclusif pour le projet de centre commercial !

Pour rejoindre un groupe WeChat pour communiquer, répondez simplement « Ajouter un groupe » en arrière-plan du compte officiel.