《Web編程與設(shè)計(jì)》課程實(shí)驗(yàn)教學(xué)大綱一、實(shí)驗(yàn)類別：專業(yè)實(shí)驗(yàn)課程學(xué)分：2二、實(shí)驗(yàn)總學(xué)時(shí)：8三、應(yīng)開實(shí)驗(yàn)個(gè)數(shù)：6必開實(shí)驗(yàn)個(gè)數(shù)：4選開實(shí)驗(yàn)個(gè)數(shù)：5四、適用專業(yè)：網(wǎng)絡(luò)工程五、實(shí)驗(yàn)成績評定方法：操作占45%，實(shí)驗(yàn)報(bào)告占50%，實(shí)驗(yàn)考勤占5%。六、實(shí)驗(yàn)成績占課程總成績比例：20%七、實(shí)驗(yàn)教材或自編指導(dǎo)書：《web編程與設(shè)計(jì)》課程實(shí)驗(yàn)教學(xué)大綱（自編）八、實(shí)驗(yàn)項(xiàng)目：實(shí)驗(yàn)編號實(shí)驗(yàn)項(xiàng)目名稱實(shí)驗(yàn)類型實(shí)驗(yàn)學(xué)時(shí)要求實(shí)驗(yàn)一JSP的運(yùn)行環(huán)境和簡單的JSP網(wǎng)頁設(shè)計(jì)性0．5必開實(shí)驗(yàn)二JSP語法和內(nèi)建對象的使用設(shè)計(jì)性1．5必開實(shí)驗(yàn)三在JSP中使用JavaBean設(shè)計(jì)性2選開實(shí)驗(yàn)四動(dòng)態(tài)頁面與用戶會(huì)話設(shè)計(jì)性1必開實(shí)驗(yàn)五使用Serverlet設(shè)計(jì)性2選開實(shí)驗(yàn)六創(chuàng)建Web監(jiān)聽和過濾程序設(shè)計(jì)性1必開實(shí)驗(yàn)七JSP與Servlet結(jié)合設(shè)計(jì)性2選開實(shí)驗(yàn)八JSP開發(fā)中的技巧設(shè)計(jì)性2選開實(shí)驗(yàn)九使用數(shù)據(jù)庫和JDBC技術(shù)設(shè)計(jì)性2選開實(shí)驗(yàn)一JSP的運(yùn)行環(huán)境和簡單的JSP網(wǎng)頁學(xué)時(shí)：0.5（一）實(shí)驗(yàn)類型：設(shè)計(jì)性（二）實(shí)驗(yàn)?zāi)康模簩W(xué)會(huì)用FrontPage/Dreamwaver開發(fā)工具編制網(wǎng)頁，能使用Editplus文本編輯器修改網(wǎng)頁代碼；掌握Tomcat的安裝、初步配置和運(yùn)行。（三）實(shí)驗(yàn)內(nèi)容：1．把教師推薦并提供的JSP開發(fā)工具,安裝在宿舍自己的機(jī)器上，做好初步配置（課堂上教師要遠(yuǎn)程登錄檢查）。2．仿照教學(xué)網(wǎng)頁中安裝和配置Tomcat的例子，編一個(gè)Servlet并調(diào)試運(yùn)行?？梢杂靡郧暗霓k法在DOS狀態(tài)下用javac編譯，也可嘗試在Jcreator環(huán)境中編輯和編譯。3．用Frontpage或Dreamwaver,仿照教材例程編制帶有表單和多項(xiàng)用戶輸入/選擇的動(dòng)態(tài)網(wǎng)頁。可以在原來例子上修改增加而成。4．在Tomcat5下運(yùn)行上述內(nèi)容，以網(wǎng)址的形式在其它機(jī)器上瀏覽自己的成果。（四）要求：必開（五）每組人數(shù)：1（六）主要儀器設(shè)備及配套數(shù)：計(jì)算機(jī)50臺。（七）所屬實(shí)驗(yàn)室：計(jì)算機(jī)技術(shù)實(shí)驗(yàn)室實(shí)驗(yàn)二JSP語法和內(nèi)建對象的使用學(xué)時(shí)：1.5（一）實(shí)驗(yàn)類型：設(shè)計(jì)性（二）實(shí)驗(yàn)?zāi)康模赫J(rèn)識JSP的構(gòu)成、學(xué)會(huì)使用指令元素、腳本元素和動(dòng)作元素。掌握頁面的跳轉(zhuǎn)、包含等技術(shù)；認(rèn)識out、request、response、session、application等JSP內(nèi)建對象，學(xué)會(huì)使用內(nèi)建對象向網(wǎng)頁輸出內(nèi)容、進(jìn)行網(wǎng)頁跳轉(zhuǎn)、多頁面變量共用、出錯(cuò)處理、網(wǎng)頁訪問計(jì)數(shù)、表單處理。（三）實(shí)驗(yàn)內(nèi)容：1．載教材上的例子，配置，運(yùn)行，體會(huì)結(jié)果，按照自己的意圖反復(fù)修改和運(yùn)行。2．編寫一個(gè)可以打印出九九表的JSP網(wǎng)頁，要求對齊和一定的修飾。3．編寫一個(gè)可以打印出空心或?qū)嵭牧庑蔚腏SP網(wǎng)頁。4．仿照教材例程3-15,編制輸入和顯示學(xué)生基本信息(學(xué)號、姓名、性別、年齡、籍貫、住址、政治面貌、電話號碼、電子郵箱等)的JSP網(wǎng)頁。5．仿照教材例子并修改其數(shù)據(jù)庫，編制一個(gè)“干凈”（不要例子中的復(fù)雜界面）的登錄程序（包括含表單的頁面和處理表單的頁面），建立表示登錄成功的session變量。6．接上一步，建立登陸后所進(jìn)入一個(gè)主頁，在主頁上建立幾個(gè)鏈接頁。要求所有頁面沒有登錄過者不能從中間進(jìn)入（盜入），由登錄成功的session變量控制。7．在登錄頁上建立網(wǎng)站計(jì)數(shù)器并顯示，在不同的機(jī)器上登錄幾次，體會(huì)結(jié)果。8．向主頁鏈接一個(gè)頁面，這個(gè)頁面全部是out對象寫出來的。9．編制一個(gè)具有錯(cuò)誤的頁面，指定和編制相應(yīng)的errorPage，體會(huì)運(yùn)行結(jié)果。10．編制一個(gè)具有時(shí)間顯示的頁面，利用response對象定時(shí)刷新頁面，體會(huì)運(yùn)行結(jié)果。（四）要求：必開（五）每組人數(shù)：1（六）主要儀器設(shè)備及配套數(shù)：計(jì)算機(jī)50臺。（七）所屬實(shí)驗(yàn)室：計(jì)算機(jī)技術(shù)實(shí)驗(yàn)室實(shí)驗(yàn)三在JSP中使用JavaBean學(xué)時(shí)：2（一）實(shí)驗(yàn)類型：設(shè)計(jì)性（二）實(shí)驗(yàn)?zāi)康模?．認(rèn)識JavaBean,掌握J(rèn)SP中使用JavaBean的方法。2．掌握J(rèn)SP中SQL數(shù)據(jù)庫的使用方法。附加目的：初步了解網(wǎng)站整體架構(gòu)的建立。（三）實(shí)驗(yàn)內(nèi)容：1．在SQLSerser中建立本班學(xué)生students數(shù)據(jù)庫，可以從教案的stu_admin文件夾中導(dǎo)入stu_data.mdb，取其中的student_info表，并增加出生日期、性別、籍貫、政治面貌、Email、電話等字段。2．搞清WEB-INF的作用和web.xml的作用。分析教師例子或教材各章例程的結(jié)構(gòu)，準(zhǔn)備建立自己項(xiàng)目的結(jié)構(gòu)。3．建立一個(gè)JavaWEB項(xiàng)目(可用Jcreator，注意其中的結(jié)構(gòu)與教材和教案不一樣，編譯好的class都放在build文件夾下，視圖中看不見，要到外面看)，仿照教案使用SQLServer數(shù)據(jù)庫的通用方法的java程序或教材例程jspdev中的有關(guān)代碼，建立使用數(shù)據(jù)庫的通用JavaBean，并編譯。4．仿照教材實(shí)例jspdev的配置數(shù)據(jù)庫方法，修改Tomcat5安裝目錄\conf\Server.xml或在conf\Catalina\localhost文件夾下專門為項(xiàng)目建立配置文件“項(xiàng)目根目錄名.xml”，如教材例程jspdev.xml。5．用Dreamwaver編制使用上述JavaBean的JSP的網(wǎng)頁，包括登陸及其驗(yàn)證、學(xué)生增加（信息錄入）、瀏覽、查詢、修改、刪除等，每個(gè)頁面都要有相應(yīng)的處理頁。6．測試和修改上述各個(gè)模塊。（四）要求：選開（五）每組人數(shù)：1-2（六）主要儀器設(shè)備及配套數(shù)：計(jì)算機(jī)50臺。（七）所屬實(shí)驗(yàn)室：計(jì)算機(jī)技術(shù)實(shí)驗(yàn)室實(shí)驗(yàn)四動(dòng)態(tài)頁面與用戶會(huì)話學(xué)時(shí)：1（一）實(shí)驗(yàn)類型：設(shè)計(jì)性（二）實(shí)驗(yàn)?zāi)康模壕幹撇捎肏ttp信息、隱藏字段、URL重寫和Session的頁面，掌握會(huì)話跟蹤技能。（三）實(shí)驗(yàn)內(nèi)容：1．編制一個(gè)登陸的html網(wǎng)頁，登錄頁要有客戶端驗(yàn)證用戶名和密碼不能為空的腳本。2．編制處理登錄頁的jsp，與數(shù)據(jù)庫中的用戶名和密碼對比驗(yàn)證。若驗(yàn)證成功，則保存用戶名為Session變量，并定義和保存一個(gè)表示登陸過的Session變量。在本頁中顯示歡迎該用戶的用語，如：歡迎你XXX。同時(shí)在本頁編制表單，含有課程名稱(單行文本框,名稱course)、你是否(兩個(gè)單選鈕，名稱均為islike,值分別為yes和no)喜歡該課程、對課程的意見(多行文本框，名稱suggestion)、課程應(yīng)該具有的課時(shí)(單行文本框tobehours)。在這個(gè)表單內(nèi)做一個(gè)名稱為banji的隱含字段，里面的值為"網(wǎng)絡(luò)工程10級"，如<inputtype="hidden"name="banji"value="網(wǎng)絡(luò)工程10級">，這個(gè)文本框用戶是看不見的，但是到處理頁，照樣能正常提取這個(gè)字段的值。做好提交按鈕，處理這一頁的文件名設(shè)為"dealt.jsp"。3．在上一頁的適當(dāng)?shù)胤阶鲆粋€(gè)顯示成“不通過表單直接提交默認(rèn)信息”的超級鏈接，連接地址為"dealt.jsp?course=高級WEB編程技術(shù)&islike=no&suggestion=請教務(wù)部門多安排一些課時(shí)，請老師講慢一點(diǎn)。&tobehours=100&banji=網(wǎng)絡(luò)工程10級"。4．接著，編制一個(gè)處理上一頁表單的JSP網(wǎng)頁，提取上頁的值后，顯示當(dāng)前用戶(由已經(jīng)有的session變量提供)，用戶所在班級(由上一頁的隱含字段提供)。（四）要求：必開（五）每組人數(shù)：1（六）主要儀器設(shè)備及配套數(shù)：計(jì)算機(jī)50臺。（七）所屬實(shí)驗(yàn)室：計(jì)算機(jī)技術(shù)實(shí)驗(yàn)室實(shí)驗(yàn)五使用Serverlet學(xué)時(shí)：2（一）實(shí)驗(yàn)類型：設(shè)計(jì)性（二）實(shí)驗(yàn)?zāi)康模?．通過編制使用Servlet的網(wǎng)頁，掌握Servlet的編制、配置和靈活運(yùn)用。2．通過編制Java類使用HttpServlet處理客戶端請求;3學(xué)會(huì)Jcreator的使用。（三）實(shí)驗(yàn)內(nèi)容：1．在JSP網(wǎng)頁中編制兩個(gè)表單(或者分別作成一頁)，一個(gè)采用一組四個(gè)單選鈕分別表示集美大學(xué)應(yīng)該更改的新校名，進(jìn)行投票，用get方法提交處理；另一個(gè)內(nèi)容自定，用post方法提交處理。2．分別在數(shù)據(jù)庫中建立相應(yīng)的表。3．編制上述用get方法和post方法處理請求的java程序，分別仿照教材例程，但是都要采用教材例程的方法初始化數(shù)據(jù)庫參數(shù)，還要把提交的內(nèi)容存入數(shù)據(jù)庫。注意在web.xml中配置數(shù)據(jù)庫參數(shù)。4．另編一頁察看學(xué)校更名投票結(jié)果，仿照教材例程，分別繪制四種觀點(diǎn)的橫向的百分比矩形圖。5．改進(jìn)這幾章所作的計(jì)數(shù)器，在上述第一個(gè)網(wǎng)頁中插入計(jì)數(shù)器,使用Application對象，要使網(wǎng)頁刷新后計(jì)數(shù)器不增值，方法是第一次進(jìn)入該頁后保留session變量作標(biāo)志，以后再刷新或重新進(jìn)入這一頁，判斷這個(gè)標(biāo)志，決定計(jì)數(shù)器是否加1。徹底退出這個(gè)網(wǎng)站后重新進(jìn)入該頁計(jì)數(shù)器才能加1。6．有余力的同學(xué)，可以在學(xué)校更名投票方面改進(jìn)，不許重復(fù)投票，解決的方法有多種，自行想辦法。（四）要求：選開（五）每組人數(shù)：1-2（六）主要儀器設(shè)備及配套數(shù)：計(jì)算機(jī)50臺。（七）所屬實(shí)驗(yàn)室：計(jì)算機(jī)技術(shù)實(shí)驗(yàn)室實(shí)驗(yàn)六創(chuàng)建Web監(jiān)聽和過濾程序?qū)W時(shí)：1（一）實(shí)驗(yàn)類型：設(shè)計(jì)性（二）實(shí)驗(yàn)?zāi)康模?．通過開發(fā)具有監(jiān)聽功能的類，部署監(jiān)聽器，初步掌握監(jiān)聽器的使用。2．通過開發(fā)具有過濾功能的類，部署過濾器，初步掌握過濾器的使用。（三）實(shí)驗(yàn)內(nèi)容：1．調(diào)試通過教材的監(jiān)聽和過濾實(shí)例程序，體會(huì)監(jiān)聽和過濾效果。2．更改教材實(shí)例，用于前面的某個(gè)實(shí)驗(yàn)的艦艇和過濾。（四）要求：必開（五）每組人數(shù)：1-2（六）主要儀器設(shè)備及配套數(shù)：計(jì)算機(jī)50臺。（七）所屬實(shí)驗(yàn)室：計(jì)算機(jī)技術(shù)實(shí)驗(yàn)室實(shí)驗(yàn)七JSP與Servlet結(jié)合學(xué)時(shí)：2（一）實(shí)驗(yàn)類型：設(shè)計(jì)性（二）實(shí)驗(yàn)?zāi)康模?．通過操作學(xué)會(huì)JSP技術(shù)的兩種模式。2．通過改編教材留言板例子，學(xué)會(huì)完整的留言板制作。3．初步了解后臺管理與審查的技術(shù)。（三）實(shí)驗(yàn)內(nèi)容：1．調(diào)試通過教材上的兩種模式下的留言板例子，并認(rèn)真理解。2．修改留言板的數(shù)據(jù)表(message),增加字段表示審核是否通過；增加主鍵字段表示唯一性，以便刪除時(shí)查找需要山刪除的記錄，可以用步長為1的自動(dòng)編號；選擇教材兩種模式例子之一，完成以下功能：（1）增加管理員界面的入口和后臺管理界面，管理員界面上鏈接審查功能和刪除功能。（2）編制管理員審查功能，以表格形式列出所有未審查過的留言，加一列檢查框表示審查是否通過，提交后打過鉤的審查通過，數(shù)據(jù)庫中作標(biāo)記。（3）改進(jìn)留言瀏覽的頁面，使之只能列出審查通過的留言。（4）增加刪除留言的功能，使管理員能夠?yàn)g覽并刪除時(shí)間長了或者不合格的留言。每條后邊有一個(gè)“刪除”鏈接，帶去需要?jiǎng)h除記錄的主鍵字段值，以便到刪除處理頁查找相應(yīng)的條目并刪除，刪除后給出刪除成功的提示并返回。（5）在察看留言的界面上增加留言搜索表單，使之能夠輸入搜索的內(nèi)容、搜索的目標(biāo)（標(biāo)題、留言內(nèi)容、標(biāo)題及內(nèi)容三者做成下拉框），按確定按鈕開始搜索。（四）要求：選開（五）每組人數(shù)：1-2（六）主要儀器設(shè)備及配套數(shù)：計(jì)算機(jī)50臺。（七）所屬實(shí)驗(yàn)室：計(jì)算機(jī)技術(shù)實(shí)驗(yàn)室實(shí)驗(yàn)八JSP開發(fā)中的技巧學(xué)時(shí)：2（一）實(shí)驗(yàn)類型：設(shè)計(jì)性（二）實(shí)驗(yàn)?zāi)康模?．通過編碼和操作學(xué)會(huì)文件的讀寫與上傳。2．通過實(shí)踐掌握錯(cuò)誤處理問題的解決方法。3．實(shí)踐國際化問題的處理。（三）實(shí)驗(yàn)內(nèi)容：1．調(diào)試通過教材第10章的所有例子，每個(gè)例子對照源代碼走一遍。2．編制一個(gè)具有多行文本框的html表單網(wǎng)頁，運(yùn)行時(shí)在其中輸入JSP文件內(nèi)容；3．編寫上一步網(wǎng)頁的處理頁代碼，使之能夠?qū)⑽谋究蛑械膬?nèi)容存到服務(wù)器端，并做一個(gè)鏈接使之能夠打開剛才存入的文件。這里寫入的路徑和鏈接文件的路徑是個(gè)難點(diǎn)。4．編制代碼使之能夠讀入文件并進(jìn)行修改、保存文件。5．編制網(wǎng)頁使之能夠上傳JSP文件到服務(wù)器端并運(yùn)行。6．在上述網(wǎng)頁中，設(shè)置錯(cuò)誤陷井，進(jìn)行處理。7．嘗試解決中文亂碼問題及幾種方法。（四）要求：選開（五）每組人數(shù)：1-2（六）主要儀器設(shè)備及配套數(shù)：計(jì)算機(jī)5