vue admin chart下載 - vue admin chart原始碼下載

vue admin chart

其他類別

1.0.0

下載

簡體中文| English

TodoAdmin-vue

一陽動、萬物生！願美好不期而遇、願幸福如約而至、願疫情早日消散、一起奔赴更好的未來、不辜負你我所有的努力。

TodoAdmin-Vue版：是一個整合管理後台端範本解決方案，專案採用TS腳本語言，基於Vue 3.2+/Vue-cli 5.0+/Vue-router 4.0+、Axios0.2.7+、Element-plus 2.2+、Pinia 2.0+、ECharts 5.3+等搭建，項目以Composition api風格編寫，採用遠端API介面和本地Mock雙介面模式載入資料。

體驗Demo地址

Todoadmin-pro Pro專業版演示地址（vue3.2+ 支援PC、平板、手機）
Todoadmin-base 基本版演示地址（vue3.2+ 支援PC、平板、手機）

使用者名稱：guest

密碼：123456

克隆vue-admin-chart 專案點擊訪問Github倉庫

 # 克隆项目
git clone -b  https://github.com/todoadmin/vue-admin-chart.git
# 安装依赖
npm i     or     yarn install
# 本地开发 启动项目
npm run serve     or     yarn serve

克隆vue-admin-chart 項目點擊訪問Gitee倉庫

 # 克隆项目
git clone -b  https://gitee.com/todoadmin/vue-admin-chart.git
# 安装依赖
npm i     or     yarn install
# 本地开发 启动项目
npm run serve     or     yarn serve

以下為Pro版本的相關介紹

項目生態外掛【依賴】列表

標題名稱	版本	描述
vue		建構使用者介面的漸進式框架
vue-router		單頁應用程式路由
vue-cli		項目腳手架
axios		基於promise的網路請求庫
element-plus		基於Vue3的元件庫
element-plus-icons		基於Vue3的元件圖示庫
vue-quill		視覺化線上文字編輯器
quill-image-resize		文字編輯器圖片重設尺寸
vue-cropper		基於Vue3的圖片裁剪
pinia		狀態管理
vue-i18n-next		多國語言文字切換
js-md5		MD5加密
nprogress		進度條載入
echarts		多功能圖表

專案安裝（依賴安裝）

 npm install   or  yarn install

運行開發環境

 npm run serve  or  yarn serve

生產環境打包

 npm run build  or  yarn build

修復文件

 npm run lint

設定檔

 #config目录下
/src/config

#项目主体配置import模块
/src/config/index.ts

#项目启动环境配置引入模块
/src/config/config.ts

#项目启动环境（生产环境/Dev环境）基本配置引入模块
/src/config/module/base.ts

#项目启动环境（生产环境/Dev环境）CDN配置引入模块
/src/config/module/cdn.ts

#项目主体全局常量import模块
/src/config/module/global.ts

#项目主体HTTP/HTTPS Restful请求接口地址常量import模块
/src/config/module/HUrl.ts

前後端功能簡介

前端

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
可支援關係型資料庫的集群
可支援內存型資料庫的集群
可支援靜態檔案（圖片、影片、文件等）雲端儲存和CDN分發

Demo地址&倉庫地址

Todoadmin-pro Pro專業版演示地址（vue3.2+ 支援PC、平板、手機）
Todoadmin-base 基本版演示地址（vue3.2+ 支援PC、平板、手機）
Github 位址
Gitee 碼雲端位址

使用者名稱：guest

密碼：123456

打賞&聯繫

請喝杯茶唄，打賞後聯絡QQ 308407381

優勢&注意事項

对比其他开源Admin后台管理框架有如下优势:
1. 独家采用API远程实时数据接口和Mock本地数据双接口调试（可自由切换数据接口模式）
2. 支持前后端路由菜单权限和功能按钮权限控制
3. 采用实时接口传输数据，让你事半功倍
4. 偏好数据、主题切换、多国语言切换等配置
5. 支持原生css和scss 自动排序，eslint 自动修复
6. axios 二次封装，支持多种模式和参数方式
7. websocket 封装，支持实时数据传输方式
8. 支持MD5/RSA加密登录
9. 支持https数据加密传输
10. 使用CDN分发项目样式css和js、图片，让速度飞起来
11. 支持全屏操作
12. 支持MarkDown(md)文件加载成Vue组件页面

使用注意事项:
1. 项目默认使用Chrome浏览器，Vue Devtools 插件调试
2. 项目默认使用VSCode + Eslint校验规范，需要配置vscode编辑器
3. 项目也可以使用Goland或IntelliJ IDEA + 相关插件开发
4. 项目使用MIT开源协议，请保留MIT开源协议即可免费商用