MiniMax Agent后台管理页面生成操作步骤

只需登录MiniMax Agent并描述需求，即可零代码生成带Supabase后端的电商后台页面：自动配置RBAC权限、三张核心表及RLS策略，支持字段与菜单定制，并导出可部署工程包。

你需要一个能管理用户、订单、内容的后台页面，但不想写代码、不依赖现有CMS、也不愿花时间部署服务器。

登录MiniMax Agent并创建新项目

打开浏览器，访问 https://agent.minimax.io/，确保使用已实名认证的账号登录——【未实名认证将无法调用Supabase后端能力，生成的后台页面会缺少数据管理功能】。

进入页面后，直接在中央输入框中粘贴你的需求描述，例如：“生成一个电商后台管理页面，支持查看订单列表、审核商品、管理用户权限，需连接真实数据库并带登录页”。

点击“运行”按钮，Agent会先输出一份技术方案，包括前端框架（React + TypeScript）、后端服务（Supabase）、权限模型（RBAC）和部署方式（Minimax托管空间）。这一步不能跳过，它决定了后续所有页面的数据结构是否可用。

配置Supabase授权以启用真实后端

当Agent提示“需要授权Supabase访问权限”时，点击弹出窗口中的“授权并继续”按钮，跳转至Supabase控制台完成OAuth绑定。

授权成功后，Agent自动创建以下资源：一个Supabase项目（含auth、postgres、realtime）、三张核心表（users、orders、products）、以及对应的Row Level Security策略。这些表结构将直接映射到你后台页面的表格列和筛选条件。

注意：如果跳过此步或中途关闭授权页，生成的后台页面所有列表将显示为空白，且无法通过刷新恢复——【必须在此阶段完成授权，后续无法补救】。

定制后台页面字段与权限

Agent生成初版页面后，会在右侧代码面板中展示src/pages/admin目录结构。找到AdminLayout.tsx文件，滚动到底部，在const menuItems数组里增删导航项，比如删除“日志分析”，添加“优惠券管理”。

进入src/lib/permissions.ts，修改rolePermissions对象：将admin角色的orders权限从["read", "update"]改为["read", "update", "delete"]，这样管理员才能在订单页看到“删除”按钮。

回到页面编辑区，点击右上角“重生成UI”，Agent会根据你刚改的权限配置，自动调整对应页面的操作按钮可见性与API调用范围。

导出可部署的完整工程包

点击右下角“下载项目”按钮，选择“完整工程包（含supabase/config）”，等待压缩包生成并自动下载。

解压后进入根目录，确认存在supabase/文件夹且其中包含schema.sql和seed.sql——这两个文件定义了数据库初始结构和示例数据，部署时会被自动执行。

打开终端，执行npx serve -s build可本地预览；若要上线，直接将整个文件夹拖入MiniMax托管空间的上传区，30秒内生成带HTTPS的访问链接。