簡介
vue-manage-system 一款基於vue + element的後臺管理系統解決方案。該方案作為一套多功能的後臺框架模板,適用於絕大部分的後臺管理系統(Web Management System)開發。基於 vue.js,使用 vue-cli3 腳手架,引用 Element UI 組件庫,方便開發快速簡潔好看的組件。分離顏色樣式,支持手動切換主題色,而且很方便使用自定義主題色。
github 地址:
https://github.com/lin-xin/vue-manage-system
github star: 8.7K+
最新版本:4.0.1,MIT 協議
主要技術棧: vue 2.6.10, vue-router 3.0.3, element-ui 2.11.0, vue-cli 3.9, vuedraggable 2.17.0, vue-schart 2.0.0
項目截圖
功能
- Element UI
- 登錄/註銷
- Dashboard
- 表格
- Tab 選項卡
- 表單
- 圖表
- 富文本編輯器
- markdown 編輯器
- 圖片拖拽/裁剪上傳
- 支持切換主題色 ✨
- 列表拖拽排序
- 權限測試
- 404 / 403
- 三級菜單
- 自定義圖標
- 可拖拽彈窗
- 國際化
快速上手
<code>git clone https://github.com/lin-xin/vue-manage-system.git // 把模板下載到本地cd vue-manage-system // 進入模板目錄npm install // 安裝項目依賴,等待安裝完成之後,安裝失敗可用 cnpm 或 yarn// 開啟服務器,瀏覽器訪問 http://localhost:8080npm run serve// 執行構建命令,生成的dist文件夾放在服務器下即可訪問npm run build/<code>
瀏覽器兼容性
- IE / Edge
未知
- Firefox
last 2 versions
- Chrome
last 2 versions
- Safari
未知
- Opera
未知
閱讀更多 碼農愛code 的文章