此处我们用的是angularJs 实现的复选框全选
首先是后端代码:
1:接口:根据某个id 删除
2:实现类 接收一个删除的集合,便利集合删除每一个
因为我们可能遇见多选的时候,这个时候我们制作批量删除 ,原理就是传过来一个集合, 便利每个删除
3: web控制层: 返回一个结果集,并执行服务层的集合便利删除操作
4: 方法返回的结果集需要自己去创建一个 结果集工具类 :
结果集工具类创建:如下
结果集如下:
//注意 用上了 结果集工具类, 别忘了 运行前, 先maven 安装一下 结果集所在的 pojo 类
我们在前端控制层创建一个集合 用来添加已经选中的复选框
在相关的网页的行元素上面, 添加 方法名 及 $event, entity,id
$event 用来传递当前复选框状态;可以理解为 将整个复选框作为参数传递到后台.在后台我们可以判断一下 复选框选中的状态
entity.id 用来绑定 复选框id 我们其实是 用 复选框选中当前行 id 根据id 删除记录
在前端服务层创建删除方法
在前端控制层创建调用服务层的删除方法 ..
在控制层引用服务,需要在上面引入服务.
在下面 :写出前端服务层的删除方法.
在页面上调用控制层的删除方法
可以在页面中写个测试代码,能够清楚的看到该数组中有几个值,效果是否显示
页面显示效果
效果实现后, 删除测试代码即可