找回密码
 立即注册

QQ登录

只需一步,快速开始

Simon.hu 讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2024-8-8 16:48  /   查看:1010  /  回复:0
本帖最后由 Joe.xu 于 2024-8-13 11:29 编辑

可能有了上一个帖子,看完以后,你只是不明觉厉,这个帖子就让我们从一个场景真切的感受一下这个功能的效果吧

--------------------------------------正文----------------------------------------
场景说明

还是上次的那个修改订单信息中,我觉得最麻烦的删除订单明细行的逻辑(前面已经说过,未绑定子表的添加行和修改行可以非常简单的通过判断是否有ID来确定,但是删除不好确定),那我们就拿着这个逻辑来体验一下调试功能。
逻辑设计
因为没法直接取到删除的物品,所以我们需要找别的出路。
最简单的方案:先根据订单主表ID,取到数据库既有的订单子表old信息,然后循环这old表,每一行都去新提交的订单子表中根据ID查找,如果没有找到这个ID那就说明,最终用户已经在浏览器上删除了这条数据,所以我们也需要删除此条订单子表信息
大概得命令就是如下的逻辑,最困难的就是
  1. 循环这old表,每一行都去新提交的订单子表中根据ID查找
复制代码
这个咱们需要插件来完成,我找了很久最终决定使用宁专家自己写的数组插件,如下图
image.png270521544.png
那么问题来了,我也不知道这个插件的出来和判断的数据对不对,怎么办?
此时我决定使用调试功能开一边看一边改
实战体验
设计器中打好断点,如上图命令对话框小红点,然后点击调试按钮
image.png563189086.png
然后浏览器会重新开一个窗口运行起来,然后我就进去一顿操作
image.png468654479.png
点击上面的按钮,你就发现设计器这边已经断到断点上了
image.png842321472.png
你可以轻松的看到的此时不同变量的数据
image.png923774108.png
然后我们调试,你会发现确实循环到第三次的试试needDeleteID这个数组是空
效果.gif
所以这个逻辑就很简单了,如果needDeleteID这个数组是空,那么就删除此条既有数据
因此完整的逻辑应该是这样
image.png285053710.png
保存完了以后直接点击,重新调试
image.png541949767.png
你会发现之前启动的浏览器自动关闭,然后重启了一个新浏览器
还是刚才的操作删除苹果,添加连衣裙,然后点击按钮进入断点
因为我比较关注needDeleteID,所以我单独在设置了一个监视器项,去看效果
你会发现,确实ID为null的数据苹果被删除了,有一个数据修改了,最有的连衣裙增加了
效果.gif

断点调试功能就是这么潇洒

评分

参与人数 3金币 +5 满意度 +10 收起 理由
13794930121 + 5
lxf_007222 + 5
Lay.Li + 5 赞一个!

查看全部评分

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部