[[408551]]

今天給大家推薦一款我朋友基于vite開發(fā)的開箱即用的后臺管理模版 vue3.0-template-admin. 目前已在github上完全開源, 相關(guān)配套功能非常齊全, 大家可以一鍵clone這個項目快速搭建后臺管理系統(tǒng), 如果想快速上手 vite + vue3.0 開發(fā)的朋友, 這個項目也是不錯的選擇.

vue3.0-template-admin基于常見業(yè)務(wù)場景，抽象出大量的功能模塊;包括:

• 動態(tài)菜單
• 菜單權(quán)限
• 登錄模塊
• 全站搜索
• 表單頁(復(fù)雜表單, 分步表單)
• 數(shù)據(jù)看板
• 引導(dǎo)頁
• 表單頁
• 列表頁
• 角色管理
• 菜單管理
• 在線編輯器
  • 富文本編輯器
  • markdown編輯器
  • json多主體編輯器
• 拖拽 / 排序模塊
• excel相關(guān)處理
• 圖片拖拽/裁切
• 二維碼分享
• 個人中心

等等.

文末我會放上該模版的github地址, 大家可以本地clone體驗, 接下來開始我們的介紹.

vue3.0-template-admin

• Vue 3.0 Composition API
• Written in TypeScript
• 預(yù)覽 vue3.0-template-admin

1.該庫使用到的相關(guān)插件

• eslint-plugin-vue
• fues.js Fuzzy Search 前端模糊搜索
• antv 數(shù)據(jù)可視化
• echart 數(shù)據(jù)可視化
• mockjs 模擬和交互數(shù)據(jù)
• xlsx SheetJS
• wangeditor 富文本編輯器

2. 功能點介紹

• Element Plus
• N+1 多級菜單
• 全站模糊搜索
• Dashboard
• 表格
• router Tab 選項卡
• 表單
• 圖表 :antv echart
• 二維碼生成
• 拖拽組件
• 富文本編輯器
• markdown 編輯器
• json多主題編輯器
• 個人頁
• 登錄頁
• 404 / 403
• 菜單管理
• 角色管理
• 自定義圖標(biāo)
• 圖片拖拽/裁剪

待辦清單:

• 支持切換主題色:一鍵換膚
• 權(quán)限：v-permisson
• markdown 編輯器
• 可拖拽彈窗
• 國際化

3. 項目速覽

登錄/注冊頁

全屏功能

引導(dǎo)頁

分析頁

列表頁

表單頁

全站模糊搜索

拖拽頁

json編輯器

富文本編輯器

圖片拖拽/裁切

菜單管理

角色管理

當(dāng)然還有很多開箱即用的功能, 比如導(dǎo)入導(dǎo)出excel, 個人看板, 剪切版, 復(fù)制粘貼列表等, 大家可以體驗一下.

github地址: https://github.com/GeekQiaQia/vue3.0-template-admin

本文轉(zhuǎn)載自微信公眾號「趣談前端」，可以通過以下二維碼關(guān)注。轉(zhuǎn)載本文請聯(lián)系趣談前端公眾號。