文末联系小编，获取项目源码
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
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
