数据删除页面处理

Mvc的入门中,对数据的增删查改,可谓是最为基础的,以往也做了部分,那我今天就做下删除吧。
数据删除,也为简单也最需要慎重的。简单的是代码不多,需要慎重的是数据一旦删除就没了。有时候不慎重的话,会误删了表,但这些表或存在与之对应的关系的子表。特别容易造成数据沉余&缺失。
下面我以删除学院信息为例来说说删除需要的页面处理
设置自定义按扭
页面删除按扭设置
这个按扭是一个自定义按扭,自定义可以随意定义成你想要的按扭,无论是(查询,新增或是删除亦或是修改)
获取年级id,获取到的这个gradeId等data表单中的GradeID

var gradeId = data.GraderID;

这个是自定义的按扭

var btns=“”;

下面+=<>里的是使用layui的样式的的按扭样式,在里面还给她设置了点击事件用于触发删除方法
最后将retrun btn;
到这,自定义按扭便设置完了。
在这里插入图片描述

页面删除设置
这里的删除方法的页面设置,用户点击删除的时候不能直接开始删除,谁没有手滑的时候能
删除提示:
给管理员(用户)一个弹窗提示,明确告诉她:您是否要删除这些数据,暗示(!!!我已经告诉你不要手```),提示管理员(用户)会弹出一个弹窗,只有的点击确定才会执行删除操作,最大限度的避免误删除的可能。如果提示完还还是误删了,那我也没辙。
确定删除
页面弹窗,点击确定后,开启加载层,加载层这里的作用是屏蔽用户操作,防止数据或请求的反复提交
提交post请求,控制器方法,请求&传递参数gardeId
启用新的方法
提交完请求后,关闭加载层,
如果控制器执行完删除操作,会返回一个状态
如过果状态为true,那便刷新表单,并提示与之对应的提示文本
反之如果返回值为:false。那么同样,刷新表单并提示对应的文本信息
页面操作完成,
在这里插入图片描述
提示图如下
在这里插入图片描述
总结:
在删除的页面处理中,需要给用户明确的删除提示,反馈信息。注重下体验。
为了用户明确的反馈,使用页面弹窗,非得确认后方才进行下一部操作。
使用,加载层暂时性的屏蔽掉用户提交删除后,有由于网络问题,页面没有及时响应,而让用户下意识下点击鼠标造成二次提交,避免二次请求,反复请求加重服务器的负担。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值