TodoAdmin-Vue版是一個(gè)集成管理后臺(tái)端模板解決方案，項(xiàng)目采用TS(TypeScript)腳本語(yǔ)言，基于Vue 3.2+/Vue-cli 5.0+/Vue-router 4.0+、Axios0.2.7、Element-plus 2.2+、Pinia 2.0+、ECharts 5.3.2以及Mockjs等搭建，項(xiàng)目是以Composition api風(fēng)格編寫(xiě)，采用遠(yuǎn)程API接口和本地Mock雙接口模式加載數(shù)據(jù)。
Demo體驗(yàn)&倉(cāng)庫(kù)地址
[Todoadmin-pro Pro專(zhuān)業(yè)版演示地址（vue3.2+ 支持 PC、平板、手機(jī)）]
[Todoadmin-base 基本版演示地址（vue3.2+ 支持 PC、平板、手機(jī)）]
用戶名：guest
密碼：123456
項(xiàng)目安裝（依賴安裝）
npm install ??or ?yarn install
運(yùn)行開(kāi)發(fā)環(huán)境
npm run serve ?or ?yarn serve
生產(chǎn)環(huán)境打包
npm run build ?or ?yarn build
修復(fù)文件
npm run lint
項(xiàng)目生態(tài)插件【依賴】列表
標(biāo)題名稱 版本 描述
vue 3.2+ 構(gòu)建用戶界面的漸進(jìn)式框架
vue-router 4.0+ 單頁(yè)應(yīng)用程序路由
vue-cli 5+ 項(xiàng)目腳手架
axios 0.2.7 基于promise的網(wǎng)絡(luò)請(qǐng)求庫(kù)
element-plus 2.2+ 基于Vue3的組件庫(kù)
element-plus-icons 2.2+ 基于Vue3的組件圖標(biāo)庫(kù)
vue-quill 1.0.0.beta.8 可視化在線文本編輯器
quill-image-resize 3.0+ 文本編輯器圖片重置尺寸
vue-cropper 1.0+ 基于Vue3的圖片裁剪
pinia 2.0+ 狀態(tài)管理
vue-i18n-next 9.1+ 多國(guó)語(yǔ)言文字切換
js-md5 0.7.3 MD5加密
nprogress 0.2.0 進(jìn)度條加載
echarts 5.3.2 多功能圖表
# 克隆項(xiàng)目Github倉(cāng)庫(kù)(https://github.com/todoadmin/vue-admin-chart)
git clone -b ?https://github.com/todoadmin/vue-admin-chart.git
# 安裝依賴
npm i
# 本地開(kāi)發(fā) 啟動(dòng)項(xiàng)目
npm run serve
# 克隆項(xiàng)目Gitee碼云倉(cāng)庫(kù)?(https://gitee.com/todoadmin/vue-admin-chart)
git clone -b ?https://gitee.com/todoadmin/vue-admin-chart.git
# 安裝依賴
npm i
# 本地開(kāi)發(fā) 啟動(dòng)項(xiàng)目
npm run serve
后臺(tái)效果圖預(yù)覽
以下是截取效果圖展示：
前后端功能簡(jiǎn)介
前端
- CDN 分布式引入JS/樣式/圖片/Json/地圖數(shù)據(jù)
- 獨(dú)家采用API遠(yuǎn)程實(shí)時(shí)數(shù)據(jù)接口和Mock本地?cái)?shù)據(jù)雙接口，可自由切換API或Mock
- 120+高質(zhì)量組件頁(yè)面
- 管理后臺(tái)采用實(shí)時(shí)接口數(shù)據(jù)傳輸
- 實(shí)時(shí)生成可視化數(shù)據(jù)大屏動(dòng)態(tài)圖表
- 實(shí)時(shí)數(shù)據(jù)采用Websocket交互
- 采用Composition API模式
- 采用JWT 認(rèn)證
- 實(shí)時(shí)監(jiān)控系統(tǒng)&服務(wù)器資源使用
- 所有開(kāi)源版本均可免費(fèi)商用
- 跨平臺(tái) PC、手機(jī)端、平板等多端兼容
- 動(dòng)態(tài)路由菜單認(rèn)證和精確到用戶的權(quán)限路由渲染
- 支持MarkDown(md)文件加載成Vue組件頁(yè)面
- 支持mock本地模擬數(shù)據(jù)和遠(yuǎn)程模擬數(shù)據(jù)
- 支持按鈕功能級(jí)別的權(quán)限控制
- 支持會(huì)員用戶和管理員用戶的角色、權(quán)限等分配
- 支持多種主題切換以及自定義添加主題樣式
- 支持多國(guó)語(yǔ)言文字切換
- 支持Pinia的狀態(tài)管理模式
- 支持自定義Vue指令
- 支持對(duì)接第三方物流平臺(tái)
- 支持綁定第三方賬號(hào)功能
- 支持日志追溯（用戶操作和管理員操作）
后端
- 接口語(yǔ)言版本：Go （1.7+）
- 接口語(yǔ)言版本：PHP （8.0.2 +）/Swoole （4.8+）
- 接口語(yǔ)言版本：SpringBoot （2.2+）
- 可支持多種開(kāi)源關(guān)系數(shù)據(jù)庫(kù)切換：MySQL、MariaDB、PostgreSQL、openGauss、TiDB
- 可支持多種內(nèi)存數(shù)據(jù)庫(kù)切換：Redis、Memcached
- 可支持關(guān)系型數(shù)據(jù)庫(kù)的集群
- 可支持內(nèi)存型數(shù)據(jù)庫(kù)的集群
- 可支持靜態(tài)文件（圖片、視頻、文檔等）云存儲(chǔ)和CDN分發(fā)
