基于SSM框架的批量删除的前台+后台实现

5 篇文章 0 订阅
2 篇文章 0 订阅

前台页面:

前台代码:

<table width="100%" border="1" cellpadding="5" cellspacing="0" style="border:#c2c6cc 1px solid; border-collapse:collapse;">
    <tr class="main_trbg_tit" align="center">
        <td><input type="checkbox" name="checkAll" id="checkAll"></td>
        <td>姓名</td>
        <td>性别</td>
    </tr>
    <c:forEach items="${requestScope.employees}" var="employee" varStatus="stat">
        <tr id="data_${stat.index}" class="main_trbg" align="center">
            <td> <input type="checkbox" id="box_${stat.index}" value="${employee.id}"> </td>
	    <td> ${employee.name } </td>
	    <td>
                <c:choose>
                    <c:when test="${employee.sex == 1 }">男</c:when>
		    <c:otherwise>女</c:otherwise>
                </c:choose> </td>
        </tr>
    </c:forEach>
</table>
JS代码:
<script type="text/javascript">
	       $(function(){
	    	   /** 获取所有的单选框 */
	    	   var boxs  = $("input[type='checkbox'][id^='box_']");
	    	   
	    	   /** 给全选按钮绑定点击事件  */
		    	$("#checkAll").click(function(){
		    		// 所有数据行的选中状态与全选的状态一致
		    		boxs.attr("checked",this.checked);
		    	})
		  	
	    	   /** 删除员工绑定点击事件 */
	    	   $("#delete").click(function(){
	    		   /** 获取到用户选中的复选框  */
	    		   var checkedBoxs = boxs.filter(":checked");
	    		   if(checkedBoxs.length < 1){
	    			   $.ligerDialog.error("请选择至少一个需要删除的员工!");
	    		   }else{
	    			   /** 得到用户选中的所有的需要删除的ids */
	    			   var ids = checkedBoxs.map(function(){
	    				   return this.value;
	    			   })
	    			   
	    			   $.ligerDialog.confirm("确认要删除吗?","删除员工",function(r){
	    				   if(r){
	    					   // 发送请求
	    					   window.location = "${pageContext.request.contextPath}/employee/removeEmployee.do?ids=" + ids.get();
	    				   }
	    			   });
	    		   }
	    	   })
	       })
</script>

后台代码:

	@RequestMapping("/removeEmployee.do")
	public String removeEmployee(Integer[] ids, Model model){
		
		int rows = employeeService.removeEmployee(ids);
		if(rows > 0){
			return "redirect:/employee/findEmployee.do";
		} else {
			model.addAttribute("failMSG", "删除员工失败!");
			return "/jsp/fail.jsp";
		}
	}

这里可以用Integer[]类型将接收,也可以用string接收。

Dao层实现(sql):

	<delete id="deleteEmployee">
		delete from employee_inf where id in
		<foreach collection="ids" item="id" open="(" close=")" separator=",">
			#{id}
		</foreach>
	</delete>


  • 4
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
基于SSM搭建的点餐系统主要包括前台后台两个部分。 前台部分是供顾客使用的界面,它一般包括以下功能: 1. 菜单浏览和搜索:顾客可以浏览餐厅的菜单,并根据自己的需求进行搜索和筛选。 2. 下单和支付:顾客可以选择菜品,将其加入购物车并下单,然后进行支付,支持多种支付方式。 3. 订单管理:顾客可以查看自己的订单状态和历史订单,进行订单取消或投诉。 4. 评价和评论:顾客可以对已消费的菜品进行评价和评论,提供反馈和建议。 后台部分是供餐厅管理人员使用的管理界面,它一般包括以下功能: 1. 菜品管理:管理人员可以添加、修改和删除菜品,设定菜品的价格、库存和分类等信息。 2. 订单管理:管理人员可以查看所有订单,并进行处理和统计,如订单确认、配送和交易完成。 3. 用户管理:管理人员可以对顾客信息进行管理,如添加新用户、修改用户信息和进行权限控制。 4. 数据统计和分析:管理人员可以查看销售数据,进行统计和分析,以便优化运营策略。 基于SSM框架搭建的点餐系统具有以下优势: 1. 结构清晰:SSM框架以MVC模式为基础,将应用程序分为模型、视图和控制器,使代码结构更加清晰和可维护。 2. 高效稳定:SSM框架采用了多种优化技术,如连接池、缓存机制等,提高了系统的性能和稳定性。 3. 可扩展性强:SSM框架支持插件式开发和模块化设计,方便后续添加新功能和扩展系统。 总之,基于SSM搭建的点餐系统能够提供方便快捷的点餐服务,并帮助餐厅管理人员进行订单和菜品管理,提高效率和用户体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值