Art Supabase Pro：现代化企业级后台管理系统模板

Art Supabase Pro 是一个基于 Vue 3、TypeScript、Element Plus 和 Supabase 构建的现代化后台管理系统模板。它提供了丰富的功能组件、完善的权限控制以及开箱即用的系统管理模块，旨在帮助开发者快速构建高性能的企业级应用。您可以通过 在线地址 体验其功能。

1. 在线链接​

   - <a href="https://869123771.github.io/art-supabase-pro">Art Supabase Pro 在线访问</a>
   
   2. <strong>Gitee 链接</strong>
   
   - <a href="https://gitee.com/wangyanghub/art-supabase-pro">Art Supabase Pro 在 Gitee 上的仓库</a>
   
   3. <strong>GitHub 链接</strong>
   
   - <a href="https://github.com/869123771/art-supabase-pro">Art Supabase Pro 在 GitHub 上的仓库</a>
   </li>
   

2. 新增功能如下
   SQL编辑器，(1)支持动态提示数据库schema . table . column . function 等 。(2)准确的执行错误sql日志 . (3) 查询结果展示。

   
   
   schema 表智能提示

table 列智能提示

执行结果展示

执行错误定位

✨ 功能特性

技术架构

• 现代化的技术栈：基于 Vue 3 + Vite + TypeScript + Pinia 构建。
• 后端即服务集成：深度集成 Supabase，提供认证、数据库和实时订阅支持。

用户体验

• 🌗 支持亮色/暗色模式切换。
• 🔒 支持锁屏、多级权限控制 (RBAC) 和 JWT 鉴权。
• 🔍 全局搜索、工作标签页 (WorkTab) 导航。
• 📱 响应式布局，完美适配移动端与桌面端。

丰富组件库

• 📊 集成 ECharts，支持多种图表类型（折线图、柱状图、K线图、雷达图等）。
• 📋 智能表格组件，支持列配置、固定头、虚拟滚动。
• 📝 动态表单组件，支持 Excel 导入导出。
• 🖼️ 图片/视频处理组件。

开发辅助功能

• 🧹 自动化清理脚本 (clean-dev.ts)。
• 📝 升级日志管理。
• 🔧 强大的设置面板，可实时调整布局、颜色、导航等。

功能截图展示

1. 登录页面

使用邮箱注册后即可登录。

2. 用户管理

系统采用用户隔离设计，每个用户只能查看自身数据。

3. 用户管理新增

简洁直观的用户信息录入界面。

4. 角色管理

注册用户默认获得注册权限，可查看所有菜单。

5. 菜单管理

专业级的菜单配置界面。

6. 菜单管理新增

直观的菜单项添加功能。

7. 数据字典

系统配置中心。

8. 资源管理

集中化管理各类资源。