mall admin web下載 - mall admin web原始碼下載

mall admin web

其他類別

v1.0.0

下載

mall-admin-web

前言

此項目為前後端分離項目的前端部分，後端項目mall位址：傳送門。

項目介紹

mall-admin-web是一個電商後台管理系統的前端項目，基於Vue+Element實作。主要包括商品管理、訂單管理、會員管理、促銷管理、營運管理、內容管理、統計報表、財務管理、權限管理、設定等功能。

專案示範

專案線上演示網址：https://www.macrozheng.com/admin/

技術選型

科技	說明	官網
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-cookie	cookie管理工具	https://github.com/js-cookie/js-cookie
nprogress	進度條控件	https://github.com/rstacruz/nprogress
vue-element-admin	項目腳手架參考	https://github.com/PanJiaChen/vue-element-admin

專案佈局

 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/v12.14.0/node-v12.14.0-x64.msi;
此項目為前後端分離項目，存取本地存取介面需建置後台環境，搭建請參考後端項目傳送門;
存取線上介面無需建置後台環境，只需將config/dev.env.js檔案中的BASE_API改為https://admin-api.macrozheng.com即可;
如果你對接的是mall-swarm 微服務後台的話，所有介面都需要透過網關訪問，需要將config/dev.env.js檔案中的BASE_API改為http://localhost:8201/mall-admin ；
克隆原始碼到本地，使用IDEA打開，並完成編譯;
在IDEA命令列中執行命令： npm install ,下載相關依賴;
在IDEA命令列中執行指令： npm run dev ,執行專案;
存取位址：http://localhost:8090 即可開啟後台管理系統頁面;
具體部署流程請參考：mall前端專案的安裝與部署
前端自動化部署請參考：使用Jenkins一鍵打包部署前端應用，就是這麼6！