贾栾：用扣子应用搭建数据管理后台

贾栾：用扣子应用搭建数据管理后台 ✅ 贾栾：用扣子应用搭建数据管理后台 Modified November 27, 2025 No access 20251103114647 rec 00:00 3.3.3 分页加载（下一页、上一页） "下一页"配置，先对页数 +1 后对页面变量赋值，再调用工作流查询（传入下一页的页数） 根据查询工作流的返回结果判断“下一页”是否禁用。 “上一页”配置类似，区别就是最小只能为 1。 3.4 编辑数据 关键点：点击编辑时，先将当前 item 数据赋值给页面变量；然后弹窗通过页面变量加载数据。 修改时，调用编辑工作流即可，将所有参数都传入（即使不需要修改）。 3.5 删除数据 直接调用删除工作流即可，传入 item 的 ID。 预览效果： No access 20251103114647 rec 00:00 END 感兴趣的同学添加关注，持续更新分享更多实战内容～ 我的开源知识库： ✅ AIGC之路社群知识库 ⛱️ 个人简介 贾栾 一个喜欢跑马的 AI 研究者 | 专注于 AIGC 应用落地。 ～全马 PB324，半马 127～ 10 年+研发管理经验、7 年+创业，传统软件公司转型中，目前 All in AI。 致力于打造让每个人都能用的 AI 应用工具。 个人微信 服务号：WayToAIGC You don't have permission to access this synced block. Please log in and try again. Log In ✅ AIGC之路社群知识库 No access 20251103114647 rec 00:00 No access 20251103114647 rec 00:00 3.3.3 分页加载（下一页、上一页） "下一页"配置，先对页数 +1 后对页面变量赋值，再调用工作流查询（传入下一页的页数） 根据查询工作流的返回结果判断“下一页”是否禁用。 “上一页”配置类似，区别就是最小只能为 1。 3.4 编辑数据 关键点：点击编辑时，先将当前 item 数据赋值给页面变量；然后弹窗通过页面变量加载数据。 修改时，调用编辑工作流即可，将所有参数都传入（即使不需要修改）。 3.5 删除数据 直接调用删除工作流即可，传入 item 的 ID。 预览效果： No access 20251103114647 rec 00:00 No access 20251103114647 rec 00:00 END 感兴趣的同学添加关注，持续更新分享更多实战内容～ 我的开源知识库： ✅ AIGC之路社群知识库 ✅ AIGC之路社群知识库 ⛱️ 个人简介 贾栾 一个喜欢跑马的 AI 研究者 | 专注于 AIGC 应用落地。 ～全马 PB324，半马 127～ 10 年+研发管理经验、7 年+创业，传统软件公司转型中，目前 All in AI。 致力于打造让每个人都能用的 AI 应用工具。 个人简介 贾栾 一个喜欢跑马的 AI 研究者 | 专注于 AIGC 应用落地。 ～全马 PB324，半马 127～ 10 年+研发管理经验、7 年+创业，传统软件公司转型中，目前 All in AI。 致力于打造让每个人都能用的 AI 应用工具。 个人微信 服务号：WayToAIGC 个人微信 服务号：WayToAIGC You don't have permission to access this synced block. Please log in and try again. Log In 👉 项目背景： 在搭建扣子智能体项目中，使用的数据存储在扣子数据库中。这些数据需要运营人员进行管理（增删改查等），需要一个单独的管理数据的页面用于管理数据。 作为低成本 MVP 验证功能来说，使用扣子应用+扣子智能体是最快速、容易上手的。基于此背景，在已完成的项目基础上梳理一个通用的数据管理教程。 项目背景： 在搭建扣子智能体项目中，使用的数据存储在扣子数据库中。这些数据需要运营人员进行管理（增删改查等），需要一个单独的管理数据的页面用于管理数据。 作为低成本 MVP 验证功能来说，使用扣子应用+扣子智能体是最快速、容易上手的。基于此背景，在已完成的项目基础上梳理一个通用的数据管理教程。 预览效果： 一、项目分析： 1、搭建方式：扣子应用（低代码应用） 由于扣子智能体中使用扣子数据库，都是测试环境数据，所以受数据渠道限制只能使用扣子应用来进行管理。（如果通过 API，操作的是线上数据）。 2、功能需求： a. 后台管理页面，有管理员登录密码。 b. 数据表的查询（支持分页） c. 数据表的删除（根据数据 id 删除） d. 数据的添加（支持单条数据添加） e. 数据的编辑（支持单条数据编辑） a. 后台管理页面，有管理员登录密码。 b. 数据表的查询（支持分页） c. 数据表的删除（根据数据 id 删除） d. 数据的添加（支持单条数据添加） e. 数据的编辑（支持单条数据编辑） 以上需求，基本上是单表数据管理的通用功能，接下来开始来搭建说明。 二、搭建过程 已有资源： 1、扣子数据库 注意：数据库一定要放在资源库中，这样扣子智能体、扣子应用都可以访问。 搭建扣子应用 1. 创建应用 2. 业务逻辑搭建（工作流搭建） 如图所示，将每个单独功能作为一个工作流。 2.1 密码验证：check password 说明： • 该工作流仅做简单固定输入认证，可以根据具体的业务需求拓展为数据库账户密码验证。 • 变量赋值，这里是为了实现自动登录功能，即通过用户变量保存登录结果，下次可以免登录。 • 返回结果 如图所示，这个工作流很简单，但是我仍然使用了规范输出，要保持一个良好的搭建习惯。 2.2 验证是否已登录：check islogin 这个工作流非常简单，只需要从用户变量读取登录状态即可。 2.3 增加数据：em hiton add 将用户输入数据添加至数据库即可，注意数据类型即可。本工作流中以 score 为例，做了分值必须大于 0 的限制，否则无法添加。 2.4 删除数据：em hiton delete 根据 ID 删除即可，可以根据数据库执行结果 rowNum 是否 0 判断是否执行成功。（rowNum 的意思是影响的数据条数）。ID 会在查询工作流中查询，并在页面上赋值，删除时传递 ID 即可。 2.5 编辑数据：em hiton edit 编辑工作流，将要更新的字段通过输入参数传递进来，更新即可。 注意： 我这里是把所有要更新的参数都传递进来了，这里有个体验问题，如果只更新一个值，其它字段不能为空，否则会设置为空。也可以在这里通过选择器判断，只更新有值的字段。 2.6 查询数据：em hiton select 分页查询数据，相对会复杂些，这里拆开一点点讲。 2.6.1 单页查询 简单的数据查询，直接使用通用的数据库查询组件即可。但是不支持分页查询，所以这里使用 SQL 自定义查询组件。 配置如下： 2.6.2 查询数据表总条数 查询总条数，是为了计算是否还有下页。 2.6.3 根据总条数、当前页数、每页数量计算 offet 值 2.6.4 代码节点，计算总页数、是否还有更多页 2.6.5 所有数据，聚合输出 查询是否成功、查询的数据、总页数、是否有下一页。 2.6.6 代码 将 id 转为 String 类型 注意：由于 Coze 平台 bug，这里需要将查询数据中的 ID 字段由 Int 类型改为 String 类型。否则前端处理时会出错。 🖕 以上，就是分页查询工作流及所有业务工作流的所有内容。接下来就可以搭建 UI 页面了。 注明：上述所有代码节点代码都是 Deepseek 完成，所以不要惧怕代码节点。 以上，就是分页查询工作流及所有业务工作流的所有内容。接下来就可以搭建 UI 页面了。 注明：上述所有代码节点代码都是 Deepseek 完成，所以不要惧怕代码节点。 3. 用户界面搭建 说明：核心只有一个数据管理页面，但是要将以上 6 个工作流都集成进去，需要清晰逻辑，然后进行配置。这里以一些关键配置为例进行讲述。 3.1 首页加载时： 需要执行是否已登录工作流、数据查询工作流（默认第一页） 3.2 根据是否已登录结果，控制登录框的显隐 3.3 加载数据 3.3.1 先设置两个页面变量 edit data，选中要编辑的对象； page no，当前加载的页数，用于分页加载数据。 3.3.2 加载首页数据 配置一个 list 组件，接收查询工作流的结果即可。