网站商城之复选框全选删除

版权声明:版权所有 - 仿冒必究 https://blog.csdn.net/qq_24641227/article/details/82414100

此处我们用的是angularJs 实现的复选框全选

 首先是后端代码: 

1:接口:根据某个id 删除 

 2:实现类 接收一个删除的集合,便利集合删除每一个

  因为我们可能遇见多选的时候,这个时候我们制作批量删除 ,原理就是传过来一个集合, 便利每个删除

 3: web控制层: 返回一个结果集,并执行服务层的集合便利删除操作

  4:  方法返回的结果集需要自己去创建一个  结果集工具类  :

结果集工具类创建:如下

 结果集如下:

 //注意 用上了 结果集工具类, 别忘了 运行前, 先maven 安装一下  结果集所在的  pojo 类 

我们在前端控制层创建一个集合 用来添加已经选中的复选框

  在相关的网页的行元素上面, 添加   方法名  及  $event,   entity,id   

  $event 用来传递当前复选框状态;可以理解为 将整个复选框作为参数传递到后台.在后台我们可以判断一下 复选框选中的状态

扫描二维码关注公众号,回复: 6189621 查看本文章

  entity.id  用来绑定 复选框id   我们其实是 用 复选框选中当前行 id  根据id 删除记录

在前端服务层创建删除方法

在前端控制层创建调用服务层的删除方法 ..

在控制层引用服务,需要在上面引入服务.

在下面 :写出前端服务层的删除方法.

在页面上调用控制层的删除方法

  可以在页面中写个测试代码,能够清楚的看到该数组中有几个值,效果是否显示

 

页面显示效果 

效果实现后, 删除测试代码即可

   

猜你喜欢

转载自blog.csdn.net/qq_24641227/article/details/82414100
今日推荐