vue3.0-template-admin | 一款基于vite的開箱即用的后臺(tái)管理模版
關(guān)注并將「趣談前端」設(shè)為星標(biāo)
每早08:30按時(shí)推送技術(shù)干貨/優(yōu)秀開源/技術(shù)思維
今天給大家推薦一款我朋友基于vite開發(fā)的開箱即用的后臺(tái)管理模版 vue3.0-template-admin. 目前已在github上完全開源, 相關(guān)配套功能非常齊全, 大家可以一鍵clone這個(gè)項(xiàng)目快速搭建后臺(tái)管理系統(tǒng), 如果想快速上手 vite + vue3.0 開發(fā)的朋友, 這個(gè)項(xiàng)目也是不錯(cuò)的選擇.
vue3.0-template-admin基于常見業(yè)務(wù)場景，抽象出大量的功能模塊；包括:
動(dòng)態(tài)菜單 菜單權(quán)限 登錄模塊 全站搜索 表單頁(復(fù)雜表單, 分步表單) 數(shù)據(jù)看板 引導(dǎo)頁 表單頁 列表頁 角色管理 菜單管理 在線編輯器 富文本編輯器 markdown編輯器 json多主體編輯器 拖拽 / 排序模塊 excel相關(guān)處理 圖片拖拽/裁切 二維碼分享 個(gè)人中心
等等.
文末我會(huì)放上該模版的github地址, 大家可以本地clone體驗(yàn), 接下來開始我們的介紹.
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. 功能點(diǎn)介紹
Element Plus N+1 多級(jí)菜單 全站模糊搜索 Dashboard 表格 router Tab 選項(xiàng)卡 表單 圖表 :antv echart 二維碼生成 拖拽組件 富文本編輯器 markdown 編輯器 json多主題編輯器 個(gè)人頁 登錄頁 404 / 403 菜單管理 角色管理 自定義圖標(biāo) 圖片拖拽/裁剪
待辦清單:
支持切換主題色:一鍵換膚 權(quán)限：v-permisson markdown 編輯器 可拖拽彈窗 國際化
3. 項(xiàng)目速覽
登錄/注冊(cè)頁
全屏功能
引導(dǎo)頁
分析頁
列表頁
表單頁
全站模糊搜索
拖拽頁
json編輯器
富文本編輯器
圖片拖拽/裁切
菜單管理
角色管理
當(dāng)然還有很多開箱即用的功能, 比如導(dǎo)入導(dǎo)出excel, 個(gè)人看板, 剪切版, 復(fù)制粘貼列表等, 大家可以體驗(yàn)一下.
github地址: https://github.com/GeekQiaQia/vue3.0-template-admin
關(guān)注公眾號(hào)【趣談前端】，定期分享 前端工程化 / 可視化 / 低代碼 / 優(yōu)秀開源。
Dooring可視化搭建平臺(tái)數(shù)據(jù)源設(shè)計(jì)剖析
基于Koa + React + TS從零開發(fā)全棧文檔編輯器(進(jìn)階實(shí)戰(zhàn))
點(diǎn)個(gè)在看你最好看
