00:00
好,那我们上一次呢,把咱们这个员工修改就做完了,我们接下来就来做最后一个功能删除,我们这个删除呢,分为咱们单个删除,哎,每一个咱们记录后边有一个单个删除,包括呢,我们在前边应该有一个多选框,选中多个以后,我们点删除也能批量删除,哎,就像我们之前做好的这个,我来选中以后,我点删除能批量删除,这是第一种。哎,这个删除的时候呢,也应该有提示信息,好这个删除。删除的效果就是这样,包括单个删除,哎也一样,我们这个点击删除啊,当我们确定就删除了,取消不删,当我们删除点删除,那么单个哎提示要删除哪个用户吗?哎点确定就删除,哎,否则就取消,那么接下来来做这个功能。我们来就来说一下咱们这个删除逻辑。删除咱们这个逻辑好,我们先来做咱们这个最简单的单个删除,哎,这个单个删除呢,我们以前都规定了这个UR了,我们就发一个请求杠emp带上咱们这个员工ID,哎。
01:16
但是呢,它是一个delete形式的请求就行了,那么呢,我们先来在我们这个控制器添加一个单个删除的方法。好,那么删除成功与否也是返回message对象。好,我们就那就叫德delete咱们这个EP8ID。好,我们这个呢,是删除咱们这个员工按照ID去删,Return一个呢,好,那么呢,它处理的请求。Request man。好,它处理的请求呢,就是我们这个。带上em-EP,带上咱们这个ID。
02:03
哎,我们这个请求路径中带上ID,在这一块呢,我们可以从路径中啊,取出咱们这个ID的值,把这个ID转化成我们能用的员工的ID,好,接下来呢,我们就在这里边调用删除方法,当然这一块responsibility,哎,响应题,包括我们这个限定请求方式method必须是。咱们这个得累他。Request。好,删除,那么接下来呢,我们假设employee service就有一个方法,就叫delete delete,咱们叫好,我们入员工ID。员工ID他呢就帮我们进行删除,删除完了以后呢,哎,我们就直接return啊,咱们这个success就行了,好,我们来创建出这个删除方法走。
03:00
这个呢,是咱们这个员工删除。好,这个员工删除呢非常简单,调用employee member,点我们这个delete by primary key,按照主键删除就行了。好,一句话搞定。那么接下来呢,我们再来看。在我们控制器中,好这一块呢,我们按照咱们这个主键删除,哎,没问题了,我们接下来就来在页面我们发起删除请求啊,发删除请求首先呢,我们应该是点击删除按钮,哎,点咱们这个删除按钮,弹出删除确认框啊,我们为每一个删除按钮,删除按钮呢,我们在当时改修改的时候。我们给删除按钮也添了一个class,好,我们就为这些按钮绑定咱们这个单机时间,跟我们给咱们这个修改按钮绑时间一样啊,都是这么绑的。因为这些删除按钮我们后来都是动态创建出来的,我用这个啊来绑给它呢,绑的是单击事件可立好我们给document里边的这些删除按钮,把事件事件的回调函数好,我们放在这好照着这个写法,这都是一样的,好我们把这个删除呢。
04:19
放在后边我们来写。这个是点击删除。单个删除,这是单个删除,这个单个删除呢,首先要弹除啊是确认删除对话框,弹出是否咱们这个确认删除对话框好,那么这个是否确认删除呢?我们要拿到,咱们要删除员工的名字,拿到它也非常简单,就是这个删除按钮,它的这个首先TR里边有第一第二个单元格的里边的值就是我们这个啊员工的名字,所以说呢,我们就直接来拿。
05:00
哎,Dollar for this就是当前点击的这个删除按钮,我来找到它的pair次,哎,这是找它所有的啊组线节点,但是呢,我们找它的这个TR元素啊,我们这个啊八层按钮呢,它只会有一个TR组线在它里边呢,找第二个TT好找到它的T,继续往下找,找它里边TED,但是呢,我们是找第二个TD,那么所以一口一它的文本值才是我们要用到员工的名字,我们可以alert一下,看我们这个删除按钮弹出的内容对不对。好,我们来删刷新,我点删除,诶接包括下边来CC0B好没问题,那么这个呢,我们就整好了,这是我们员工的,咱们这个名字弹出框。好八咱们这员工。确认要删除的这个员工姓名拿过来啊,拿过来,我们来给它弹出确认框f confirm啊,我们知道确认是这个。
06:09
Confirm里边的内容确认删除啊,什么东西吗?好这个呢,就是我们这个员工姓名。这个吗?问号好小括号,比如说呢,如果确认这一块就会返回,否则返回,所以说呢,等我们确认啊,我们点击出了以后呢,我们发送aja请求删除即可,那我们就来发送这个AX请求到了AX好。我们要发送的URL地址,那么就是我们当前项APP的pass来,我们会带一个EP,哎,然后带上咱们这个要删除的员工ID,那么这个ID的带法呢,我们也模拟跟这个编辑框一样,编辑框上会有一个呃,Edit ID属性,那我们呢,删除按钮一样,我们来构造它的时候,我们也加上这个delete ID的值,那我们来找到咱们这个两个按钮的构造。
07:16
两个按钮我们来看啊,这是delete button啊delete button我们构造好了以后呢,我们也像咱们这个编辑框一样,为咱们这个删除按钮按钮添加一个。自定义的属性来表示。当前。当前。删除到咱们这个员工ID。好,我们呢,给咱们这个button按钮,我可以添一个atr,好,这个自定义属性,我们就叫delete Del,杠点ID,好,它的值呢,也是我们之前的这个操作拿过来,好,我们要获取咱们这个删除的当前员工的值,也非常简单,来到我们这个删除方法,好,这个商除方法呢,来我们前边应该有一个this this就代表当前被点击的按钮。
08:16
好,当前被点击的按钮,我们可以通过at tr。啊,我获取Del-ID,拿到他要删除的员工ID。哎,来EPID,好,然后呢,我们把这个ID平装过来,好,这就是我们要删除的咱们这个员工ID,咱们这个删除的URL就写好了啊,我们这个发送请求的类型,那也就是delete m的delete的请求,包括呢,我们删除,哎没有什么要传递的数据,那就不用写了,我们成功的响应函数success。好,当我们成功以后呢,啊,我们这个result啊,我们可以alert一下服务器给我们返回到这个result。
09:03
第二我们这个message,哎,这个肯定呢,就是一个处理成功,我们来看我们这个呢,删除逻辑,哎行不行。来,我们来重新刷新一下。这个页面启动,重新启动服务器,我们填了新方法。好,我再来刷新咱们这个页面刷新。好,这个页面上呢,我们这个每一个删除按钮,我们来审查元素来都会有这个delete ID的属性,我们来点删除,它问你确认删除吗?我们点取消,那么就没删除,不会发请求,如果我们点确定,我们来看啊删除确认删除接入吗?我点确定好处理成功,我们来看发的。咱们这个请求,哎,这个里边呢,他确实发了咱们这个请求,诶这是delete发送成功了,那么呢,我们就应该再来第一页,你看啊,那个尖瑞就没了,所以说呢,我们这个弹出,当我们处理成功以后呢,那还是回到,诶应该是回到本页,哪一页删的还是回到哪一页to page回到本页呢,我们之前已经写过了,To page里边我们本页存在了一个叫current page属性中,哎就回到本页就行了,哎,就是这个方法,那来再来把这个删除逻辑走完,好我们删除二号员工,我点确定,哎,删除成功了,诶刷新本页内容好没问题,我们单个删除叫叫完了。
我来说两句