簡介
mall-admin-web是一個電商后臺管理系統的前端項目,基于Vue Element實現。 主要包括商品管理、訂單管理、會員管理、促銷管理、運營管理、內容管理、統計報表、財務管理、權限管理、設置等功能。
github 地址:
https://github.com/macrozheng/mall-admin-web
github star: 4.7K
最新版本:1.0.0,Apache License 2.0 協議
主要技術選型
Vue 前端框架 https://vuejs.org/
Vue-router 路由框架 https://router.vuejs.org/
Vuex 全局狀態管理框架 https://vuex.vuejs.org/
Element 前端UI框架 https://element.eleme.io/
Axios 前端HTTP框架 https://github.com/axios/axios
v-charts 基于Echarts的圖表框架 https://v-charts.js.org/
Js-cookiecookie 管理工具 https://github.com/js-cookie/js-cookie
nprogress 進度條控件 https://github.com/rstacruz/nprogress
vue-element-admin 項目腳手架參考 https://github.com/PanJiaChen/vue-element-admin
功能列表
商品管理、
訂單管理、
會員管理、
促銷管理、
運營管理、
內容管理、
統計報表、
財務管理、
權限管理
項目截圖
本地開發
下載node并安裝:https://nodejs.org/dist/v12.14.0/node-v12.14.0-x64.msi;該項目為前后端分離項目,訪問本地訪問接口需搭建后臺環境,搭建請參考后端項目傳送門(https://github.com/macrozheng/mall);訪問在線接口無需搭建后臺環境,只需將config/dev.env.js文件中的BASE_API改為http://120.27.63.9:8080即可;克隆源代碼到本地,使用IDEA打開,并完成編譯;在IDEA命令行中運行命令:npm install,下載相關依賴;在IDEA命令行中運行命令:npm run dev,運行項目;訪問地址:http://localhost:8090 即可打開后臺管理系統頁面;注意:如果遇到無法運行npm命令,需要配置npm的環境變量,如在path變量中添加:C:UserszhenghongAppDataRoamingnpm;注意:如果遇到npm install無法成功下載依賴,請參考使用Jenkins一鍵打包部署前端應用,就是這么6! 中遇到的坑部分。
PS
這個電商相關開源項目,既有前端部分,也提供后端部分,對于想自己實現電商項目,是一個值得借鑒的一個開源項目。
版權聲明:本文內容由互聯網用戶自發貢獻,該文觀點僅代表作者本人。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如發現本站有涉嫌抄襲侵權/違法違規的內容, 請發送郵件至 舉報,一經查實,本站將立刻刪除。