Vue-Vben-Admin-一個基於composition-api+ts的後臺模版

VUE VBEN ADMIN

介紹

vue-vben-admin 是一個全新的開源系統,基於ant-design-vue,typescript,@vue/composition-api,tsx實現的 vue3 風格的後臺管理系統，讓您提早學習體驗vue3+ts帶來的體驗。適合中大型項目的開發，實際開發中能夠直接使用。

兼容 vue2 的瀏覽器，一切免費，不收取任何費用，請放心使用。後續按期提供更新及維護，可供參考與學習，

預覽

vue-vben-admin-預覽

倉庫

gitHub

碼雲

依賴

• vue2.6.11(後續vue3正式版出來會進行兼容更新，自由切換vue2與vue3)
• composition-api
• vuex@3.4.0
• vuex-module-decorators
• vue-router@3.3.4
• axios@0.19.2
• ant-design-vue@1.6.3
• mockjs
• vue-i18n
• moment
• lodash
• ...

功能

因爲開發時間較短，因此功能暫時較少,後續會陸續不全完善

• [x] 項目搭建（基於 vue-cli4）已經優化
• [x] 首屏加載等待動畫
• [x] 登陸和註銷
• [x] 菜單（能夠搜索及拖拽以及菜單佈局）
• [x] 多標籤頁/麪包屑
• [x] 基於角色的權限管理
• [x] 基於後臺的權限管理
• [x] 分離的路由和菜單設置
• [x] 可摺疊側邊欄
• [x] 可拖拽側邊欄
• [x] 多標籤頁模式/全局控制
• [x] 支持菜單 svg 圖標
• [x] 菜單搜索
• [x] 頁面加載 loading/頁面超時組件
• [x] 滾動條組件
• [x] 懶加載組件
• [x] 彈窗擴展（可拖拽,全屏,自適應高度）
• [x] 全屏
• [x] 自動註冊 SVG 圖標
• [x] 模擬數據
• [x] 剪貼板封裝
• [x] hook 封裝
• [x] 圖表庫
• [x] 數字動畫
• [x] 項目可配置
• [x] 主題配置
• [x] 表單組件
• [x] 右鍵菜單
• [x] 水印插件
• [x] 視差組件
• [x] 動畫組件
• [x] 二維碼插件
• [x] 國際化插件
• [x] 圖片預覽組件
• [x] 詳情組件
• [x] 表格組件
• [x] 圖片裁剪
• [x] 富文本組件
• [x] 上傳組件
• [ ] 樹組件
• [ ] 可編輯表格
• [ ] 數據導入導出
• [ ] 表格/樹功能增強
• [ ] 驗證碼/驗證組件
• [ ] 拖拽面板
• [ ] 黑暗主題
• [ ] 系統進一步優化
• [ ] 兼容最新vuex,vue-router,
• [ ] 搭建vite版本
• [ ] 更多組件/功能/建議/bug/歡迎提交 pr 或者 issue

加入咱們

vue-vben-admin 是徹底開源免費的項目，目的在幫助開發者更方便地進行中大型管理系統開發，同時也提供 QQ 交流羣(因爲項目剛開始幾天
，羣還沒什麼人，有興趣的能夠加入咱們一塊兒討論)，使用問題歡迎在羣內提問。