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、平板、手机)
- Todoadmin-base 根本版演示地址(vue3.2+ 反对 PC、平板、手机)
- Github 地址
- Gitee 码云地址
用户名:guest
明码:123456
我的项目生态插件【依赖】列表
题目名称 版本 形容
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
运行开发环境
npm run serve or yarn serve
生产环境打包
npm run build or yarn build
修复文件
npm run lint
克隆我的项目 拜访Github仓库
# 克隆我的项目git clone -b https://github.com/todoadmin-com/vue3-elementPlus-pinia.git# 装置依赖npm i# 本地开发 启动我的项目npm run serve
克隆我的项目 拜访Gitee仓库
# 克隆我的项目git clone -b https://gitee.com/todoadmin-com/vue3-element-plus-pinia.git# 装置依赖npm i# 本地开发 启动我的项目npm run serve
后盾效果图预览
以下是截取效果图展现:
前后端性能简介
前端
- 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散发