vue搭建後臺管理界面模版(PC端)
技術棧
vue2 + vuex + vue-router + webpack + ES6/7 + axios + elementUI + 阿里圖標iconfont
說明
目錄結構
├── /build/ # 項目構建(webpack)相關配置
├── /config/ # 項目開發環境配置
├── /src/ # 源碼目錄
│ ├── /api/ # 請求
│ ├── /assets/ # 組件靜態資源(圖片)
│ ├── /components/ # 公共組件
| ├── /api/ # 請求接口
│ ├── /router/ # 路由配置
│ ├── /vuex/ # vuex狀態管理
│ ├── /views/ # 路由組件(頁面維度)
│ ├── /config/ # 接口配置文件(請求地址)
│ ├── App.vue # 組件入口
│ └── main.js # 程序入口
├── /static/ # 非組件靜態資源
├── .babelrc # ES6語法編譯配置
├── .editorconfig # 定義代碼格式
├── .eslintignore # ES6規範忽略文件
├── .eslintrc.js # ES6語法規範配置
├── .gitignore # git忽略文件
├── index.html # 頁面入口
├── package.json # 項目依賴
└── README.md # 項目文檔
完成功能
- 登錄 -- 完成
- 路由攔截 -- 完成
- 商品管理(增加、編輯、搜索、刪除) -- 完成
- 角色管理(增加、編輯、搜索、刪除、權限管理) -- 完成
- 交易訂單(增加、編輯、搜索、刪除) -- 完成
- 用戶管理(增加、編輯、搜索、刪除、數據權限、刷新緩存) -- 完成
- 支付配置(增加、編輯、搜索、刪除) -- 完成
- 系統環境變量(增加、編輯、搜索、刪除) -- 完成
- 權限管理(增加、編輯、搜索、刪除、配置權限) -- 完成
- 菜單管理(增加、編輯、搜索、刪除) -- 完成
- 公司管理(增加、編輯、搜索、刪除) -- 完成
部分截圖
商品管理
角色管理
交易訂單
用戶管理
支付配置
展開與壓縮
獲取方式
轉發 + 關注,私信回覆【vue】,即可免費獲得下載地址
閱讀更多 影視10分 的文章