01.01 vue-manage-system基於vue+element的後臺管理系統解決方案

簡介

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

項目截圖


vue-manage-system基於vue+element的後臺管理系統解決方案


vue-manage-system基於vue+element的後臺管理系統解決方案


vue-manage-system基於vue+element的後臺管理系統解決方案


vue-manage-system基於vue+element的後臺管理系統解決方案


vue-manage-system基於vue+element的後臺管理系統解決方案

功能

  • 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:8080
npm run serve

// 執行構建命令,生成的dist文件夾放在服務器下即可訪問
npm run build/<code>

瀏覽器兼容性

  • IE / Edge

未知

  • Firefox

last 2 versions

  • Chrome

last 2 versions

  • Safari

未知

  • Opera

未知


分享到:


相關文章: