GitHub Vue項目推薦|mall-admin-web是一個電商后台管理系統的前端項目基於Vue+Element實現 主要包括商品管理、訂單管理、會員管理、促銷管理、運營管理、內容管理、統計報表、財務管理、權限管理、設置等功能
項目熱度
標星(star)：3398 （很不錯的實用項目，大神作品，建議關注）
標星趨勢
關注(watch)：171
拷貝(fork)：2003
貢獻人數：1
倉庫大小：1 MB
最后更新：2019-08-29
代碼提交活躍度：
綜合推薦指數： 【3】顆星
開發語言
主要語言：Vue
語言分布：Vue:81.04%、JavaScript:15.95%、CSS:2.78%、HTML:0.23%
項目概述
mall-admin-web前言
該項目為前后端分離項目的前端部分，后端項目mall地址：https://github.com/macrozheng/mall
項目介紹
mall-admin-web是一個電商后台管理系統的前端項目，基於Vue+Element實現。 主要包括商品管理、訂單管理、會員管理、促銷管理、運營管理、內容管理、統計報表、財務管理、權限管理、設置等功能。
項目演示
項目在線演示地址：http://39.98.190.128/index.html
技術選型
后端
前端
系統架構
業務架構
項目布局
src -- 源碼目錄
├── api -- axios網絡請求定義
├── assets -- 靜態圖片資源文件
├── components -- 通用組件封裝
├── icons -- svg矢量圖片文件
├── router -- vue-router路由配置
├── store -- vuex的狀態管理
├── styles -- 全局css樣式
├── utils -- 工具類
└── views -- 前端頁面
├── home -- 首頁
├── layout -- 通用頁面加載框架
├── login -- 登錄頁
├── oms -- 訂單模塊頁面
├── pms -- 商品模塊頁面
└── sms -- 營銷模塊頁面
搭建步驟
- 下載node並安裝：https://nodejs.org/dist/v8.9.4/node-v8.9.4-x64.msi;
- 該項目為前后端分離項目，訪問本地訪問接口需搭建后台環境，搭建請參考后端項目傳送門;
- 訪問在線接口無需搭建后台環境，只需將config/dev.env.js文件中的BASE_API改為http://39.98.190.128:8080即可;
- 克隆源代碼到本地，使用IDEA打開，並完成編譯;
- 在IDEA命令行中運行命令：npm install,下載相關依賴;
- 在IDEA命令行中運行命令：npm run dev,運行項目;
- 訪問地址：http://localhost:8090 即可打開后台管理系統頁面;
- 如果遇到無法運行該命令，需要配置npm的環境變量，如在path變量中添加：C:\Users\zhenghong\AppData\Roaming\npm。
項目地址
https://github.com/macrozheng/mall-admin-web
程序員新視界：分享有趣、有料的流行程序員話題，每天進步一點點。