《實(shí)訓(xùn)方案(JavaWeb項(xiàng)目實(shí)訓(xùn)).doc》由會(huì)員分享，可在線閱讀，更多相關(guān)《實(shí)訓(xùn)方案(JavaWeb項(xiàng)目實(shí)訓(xùn)).doc（4頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

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)練，課堂無(wú)法完成的訓(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í) 1 Java 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)練 2 HTTP協(xié)議與HTML （1）HTTP協(xié)議概述 （2）HTML基本語(yǔ)法 （3）網(wǎng)頁(yè)布局與修飾 （4）JavaScript語(yǔ)言簡(jiǎn)述 基礎(chǔ) 講解 2學(xué)時(shí) 利用HTML構(gòu)造用戶登錄界面 實(shí)例 講解 （1）用HTML構(gòu)造登錄表單，并且利用JavaScript驗(yàn)證表單，各項(xiàng)不能為空 （2）構(gòu)造出Web電子相冊(cè)的后臺(tái)管理端頁(yè)面原型 任務(wù) 訓(xùn)練 3 Servlet基礎(chǔ)知識(shí)及應(yīng)用 （1）Servlet原理、生命周期、API （2）Servlet會(huì)話跟蹤 基礎(chǔ) 講解 2學(xué)時(shí) Servlet實(shí)現(xiàn)不帶數(shù)據(jù)庫(kù)的登錄，利用HttpSession保持用戶狀態(tài) 實(shí)例 講解 使用Servlet完成一個(gè)用戶登錄驗(yàn)證的程序（無(wú)數(shù)據(jù)庫(kù)支持），若成功則導(dǎo)航到成功頁(yè)面，若失敗則導(dǎo)航到失敗頁(yè)面 任務(wù) 訓(xùn)練 4 JDBC原理 （1）JDBC基礎(chǔ)概念 （2）通過JDBC連接的相關(guān)API 基礎(chǔ) 講解 2學(xué)時(shí) （1）構(gòu)建簡(jiǎn)單的利用JDBC訪問MySQL的例子 （2）利用Servlet實(shí)現(xiàn)帶數(shù)據(jù)庫(kù)的登錄 實(shí)例 講解 （1）Web電子相冊(cè)數(shù)據(jù)庫(kù)E-R模型設(shè)計(jì) （2）并在MySQL上構(gòu)造物理數(shù)據(jù)表 （3）重構(gòu)Web電子相冊(cè)管理員登錄功能（帶數(shù)據(jù)庫(kù)支持） 任務(wù) 訓(xùn)練 5 JavaBean與DAO模式 （1）JavaBean概念 （2）DAO模式 基礎(chǔ) 講解 2學(xué)時(shí) （1）構(gòu)建數(shù)據(jù)庫(kù)通用程序類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)練 6 JSP原理 （1）JSP頁(yè)面基本結(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)管理頁(yè)面，利用jsp：include包括頂部頁(yè)面top.jsp、navibar.jsp、底部頁(yè)面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)登錄程序 實(shí)例 講解 （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)練 8 EL與JSTL （1）EL表達(dá)式語(yǔ)言基本語(yǔ)法 （2）EL表達(dá)式的隱式對(duì)象 （3）JSTL概述與核心標(biāo)簽庫(kù) 基礎(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)練 10 Web電子相冊(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)練 11 Java 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頁(yè)面上分頁(yè)顯示信息的方案 基礎(chǔ) 講解 2學(xué)時(shí) 利用request的方式實(shí)現(xiàn)分頁(yè) 實(shí)例 講解 （1）Web電子相冊(cè)中前臺(tái)圖片瀏覽的分頁(yè)顯示 （2）Web電子相冊(cè)中后臺(tái)圖片管理、分類管理、評(píng)論管理的分頁(yè)顯示 任務(wù) 訓(xùn)練 14 Ajax簡(jiǎn)介 （1）Ajax工作原理 （2）常用Ajax框架簡(jiǎn)介 基礎(chǔ) 講解 2學(xué)時(shí) 利用Ajax進(jìn)行用戶名驗(yàn)證 實(shí)例 講解 為Web電子相冊(cè)中“圖片分類信息”功能中添加查重功能，可以不提交表單提示該分類是否已經(jīng)存在 任務(wù) 訓(xùn)練 15 Web電子相冊(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) 溫尚書，陳石華，萬(wàn)欣，《Java Web編程入門與實(shí)戰(zhàn)》，人民郵電出版社，2010. 2、參考文獻(xiàn) (1) 邱加永，卞志城，鄭經(jīng)煜，《JSP基礎(chǔ)與案例開發(fā)詳解》，清華大學(xué)出版社，2009. (2) 張銀鶴，劉治國(guó)，張豪，《JSP動(dòng)態(tài)網(wǎng)站開發(fā)》，清華大學(xué)出版社，2009.