Java-WEB《Web程序設(shè)計(jì)》實(shí)驗(yàn)指導(dǎo)書(shū)

1、Web程序設(shè)計(jì)實(shí) 驗(yàn) 指 導(dǎo) 書(shū)11 實(shí)驗(yàn)?zāi)康呐c要求 12 實(shí)驗(yàn)環(huán)境23 上機(jī)環(huán)境24 實(shí)驗(yàn)一般步驟35 實(shí)驗(yàn)學(xué)時(shí)36 實(shí)驗(yàn)內(nèi)容和要求36.1JSP運(yùn)行環(huán)境安裝及常用HTML標(biāo)記使用36.2 表格、框架網(wǎng)頁(yè)布局的使用86.3 JavaScript 客戶端腳本編程96.4JSP內(nèi)部對(duì)象使用196.5JSP與JavaBean及Servlet使用276.6 數(shù)據(jù)庫(kù)使用及 JDBC 與數(shù)據(jù)庫(kù)的連接 346.7JSP應(yīng)用實(shí)例一網(wǎng)上書(shū)店前端及數(shù)據(jù)庫(kù)設(shè)計(jì)446.8 網(wǎng)上書(shū)店服務(wù)器端設(shè)計(jì) 4521 實(shí)驗(yàn)?zāi)康呐c要求作技能和解決實(shí)際問(wèn)題的能力。要求學(xué)生掌握用JSP技術(shù)進(jìn)行網(wǎng)絡(luò)程序的設(shè)計(jì)、調(diào)試和發(fā)布的方法，熟悉用H

2、TML標(biāo)示及Dreamwear進(jìn)行頁(yè)面設(shè)計(jì)的方法，通過(guò)JSP提供的各種對(duì)象和組件以及DTML提供的各種對(duì)象進(jìn)行B/S架構(gòu)系統(tǒng)設(shè)計(jì)的全過(guò)程，獲得JSP技術(shù)及HTML進(jìn)行實(shí)際應(yīng)用的體會(huì)，加深對(duì)JSP技術(shù)和HTML本身的理解，掌握J(rèn)SP服務(wù)器端程序設(shè)計(jì)的方式和方法，掌握J(rèn)SP與JavaBean和Servlet的關(guān)系，掌握基本的JDBC連接數(shù)據(jù)庫(kù)的方法，得到網(wǎng)絡(luò)程序系統(tǒng)設(shè)計(jì)方法和技巧的實(shí)際訓(xùn)練，從而使學(xué)生能真正利用 ASP 技術(shù)進(jìn)行動(dòng)態(tài)網(wǎng)頁(yè)的設(shè)計(jì)，進(jìn)而可以開(kāi)發(fā)實(shí)用的網(wǎng)站系統(tǒng)。(1)加深對(duì)講授內(nèi)容的理解，尤其是一些語(yǔ)法規(guī)定，光靠課堂講授，既枯燥無(wú)味又難以記住，但它們都很重要。通過(guò)多次上機(jī)，就能自然地、熟

3、練地掌握。通過(guò)上機(jī)來(lái)掌握語(yǔ)法規(guī)則是行之有效的方法。HTML和JSP技術(shù)進(jìn)行網(wǎng)絡(luò)程序開(kāi)發(fā)的過(guò)程和環(huán)境。一個(gè)程序必須在一定的外部環(huán)境下才能運(yùn)行，統(tǒng)時(shí)便會(huì)觸類旁通，很快地學(xué)會(huì)。(3)學(xué)會(huì)上機(jī)調(diào)試程序。也就是善于發(fā)現(xiàn)程序中的錯(cuò)誤，并且能很快地排除的現(xiàn)成經(jīng)驗(yàn)，但更重要的是通過(guò)自己的直接實(shí)踐來(lái)累積，而且有些經(jīng)驗(yàn)是只能會(huì)意難以言傳。因此，在實(shí)驗(yàn)時(shí)干萬(wàn)不要在程序通過(guò)后就認(rèn)為萬(wàn)事大吉、完習(xí)才會(huì)有真正的收獲，是靈活主動(dòng)地學(xué)習(xí)而不是呆板被動(dòng)的學(xué)習(xí)。12 實(shí)驗(yàn)環(huán)境（1）計(jì)算機(jī)的硬件配置PC系列微機(jī)，最好是奔騰及以上系列機(jī)，要求內(nèi)存為512以上，一個(gè)硬盤(pán)驅(qū)動(dòng)器和一個(gè)軟盤(pán)驅(qū)動(dòng)器。80列字符監(jiān)視器。配備鼠標(biāo)器。（2）計(jì)算機(jī)

4、的軟件配置Windows X系列操作系統(tǒng)，J2SDK 1.4以上開(kāi)發(fā)環(huán)境，Tomcat 4.0以上Web服務(wù)。一個(gè)如記事本的文檔編輯器及Dreamwear MX4.0 及以上的網(wǎng)絡(luò)頁(yè)面編輯工具，NetBean 、Eclipse 等Java、JSP 的編輯、編譯環(huán)境。3 JSP網(wǎng)絡(luò)程序開(kāi)發(fā)步驟（1）服務(wù)器環(huán)境安裝及設(shè)置如果要編寫(xiě)JSP網(wǎng)絡(luò)程序并對(duì)其進(jìn)行發(fā)布，首先應(yīng)該安裝及配置好服務(wù)器。步驟及過(guò)程如下：1）應(yīng)該在Windows系列相應(yīng)平臺(tái)上安裝J2SDK1.4以上開(kāi)發(fā)包，進(jìn)行安裝；2）設(shè)置環(huán)境變量，例如在系統(tǒng)設(shè)置環(huán)境變量CLASSPATH: JAVA_HOME:3）測(cè)試安裝狀態(tài)；4）安裝Tomca

5、t 4.0以上版本，配置相應(yīng)的環(huán)境；5）測(cè)試安裝狀態(tài)；6）在相應(yīng)編輯環(huán)境下編寫(xiě)程序；7）在瀏覽器中分布程序；注：編輯源程序。根據(jù)需要在記事本或是Dreamwear等工具下輸入或修改源程序代碼；根據(jù)程序的內(nèi)容和應(yīng)用選擇將編好的程序以擴(kuò)展名為或.jsp存入至發(fā)布目錄中。.htm2（3）執(zhí)行發(fā)布網(wǎng)絡(luò)程序。打開(kāi)瀏覽器在地址欄中輸入下面這三種方式進(jìn)行程序的運(yùn)行：http:/localhost/目錄名/待發(fā)布文件名稱；/目錄名/待發(fā)布文件名稱；http:/本機(jī)實(shí)際IP/目錄名/待發(fā)布文件名稱后執(zhí)行。程序根據(jù)需要修改源程序，并重復(fù)上述2、3步，直到得到正確結(jié)果為止。4 實(shí)驗(yàn)一般步驟(1)準(zhǔn)備好上機(jī)所需的程序

6、。手編程序應(yīng)書(shū)寫(xiě)整齊，并經(jīng)人工檢查無(wú)誤后才能上機(jī)，以提高上機(jī)效率。對(duì)程序中自己有疑問(wèn)的地方，應(yīng)作出記號(hào)，以便在上謹(jǐn)?shù)目茖W(xué)作風(fēng)。(2)上機(jī)輸入和調(diào)試自己所編的程序。應(yīng)該一人一組，獨(dú)立上機(jī)。上機(jī)過(guò)程會(huì)。在使用鍵盤(pán)時(shí)，最好采用正確的指法擊鍵，為今后正確使用鍵盤(pán)打下基礎(chǔ)。否正確。(3)上機(jī)結(jié)束后，應(yīng)整理出實(shí)驗(yàn)報(bào)告，實(shí)驗(yàn)報(bào)告應(yīng)包括以下內(nèi)容:題目;程序清單(計(jì)算機(jī)打印出的程序清單);運(yùn)行結(jié)果(必須是上面程序清單所對(duì)應(yīng)打印輸出的結(jié)果);過(guò)，應(yīng)分析其原因。5 實(shí)驗(yàn)時(shí)數(shù)總實(shí)驗(yàn)時(shí)數(shù)不得少于16學(xué)時(shí)。6 實(shí)驗(yàn)內(nèi)容和要求3實(shí)驗(yàn)一 JSP運(yùn)行環(huán)境安裝及常用HTML標(biāo)記使用一、 目的要求:熟悉JSPjava的tomcat

7、服務(wù)器的安裝配置和使用。掌握J(rèn)SP的運(yùn)行原理。使用dreamweaver進(jìn)行編寫(xiě)簡(jiǎn)單的jsp頁(yè)面，運(yùn)行調(diào)試。二、實(shí)驗(yàn)內(nèi)容:必做第一題，選作其它題目。1. JSP下載JDK。為了建立基于SDK 的Java 運(yùn)行環(huán)境，需要先下載Sun 的免費(fèi)JDK 軟件包。SDK Java 編譯器、Applet 查看器和Java 解釋器等在瀏覽器中輸入/，可看到Sun 公司網(wǎng)站頁(yè)面從中download進(jìn)行下載。安裝jdk：執(zhí)行安裝SDK D設(shè)置環(huán)境變量：JDK MSDOS 提示符下運(yùn)行它Sun 入到Java 語(yǔ)言本身而不是花在開(kāi)發(fā)工具上。為了能正確方便的使用JDK，可手工配置一些Windows 的環(huán)境變量。設(shè)置W

8、indows XP/NT/2000系統(tǒng)中的環(huán)境變量參看下面說(shuō)明：以Windows XP 為例說(shuō)明設(shè)置過(guò)程：在桌面“我的電腦”圖標(biāo)上單擊右鍵，選擇“屬性”菜單，將出現(xiàn)系統(tǒng)特性設(shè)置界面，在“高級(jí)”選項(xiàng)卡中單擊“環(huán)境變量”按鈕。將出現(xiàn)“環(huán)境變量”P(pán)ath”，然后單擊“編輯”按鈕，在出現(xiàn)的“編輯系統(tǒng)變量”對(duì)話框中，在“變量值”欄的命令前添加“Cjdk1.5.0_06bin;”命令，見(jiàn)下圖：4用同樣方法設(shè)置環(huán)境變量“classpath”，其值為:“請(qǐng)到/index.html5|bin Tomcat：存放啟動(dòng)和關(guān)閉tomcat腳本；|conf Tomcat：存放不同的配置文件（server.xml和|do

9、c：存放Tomcat文檔；請(qǐng)編寫(xiě)如下example.jsp程序并將其存入到“mywork”目錄中% page contentType=text/html;charset=GB2312 %6這是一個(gè)簡(jiǎn)單的JSP頁(yè)面% int i, sum=0;for(i=1;i 1到100的連續(xù)和是：在瀏覽器地址欄中輸入 http:/localhost:8080/edu/example.jsp,看顯示結(jié)果是否正確，如果沒(méi)有問(wèn)題，至此JSP開(kāi)發(fā)的基本環(huán)境安裝完畢。2.建立一份HTML文件，然后將HTML文件設(shè)定為乳白色底、桔黃色底、文件link為紅色、alink顏色為綠色、vlink為藍(lán)色。3.隨意輸入一篇文章，

10、并利用下列標(biāo)記（標(biāo)記可以自由組合）給這篇文章建立多樣化的文字編排效果。、4.在第3題的文章中插入兩幅圖片，插入位置為文章的右上角和左下角。5.建立一個(gè)書(shū)籍目錄的超鏈接架構(gòu)，頁(yè)面上的超鏈接文字為書(shū)的章節(jié)，連接的內(nèi)容為各章節(jié)的簡(jiǎn)介，簡(jiǎn)介結(jié)尾處單擊“返回”可回到書(shū)的章節(jié)處6.使用表格標(biāo)記建立一個(gè)班級(jí)課程表，要求表格的邊框顏色為紫紅色，寬度為3，表格的背景顏色為粉紅色，不同的課程名用不同的顏色標(biāo)示。7利用框架標(biāo)記建立一個(gè)頁(yè)面，要求先上下分割成兩個(gè)窗口，其中下面的窗口再分割成左右兩個(gè)窗口，各個(gè)窗口都顯示一個(gè) HTML 文件，左下窗口的 HTML出來(lái)。7一、目的要求:1掌握框架的概念、作用及設(shè)計(jì)方法；二、

11、實(shí)驗(yàn)內(nèi)容:8實(shí)驗(yàn)三 JavaScript客戶端腳本編程一、目的要求:2理解對(duì)象驅(qū)動(dòng)機(jī)制的方式和方法，學(xué)會(huì)用常用控件編寫(xiě)相應(yīng)的腳本程3掌握J(rèn)avaScript 程序設(shè)計(jì)的基本內(nèi)容；二、實(shí)驗(yàn)內(nèi)容:選作以下題目，編程序，然后上機(jī)調(diào)試運(yùn)行。1編寫(xiě)程序統(tǒng)計(jì)1-50種所有偶數(shù)的和。2用JavaScript編寫(xiě)一個(gè)網(wǎng)頁(yè)時(shí)鐘程序，要求在頁(yè)面上用一個(gè)文本框顯示3編寫(xiě)程序?qū)崿F(xiàn)一個(gè)簡(jiǎn)易網(wǎng)絡(luò)計(jì)算器。4編寫(xiě)程序計(jì)算某人停在某頁(yè)面的時(shí)間。為為69為分以下為IfThenElse語(yǔ)句和SelectCase6試編寫(xiě)程序段，判斷當(dāng)天的日期，如果是25日，則顯示“請(qǐng)注意，明天7求1！+2！+3！+10。8編寫(xiě)一個(gè)程序，輸出如下圖案

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

13、法進(jìn)行編程二、實(shí)驗(yàn)內(nèi)容選作以下題目，編程序，然后上機(jī)調(diào)試運(yùn)行。1.編寫(xiě)程序register.htm和register.jsp，做一個(gè)用戶注冊(cè)的界面，要求對(duì)用戶填寫(xiě)的部分進(jìn)行合法性檢驗(yàn)，然后提交到register.jsp進(jìn)行注冊(cè)檢驗(yàn)，若用戶名為user開(kāi)頭的，就提示“該用戶名已被注冊(cè)”，若用戶名為admin，就提示“歡迎您，管理員”，否則，就顯示“注冊(cè)成功”。102. 運(yùn)行 JSP 對(duì)象。修改 request.jsp 程序，使其能接受表單中輸入漢字信息。3.建立一個(gè)登錄界面，要求使用 Session 對(duì)象傳遞登錄信息4.使用 Application 對(duì)象和 Session 對(duì)象，顯示網(wǎng)站的在線名

14、單。5.編寫(xiě)程序?qū)崿F(xiàn)一個(gè)簡(jiǎn)單的聊天室，要能顯示發(fā)言人的姓名、發(fā)言內(nèi)容、發(fā)言時(shí)間。6.編寫(xiě)一個(gè)猜數(shù)游戲程序。7.設(shè)計(jì)可以創(chuàng)建、刪除文件夾的網(wǎng)頁(yè)程序。8.設(shè)計(jì)可以顯示文件屬性的網(wǎng)頁(yè)程序。實(shí)驗(yàn)五 JSP 與 JavaBean 及Servlet使用一、目的要求在這次實(shí)驗(yàn)中，培養(yǎng)基于 WEB 開(kāi)發(fā)的能力。了解 JavaBean 編程方法；了解 JavaServlet JSP 程序中 JavaBeans 的程序編寫(xiě)和使用 JavaServlet 編寫(xiě)程序及調(diào)試程序的能力二、實(shí)驗(yàn)內(nèi)容選作以下題目，編程序，然后上機(jī)調(diào)試運(yùn)行。12請(qǐng)用 JavaBean 編寫(xiě)一個(gè) Page 范圍的或 Application 范圍

15、的計(jì)數(shù)器程序。如果已經(jīng)定義了一個(gè) Circle JavaBean 調(diào)用此類編寫(xiě)能求圓的半徑、圓的面積、圓的周長(zhǎng)的程序。3如果已經(jīng)定義了一個(gè) Count JavaBean 使用此類編寫(xiě)網(wǎng)頁(yè)計(jì)數(shù)器程序。實(shí)驗(yàn)六 Mysql 數(shù)據(jù)庫(kù)使用及JDBC與數(shù)據(jù)庫(kù)的連接一、目的要求掌握 Mysql 法；了解動(dòng)態(tài)查詢、更新數(shù)據(jù)庫(kù)的方法。掌握 JDBC 驅(qū)動(dòng)程序及其原理；掌握用 JSP 詢、添加、更新、刪除等操作。二、實(shí)驗(yàn)內(nèi)容11必作第1、2、3題，選作以下題目，編程序，然后上機(jī)調(diào)試運(yùn)行。1下載并安裝Mysql，請(qǐng)參考如下步驟來(lái)完成；1 ） 請(qǐng) 到 下 載 Mysql ， 文 件 名 一 般 為mysql-4.0.

16、15-win.zip；2）請(qǐng)將mysql-4.0.15-win.zip解壓縮后直接執(zhí)行安裝；3）安裝成功后打開(kāi)指令控制臺(tái)，然后依序輸入cd 安裝路徑mysqlbin 安裝路徑mysqlbinmysqld-ntinstall將自動(dòng)啟動(dòng)。4）執(zhí)行“安裝路徑mysqlbin”中的winmysqladmin，將讓用戶控制Mysql的服務(wù)器。剛執(zhí)行時(shí)，會(huì)要求用戶設(shè)定用戶名和密碼，設(shè)定之后即可以進(jìn)入winmysqladmin了5）測(cè)試 Mysql 是否啟動(dòng)，進(jìn)入“安裝路徑mysqlbin”下，在提示符后輸入和功。2在控制臺(tái)上創(chuàng)建一個(gè)學(xué)籍管理數(shù)據(jù)庫(kù)，其中包括成績(jī)及學(xué)生信息等數(shù)據(jù)表。3試用JDBC連接創(chuàng)建的數(shù)據(jù)庫(kù)。4根據(jù)創(chuàng)建的數(shù)據(jù)庫(kù)，輸出某門(mén)功課成績(jī)?cè)?0以上的全部學(xué)生姓名及成績(jī)。5查詢一個(gè)數(shù)據(jù)庫(kù)中已錄入的學(xué)生信息。如果沒(méi)有給出提示信息。6參考下面程序進(jìn)行調(diào)試運(yùn)行:實(shí)驗(yàn)七