mall admin web Download - mall admin web Source code download

mall admin web

Other categories

v1.0.0

Download

mall-admin-web

Preface

This project is the front-end part of the front-end and back-end separation project, and the back-end project mall address is: Portal.

Project introduction

mall-admin-web is a front-end project for an e-commerce backend management system, implemented based on Vue+Element. It mainly includes functions such as product management, order management, member management, promotion management, operations management, content management, statistical reports, financial management, authority management, and settings.

Project demonstration

Project online demonstration address: https://www.macrozheng.com/admin/

Technology selection

technology	illustrate	Official website
Vue	front-end framework	https://vuejs.org/
Vue-router	routing framework	https://router.vuejs.org/
Vuex	Global state management framework	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	Chart framework based on Echarts	https://v-charts.js.org/
Js-cookie	cookie management tools	https://github.com/js-cookie/js-cookie
progress	progress bar control	https://github.com/rstacruz/nprogress
vue-element-admin	Project scaffolding reference	https://github.com/PanJiaChen/vue-element-admin

Project layout

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

Building steps

Download node and install: https://nodejs.org/dist/v12.14.0/node-v12.14.0-x64.msi;
This project is a front-end and back-end separation project. To access the local access interface, you need to build a back-end environment. For construction, please refer to the back-end project portal;
There is no need to build a backend environment to access the online interface, just change BASE_API in the config/dev.env.js file to https://admin-api.macrozheng.com;
If you are connecting to the mall-swarm microservice backend, all interfaces need to be accessed through the gateway, and you need to change BASE_API in the config/dev.env.js file to http://localhost:8201/mall-admin;
Clone the source code locally, open it with IDEA, and complete the compilation;
Run the command in the IDEA command line: npm install to download related dependencies;
Run the command in the IDEA command line: npm run dev , run the project;
Access address: http://localhost:8090 to open the background management system page;
For the specific deployment process, please refer to: Installation and Deployment of Mall Front-End Project
For front-end automated deployment, please refer to: Using Jenkins to package and deploy front-end applications with one click, that’s it 6!

Official account

Don’t take any detours when learning, follow the public account " macrozheng ", reply to " Learning Route ", and get the exclusive learning route for the mall project!

To join a WeChat group for communication, just reply " Add group " in the background of the official account.