重慶正大軟件學(xué)院軟件系《MVC框架程序設(shè)計》電子教案重慶正大軟件學(xué)院軟件系《MVC框架程序設(shè)計》課程組重慶正大軟件職業(yè)技術(shù)學(xué)院教案（項目類）授課對象系別軟件系本次課學(xué)時4學(xué)時年級班次大二章節(jié)題目第7章項目編碼目的要求（含技能要求）理解員工檔案管理模塊刪除功能的業(yè)務(wù)流程理解員工檔案管理模塊刪除功能的程序流程通過練習(xí)理解SSH的框架組件及運行流程本節(jié)重點理解SSH的框架組件及運行流程本節(jié)難點理解員工檔案管理模塊刪除功能的業(yè)務(wù)流程教學(xué)方法項目教學(xué)法教學(xué)用具機房、屏幕廣播問題引入通過第六章的詳細(xì)設(shè)計文檔，從而引出本次課程。難點與重點講解方法引導(dǎo)、分析、講解、實作演示本次課小結(jié)課程小結(jié)教后禮記討論、思考題、作業(yè)（含實訓(xùn)作業(yè)）完成本次課的課堂任務(wù)填寫實驗報告任務(wù)介紹（5分鐘）根據(jù)需求分析和設(shè)計利用SSH框架實現(xiàn)員工檔案管理刪除功能。用戶在員工查詢頁面選擇要刪除的員工信息（如圖7.4-1所示）。成功則提交要刪除的員工信息，經(jīng)過后臺程序處理，刪除成功則返回操作成功頁面，刪除失敗則返回系統(tǒng)異常界面。圖7.4-1員工檔案修改界面任務(wù)解析（50-60分鐘）前臺員工檔案查詢頁面employee.jsp及javascript中刪除員工檔案編寫后臺業(yè)務(wù)控制器（action類）EmployeeAction中刪除員工檔案編寫后臺業(yè)務(wù)處理層接口IEmployeeService的編寫后臺業(yè)務(wù)處理層實現(xiàn)類EmployeeServic的編寫后臺持久化層接口IEmployeeDao的編寫后臺持久化層實現(xiàn)類EmployeeDao的編寫詳細(xì)步驟前臺員工檔案查詢頁面employee.jsp及javascript中刪除員工檔案編寫employee.jsp頁面部分加入“選擇”復(fù)選框，初始值是員工的id編號。<tdalign="center"class="td_border"><inputname="employeeId"type="checkbox"title="選中后可進(jìn)行刪除操作"value='<s:propertyvalue="#employee.id"/>'></td>使用javascript代碼完成頁面校驗，即點擊刪除按鈕時至少有一個“選擇”復(fù)選框被選中，否則彈出警告框，提示用戶“請選中要刪除的記錄!”，關(guān)鍵代碼如下：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函數(shù)來源于7.1節(jié)的main.js文件。后臺業(yè)務(wù)控制器（action類）EmployeeAction中刪除員工檔案編寫在EmployeeAction中字符串?dāng)?shù)組employeeId并添加其get和set方法，用來接收前臺提交過來的要刪除的員工id，在EmployeeAction中添加刪除員工檔案代碼：publicStringdeleteEmployee(){ employeeService.deleteEmployee(employeeId); finish_Url="employeeAction!findEmployee.action"; return"finish";}后臺業(yè)務(wù)處理層IEmployeeService刪除員工檔案編寫在IEmployeeService中添加刪除員工檔案方法：publicvoiddeleteEmployee(String[]employeeId);后臺業(yè)務(wù)處理層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);}根據(jù)任務(wù)提出問題（45-55分鐘）員工檔案管理模塊刪除功能的業(yè)務(wù)流程員工檔案管理模塊刪除功能的程序流程員工檔案管理刪除功能的UI設(shè)計？員工檔案管理刪除功能的控制層設(shè)計？員工檔案管理刪除功能的模型層設(shè)計？問題解析（45-55分鐘）員工檔案管理模塊刪除功能的業(yè)務(wù)流程員工檔案管理模塊刪除功能的業(yè)務(wù)流程,如圖7.4-2所示。圖7.4-2員工檔案管理模塊刪除功能的業(yè)務(wù)流程員工檔案管理模塊刪除功能的程序流程員工檔案管理模塊刪除功能的程序流程,如圖7.4-3所示。圖7.4-3員工檔案管理模塊刪除功能的程序流程員工檔案管理刪除功能的UI設(shè)計？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.項目必輸元素類型初始值頁面校驗說明數(shù)據(jù)對象1選擇(復(fù)選框)否字符串employee.id有點擊刪除按鈕時至少有一個“選擇”復(fù)選框被選中EmployeeId員工檔案管理刪除功能的控制層設(shè)計？員工檔案管理刪除功能的控制層設(shè)計內(nèi)容如表7.4-3。表7.4-3員工檔案管理刪除功能的控制層設(shè)計類名存放地址方法名描述EmployeeAction.javacom.zds.slms.actiondeleteEmployee刪除員工檔案員工檔案管理刪除功能的模型層設(shè)計？員工檔案管理刪除功能的模型層設(shè)計內(nèi)容如表7.4-4。表7.4-4員工