大家好我最近在持续完善一个开源项目Art Supabase Pro。它最开始是一个基于 Vue 3、TypeScript、Element Plus 和 Supabase 的现代化后台管理模板目标是让开发者可以更快搭建企业级管理系统不用从登录、权限、菜单、表格、表单、字典、附件、主题配置这些基础能力重新开始。现在这个项目已经不只是一个通用后台模板而是加入了更贴近真实业务的模块和 AI 能力AI SQL 助手车辆管理系统TMS 运输管理系统司机端相关能力也就是说它现在更像是一个“可直接二次开发的 Supabase 企业应用样板工程”。为什么做这个项目很多 Vue 后台模板只停留在界面层页面看起来完整但真正接业务时还要自己补认证、权限、数据表、接口封装、数据字典、附件、导入导出、搜索表格、业务详情页等一堆基础设施。Art Supabase Pro 想解决的是另一个问题如果我想用 Vue 3 Supabase 做一个真实可运行的企业后台能不能有一个现成项目把登录、权限、菜单、数据中心、业务模块、数据库访问方式都串起来所以这个项目不是只做 UI 展示而是围绕真实业务开发做了更完整的工程组织。技术栈Vue 3TypeScriptViteElement PlusPiniaVue RouterSupabase Auth / Database / Edge FunctionsPostgreSQLMonaco EditorEChartsTailwind CSS / SCSSVue I18n基础能力项目内置了常见中后台开发需要的基础模块登录、注册、找回密码、JWT 登录认证用户管理、角色管理、菜单管理RBAC 权限控制支持菜单和按钮级权限数据字典、附件资源管理SQL 控制台与数据查看能力全局搜索、WorkTab 多标签页明暗主题、布局切换、系统配置面板表格查询、动态表单、弹窗、抽屉、资源选择器等核心组件Excel 导入导出中英文国际化响应式布局AI SQL 助手这次我觉得比较有意思的是 SQL 工作台。它不是简单放一个 SQL 输入框而是围绕 Supabase/PostgreSQL 做了一层增强Monaco SQL 编辑器PostgreSQL 编辑体验表、字段、函数等数据库元数据读取JOIN 关系推断SQL 格式化SQL 执行结果表格展示错误位置标记AI 生成 SQLAI 修复 SQLAI SQL 助手会带上当前数据库 schema 摘要让模型在生成查询时尽量基于真实表结构而不是凭空猜字段。模型调用通过 Supabase Edge Functionai-sql-assistant封装后续也方便替换不同模型提供方。这个功能适合几个场景开发者快速写 Supabase/PostgreSQL 查询运营或实施人员用自然语言生成查询排查 SQL 报错并让 AI 辅助修复在 TMS、车辆管理等业务模块上做临时数据分析车辆管理系统车辆业务域包含车辆档案管理车辆入档、编辑、审核、详情保险公司、供应商、配件、配件分类等基础资料车辆保险车辆年检维修保养记录事故记录里程记录例检记录配件使用与寿命提醒保险到期、年检到期、保养到期、车辆寿命等提醒车辆查询与详情展示这些模块不是孤立页面而是按照企业后台的真实使用方式组织列表、搜索、详情、弹窗、导入导出、附件、字典、关联数据都尽量串起来。TMS 运输管理系统TMS 部分围绕运输业务做了基础闭环包含客户资料客户地址客户价格承运商资料承运商价格司机管理货物资料合同管理站点管理开单订单列表运单管理待配载、已配载等运单状态车辆配载、批量配载配送管理在途监控TMS 模块和车辆系统之间也有业务关联比如承运商、司机、车辆档案、运单配载等数据可以形成更接近真实运输业务的流程。适合哪些人这个项目适合想学习 Supabase Vue 3 AI SQL 企业项目落地的开发者想快速搭建中后台、CRM、ERP、TMS、车辆管理系统的团队想找一个 Element Plus 后台模板做二次开发的人想参考 RBAC、菜单权限、字典、表格查询、动态表单等实现的人想用 Supabase 替代传统后端接口快速做 MVP 或内部系统的人想给内部系统接入 AI 写 SQL、AI 数据分析能力的人项目地址在线演示Art Supabase ProGiteehttps://gitee.com/wangyanghub/art-supabase-proGitHubGitHub - 869123771/art-supabase-pro: 基于art-design-pro(前端) supabase(后端)Bass(后端即服务)开发的一套权限管理系统。后端零代码前端开箱即可使用 · GitHub如果这个项目对你有帮助欢迎 Star、Fork、提 Issue也欢迎一起交流 Supabase 在中后台、AI SQL、运输、车辆管理这些场景里的落地方式。
