mall admin web Download - mall admin web Quellcode herunterladen

mall admin web

Andere Kategorien

v1.0.0

Herunterladen

Mall-Admin-Web

Vorwort

Dieses Projekt ist der Front-End-Teil des Front-End- und Back-End-Trennungsprojekts, und die Adresse des Back-End-Projekt- mall lautet: Portal.

Projekteinführung

mall-admin-web ist ein Frontend-Projekt für ein E-Commerce-Backend-Managementsystem, implementiert auf Basis von Vue+Element. Es umfasst hauptsächlich Funktionen wie Produktverwaltung, Auftragsverwaltung, Mitgliederverwaltung, Werbeverwaltung, Betriebsverwaltung, Inhaltsverwaltung, statistische Berichte, Finanzverwaltung, Autoritätsverwaltung und Einstellungen.

Projektdemonstration

Online-Demonstrationsadresse des Projekts: https://www.macrozheng.com/admin/

Technologieauswahl

Technologie	veranschaulichen	Offizielle Website
Vue	Frontend-Framework	https://vuejs.org/
Vue-Router	Routing-Framework	https://router.vuejs.org/
Vuex	Globaler Rahmen für die Staatsverwaltung	https://vuex.vuejs.org/
Element	Front-End-UI-Framework	https://element.eleme.io/
Axios	Front-End-HTTP-Framework	https://github.com/axios/axios
V-Charts	Diagramm-Framework basierend auf Echarts	https://v-charts.js.org/
Js-Cookie	Cookie-Verwaltungstools	https://github.com/js-cookie/js-cookie
Fortschritt	Fortschrittsbalkensteuerung	https://github.com/rstacruz/nprogress
vue-element-admin	Referenz für Projektgerüste	https://github.com/PanJiaChen/vue-element-admin

Projektlayout

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

Bauschritte

Knoten herunterladen und installieren: https://nodejs.org/dist/v12.14.0/node-v12.14.0-x64.msi;
Bei diesem Projekt handelt es sich um ein Front-End- und Back-End-Trennprojekt. Um auf die lokale Zugriffsschnittstelle zuzugreifen, müssen Sie eine Back-End-Umgebung erstellen. Informationen zum Aufbau finden Sie im Back-End-Projektportal.
Es ist nicht erforderlich, eine Backend-Umgebung zu erstellen, um auf die Online-Schnittstelle zuzugreifen. Ändern Sie einfach BASE_API in der Datei config/dev.env.js in https://admin-api.macrozheng.com.
Wenn Sie eine Verbindung zum Mall-Swarm-Microservice-Backend herstellen, muss auf alle Schnittstellen über das Gateway zugegriffen werden und Sie müssen BASE_API in der Datei config/dev.env.js in http://localhost:8201/mall- ändern. Administrator;
Klonen Sie den Quellcode lokal, öffnen Sie ihn mit IDEA und schließen Sie die Kompilierung ab.
Führen Sie den Befehl in der IDEA-Befehlszeile aus: npm install um zugehörige Abhängigkeiten herunterzuladen;
Führen Sie den Befehl in der IDEA-Befehlszeile aus: npm run dev , führen Sie das Projekt aus;
Zugriffsadresse: http://localhost:8090 zum Öffnen der Seite des Hintergrundverwaltungssystems;
Informationen zum spezifischen Bereitstellungsprozess finden Sie unter: Installation und Bereitstellung des Mall-Front-End-Projekts
Informationen zur automatisierten Front-End-Bereitstellung finden Sie unter: Verwenden von Jenkins zum Packen und Bereitstellen von Front-End-Anwendungen mit einem Klick, fertig 6!

Offizieller Account

Machen Sie beim Lernen keine Umwege, folgen Sie dem öffentlichen Konto „ macrozheng “, antworten Sie auf „ Learning Route “ und erhalten Sie die exklusive Lernroute für das Mall-Projekt!

Um einer WeChat-Gruppe zur Kommunikation beizutreten, antworten Sie einfach im Hintergrund des offiziellen Kontos auf „ Gruppe hinzufügen “.