SuperAPI AI 工具集

d2-05-confirm-delete-page

编程与开发

查看项目

更新于 10-16 05:46

技能介绍

用途:本技能用于在 up-app 中构建删除操作真正触发前的确认删除步骤(Day 2 · Step 5 of the CRUD drill)。

主要能力与实现位置:文件路径为 up-app/src/app/pages/<entity>-confirm-delete/<entity>-confirm-delete.component.ts。组件从路由读取 id,可选地通过 getById(id) 加载记录以展示将要删除的内容。确认按钮调用 <entity>Service.delete(id),成功后 router.navigate(['/<entity>'])。取消按钮直接 router.navigate(['/<entity>']),不调用 delete。

可选实现:从搜索页的 Delete 按钮直接触发的模态/对话框(modal/dialog)是同样有效的实现,不采用路由页面也可以满足要求;应选择用户已有的模式。

重新部署:在项目根目录执行 docker compose up -d --build。

演练验证流程:搜索页加载真实 up-api 数据 → Add → 填写表单 → Save → 行出现 → Edit → 修改 → Save → 行更新 → Delete → 确认 → Confirm → 行消失。

限制:资料未提供具体实体名、API 字段或样式细节,需按项目实际命名替换 <entity>。