SSH框架项目教程课件第7章第四讲

重庆正大软件学院软件系《MVC框架程序设计》电子教案重庆正大软件学院软件系《MVC框架程序设计》课程组重庆正大软件职业技术学院教案（项目类）授课对象系别软件系本次课学时4学时年级班次大二章节题目第7章项目编码目的要求（含技能要求）理解员工档案管理模块删除功能的业务流程理解员工档案管理模块删除功能的程序流程通过练习理解SSH的框架组件及运行流程本节重点理解SSH的框架组件及运行流程本节难点理解员工档案管理模块删除功能的业务流程教学方法项目教学法教学用具机房、屏幕广播问题引入通过第六章的详细设计文档，从而引出本次课程。难点与重点讲解方法引导、分析、讲解、实作演示本次课小结课程小结教后礼记讨论、思考题、作业（含实训作业）完成本次课的课堂任务填写实验报告任务介绍（5分钟）根据需求分析和设计利用SSH框架实现员工档案管理删除功能。用户在员工查询页面选择要删除的员工信息（如图7.4-1所示）。成功则提交要删除的员工信息，经过后台程序处理，删除成功则返回操作成功页面，删除失败则返回系统异常界面。图7.4-1员工档案修改界面任务解析（50-60分钟）前台员工档案查询页面employee.jsp及javascript中删除员工档案编写后台业务控制器（action类）EmployeeAction中删除员工档案编写后台业务处理层接口IEmployeeService的编写后台业务处理层实现类EmployeeServic的编写后台持久化层接口IEmployeeDao的编写后台持久化层实现类EmployeeDao的编写详细步骤前台员工档案查询页面employee.jsp及javascript中删除员工档案编写employee.jsp页面部分加入“选择”复选框，初始值是员工的id编号。<tdalign="center"class="td_border"><inputname="employeeId"type="checkbox"title="选中后可进行删除操作"value='<s:propertyvalue="#employee.id"/>'></td>使用javascript代码完成页面校验，即点击删除按钮时至少有一个“选择”复选框被选中，否则弹出警告框，提示用户“请选中要删除的记录!”，关键代码如下：functiondeleteRecords(url){ //取得第一个form表单 varactionForm=document.forms[0]; varcbs=actionForm.elements; vari; for(i=0;i<cbs.length;i++){ if(cbs[i].type=="checkbox"&&cbs[i].checked){ if(!window.confirm("确定要删除选中的记录吗？")){ return; }else{ break; } } } if(i==cbs.length){ alert('请选中要删除的记录!'); return; } actionForm.action=url; actionForm.submit();}注：上面deleteRecords函数来源于7.1节的main.js文件。后台业务控制器（action类）EmployeeAction中删除员工档案编写在EmployeeAction中字符串数组employeeId并添加其get和set方法，用来接收前台提交过来的要删除的员工id，在EmployeeAction中添加删除员工档案代码：publicStringdeleteEmployee(){ employeeService.deleteEmployee(employeeId); finish_Url="employeeAction!findEmployee.action"; return"finish";}后台业务处理层IEmployeeService删除员工档案编写在IEmployeeService中添加删除员工档案方法：publicvoiddeleteEmployee(String[]employeeId);后台业务处理层EmployeeService删除员工档案编写在EmployeeService中添加删除员工档案方法：publicvoiddeleteEmployee(String[]employeeId){ employeeDao.deleteEmployee(employeeId);}后台持久化层IEmployeeDao删除员工档案编写在IEmployeeDao中添加删除员工档案方法：publicvoiddeleteEmployee(String[]employeeId);后台持久化层EmployeeDao删除员工档案编写在EmployeeDao中添加删除员工档案方法：publicvoiddeleteEmployee(String[]employeeId){ List<Employee>entities=newArrayList<Employee>(); HibernateTemplatehibernateTemplate=this.getHibernateTemplate(); for(Stringeid:employeeId){ entities.add((Employee)hibernateTemplate.load(Employee.class, Integer.valueOf(eid))); } //批量删除 hibernateTemplate.deleteAll(entities);}根据任务提出问题（45-55分钟）员工档案管理模块删除功能的业务流程员工档案管理模块删除功能的程序流程员工档案管理删除功能的UI设计？员工档案管理删除功能的控制层设计？员工档案管理删除功能的模型层设计？问题解析（45-55分钟）员工档案管理模块删除功能的业务流程员工档案管理模块删除功能的业务流程,如图7.4-2所示。图7.4-2员工档案管理模块删除功能的业务流程员工档案管理模块删除功能的程序流程员工档案管理模块删除功能的程序流程,如图7.4-3所示。图7.4-3员工档案管理模块删除功能的程序流程员工档案管理删除功能的UI设计？UI页面文件列表及存放地址，如表7.4-1所示表7.4-1删除功能的UI页面文件列表及存放地址序号项目描述存放路径1employee.jsp查询员工页面(删除功能)WebRoot（或WebContent）\moduls\archive\2finish.jsp删除成功页面WebRoot（或WebContent）\3error.jsp异常、失败页面WebRoot（或WebContent）\UI页面原型：查询页面(删除功能)如图7.4-4所示、删除成功页面如图7.4-5所示、失败页面如图7.4-6所示。图7.4-4员工档案管理删除功能的页面原型图7.4-5员工删除成功页面原型图7.4-6员工删除出错页面原型UI页面校验：删除页面如表7.4-2、删除成功页面无、删除出错页面无。表7.4-2员工删除页面校验No.项目必输元素类型初始值页面校验说明数据对象1选择(复选框)否字符串employee.id有点击删除按钮时至少有一个“选择”复选框被选中EmployeeId员工档案管理删除功能的控制层设计？员工档案管理删除功能的控制层设计内容如表7.4-3。表7.4-3员工档案管理删除功能的控制层设计类名存放地址方法名描述EmployeeAction.javacom.zds.slms.actiondeleteEmployee删除员工档案员工档案管理删除功能的模型层设计？员工档案管理删除功能的模型层设计内容如表7.4-4。表7.4-4员工