語言程序設(shè)計資料：《Web程序設(shè)計》實驗指導(dǎo)書高心丹

1、Web程序設(shè)計實 驗 指 導(dǎo) 書東北林業(yè)大學(xué)信息與計算機(jī)工程學(xué)院計算機(jī)科學(xué)與技術(shù)專業(yè)1實驗?zāi)康呐c要求 12實驗環(huán)境23上機(jī)環(huán)境24實驗一般步驟35 實驗學(xué)時36 實驗內(nèi)容和要求36.1JSP運行環(huán)境安裝及常用HTML標(biāo)記使用36.2 表格、框架網(wǎng)頁布局的使用86.3 JavaScript客戶端腳本編程96.4 JSP內(nèi)部對象使用196.5 JSP與JavaBean及Servlet使用276.6數(shù)據(jù)庫使用及JDBC與數(shù)據(jù)庫的連接346.7 JSP應(yīng)用實例一網(wǎng)上書店前端及數(shù)據(jù)庫設(shè)計446.8網(wǎng)上書店服務(wù)器端設(shè)計45東北林業(yè)大學(xué)計算機(jī)科學(xué)與技術(shù)學(xué)科Web程序設(shè)計實驗指導(dǎo)書1 實驗?zāi)康呐c要求 上機(jī)操作

2、是本課程必不可少的實踐環(huán)節(jié)，主要目的是鍛煉和培養(yǎng)學(xué)生實際操作技能和解決實際問題的能力。要求學(xué)生掌握用JSP技術(shù)進(jìn)行網(wǎng)絡(luò)程序的設(shè)計、調(diào)試和發(fā)布的方法，熟悉用HTML標(biāo)示及Dreamwear 進(jìn)行頁面設(shè)計的方法，通過JSP提供的各種對象和組件以及DTML提供的各種對象進(jìn)行B/S架構(gòu)系統(tǒng)設(shè)計的全過程，獲得JSP技術(shù)及HTML進(jìn)行實際應(yīng)用的體會，加深對JSP技術(shù)和HTML本身的理解，掌握J(rèn)SP服務(wù)器端程序設(shè)計的方式和方法，掌握J(rèn)SP與JavaBean和Servlet的關(guān)系，掌握基本的JDBC連接數(shù)據(jù)庫的方法，得到網(wǎng)絡(luò)程序系統(tǒng)設(shè)計方法和技巧的實際訓(xùn)練，從而使學(xué)生能真正利用ASP技術(shù)進(jìn)行動態(tài)網(wǎng)頁的設(shè)計，進(jìn)

3、而可以開發(fā)實用的網(wǎng)站系統(tǒng)。 (1)加深對講授內(nèi)容的理解，尤其是一些語法規(guī)定，光靠課堂講授，既枯燥無味又難以記住，但它們都很重要。通過多次上機(jī)，就能自然地、熟練地掌握。通過上機(jī)來掌握語法規(guī)則是行之有效的方法。 (2)熟悉所用的計算機(jī)系統(tǒng)的操作方法，也就是了解和熟悉HTML和JSP技術(shù)進(jìn)行網(wǎng)絡(luò)程序開發(fā)的過程和環(huán)境。一個程序必須在一定的外部環(huán)境下才能運行，所謂“環(huán)境”，就是指所用的計算機(jī)系統(tǒng)過程的硬件和軟件條件。使用者應(yīng)該了解為了運行一個網(wǎng)絡(luò)程序，需要哪些必要的外部條件(例如硬件配置、軟件配置)，可以利用哪些系統(tǒng)的功能來幫助自已開發(fā)程序。每一種計算機(jī)系統(tǒng)的功能和操作方法不完全相同，但只要熟練掌握一、

4、二種計算機(jī)系統(tǒng)的使用，再遇到其它的系統(tǒng)時便會觸類旁通，很快地學(xué)會。 (3)學(xué)會上機(jī)調(diào)試程序。也就是善于發(fā)現(xiàn)程序中的錯誤，并且能很快地排除這些錯誤，使程序能正確運行。經(jīng)驗豐富的人，當(dāng)編譯時出現(xiàn)出錯信息時，能很快地判斷出錯誤所在，并改正之。而缺乏經(jīng)驗的人即便在明確的出錯提示下也往往找不出錯誤而求救于別人。計算機(jī)技術(shù)是實踐性很強(qiáng)的技術(shù)，要求從事這一領(lǐng)域的人不僅能了解和熟悉有關(guān)理論和方法，還要求自己動手實現(xiàn)。對程序設(shè)計來說，要求會編程序并上機(jī)調(diào)試通過。因此調(diào)試程序本身是程序設(shè)計課程的一個重要的內(nèi)容和基本要求，應(yīng)給予充分的重湘。調(diào)試程序的經(jīng)驗固然可以借鑒他人的現(xiàn)成經(jīng)驗，但更重要的是通過自己的直接實踐來累

5、積，而且有些經(jīng)驗是只能會意難以言傳。因此，在實驗時干萬不要在程序通過后就認(rèn)為萬事大吉、完成任務(wù)了，而應(yīng)當(dāng)在已通過的程序基礎(chǔ)上作一些改動，再進(jìn)行執(zhí)行發(fā)布，甚至于自設(shè)障礙。，即把正確的程序改為有錯的，觀察和分析所出現(xiàn)的情況。這樣的學(xué)習(xí)才會有真正的收獲，是靈活主動地學(xué)習(xí)而不是呆板被動的學(xué)習(xí)。2 實驗環(huán)境（1）計算機(jī)的硬件配置PC系列微機(jī)，最好是奔騰及以上系列機(jī)，要求內(nèi)存為512以上，一個硬盤驅(qū)動器和一個軟盤驅(qū)動器。80列字符監(jiān)視器。配備鼠標(biāo)器。（2）計算機(jī)的軟件配置Windows X系列操作系統(tǒng)，J2SDK 1.4以上開發(fā)環(huán)境，Tomcat 4.0以上Web服務(wù)。一個如記事本的文檔編輯器及Dream

6、wear MX4.0及以上的網(wǎng)絡(luò)頁面編輯工具，NetBean 、Eclipse 等Java、JSP的編輯、編譯環(huán)境。3 JSP網(wǎng)絡(luò)程序開發(fā)步驟（1）服務(wù)器環(huán)境安裝及設(shè)置如果要編寫JSP網(wǎng)絡(luò)程序并對其進(jìn)行發(fā)布，首先應(yīng)該安裝及配置好服務(wù)器。步驟及過程如下：1）應(yīng)該在Windows 系列相應(yīng)平臺上安裝J2SDK 1.4以上開發(fā)包，進(jìn)行安裝；2）設(shè)置環(huán)境變量，例如在系統(tǒng)設(shè)置環(huán)境變量CLASSPATH、JAVA_HOME、PATH如下：CLASSPATH: .;C:Javajdk1.5.0_06libtools.jar;C:Javajdk1.5.0_06libdt.jar; PATH: C:Javajd

7、k1.5.0_06binJAVA_HOME: C:Javajdk1.5.0_063）測試安裝狀態(tài)；4）安裝Tomcat 4.0以上版本，配置相應(yīng)的環(huán)境；5）測試安裝狀態(tài)；6）在相應(yīng)編輯環(huán)境下編寫程序；7）在瀏覽器中分布程序； 注：編輯源程序。根據(jù)需要在記事本或是Dreamwear等工具下輸入或修改源程序代碼；根據(jù)程序的內(nèi)容和應(yīng)用選擇將編好的程序以擴(kuò)展名為.htm或.jsp存入至發(fā)布目錄中。 （3）執(zhí)行發(fā)布網(wǎng)絡(luò)程序。打開瀏覽器在地址欄中輸入下面這三種方式進(jìn)行程序的運行：http:/localhost/目錄名/待發(fā)布文件名稱；/目錄名/待發(fā)布文件名稱；http:/本機(jī)

8、實際IP/目錄名/待發(fā)布文件名稱后執(zhí)行。 如果發(fā)現(xiàn)運行結(jié)果不對，要重新修改源程序，應(yīng)該再次打開出現(xiàn)錯誤的程序根據(jù)需要修改源程序，并重復(fù)上述2、3步，直到得到正確結(jié)果為止。4 實驗一般步驟 (1)準(zhǔn)備好上機(jī)所需的程序。手編程序應(yīng)書寫整齊，并經(jīng)人工檢查無誤后才能上機(jī)，以提高上機(jī)效率。對程序中自己有疑問的地方，應(yīng)作出記號，以便在上機(jī)時給予注意。初學(xué)者切忌不編程序或抄別人程序去上機(jī)，應(yīng)從一開始就養(yǎng)成嚴(yán)謹(jǐn)?shù)目茖W(xué)作風(fēng)。 (2)上機(jī)輸入和調(diào)試自己所編的程序。應(yīng)該一人一組，獨立上機(jī)。上機(jī)過程中出現(xiàn)的問題，除了是系統(tǒng)的問題以外，一般應(yīng)自已獨立處理，不要輕易舉手問教師。尤其對“出錯信息”，應(yīng)善于自己分析判斷。這是

9、學(xué)習(xí)調(diào)試程序的良好機(jī)會。 在使用鍵盤時，最好采用正確的指法擊鍵，為今后正確使用鍵盤打下基礎(chǔ)。 在程序調(diào)試通過后，打印輸出程序清單和運行結(jié)果，在運行時要注意在輸入不同數(shù)據(jù)時所得到的不同結(jié)果。此時應(yīng)運行幾次，分別檢查在不同情況下程序是否正確。 (3)上機(jī)結(jié)束后，應(yīng)整理出實驗報告，實驗報告應(yīng)包括以下內(nèi)容: 題目; 程序清單(計算機(jī)打印出的程序清單); 運行結(jié)果(必須是上面程序清單所對應(yīng)打印輸出的結(jié)果); 對運行情況所作的分析以及本次調(diào)試程序所取得的經(jīng)驗。如果程序未能通過，應(yīng)分析其原因。5 實驗時數(shù) 總實驗時數(shù)不得少于16學(xué)時。6 實驗內(nèi)容和要求實驗一 JSP運行環(huán)境安裝及常用HTML標(biāo)記使用一、 目

10、的要求:熟悉JSP的開發(fā)環(huán)境，學(xué)會基于java的tomcat服務(wù)器的安裝配置和使用。掌握J(rèn)SP的運行原理。使用dreamweaver進(jìn)行編寫簡單的jsp頁面，運行調(diào)試。 二、實驗內(nèi)容: 必做第一題，選作其它題目。1. JSP開發(fā)環(huán)境配置：（具體步驟如下，請遵照實驗） 下載JDK。為了建立基于SDK 的Java 運行環(huán)境，需要先下載Sun 的免費JDK 軟件包。SDK 包含了一整套開發(fā)工具，其中包含對編程最有用的是Java 編譯器、Applet 查看器和Java 解釋器等在瀏覽器中輸入/，可看到Sun 公司網(wǎng)站頁面從中download進(jìn)行下載。安裝jdk：執(zhí)行

11、安裝SDK運行下載的“jdk-1_5_0_07-windows-i586-p.exe”軟件包，可安裝SDK，在安裝過程中可以設(shè)置安裝路徑及選擇組件，系統(tǒng)默認(rèn)的安裝路徑為C:program jdk1.5.0_06（比如可以選擇D 盤等），默認(rèn)的組件選擇是全部安裝。安裝完成后會形成“bin”、“demo”、“jre”、“l(fā)ib”、“include”、“sample”這幾個文件目錄設(shè)置環(huán)境變量：JDK 中的工具都是命令行工具，需要從命令行即MSDOS 提示符下運行它們。很多人可能會不習(xí)慣，但這是Sun 特意采取的策略，為的是把精力更多地投入到Java 語言本身而不是花在開發(fā)工具上。為了能正確方便的使

12、用JDK，可手工配置一些Windows 的環(huán)境變量。設(shè)置Windows XP/NT/2000系統(tǒng)中的環(huán)境變量參看下面說明：以Windows XP 為例說明設(shè)置過程：在桌面“我的電腦”圖標(biāo)上單擊右鍵，選擇“屬性”菜單，將出現(xiàn)系統(tǒng)特性設(shè)置界面，在“高級”選項卡中單擊“環(huán)境變量”按鈕。將出現(xiàn)“環(huán)境變量”設(shè)置界面在“系統(tǒng)變量”框中選擇“Path”，然后單擊“編輯”按鈕，在出現(xiàn)的“編輯系統(tǒng)變量”對話框中，在“變量值”欄的命令前添加“C:Javajdk1.5.0_06 bin;”命令，見下圖：用同樣方法設(shè)置環(huán)境變量“classpath”，其值為:“.;C:Javajdk1.5.0_06libtools.j

13、ar;C:Javajdk1.5.0_06libdt.jar;”在記事本中敲入如下代碼：public class hellopublic static void main(String arg)System.out.print(Hi! JAVA!); 此Java文件的文件名叫hello.java，注意！一定要叫hello.java，而且區(qū)分大小寫，不要問為什么。接下來去到MS-DOS方式下的D盤根目錄，輸入下面指令： javac hello.java 回車如果正常的話，是沒有任何內(nèi)容顯示的，但會在同一目錄下編譯成一個hello.class的文件，接下來再運行下面指令：java hello 回車如

14、果正常的話，則會顯示Hi! JAVA!的字符在屏幕上，這就代表你的java環(huán)境沒有問題了，可以進(jìn)行下一步的工作。下載并安裝Tomcat請到/index.html，下載jakarta-tomcat-5.0.16.exe進(jìn)行安裝，安裝完成后會在安裝路徑看到如下目錄：tomcat |-bin Tomcat：存放啟動和關(guān)閉tomcat腳本； |-conf Tomcat：存放不同的配置文件（server.xml和web.xml）；|-doc：存放Tomcat文檔；|-lib/japser/common：存放Tomcat運行需要的庫文件（JARS）；|-log

15、s：存放Tomcat執(zhí)行時的LOG文件； |-src：存放Tomcat的源代碼；|-webapps：Tomcat的主要Web發(fā)布目錄（包括應(yīng)用程序示例）； |-work：存放jsp編譯后產(chǎn)生的class文件配置環(huán)境在tomcat中創(chuàng)建自己的虛擬目錄：myworkServer.xml修改示例：Mywork是說明其相對webapps的位置，它應(yīng)該在webapps目錄下，是物理存在的目錄； /edu說明其相對web URL的路徑，是一個虛擬的路徑，如：http:/localhost：8080/edu測試Tomcat，在開始菜單程序中找到Apache Tomcat5.0后啟動tomcat服務(wù)后，在瀏覽

16、器地址欄中輸入：http:/localhost:8080/如果顯示下面的測試頁即說明安裝成功了請編寫如下example.jsp程序并將其存入到“mywork”目錄中% page contentType=text/html;charset=GB2312 %這是一個簡單的JSP頁面 % int i, sum=0; for(i=1;i 1到100的連續(xù)和是： 在瀏覽器地址欄中輸入http:/localhost:8080/edu/example.jsp,看顯示結(jié)果是否正確，如果沒有問題，至此JSP開發(fā)的基本環(huán)境安裝完畢。2.建立一份HTML文件，然后將HTML文件設(shè)定為乳白色底、桔黃色底、文件標(biāo)題為“

17、我的網(wǎng)頁”，并設(shè)置超鏈接文字顏色link為紅色、alink顏色為綠色、vlink為藍(lán)色。3.隨意輸入一篇文章，并利用下列標(biāo)記（標(biāo)記可以自由組合）給這篇文章建立多樣化的文字編排效果。、4.在第3題的文章中插入兩幅圖片，插入位置為文章的右上角和左下角。5.建立一個書籍目錄的超鏈接架構(gòu)，頁面上的超鏈接文字為書的章節(jié)，連接的內(nèi)容為各章節(jié)的簡介，簡介結(jié)尾處單擊“返回”可回到書的章節(jié)處6.使用表格標(biāo)記建立一個班級課程表，要求表格的邊框顏色為紫紅色，寬度為3，表格的背景顏色為粉紅色，不同的課程名用不同的顏色標(biāo)示。7利用框架標(biāo)記建立一個頁面，要求先上下分割成兩個窗口，其中下面的窗口再分割成左右兩個窗口，各個窗

18、口都顯示一個HTML文件，左下窗口的HTML文件是五個超鏈接，點擊每一個超鏈接，其鏈接的文件應(yīng)該在右下的窗口中顯示出來。實驗二 表格、框架及頁面總體的設(shè)計及使用一、目的要求: 1掌握框架的概念、作用及設(shè)計方法； 2了解層和層疊樣式（CSS）的作用，掌握他們使用方法；3掌握HTML中表格的定義及使用方法，了解表格的應(yīng)用。4.結(jié)合前述內(nèi)容，能夠根據(jù)特定的頁面布局進(jìn)行網(wǎng)頁格局的設(shè)計；二、實驗內(nèi)容:1. 利用表格建立如下網(wǎng)頁（歌曲自選，至少選擇3首歌曲）。2、利用框架制作如下圖的頁面。要求布局合理，各個框架頁編寫正確。3、制作如下所示頁面，并選擇實現(xiàn)相應(yīng)的行為。4. 自己創(chuàng)意構(gòu)建一個網(wǎng)站主頁。要求應(yīng)包

19、括：網(wǎng)站的標(biāo)志、導(dǎo)航條、主題欄目、友情鏈接、跑馬燈技術(shù)等。5、將第4題制作的網(wǎng)站另存為模版，使用此模版制作第二個頁面，要求只修改文字內(nèi)容不修改布局和圖片。6、從網(wǎng)上下載一篇文章在此文章中實現(xiàn)三種CSS選擇器類型：類、標(biāo)簽、超級鏈接CSS樣式?？蛇x擇導(dǎo)出樣式表或者只針對該文檔。實驗三 JavaScript客戶端腳本編程一、目的要求: 1要求掌握常用DTML網(wǎng)頁中的常用客戶端對象的使用方法； 2理解對象驅(qū)動機(jī)制的方式和方法，學(xué)會用常用控件編寫相應(yīng)的腳本程序；3掌握J(rèn)avaScript程序設(shè)計的基本內(nèi)容；二、實驗內(nèi)容:選作以下題目，編程序，然后上機(jī)調(diào)試運行。1編寫程序統(tǒng)計1-50種所有偶數(shù)的和。2用

20、JavaScript編寫一個網(wǎng)頁時鐘程序，要求在頁面上用一個文本框顯示系統(tǒng)時間（格式：hh：mm：ss），用另一個文本框顯示系統(tǒng)日期（格式：mm-dd-yy）。3編寫程序?qū)崿F(xiàn)一個簡易網(wǎng)絡(luò)計算器。4編寫程序計算某人停在某頁面的時間。 5 編寫客戶端程序，要求給出一百分制分?jǐn)?shù)，要求輸出成績的等級“A”“B”“C”“D”“E”。其中，90分以上為“A”，8089為B”，7079為C”，6069為D”，60分以下為E”。（要求：分別用IfThenElse語句和Select Case語句實現(xiàn)）。6試編寫程序段，判斷當(dāng)天的日期，如果是25日，則顯示“請注意，明天可能有病毒發(fā)作”。7求1！+2！+3！+10

21、。8編寫一個程序，輸出如下圖案。 * * * *9有編號為1，2，3，4的四個球，試編程：分別給4個球隨機(jī)地涂上紅、黃、藍(lán)、綠4種顏色。10試設(shè)計一個包含下拉框（收入）和復(fù)選框（職業(yè)）的頁面，在按鈕的單擊事件中同時顯示這兩個控件的選擇信息。11.編寫程序：在載入一個頁面的同時，打開一個沒有工具欄、沒有菜單欄、沒有狀態(tài)欄的窗口。12. 請指出下面代碼的功能： 實驗四 JSP內(nèi)部對象使用一、目的要求 1.掌握J(rèn)SP的幾個內(nèi)置對象的用法，基本掌握J(rèn)SP的開發(fā)技巧。2.應(yīng)用Request對象方法進(jìn)行編程 3.應(yīng)用Response對象方法進(jìn)行編程 4.應(yīng)用Session對象方法進(jìn)行編程 5.應(yīng)用Appl

22、ication對象的方法進(jìn)行編程 6.應(yīng)用Out對象的方法進(jìn)行編程二、實驗內(nèi)容選作以下題目，編程序，然后上機(jī)調(diào)試運行。1. 編寫程序register.htm和register.jsp，做一個用戶注冊的界面，要求對用戶填寫的部分進(jìn)行合法性檢驗，然后提交到register.jsp進(jìn)行注冊檢驗，若用戶名為user開頭的，就提示“該用戶名已被注冊”，若用戶名為admin，就提示“歡迎您，管理員”，否則，就顯示“注冊成功”。2. 運行request.htm，記錄運行結(jié)果，并說明程序的功能和使用的JSP對象。修改request.jsp程序，使其能接受表單中輸入漢字信息。3.建立一個登錄界面，要求使用Ses

23、sion對象傳遞登錄信息4.使用Application 對象和Session對象，顯示網(wǎng)站的在線名單。5.編寫程序?qū)崿F(xiàn)一個簡單的聊天室，要能顯示發(fā)言人的姓名、發(fā)言內(nèi)容、發(fā)言時間。6.編寫一個猜數(shù)游戲程序。7.設(shè)計可以創(chuàng)建、刪除文件夾的網(wǎng)頁程序。8.設(shè)計可以顯示文件屬性的網(wǎng)頁程序。實驗五 JSP與JavaBean及Servlet使用一、目的要求在這次實驗中，培養(yǎng)基于WEB開發(fā)的能力。了解JavaBean編程方法；了解JavaServlet編程方法，從而達(dá)到熟練進(jìn)行JSP程序中JavaBeans的程序編寫和使用JavaServlet編寫程序及調(diào)試程序的能力二、實驗內(nèi)容 選作以下題目，編程序，然后上

24、機(jī)調(diào)試運行。1 請用JavaBean編寫一個Page范圍的、Request范圍的、Session范圍的或Application范圍的計數(shù)器程序。2 如果已經(jīng)定義了一個Circle類（見下面代碼），請用JavaBean調(diào)用此類編寫能求圓的半徑、圓的面積、圓的周長的程序。3如果已經(jīng)定義了一個Count類（見下面代碼），請用JavaBean使用此類編寫網(wǎng)頁計數(shù)器程序。實驗六 Mysql數(shù)據(jù)庫使用及JDBC與數(shù)據(jù)庫的連接一、目的要求掌握Mysql數(shù)據(jù)庫安裝配置的方法，了解創(chuàng)建數(shù)據(jù)庫及數(shù)據(jù)表的過程和方法；了解動態(tài)查詢、更新數(shù)據(jù)庫的方法。掌握J(rèn)DBC驅(qū)動程序及其原理；掌握用數(shù)據(jù)源方法連接數(shù)據(jù)庫；掌握J(rèn)SP數(shù)據(jù)庫的創(chuàng)建、刪除等操作；熟練運用數(shù)據(jù)查詢、添加、更新、刪除等操作。二、實驗內(nèi)容 必作第1、2、3題，選作以下題目，編程序，然后上機(jī)調(diào)試運行。1下載并安裝Mysql，請參考如下步驟來完成； 1）請到下載Mysql，文件名一般為mysql-4.0.15-win.zip