第5章實(shí)現(xiàn)租房管理系統(tǒng)

第五章實(shí)現(xiàn)租房管理系統(tǒng)第三單元第1頁/共24頁本章相關(guān)學(xué)習(xí)資源《實(shí)現(xiàn)租房管理系統(tǒng)（一）》專題《實(shí)現(xiàn)租房管理系統(tǒng)（二）》專題《實(shí)現(xiàn)租房管理系統(tǒng)（三）》專題《實(shí)現(xiàn)租房管理系統(tǒng)（四）》專題《使用Struts2實(shí)現(xiàn)租房管理系統(tǒng)》第5章《實(shí)現(xiàn)租房管理系統(tǒng)》學(xué)習(xí)平臺“Struts搭建MVC應(yīng)用”課程學(xué)生用書第2頁/共24頁項(xiàng)目覆蓋技能點(diǎn)使用DIV+CSS實(shí)現(xiàn)整體布局使用CSS、jQuery技術(shù)實(shí)現(xiàn)頁面的美化搭建Struts2+Hibernate框架使用jQuery+JSON實(shí)現(xiàn)Ajax登錄、退出功能使用Struts2標(biāo)簽實(shí)現(xiàn)頁面國際化使用token攔截器實(shí)現(xiàn)防止重復(fù)提交功能使用fileUpload攔截器實(shí)現(xiàn)上傳功能使用Struts2驗(yàn)證框架實(shí)現(xiàn)服務(wù)器端數(shù)據(jù)校驗(yàn)使用jQuery和正則表達(dá)式實(shí)現(xiàn)客戶端數(shù)據(jù)校驗(yàn)第3頁/共24頁串講：項(xiàng)目需求需求概述B/S架構(gòu)的網(wǎng)絡(luò)應(yīng)用用戶能夠讀取并更新服務(wù)器上的租房信息用戶能進(jìn)行注冊、登錄等操作能夠根據(jù)多個(gè)條件查詢租房信息，并瀏覽租房信息的詳情用戶也能進(jìn)行發(fā)布、修改、刪除信息等操作第4頁/共24頁演示示例：講解《需求說明書》串講：項(xiàng)目需求需求分析根據(jù)需求劃分功能模塊明確具體功能獲取每個(gè)功能的業(yè)務(wù)流程和界面規(guī)劃根據(jù)功能和業(yè)務(wù)流程畫出物理數(shù)據(jù)模型圖第5頁/共24頁串講：項(xiàng)目需求項(xiàng)目環(huán)境開發(fā)工具Eclipse、PL/SQLDeveloper運(yùn)行環(huán)境Windows7系統(tǒng)、Oracle10g、tomcat6.0、IE

8.0及Firefox12測試工具IECollection（多IE版本共存軟件）、Firefox12（需安裝插件firebug）第6頁/共24頁串講：開發(fā)步驟第7頁/共24頁明確所需技能搭建項(xiàng)目框架分步實(shí)現(xiàn)功能功能測試串講：調(diào)試調(diào)試方法Debug調(diào)試使用Firebug工具調(diào)試結(jié)果功能正常實(shí)現(xiàn)在IE和FireFox中顯示效果相同第8頁/共24頁串講：搭建項(xiàng)目框架步驟創(chuàng)建數(shù)據(jù)庫表創(chuàng)建Web工程及規(guī)劃包結(jié)構(gòu)添加Hibernate組件及搭建Model層框架添加Struts2組件及搭建Control層框架搭建View層結(jié)構(gòu)演示示例：搭建項(xiàng)目框架第9頁/共24頁講解：首頁結(jié)構(gòu)規(guī)劃效果演示演示示例：首頁結(jié)構(gòu)規(guī)劃效果第10頁/共24頁header.jspsearch_list.jsphouse_list.jspfooter.jsppage.jsp123421015上機(jī)練習(xí)完成時(shí)間：10分鐘共性問題集中講解完成項(xiàng)目框架搭建和首頁結(jié)構(gòu)規(guī)劃（教員備課時(shí)自行填寫）第11頁/共24頁串講：分頁功能步驟定義Page工具類實(shí)現(xiàn)從數(shù)據(jù)庫中獲取分頁數(shù)據(jù)并封裝到Page對象中創(chuàng)建page.jsp，實(shí)現(xiàn)分頁功能創(chuàng)建house_list.jsp，實(shí)現(xiàn)列表數(shù)據(jù)展示將page.jsp包含到house_list.jsp頁面中，實(shí)現(xiàn)數(shù)據(jù)分頁展示演示示例：分頁功能第12頁/共24頁上機(jī)練習(xí)完成時(shí)間：10分鐘共性問題集中講解完成分頁功能（教員備課時(shí)自行填寫）第13頁/共24頁串講：多條件組合查詢步驟實(shí)現(xiàn)頁面查詢列表在Action中接受查詢條件，并組合到查詢方法中在業(yè)務(wù)層組合查詢條件，獲取并返回查詢結(jié)果演示示例：多條件組合查詢第14頁/共24頁注意查詢結(jié)果的排序要求上機(jī)練習(xí)完成時(shí)間：10分鐘共性問題集中講解完成多條件組合查詢功能（教員備課時(shí)自行填寫）第15頁/共24頁串講：發(fā)布租房信息功能步驟實(shí)現(xiàn)發(fā)布租房信息頁面的表單提交功能注意form表單的編碼格式設(shè)置注意datetimepicker標(biāo)簽的寫法及步驟在Action中添加上傳圖片所需的相關(guān)屬性接受并封裝上傳信息到業(yè)務(wù)方法在業(yè)務(wù)層實(shí)現(xiàn)圖片上傳保存房屋和圖片對象演示示例：發(fā)布租房信息第16頁/共24頁注意上傳屬性的格式注意保存時(shí)的事務(wù)上機(jī)練習(xí)完成時(shí)間：20分鐘共性問題集中講解完成發(fā)布租房信息功能（教員備課時(shí)自行填寫）第17頁/共24頁串講：完善現(xiàn)有功能步驟提交發(fā)布信息時(shí)的客戶端驗(yàn)證功能發(fā)布信息時(shí)的登錄提示功能演示示例：客戶端驗(yàn)證及登錄提示第18頁/共24頁串講：擴(kuò)展功能實(shí)現(xiàn)思路步驟根據(jù)不同頁面顯示不同頭部信息功能操作成功、失敗頁面頭部只顯示查詢框添加、修改頁面頭部只顯示當(dāng)前用戶的登錄信息管理頁面頭部顯示登錄信息和發(fā)布房屋信息按鈕修改、刪除、查看詳細(xì)信息等功能第19頁/共24頁上機(jī)練習(xí)完成時(shí)間：20分鐘共性問題集中講解完成根據(jù)不同頁面顯示不同頭部信息及修改、刪除、查看詳細(xì)信息等功能第20頁/共24頁答疑時(shí)間同學(xué)們請就以下方面的問題請教老師使用攔截器防止重復(fù)提交數(shù)據(jù)使用Struts2標(biāo)簽實(shí)現(xiàn)系統(tǒng)首頁國際化實(shí)現(xiàn)系統(tǒng)首頁Ajax登錄、退出功能實(shí)現(xiàn)用戶注冊功能使用jQuery和正則表達(dá)式實(shí)現(xiàn)客戶端驗(yàn)證發(fā)布信息時(shí)的登錄提示功能待完善功能（教員備課時(shí)自行填寫）第21頁/共24頁學(xué)員項(xiàng)目總結(jié)講解要點(diǎn)完成情況、技能總結(jié)、經(jīng)驗(yàn)分享、項(xiàng)目收獲

表達(dá)要求清晰流暢、有條理、重點(diǎn)突出項(xiàng)目展示第22頁/共24頁作業(yè)必做教員備課時(shí)