This project is the front-end part of separation project,Backend project mall
address:Portal。
mall-admin-web
Is a front-end project of an e-commerce back-end management system,Based on Vue + Element. Product management、Order management、Member Management、Promotion Management、Operations Management、Content management、Statistical report、Financial Management、Rights management, settings, etc.
Project online demo address:http://www.macrozheng.com/admin/
technology | Description | Official website |
---|---|---|
Vue | Front-end framework | https://vuejs.org/ |
Vue-router | Routing framework | https://router.vuejs.org/ |
Vuex | state management pattern | 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 | Charting framework based on Echarts | https://v-charts.js.org/ |
Js-cookie | cookie management tools | https://github.com/js-cookie/js-cookie |
nprogress | Progress bar controls | https://github.com/rstacruz/nprogress |
vue-element-admin | Project scaffolding reference | https://github.com/PanJiaChen/vue-element-admin |
src -- Source directory
├── api -- axios network request definition
├── assets -- Still picture resource file
├── components -- Common component package
├── icons -- svg vector picture file
├── router -- vue-router routing configuration
├── store -- vuex state management
├── styles -- Global css style
├── utils -- Tools
└── views -- Front page
├── home -- Home
├── layout -- Common page loading framework
├── login -- Landing page
├── oms -- Order module page
├── pms -- Product module page
└── sms -- Marketing module page
- Download node and install:https://nodejs.org/dist/v12.16.1/node-v12.16.1-x64.msi;
- This project is a front-end and back-end separation project. A back-end environment is required to access the local access interface.Portal;
- There is no need to set up a back-end environment to access the online interface, just change the BASE_API in the config / dev.env.js file tohttp://120.27.63.9:8080only;
- Clone the source code locally, open it with IDEA, and complete the compilation;
- Run command in IDEA command line:npm install,Download related dependencies;
- Run command in IDEA command line:npm run dev,Run the project;
- address:http://localhost:8090 You can open the back-end Admin page;
- Please refer to the specific deployment process:Installation and deployment of mall front-end projects
note
:If you can't run npm command,Need to configure npm environment variables,Such as adding in path variable:C:\Users\zhenghong\AppData\Roaming\npm;note
:If you encounter npm install and cannot successfully download the dependencies,Please refer toUse Jenkins to deploy and deploy front-end applications in one click. That's it! In theEncountered Pit
section.
Copyright (c) 2018-2020 macrozheng