實(shí)訓(xùn)方案(JavaWeb項(xiàng)目實(shí)訓(xùn)).doc

2012-2013學(xué)年第一學(xué)期Java Web項(xiàng)目開發(fā)實(shí)訓(xùn)課程實(shí)施方案課程名稱（英文）：Training of Java Web Project上課學(xué)時(shí)： 適用對(duì)象：信息類本科各專業(yè)限選人數(shù)：30人以下授課教師：張曉明一、實(shí)訓(xùn)方式 采用在機(jī)房講授+演示實(shí)例+任務(wù)訓(xùn)練的方式，即邊講授邊演示邊訓(xùn)練。講授Java Web項(xiàng)目開發(fā)所需的主要的基礎(chǔ)知識(shí)，結(jié)合實(shí)訓(xùn)項(xiàng)目講授并演示實(shí)例，布置項(xiàng)目設(shè)計(jì)的相關(guān)子任務(wù)進(jìn)行訓(xùn)練，課堂無法完成的訓(xùn)練由學(xué)生在課下完成。二、機(jī)房和實(shí)驗(yàn)室使用(1) 上課地點(diǎn)：上課地點(diǎn)擬設(shè)在軟件專業(yè)機(jī)房。因使用MyEclipse等軟件，需要內(nèi)存至少1G以上，具體地點(diǎn)根據(jù)教學(xué)安排而定。(2) 計(jì)算機(jī)使用情況：共30學(xué)時(shí)，每次使用35臺(tái)左右（預(yù)計(jì)30個(gè)選課的學(xué)生+幾個(gè)研究生）。上課時(shí)間擬按以下計(jì)劃安排。(3) 軟件環(huán)境：JDK1.6, MyEclipse, Tomcat, MySQL, MySQL, JDBC驅(qū)動(dòng)。(4) 投影設(shè)備或廣播軟件：講課時(shí)需要投影設(shè)備，如果沒有投影設(shè)備，則考慮使用屏幕廣播軟件，將課件廣播置學(xué)生機(jī)的顯示器上。三、實(shí)訓(xùn)內(nèi)容和教學(xué)安排本次實(shí)訓(xùn)的項(xiàng)目選定為基于Web的電子相冊(cè)系統(tǒng)，通過基礎(chǔ)知識(shí)和案例的講解，讓學(xué)生利用JSP+Servlet+JavaBean+MySQL實(shí)現(xiàn)一個(gè)基于Web的電子相冊(cè)系統(tǒng)。該系統(tǒng)的主要功能包括：照片的分類管理、照片的上傳、照片的管理、用戶管理、照片評(píng)論管理，前臺(tái)照片瀏覽和前臺(tái)照片評(píng)論。實(shí)訓(xùn)的教學(xué)安排如下：序號(hào)內(nèi)容類別方式學(xué)時(shí)1Java Web項(xiàng)目實(shí)訓(xùn)要求（1）本次實(shí)訓(xùn)項(xiàng)目Web電子相冊(cè)系統(tǒng)的需求（2）用例模型（3）系統(tǒng)構(gòu)架分析，初步的Package圖（4）Java編程基本規(guī)范介紹基礎(chǔ)講解2學(xué)時(shí)項(xiàng)目開發(fā)的環(huán)境（1）Tomcat的安裝與配置（2）Web項(xiàng)目開發(fā)環(huán)境的安裝與配置（3）MySQL的安裝與配置（4）MySQL客戶端管理工具實(shí)例講解（1）開發(fā)環(huán)境的搭建（2）在MySQL創(chuàng)建用戶表 任務(wù)訓(xùn)練2HTTP協(xié)議與HTML（1）HTTP協(xié)議概述（2）HTML基本語法（3）網(wǎng)頁布局與修飾（4）JavaScript語言簡述基礎(chǔ)講解2學(xué)時(shí)利用HTML構(gòu)造用戶登錄界面實(shí)例講解（1）用HTML構(gòu)造登錄表單，并且利用JavaScript驗(yàn)證表單，各項(xiàng)不能為空（2）構(gòu)造出Web電子相冊(cè)的后臺(tái)管理端頁面原型任務(wù)訓(xùn)練3Servlet基礎(chǔ)知識(shí)及應(yīng)用（1）Servlet原理、生命周期、API（2）Servlet會(huì)話跟蹤基礎(chǔ)講解2學(xué)時(shí)Servlet實(shí)現(xiàn)不帶數(shù)據(jù)庫的登錄，利用HttpSession保持用戶狀態(tài)實(shí)例講解使用Servlet完成一個(gè)用戶登錄驗(yàn)證的程序（無數(shù)據(jù)庫支持），若成功則導(dǎo)航到成功頁面，若失敗則導(dǎo)航到失敗頁面任務(wù)訓(xùn)練4JDBC原理（1）JDBC基礎(chǔ)概念（2）通過JDBC連接的相關(guān)API基礎(chǔ)講解2學(xué)時(shí)（1）構(gòu)建簡單的利用JDBC訪問MySQL的例子（2）利用Servlet實(shí)現(xiàn)帶數(shù)據(jù)庫的登錄實(shí)例講解（1）Web電子相冊(cè)數(shù)據(jù)庫E-R模型設(shè)計(jì)（2）并在MySQL上構(gòu)造物理數(shù)據(jù)表（3）重構(gòu)Web電子相冊(cè)管理員登錄功能（帶數(shù)據(jù)庫支持）任務(wù)訓(xùn)練5JavaBean與DAO模式 （1）JavaBean概念 （2）DAO模式基礎(chǔ)講解2學(xué)時(shí)（1）構(gòu)建數(shù)據(jù)庫通用程序類DBUtil出來（2）利用Eclipse構(gòu)造“User”類 JavaBean（3） 將Web電子相冊(cè)的登錄程序中的DAO層剝離出來實(shí)例講解（1）在Eclipse Project中，構(gòu)造Web電子相冊(cè)項(xiàng)目中的所有JavaBean實(shí)體類（2）利用JavaBean和DAO模式重構(gòu)Web電子相冊(cè)管理員登錄功能任務(wù)訓(xùn)練6JSP原理（1）JSP頁面基本結(jié)構(gòu)（2）腳本元素、指令元素、動(dòng)作元素（3）JSP內(nèi)置對(duì)象基礎(chǔ)講解2學(xué)時(shí)利用Servlet、JSP、JavaBean構(gòu)造修改用戶密碼功能實(shí)例講解（1）利用JSP構(gòu)造后臺(tái)管理頁面，利用jsp：include包括頂部頁面top.jsp、navibar.jsp、底部頁面foot.jsp、（2）利用Servlet、JSP、JavaBean實(shí)現(xiàn)多層結(jié)構(gòu)下的“添加圖片分類”功能任務(wù)訓(xùn)練7分層構(gòu)架：MVC模式（1）系統(tǒng)的構(gòu)架設(shè)計(jì)，包依賴圖（2）業(yè)務(wù)實(shí)體設(shè)計(jì)，實(shí)體類圖（3）業(yè)務(wù)邏輯設(shè)計(jì)，主要流程或時(shí)序圖基礎(chǔ)講解2學(xué)時(shí)（1）基于分層架構(gòu)重構(gòu)登錄程序?qū)嵗v解（1）使用Eclipse將Web電子相冊(cè)項(xiàng)目的Package構(gòu)造出來（2）使用Eclipse將Web電子相冊(cè)項(xiàng)目的Servlet類、業(yè)務(wù)類和DAO類框架構(gòu)造出來（3）基于分層架構(gòu)重構(gòu)“圖片分類添加”功能任務(wù)訓(xùn)練8EL與JSTL（1）EL表達(dá)式語言基本語法 （2）EL表達(dá)式的隱式對(duì)象（3）JSTL概述與核心標(biāo)簽庫基礎(chǔ)講解2學(xué)時(shí)（1）利用EL表達(dá)式回顯用戶信息（2）Web電子相冊(cè)的“圖片分類的瀏覽”功能實(shí)例講解（1）實(shí)現(xiàn)Web電子相冊(cè)“圖片分類管理”功能（2）實(shí)現(xiàn)Web電子相冊(cè)“圖片評(píng)論管理“功能任務(wù)訓(xùn)練9實(shí)現(xiàn)圖片上傳的原理和方法基礎(chǔ)講解2學(xué)時(shí)利用jspSmartUpload實(shí)現(xiàn)圖片的上傳實(shí)例講解（1）實(shí)現(xiàn)Web電子相冊(cè)中的“圖片上傳”功能（2）實(shí)現(xiàn)Web電子相冊(cè)中的“圖片管理”功能任務(wù)訓(xùn)練10Web電子相冊(cè)前臺(tái)程序的功能分析實(shí)例講解2學(xué)時(shí)利用JSP構(gòu)造項(xiàng)目前臺(tái)界面實(shí)例講解（1）實(shí)現(xiàn)Web電子相冊(cè)中前臺(tái)圖片顯示功能（2）實(shí)現(xiàn)Web電子相冊(cè)中前臺(tái)“圖片評(píng)論”功能任務(wù)訓(xùn)練11Java Web項(xiàng)目中的中文編碼問題解析基礎(chǔ)講解2學(xué)時(shí)（1）解決項(xiàng)目中Servlet和JSP中的中文亂碼問題（2）利用Filter解決項(xiàng)目中的中文亂碼問題實(shí)例講解利用Filter解決Web電子相冊(cè)項(xiàng)目中Servlet和JSP中的中文亂碼問題任務(wù)訓(xùn)練12（1）程序調(diào)試技巧（2）測(cè)試工具基礎(chǔ)講解2學(xué)時(shí)（1）debug斷點(diǎn)、單步調(diào)試實(shí)例、（2）Watch窗口的使用實(shí)例講解Web電子相冊(cè)前臺(tái)圖片查詢功能任務(wù)訓(xùn)練13在Web頁面上分頁顯示信息的方案基礎(chǔ)講解2學(xué)時(shí)利用request的方式實(shí)現(xiàn)分頁實(shí)例講解 （1）Web電子相冊(cè)中前臺(tái)圖片瀏覽的分頁顯示（2）Web電子相冊(cè)中后臺(tái)圖片管理、分類管理、評(píng)論管理的分頁顯示任務(wù)訓(xùn)練14Ajax簡介（1）Ajax工作原理（2）常用Ajax框架簡介基礎(chǔ)講解2學(xué)時(shí)利用Ajax進(jìn)行用戶名驗(yàn)證實(shí)例講解為Web電子相冊(cè)中“圖片分類信息”功能中添加查重功能，可以不提交表單提示該分類是否已經(jīng)存在任務(wù)訓(xùn)練15Web電子相冊(cè)軟件程序的審查驗(yàn)收2學(xué)時(shí)提交實(shí)訓(xùn)報(bào)告驗(yàn)收點(diǎn)評(píng)與總結(jié)講解四、考核方法每個(gè)學(xué)生按照實(shí)訓(xùn)項(xiàng)目要求完成軟件和實(shí)訓(xùn)報(bào)告，教師對(duì)實(shí)訓(xùn)的各項(xiàng)內(nèi)容進(jìn)行綜合考核。具體比例為：平時(shí)考勤 20%實(shí)訓(xùn)項(xiàng)目考核80（包括項(xiàng)目軟件驗(yàn)收和實(shí)訓(xùn)報(bào)告驗(yàn)收）。五、教材及參考文獻(xiàn)1、教 材(1) 溫尚書，陳石華，萬欣，Java Web編程入門與實(shí)戰(zhàn)，人民郵電出版社，2010.2、參考文獻(xiàn)(1) 邱加永，卞志城，鄭經(jīng)煜，JSP基礎(chǔ)與案例開發(fā)詳解，清華大學(xué)出版社，2009. (2) 張銀鶴，劉治國，張豪，JSP動(dòng)態(tài)網(wǎng)站開發(fā)，清華大學(xué)出版社，2009.