TodoAdmin-Vue版：是一個內建管理背景端模闆解決方案，項目采用TS(TypeScript)腳本語言，基于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等搭建，項目是以Composition api風格編寫，采用遠端API接口和本地Mock雙接口模式加載資料。
體驗Demo位址
· Todoadmin-pro Pro專業版（vue3.2+ 支援 PC、平闆、手機）https://pro.todoadmin.com
· Todoadmin-base 基本版（vue3.2+ 支援 PC、平闆、手機）https://base.todoadmin.com
使用者名：guest
密碼：123456
克隆Github倉庫
# 克隆項目
git clone -b https://github.com/todoadmin/vue-admin-chart.git
# 安裝依賴
npm i
# 本地開發 啟動項目
npm run serve 克隆Gitee碼雲倉庫
# 克隆項目
git clone -b https://gitee.com/todoadmin/vue-admin-chart.git
# 安裝依賴
npm i
# 本地開發 啟動項目
npm run serve 項目生态插件【依賴】清單
| 标題名稱 | 版本 | 描述 |
| vue | 3.2+ | 建構使用者界面的漸進式架構 |
| vue-router | 4.0+ | 單頁應用程式路由 |
| vue-cli | 5+ | 項目腳手架 |
| axios | 0.2.7 | 基于promise的網絡請求庫 |
| element-plus | 2.2+ | 基于Vue3的元件庫 |
| element-plus-icons | 2.2+ | 基于Vue3的元件圖示庫 |
| vue-quill | 1.0.0.beta.8 | 可視化線上文本編輯器 |
| quill-image-resize | 3.0+ | 文本編輯器圖檔重置尺寸 |
| vue-cropper | 1.0+ | 基于Vue3的圖檔裁剪 |
| pinia | 2.0+ | 狀态管理 |
| vue-i18n-next | 9.1+ | 多國語言文字切換 |
| js-md5 | 0.7.3 | MD5加密 |
| nprogress | 0.2.0 | 進度條加載 |
| echarts | 5.3.2 | 多功能圖表 |
項目安裝（依賴安裝）
npm install or yarn install 運作開發環境
n
npm run serve or yarn se rve
生産環境打包
npm run build or yarn build 修複檔案
npm run lint 配置檔案
config.js 背景效果圖預覽
以下是截取效果圖展示：
前後端功能簡介
前端
· CDN 分布式引入JS/樣式/圖檔/Json/地圖資料
· 獨家采用API遠端實時資料接口和Mock本地資料雙接口，可自由切換API或Mock
· 120+高品質元件頁面
· 管理背景采用實時接口資料傳輸
· 實時生成可視化資料大屏動态圖表
· 實時資料采用Websocket互動
· 采用Composition API模式
· 采用JWT 認證
· 實時監控系統&伺服器資源使用
· 所有開源版本均可免費商用
· 跨平台 PC、手機端、平闆等多端相容
· 動态路由菜單認證和精确到使用者的權限路由渲染
· 支援MarkDown(md)檔案加載成Vue元件頁面
· 支援mock本地模拟資料和遠端模拟資料
· 支援按鈕功能級别的權限控制
· 支援會員使用者和管理者使用者的角色、權限等配置設定
· 支援多種主題切換以及自定義添加主題樣式
· 支援多國語言文字切換
· 支援Pinia的狀态管理模式
· 支援自定義Vue指令
· 支援對接第三方物流平台
· 支援綁定第三方賬号功能
· 支援日志追溯（使用者操作和管理者操作）
後端
· 接口語言版本：Go （1.7+）
· 接口語言版本：PHP （8.0.2 +）/Swoole （4.8+）
· 接口語言版本：SpringBoot （2.2+）
· 可支援多種開源關系資料庫切換：MySQL、MariaDB、PostgreSQL、openGauss、TiDB
· 可支援多種記憶體資料庫切換：Redis、Memcached