WEB程序設(shè)計(jì)實(shí)驗(yàn)指導(dǎo)書

1、文檔僅供參考WEBS序設(shè)計(jì)實(shí)驗(yàn)指導(dǎo)書WEB程序設(shè)計(jì)實(shí)驗(yàn)指導(dǎo)42020 年 4 月 19 日目錄實(shí)驗(yàn)1WEB程序運(yùn)行環(huán)境配置實(shí)驗(yàn)2頁面設(shè)計(jì)與 HTML 的使用實(shí)驗(yàn)3層疊樣式表CSS的應(yīng)用實(shí)驗(yàn)4客戶端腳本語言的使用實(shí)驗(yàn)5WEB編程語言語法基礎(chǔ)實(shí)驗(yàn)6內(nèi)置對象的應(yīng)用實(shí)驗(yàn)7數(shù)據(jù)庫編程技術(shù)實(shí)驗(yàn)8JavaBean的應(yīng)用實(shí)驗(yàn)9JSP和 Servlet實(shí)驗(yàn) 10JSP和 XML實(shí)驗(yàn) 1 WEB 程序運(yùn)行環(huán)境配置一、實(shí)驗(yàn)?zāi)康?、掌握J(rèn)SP程序運(yùn)行環(huán)境的配置過程；2、理解JSP程序的運(yùn)行原理。二、實(shí)驗(yàn)內(nèi)容1、 JSP程序運(yùn)行環(huán)境配置。本實(shí)驗(yàn)采用WindowsServer+JDK+Tomcat2、修改WEB服務(wù)端口和

2、網(wǎng)站的根路徑。三、實(shí)驗(yàn)要求1、掌握J(rèn)SP程序運(yùn)行環(huán)境配置的基本要求。四、實(shí)驗(yàn)環(huán)境硬件環(huán)境：PC微機(jī)軟件環(huán)境： Windows XP 或者 Windows 操作系統(tǒng)五、實(shí)驗(yàn)步驟1、 進(jìn)入網(wǎng)址，下載 windows版本的JDK程序j2sdk-1_4_2_03- windows-i586-p.exe 。2、安裝下載的JDK程序。注意其安裝路徑，這里假定安裝路 徑為 C: j2sdk1.4.2。3、接下來需要配置一些環(huán)境變量。右鍵單擊“我的電腦”， 在彈出菜單中選擇“屬性”，進(jìn)入“高級”中的“環(huán)境變 量”；新建一個系統(tǒng)變量 JAVA_HOME其值設(shè)為文檔僅供參考4、5、6、C:j2sdk142 ;又新

3、建一個系統(tǒng)變量CLASSPAT,其值設(shè)為.; JAVA_ HOME % lib ;修改系統(tǒng)變量 PATH的值，在原 值基礎(chǔ)上加上 %JAVA_HOME% bin; 。接下來簡單地測試一下 JDK的安裝與環(huán)境變量設(shè)置是否正 確。先編寫一個簡單的 Java程序存放在 下，然后運(yùn)行 cmd 命令，進(jìn)入系統(tǒng)的命令行方式，在命令行 C: 下，用 java和javac兩個命令編譯和運(yùn)行所編寫的Java程序，如果成功運(yùn)行，說明整個 Java運(yùn)行環(huán)境配置正確。附：簡單的Java程序Hello.javaimport java.io.*;public class Hello public static void

4、main (String args) System.out.println(Hello World);進(jìn)入網(wǎng)址，下載其最新的 Tomcat 程序 jakarta-tomcat-5.0.16.exe。安裝下載的Tomcat V5.0.16程序。選擇一個安裝路徑，這 里假定安裝路徑為C:Tomcat5.0，其它設(shè)置可用安裝程序的 默認(rèn)設(shè)置。安裝完后啟動tomcat。啟動成功后，任務(wù)欄的托盤處可見一含有綠色三角標(biāo)記的 Apache Tomcat圖標(biāo)。7、62020 年 4 月 19 日文檔僅供參考8 在瀏覽器地址欄輸入 http:/localhost:8080，如果看見圖1-1 的界面，說明JSP運(yùn)

5、行環(huán)境配置成功。9、準(zhǔn)備修改服務(wù)端口和網(wǎng)站的根路徑。在實(shí)際應(yīng)用中，一般需要更改這兩個基本配置，修改這兩個配置均在Tomcat安裝目錄下的conf子目錄下的server.xml文件中。修改前請 備份好server.xml文件。10、 修改服務(wù)端口。用記事本或其它文本編輯器打開server.xml文件，定位到93行，將94行的“ 8080”修改為需要的端口號，如“ 8090”。重新啟動Tomcat，在瀏覽器地址欄輸入http:/localhost:8090，可見類似圖1-1的界面，說明端口修改成功圖1-1 Tomcat的歡迎界面11、修改網(wǎng)站的根路徑。首先在 C盤創(chuàng)立站點(diǎn)目錄jsproot，并 在

6、其下創(chuàng)立 ROOT子目錄，在 ROOT目錄之下創(chuàng)立 WEB-INF 子目錄，注意，JSP對目錄是區(qū)分大小寫的。12、然后打開server.xml，找到第215行的根目錄的配置信息, 其中appBase屬性設(shè)置了當(dāng)前的網(wǎng)站目錄對應(yīng)服務(wù)器物理-ini x|路徑地址，如圖1-2所示易| server - 記事本文件格式匹1幫由Host nane-*loc-alhost,1 debuy0autoDeploy=*,trup*xnlUaltdation=*lfalsabl xnlHamespaceAwareFalse圖1-2根路徑的配置信息13、將215行的appBase修改成所需的網(wǎng)站根路徑，如“C:jsproot ”，修改完后如圖1-3所示易| server - tEW文件扁輯邊格式吵幫助町eiploy-l,trueHndUmlid甘xnilKan)espaceftware=oFalse圖1-3修改后的根路徑信息14、接下來創(chuàng)立一個1.js