
文末联系小编,获取项目源码
Art Design Pro 一款专注于用户体验、兼具设计美学与高效开发的开源后台管理解决方案。系统采用了最新的 Vue3 、Vite、Pinia、Ant Design Vue、Fabric技术栈,基于 ElementPlus 设计规范,提供了丰富强大的组件库,可覆盖80%的常用组件,在保障美观界面的同时,对系统视觉进行了进一步优化,确保用户有更卓越的体验,系统内置多种主题模式和自定义主题方案,提供更美观、更实用的前端界面,帮助你轻松构建高质量的后台系统。
Art Design Pro 基于MIT协议开源,技术栈如下:
开发框架:Vue3、TypeScript、Vite、Element-Plus、Scss代码规范:Eslint、Prettier、Stylelint、Husky、Lint-staged、cz-git状态管理:Pinia辅助工具:mittBus 事件总线、代码高亮指令、高质量图标库
01
核心优势
Art Design Pro提供了一套全面的后台管理系统解决方案,包括主题定制、全局搜索、多语言支持、数据可视化、权限控制、移动端适配以及开发规范工具,满足现代企业级应用的各种需求。
高颜值设计
精心的 UI 设计:基于 Element Plus,经过视觉上的精心优化,提供极简且精致的视觉风格。
丰富的主题切换:支持浅色和暗黑两种模式,系统主题可自动跟随操作系统设置,满足不同用户的喜好。
个性化配置:提供多种个性化配置选项,可根据实际需求调整每一个细节。
高性能与高可用性
最新技术栈:采用 Vue 3、TypeScript、Vite、Element-Plus 等最新技术。
优秀的持久化存储方案:实现强大的本地存储功能,支持用户数据的持久化管理,内置数据校验,确保数据在页面切换或刷新后依然保留。
全面的权限管理:提供路由级别、菜单级别、功能模块级别的权限控制,保障系统的安全性和灵活性。
极致的用户体验
全局搜索与收藏:支持根据系统语言的全局搜索功能,并允许用户收藏搜索结果,提升搜索效率。
多标签页与面包屑导航:方便用户在多个页面之间快速切换,提供直观的路径导航。
移动端适配:全面适配移动设备,确保在不同设备上都有一致的体验。
02
快速开始

Art Design Pro 项目使用 pnpm 工具安装依赖,推荐使用 pnpm,确保 Node.js 20.19.0 及以上版本
# 安装 pnpm
npm install -g pnpm
# 安装依赖
pnpm install
# 如果 pnpm install 安装失败,尝试使用下面的命令安装依赖
pnpm install --ignore-scripts
# 本地开发环境启动
pnpm dev
项目启动后会自动打开浏览器运行,默认访问地址:http://localhost:3006
# 生产环境打包
pnpm build
图标库:集成了丰富的图标库,基于 Element Plus 图标库设计,并对图标复制功能进行了优化,方便开发者快速使用所需的图标资源。
富文本编辑器:内置功能强大的富文本编辑器,支持代码高亮、分片处理等高级功能,确保在处理复杂内容时依然流畅。
Echarts 图表:集成了 Echarts 图表组件,支持各种数据可视化展示,帮助用户更直观地理解数据。
Utils 工具包:内置常用的工具函数和方法,方便开发者在项目中快速调用,提高开发效率。
网络异常处理:内置网络状态检测和异常提示组件,能够及时提醒用户网络异常,提升用户体验。
路由级别鉴权:提供路由级别的权限控制,确保只有授权用户才能访问特定的路由,增强系统的安全性。
侧边栏菜单鉴权:根据用户权限动态生成侧边栏菜单,用户只会看到自己有权限访问的菜单项。
鉴权指令:提供基于指令的权限控制,可针对页面中的特定元素进行权限校验,隐藏或禁用无权限的操作。
03
Art Design 演示







如有IoT 源码采购和项目交付需求,请扫码联系小编,微信号: beacon0418


往期推荐


免责声明:本公众号所发布的内容来源于互联网,我们会尊重并维护原作者的权益。由于信息来源众多,若文章内容出现版权问题,或文中使用的图片、资料、下载链接等,如涉及侵权,请告知我们,我们将尽快处理。




1828

被折叠的 条评论
为什么被折叠?



