Java Web程序設(shè)計項目實戰(zhàn)(微課版)課件 廖麗 項目1、2 Java Web開發(fā)環(huán)境準(zhǔn)備、JSP技術(shù)_第1頁
Java Web程序設(shè)計項目實戰(zhàn)(微課版)課件 廖麗 項目1、2 Java Web開發(fā)環(huán)境準(zhǔn)備、JSP技術(shù)_第2頁
Java Web程序設(shè)計項目實戰(zhàn)(微課版)課件 廖麗 項目1、2 Java Web開發(fā)環(huán)境準(zhǔn)備、JSP技術(shù)_第3頁
Java Web程序設(shè)計項目實戰(zhàn)(微課版)課件 廖麗 項目1、2 Java Web開發(fā)環(huán)境準(zhǔn)備、JSP技術(shù)_第4頁
Java Web程序設(shè)計項目實戰(zhàn)(微課版)課件 廖麗 項目1、2 Java Web開發(fā)環(huán)境準(zhǔn)備、JSP技術(shù)_第5頁
已閱讀5頁,還剩129頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

項目一JavaWeb開發(fā)環(huán)境準(zhǔn)備

項目要

求本項目是JavaWeb開發(fā)環(huán)境準(zhǔn)備,主要是完成JavaWeb開發(fā)環(huán)境搭建,并能編寫、編譯、運行JavaWeb程序。

項目分

析要完成項目任務(wù),至少需要具備兩個基本條件:一是需要在計算機上安裝和配置JDK,二是要在計算機上安裝JSP引擎,如Tomcat服務(wù)器等,該項目分2個任務(wù),分別是開發(fā)環(huán)境搭建和輸出“智慧金融信貸管理系統(tǒng)”。

項目目

標(biāo)【知識目標(biāo)】熟悉JavaWeb的基本概念,掌握J(rèn)DK和Tomcat的安裝與配置和配置JSP運行環(huán)境?!灸芰δ繕?biāo)】能編寫、編譯簡單的JSP程序?!舅刭|(zhì)目標(biāo)】提高學(xué)生的發(fā)現(xiàn)問題、分析問題、解決問題的能力。

知識導(dǎo)

圖任務(wù)一開發(fā)環(huán)境搭建--任務(wù)演示本任務(wù)是完成JDK的安裝與環(huán)境配置、Tomcat的下載與安裝、在Eclispe配置Tomcat,為設(shè)計進(jìn)入智慧金融信貸管理系統(tǒng)網(wǎng)站做好準(zhǔn)備任務(wù)一開發(fā)環(huán)境搭建–知識準(zhǔn)備JDK安裝與配置Tomcat安裝與配置Eclipse下載與配置tomcatJava

Web的基本概念1.Java

Web的基本概念JavaWeb是指所有Web開發(fā)的Java技術(shù)的總稱,主要包括Servlet、JSP、JavaBean、JDBC等技術(shù)。目前,JavaWeb動態(tài)網(wǎng)站開發(fā)廣泛應(yīng)用電子商務(wù)、電子政務(wù)、網(wǎng)絡(luò)資源管理以及大數(shù)據(jù)等領(lǐng)域。2.JDK安裝與配置JavaWeb是指所有Web開發(fā)的Java技術(shù)的總稱,主要包括Servlet、JSP、JavaBean、JDBC等技術(shù)。目前,JavaWeb動態(tài)網(wǎng)站開發(fā)廣泛應(yīng)用電子商務(wù)、電子政務(wù)、網(wǎng)絡(luò)資源管理以及大數(shù)據(jù)等領(lǐng)域。2.JDK安裝與配置JDK(JAVADevelopmentKit)開發(fā)工具包,可以從Oracle官網(wǎng)公司的網(wǎng)站/index.html上免費下載,在地址欄輸入該網(wǎng)址,然后單擊Developers按鈕(1)JDK下載2.JDK安裝與配置然后單擊Downloads的下拉列表JavaSE2.JDK安裝與配置JDK版本已更新到19版本了,這里選擇JavaSE8的Download2.JDK安裝與配置下載界面顯示了可供下載JDK支持的各種操作系統(tǒng),可根據(jù)自己的計算機操作系統(tǒng)的位數(shù)下載合適的JDK(32位的Windows系統(tǒng)選擇Windowsx86版本,64位的系統(tǒng)則選擇Windowsx64版本2.JDK安裝與配置(2)JDK安裝下載成功以后,開始安裝JDK,操作步驟如下第一步雙擊已下載的JDK文件進(jìn)行安裝,在彈出的對話框中,選擇“接收”許可證協(xié)議,進(jìn)入“安裝程序”2.JDK安裝與配置第二步單擊下一步,進(jìn)入定制安裝,默認(rèn)安裝目錄是“C:\ProgramFiles\JAVA\jdk-8u77-windows-x64”,可點擊“更改”按鈕更改路徑,這里選擇默認(rèn)安裝【腳下留心】安裝目錄中不要使用中文目錄名稱2.JDK安裝與配置第三步然后單擊一步,最后進(jìn)入安裝完成界面2.JDK安裝與配置(3)JDK環(huán)境變量配置安裝完JDK后,需要設(shè)置一個JAVA_HOME環(huán)境變量,它指向JDK的安裝目錄,然后Java才可以開始工作,基本步驟如下:第一步在桌面上右擊“我的電腦”,選擇“屬性”命令,在出現(xiàn)的對話框中選擇“高級系統(tǒng)設(shè)置”選項卡,單擊“環(huán)境變量”按鈕:2.JDK安裝與配置第二步在彈出的對話框中增加系統(tǒng)變量“JAVA_HOME”變量值設(shè)置為JDK的安裝路徑C:\ProgramFiles\Java\jdk1.8.0_772.JDK安裝與配置第三步查看系統(tǒng)變量是否有path變量,若沒有path變量,單擊新建,在編輯環(huán)境變量末尾添加JAVA_HOME\bin和JAVA_HOME%\jre\bin;(若未設(shè)置JAVA_HOME,則添加完整路徑C:\Programfiles\Java\jdk1.8.0_77\bin)2.JDK安裝與配置系統(tǒng)變量設(shè)置完成后可以通過以下方式來驗證是否安裝和設(shè)置成功。在“開始”菜單中選擇“運行”命令,輸入“cmd”,在打開的窗口命令中輸入“javac”,如果安裝和設(shè)置成功。3.Tomcat安裝與配置(1)Tomcat下載Tomcat是Apache組織的Jakarta項目中的一個重要子項目,具有免費和跨平臺。Tomcat服務(wù)器運行穩(wěn)定、可靠、效率高,是當(dāng)今使用最廣泛的Servlet/JSP服務(wù)器。Tomcat的主頁地址為:/,用戶可以通過該網(wǎng)站的下載鏈接進(jìn)入Tomcat的下載頁面3.Tomcat安裝與配置在download選擇你要下載的版本,這里選擇:Tomcat8.0,鼠標(biāo)往下扡,找到BinaryDistributions下的core選zip,就可以下載所需要的tomcat3.Tomcat安裝與配置(2)Tomcat安裝與配置下載Tomcat文件成功后,文件是一個exe的安裝文件,下載后直接安裝即可。第一步雙擊apache-tomcat-8.0.32.exe,打開“歡迎”界面,如圖1-15所示。單擊“Next”按鈕繼續(xù)安裝3.Tomcat安裝與配置第二步打開“選擇安裝組件”界面,如圖所示,選擇full,單擊“Next”按鈕繼續(xù)安裝。3.Tomcat安裝與配置第三步打開配置界面,指定Tomcat服務(wù)的端口號,默認(rèn)是8080,單擊下一步。3.Tomcat安裝與配置第四步打開“正在安裝”界面,開始執(zhí)行安裝3.Tomcat安裝與配置Tomcat安裝目錄中包含一系列的子目錄,這些子目錄分別用于存放不同功能的文件,安裝以后Tomcat的目錄結(jié)構(gòu)如圖所示:(3)Tomcat的目錄結(jié)構(gòu)3.Tomcat安裝與配置在開始菜單選擇“ConfigureTomcat”選項,如圖1-20所示,即可進(jìn)入Tomcat屬性對話框,并啟動Tomcat服務(wù):(4)啟動與停止Tomcat3.Tomcat安裝與配置在成功安裝和啟動Tomcat后,在瀏覽器中輸入http://localhost:8080.如果出現(xiàn)如圖1-23所示的Tomcat默認(rèn)主界面,則表示Tomcat服務(wù)器安裝配置正常4.Tomcat安裝與配置在成功安裝和啟動Tomcat后,在瀏覽器中輸入http://localhost:8080.如果出現(xiàn)如圖1-23所示的Tomcat默認(rèn)主界面,則表示Tomcat服務(wù)器安裝配置正常4.Eclipse下載與配置tomcat(1)Eclipse下載Eclipse是一個開放可擴展的集成開發(fā)環(huán)境。它不僅可以用于Java桌面程序的開發(fā),通過安裝開發(fā)插件,還可以構(gòu)建Web項目和移動項目的開發(fā)環(huán)境。Eclipse是一個開放源代碼的項目,可以免費下載。它的官方網(wǎng)址是,下載后的eclipse,解壓后直接可以用4.Eclipse下載與配置tomcat(2)在Eclipse中配置JDK在Eclipse工作界面中,選擇Window(窗口)-Preferences(首選項)命令,打開Preferences對話框,展開對話框左側(cè)樹形列表框內(nèi)的Java節(jié)點,選擇該節(jié)點下的InstalledJREs子節(jié)點,如果右側(cè)的名稱與位置與所安裝的JRE是一致的,單擊ok,如果不一致,則需要修改4.Eclipse下載與配置tomcat(3)

在Eclipse中配置tomcat第一步

啟動Eclipse,依次選擇“Window”-“Preferences”,打開“Preferences”對話框,展開對話框左側(cè)樹形列表框內(nèi)的Server節(jié)點下的RuntimeEnvironments,在對話框的右側(cè)選擇Tomcat的安裝目錄,單擊ok。4.Eclipse下載與配置tomcat第二步

單擊Add按鈕,彈出一個NewServerRuntimeEnvironment窗口,該窗口顯示出了可在Eclipse中配置的各種服務(wù)器及期版本。由于安裝的是apache-tomcat-8.0.32,所以選擇ApacheTomcatv8.0。4.Eclipse下載與配置tomcat第三步在NewServerRuntimeEnvironment窗口中單擊Next按鈕執(zhí)行下一步,在彈出的窗口中單擊Browse。。4.Eclipse下載與配置tomcat第四步

選擇安裝目錄以后,單擊確定4.Eclipse下載與配置tomcat第五步在Eclipse中選擇Servers選項標(biāo)簽,創(chuàng)建新的Server。第六步

單擊上圖超鏈接,會彈出一個NewServer窗口,如圖1-26所示。選中Tomcatv8.0Server。然后單擊finish,到此,完成了Tomcat服務(wù)器的配置。任務(wù)一開發(fā)環(huán)境搭建

–任務(wù)實施在搭建好的JavaWeb開發(fā)環(huán)境,創(chuàng)建一個JSP文件,并輸出“今天太高興了,JavaWeb環(huán)境終于搭建成功。第一步在Eclipse中點擊File->New->DynamicWebProject,輸入Test任務(wù)一開發(fā)環(huán)境搭建

–任務(wù)實施單擊下一步,直到WebModule界面出現(xiàn),一定要將此復(fù)選框選中任務(wù)一開發(fā)環(huán)境搭建

–任務(wù)實施第二步新建一個index.jsp頁任務(wù)一開發(fā)環(huán)境搭建

–任務(wù)實施第三步在body里面輸入今天太高興了,Javaweb環(huán)境終于搭建成功<%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""/TR/html4/loose.dtd"><html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><title>Inserttitlehere</title></head><bodybgcolor="aaffee">

今天太高興了,Javaweb環(huán)境終于搭建成功</body></html>任務(wù)一開發(fā)環(huán)境搭建

–任務(wù)拓展1tomcat啟動(1)通過D:\ProgramFiles\ApacheSoftwareFoundation\Tomcat8.0\bin\startup.bat命令啟動Tomcat服務(wù)器,此時會顯示一些啟動信息。(2)打開瀏覽器輸入:http://locathost:8080或者是http://:8080,訪問Tomcat服務(wù)器,表示啟動成功。任務(wù)一開發(fā)環(huán)境搭建

–任務(wù)拓展2tomcat關(guān)閉雙擊bin目錄下的shutdown.bat文件關(guān)閉Tomcat服務(wù)器。任務(wù)一開發(fā)環(huán)境搭建

–任務(wù)拓展3Tomcat使用catalina.bat啟動任務(wù)一開發(fā)環(huán)境搭建

–任務(wù)拓展4UTF-8編碼設(shè)置JSP默認(rèn)的編碼方式是ISO-8859-1,但不能識別中文任務(wù)一開發(fā)環(huán)境搭建

–任務(wù)拓展選擇window-preferences輸入jsp,找到JSPFiles文件,修改Encoding的編碼方式為utf-8任務(wù)一開發(fā)環(huán)境搭建

–任務(wù)拓展新建JSP文件,JSP頁面字符編碼自動修改為UTF-8,任務(wù)二輸出“智慧金融信貸管理系統(tǒng)”--任務(wù)演示本任務(wù)在JavaWeb運行環(huán)境搭建成功的基礎(chǔ)上、編寫歡迎進(jìn)入智慧金融信貸管理系統(tǒng),并編譯和發(fā)布此網(wǎng)站任務(wù)二輸出“智慧金融信貸管理系統(tǒng)”–知識準(zhǔn)備JSP的運行原理JSP頁面簡介1JSP頁面簡介一個JSP頁面中可以有普通的HTML標(biāo)記和JSP規(guī)定的JSP標(biāo)記,以及通過標(biāo)記符號“<%”和“%>”加入的Java程序片。JSP頁面按文本文件保存,擴展名是.jsp,在保存JSP頁面時,文件的名字必須符合標(biāo)識符規(guī)定,即名字可以由字母、下劃線、美元符號和數(shù)字組成,并且第一個字符不能是數(shù)字。1JSP頁面簡介【例1-2-1】計算1-100之和。<bodybgcolor="pink"><h2>計算1-100之和</h2><%inti,sum=0;//java小腳本

for(i=1;i<=100;i++){sum=sum+i;}%><p>1到100之和是:</p><%=sum%><!--jsp表達(dá)式></body>1JSP的運行原理所有JSP頁面,在執(zhí)行的時候都會被服務(wù)器端的JSP引擎轉(zhuǎn)換為Servelet(.java),然后又由JSP引擎調(diào)用Java編譯器,將Servlet(.java)編譯為class文件(.class),并由Java虛擬機(JVM)解釋執(zhí)行。任務(wù)二輸出“智慧金融信貸管理系統(tǒng)”–任務(wù)實施編寫歡迎進(jìn)入智慧金融信貸管理系統(tǒng),并編譯和發(fā)布此網(wǎng)站,運行結(jié)果如圖所示<bodybgcolor="aaffee"><b>歡迎進(jìn)入智慧金融信貸管理系統(tǒng)</b></body>任務(wù)二輸出“智慧金融信貸管理系統(tǒng)”–任務(wù)拓展在進(jìn)行軟件開發(fā)時,通常會在兩種基本架構(gòu)中進(jìn)行選擇,即C/S架構(gòu)和B/S架構(gòu)。C/S是客戶端(Client)/服務(wù)器(Server)端的交互;B/S架構(gòu)是瀏覽器(Browser)/服務(wù)器端(Server)的交互1.C/S架構(gòu)C/S架構(gòu)的特點:(1)軟件使用前必須安裝;(2)軟件更新時,服務(wù)器和客戶端需同時更新;(3)C/S架構(gòu)的軟件不能跨平臺使用;(4)C/S架構(gòu)的軟件客戶端和服務(wù)器通信相對比較安全任務(wù)二輸出“智慧金融信貸管理系統(tǒng)”–任務(wù)拓展2.B/S架構(gòu)B/S架構(gòu)的特點:(1)軟件不需要安裝,直接使用瀏覽器訪問指定的網(wǎng)址即可;(2)軟件更新時,客戶端不需要更新;(3)軟件可以跨平臺,只要系統(tǒng)中有瀏覽器,就可以使用;(4)B/S架構(gòu)的軟件客戶端與服務(wù)器之間通信不是很安全。1JSP的運行原理所有JSP頁面,在執(zhí)行的時候都會被服務(wù)器端的JSP引擎轉(zhuǎn)換為Servelet(.java),然后又由JSP引擎調(diào)用Java編譯器,將Servlet(.java)編譯為class文件(.class),并由Java虛擬機(JVM)解釋執(zhí)行。項目實訓(xùn)實訓(xùn)一在自己的電腦上搭建JavaWeb開發(fā)環(huán)境實訓(xùn)二輸出毛澤東創(chuàng)作的詞“沁園春.雪”要求:應(yīng)用eclipse開發(fā)工具,輸出毛澤東創(chuàng)作的詞。謝謝項目二JSP技術(shù)

項目要

求本項目是JSP技術(shù)應(yīng)用,主要是完成靜態(tài)網(wǎng)站的框架設(shè)計,并能應(yīng)用JSP語法基礎(chǔ)編寫簡單的JSP應(yīng)用程序。

項目分

析要完成項目任務(wù),至少需要具備兩個基本條件:一是需要熟悉html常用標(biāo)記,二是掌握J(rèn)SP的語法基礎(chǔ),該項目分3個任務(wù),分別是化妝品網(wǎng)站框架設(shè)計、設(shè)計一天的溫馨提示語和欣賞美景。

項目目

標(biāo)【知識目標(biāo)】掌握J(rèn)SP腳本元素、page指令、include指令的使用以及include動作、forward動作動作元素的使用?!灸芰δ繕?biāo)】能運用JSP腳本元素進(jìn)行簡單程序的編寫、能靈活運用的指令對JSP指令及動作元素的應(yīng)用。【素質(zhì)目標(biāo)】培養(yǎng)學(xué)生團(tuán)隊合作,精益求精的精神。

知識導(dǎo)

圖任務(wù)一化妝品框架設(shè)計--任務(wù)演示當(dāng)我們在網(wǎng)上購買化妝品時,需要在網(wǎng)上注冊、依據(jù)注冊的用戶名和密碼進(jìn)行登錄、然后瀏覽化妝品、選擇自己所需要的化妝品,本任務(wù)頁面將包括一個導(dǎo)航條,該導(dǎo)航條由注冊、登錄、瀏覽化妝品、查看訂單等組成。如圖所示任務(wù)一化妝品框架設(shè)計–知識準(zhǔn)備<hn></hn>標(biāo)題標(biāo)簽<div>標(biāo)簽<p>標(biāo)簽font字體標(biāo)簽<br>標(biāo)簽<hr>標(biāo)簽<B></B><I></I><U></U>標(biāo)簽img標(biāo)簽超級鏈接標(biāo)簽表格1.font字體標(biāo)簽作用:規(guī)定了文本的大小、顏色、字體?;靖袷剑?lt;font[size=][color=][face=]></font>說明:(1)size:表示文字的大小,共有1,2,3,4,5,6,7七種字號,數(shù)字越大,顯示的字符越大。(2)color:表示字符的顏色,可表示為#RRGGBB,其中,RR,GG,BB分別表示紅、綠、藍(lán)三種顏色,可取整數(shù)0-255,分別代表256種顏色強度,數(shù)字越大強度越大。由于每種顏色都有256種強度,三種顏色的混合。共有256*256*256種不同的顏色。字符的顏色也可用名稱表示,常用的顏色如表2-1所示:(3)face表示字體,中文有“宋體”“楷體”“隸書”等,西文有TimesNewRoman、Arial、BookmanOldStyle等?!纠?-1-1】在網(wǎng)頁上顯示我是字體標(biāo)簽,并修改字體為宋體,顏色為紅色,如圖所示。<%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""/TR/html4/loose.dtd"><html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><title>Inserttitlehere</title></head><body><fontcolor="red"size=40face="黑體">我是字體標(biāo)簽</font></body></html>1.font字體標(biāo)簽補充:JSP編碼規(guī)范(1)必須以英文字母、漢字或下劃線開頭(2)一個JSP頁面按文本文件保存,擴展名是.jsp(3)文件名字區(qū)分大小寫

引入:做事先做人,凡事守規(guī)矩2.<hn></hn>標(biāo)記標(biāo)題(Heading)是通過<h1>-<h6>等標(biāo)簽進(jìn)行定義的。<h1>定義最大的標(biāo)題。<h6>定義最小的標(biāo)題?!纠?-1-2】常用標(biāo)簽的應(yīng)用1,如圖所示關(guān)鍵代碼<title>重慶城市職業(yè)學(xué)院</title></head><bodybgcolor="f0fff0"><h1>重慶城市職業(yè)學(xué)院</h1><h2>重慶城市職業(yè)學(xué)院</h2><h3>重慶城市職業(yè)學(xué)院</h3><h4>重慶城市職業(yè)學(xué)院</h4></body>3.div標(biāo)記3.<div>標(biāo)簽<div>可定義文檔中的分區(qū)或節(jié)。<div>標(biāo)簽可以把文檔分割為獨立的、不同的部分。它可以用作嚴(yán)格的組織工具,并且不使用任何格式與其關(guān)聯(lián)。如果用id或class來標(biāo)記<div>,那么該標(biāo)簽的作用會變得更加有效。4.<p>標(biāo)簽<p>標(biāo)簽定義段落,常用的屬性有align,規(guī)定段落中文本的對齊方式。5.<br>標(biāo)簽<br>可插入一個簡單的換行符。6.<hr>標(biāo)簽<hr>標(biāo)簽在HTML頁面中創(chuàng)建一條水平線,水平分隔線(horizontalrule)可以在視覺上將文檔分隔成各個部分。<hr>可選的常用屬性align屬性設(shè)置對齊方式,left、center、right分別表示左對齊、居中和右對齊。width屬性設(shè)置水平線的長度,以像素計或百分比計。注意:除非width屬性設(shè)置為小于100%,否則align屬性不會有任何效果。size屬性規(guī)定水平線的高度,以像素計。color:設(shè)置水平線的顏色,無此項設(shè)置表示有陰影。noshade屬性規(guī)定水平線的顏色呈現(xiàn)為純色,而不是有陰影的顏色。6<hr>標(biāo)記【例2-1-3】應(yīng)用各種標(biāo)簽顯示如圖所示的效果6.<hr>標(biāo)記`

【例2-1-3】應(yīng)用各種標(biāo)簽顯示如圖所示的效果<bodybgcolor="yellow"text="blue"><palign="center">針對現(xiàn)在出現(xiàn)的新型冠狀病毒進(jìn)行自我排查</p><hrsize="2"width=80%><palign="left">針對現(xiàn)在出現(xiàn)的新型冠狀病毒進(jìn)行自我排查</p><br><br><br><palign="right">針對現(xiàn)在出現(xiàn)的新型冠狀病毒進(jìn)行自我排查</p></body>設(shè)置背景色為黃色設(shè)置前景色為藍(lán)色設(shè)置段落居中設(shè)置水平線寬度是2,占屏幕寬度80%設(shè)置段落左對齊段落換行段落右對齊注意:對于不同有標(biāo)記符,默認(rèn)的align屬性值不同,P和Hn標(biāo)記的默認(rèn)align屬性值是left,而HR標(biāo)記符的默認(rèn)align屬性值是center.7.img標(biāo)記作用:img元素向網(wǎng)頁中嵌入一幅圖像格式:<imgsrc=""alt="">說明:(1)src屬性:指“source“,源屬性的值是圖像的URL地址(2)alt屬性:用來為圖像定義一串預(yù)備的可替換的文本7.<img>標(biāo)記【例2-1-4】使用img標(biāo)簽顯示一張照片,并修改寬、高和邊框?qū)傩?。關(guān)鍵代碼:<body><imgalt="圖片不存在"src="image/mv.JPG"></body>說明:當(dāng)在指定路徑下的圖片不存在時,顯示的結(jié)果如圖1,若圖片存在,顯示圖2。圖1圖28.超級鏈接標(biāo)記

超級鏈接是指以<a>開始,以</a>結(jié)束,可以指向網(wǎng)絡(luò)上的任何資源,一張HTML頁面,一幅圖像,一個聲音或視頻文件等。格式:<ahref=”url”target=“目標(biāo)窗口”>超鏈接名稱</a>說明:(1)href屬性:設(shè)置連接的目標(biāo)地址(2)target屬性:有4個保留的目標(biāo)名稱用作特殊的文檔重定向操作。_self:默認(rèn)。在相同的框架中打開被鏈接文檔_blank:在新窗口中打開鏈接文檔_parent:在父框架集中打開被鏈接文檔_top:在整個窗口中打開被鏈接文檔開始標(biāo)簽和結(jié)束標(biāo)簽之間的文字被作為超級鏈接來顯示【例2-1-5】超級鏈接示例8.超級鏈接標(biāo)記【例2-1-5】超級鏈接的應(yīng)用<body><ahref="">百度</a><br><ahref=""target="_self">百度</a><br><ahref=""target="_blank">百度</a><br></body>設(shè)置連接的目標(biāo)地址設(shè)置那個目標(biāo)進(jìn)行跳轉(zhuǎn)鏈接網(wǎng)頁將在當(dāng)前窗口中打開鏈接網(wǎng)頁將在新窗口中打開7.超級鏈接標(biāo)記8.表格論壇門戶網(wǎng)站購物網(wǎng)站(1)為什么使用表格門戶網(wǎng)站應(yīng)用表格論壇中應(yīng)用表格購物網(wǎng)站應(yīng)用表格8.表格在HTML文檔中,廣泛使用表格來存放網(wǎng)頁上的文本和圖像行列單元格表頭8.表格<TABLEborder="1"><TR>

<TH>

表頭單元格內(nèi)容</TH>

……

<TD> 單元格內(nèi)容

</TD> ……</TR>……</TABLE><TABLE>...</TABLE>定義表格<TD>…</TD>定義列<TR>…</TR>定義行border用來設(shè)置表格邊框尺寸大小<TH>…</TH>定義列(表頭)

【例2-1-6】基本表格示例<bodybgcolor="f0fff0"><tableborder="2"><tr><td>編號</td><td>姓名</td><td>性別</td><td>工作單位</td></tr>

<tr><td>01</td><td>廖麗</td><td>女</td><td>重慶城市職業(yè)學(xué)院</td></tr><tr><td>02</td><td>劉強</td><td>男</td><td>重慶科技有限公司</td></tr></table>bgcolor屬性用來設(shè)置頁面的的背景色任務(wù)一化妝品框架設(shè)計

--任務(wù)實施<bodybgcolor="f0fff0"><divalign="center"><fontcolor="019858"><h3>歡迎進(jìn)入化妝品網(wǎng)站,祝你購物愉快!</h3></font><tablecellSpacing="1"cellPadding="1"width="660"align="center"border="0"><trvalign="bottom"><td><ahref="">登錄</a></td><td><ahref="">注冊</a></td><td><ahref="">瀏覽化妝品</a></td><td><ahref="">查看化妝品</a></td><td><ahref="">查看購物車</a></td><td><ahref="">查看訂單</a></td><td><ahref="">退出</a></td><td><ahref="">主頁</a></td></tr></table><imgalt=""src="image/hzp.JPG"></body>任務(wù)一化妝品框架設(shè)計

--任務(wù)拓展1.head與title標(biāo)簽head標(biāo)簽是所有頭部元素的容器。<head>內(nèi)的元素可包含腳本,指示瀏覽器在何處可以找到樣式表,提供元信息等??梢蕴砑拥絟ead中的標(biāo)簽有:<title>、<link>、<meta>、<script>以及<style>。<title>標(biāo)簽定義文檔的標(biāo)題,title能夠定義瀏覽器工具欄中的標(biāo)題;提供頁面被添加到收藏夾時顯示的標(biāo)題;顯示在搜索引擎結(jié)果中的頁面標(biāo)題。任務(wù)一化妝品框架設(shè)計

--任務(wù)拓展【例2-1-7】顯示標(biāo)題為七大傳統(tǒng)節(jié)日<bodybgcolor="aaffee">春節(jié)元宵元清明節(jié)端午節(jié)七夕節(jié)中秋節(jié)重陽節(jié)</body>任務(wù)一化妝品框架設(shè)計

--任務(wù)拓展2.<meta>標(biāo)簽<meta>標(biāo)簽始終位于head元素中,<meta>標(biāo)簽的使用格式為:<meta可選屬性名=”…”content=””/>【例2-1-8】進(jìn)入head2.html,5秒后自動跳轉(zhuǎn)到head21.html頁面,如圖1和圖2所示圖1圖2任務(wù)一化妝品框架設(shè)計

--任務(wù)拓展<metacharset="UTF-8"><title>中秋節(jié)</title><metahttp-equiv="Refresh"content="5;url=http://localhost:8080/web/head21.html"/></head><bodybgcolor="aaffee"><p>對不起,我們已經(jīng)搬家了,新的地址是<ahref=http://localhost:8080/項目二/head3.jsp>http://localhost:8080/項目二/head3.jsp</a><p>你將在5秒內(nèi)被重新定到新地址</body></html>head3.html<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>Inserttitlehere</title></head><bodybgcolor="aaffee">暑退九霄凈,秋澄萬景清。農(nóng)歷八月十五,民間稱為中秋,中秋賞月,品嘗月餅,視為家人團(tuán)圓的象征。中秋月明圓,溫情滿人間</body>任務(wù)一化妝品框架設(shè)計--任務(wù)拓展【例2-1-9】進(jìn)入head2.html,5秒后自動跳轉(zhuǎn)到head21.html頁面,如圖1和圖2所示<metacharset="UTF-8"><title>中秋節(jié)</title><metaname="keywords"content="祭月節(jié)、月光誕、月夕、秋節(jié)、仲秋節(jié)、拜月節(jié)、月娘節(jié)、月亮節(jié)、團(tuán)圓節(jié)"/><metaname="Description"content="2006年5月20日,國務(wù)院列入首批國家級非物質(zhì)文化遺產(chǎn)名錄。自2008年起中秋節(jié)被列為國家法定節(jié)假日。"/></head><bodybgcolor="aaffee"></body>任務(wù)二設(shè)計一天的溫馨提示語--任務(wù)演示設(shè)計一個程序,在各時間段有不同的溫馨提示語,如表所示,運行結(jié)果,如圖所示時間段與溫馨提示語時間段溫馨提示6:00-8:00早上好!吃個營養(yǎng)豐盛的早餐8:00-12:00早上上班,美好開始12:00-14:00把工作暫時放在一邊,對自己的努力微笑著給予肯定,然后吃個營養(yǎng)美味的午餐吧14:00-18:00在這樣一個不錯的午后,給自己的心情加點陽光,然后愉悅的讓今天繼續(xù)18:00-21:00下午下班,輕松過關(guān)21:00-24:00已經(jīng)是深夜,注意休息24:00-6:00時間還早,再睡會吧!運行結(jié)果圖任務(wù)二設(shè)計一天的溫馨提示語–知識準(zhǔn)備什么是JSPJSP頁面的基本結(jié)構(gòu)JSP程序的腳本元素JSP注釋1.什么是JSPJSP(全稱JavaServer

Pages)是由SunMicrosystems公司主導(dǎo)創(chuàng)建的一種動態(tài)網(wǎng)頁技術(shù)標(biāo)準(zhǔn)。JSP部署于網(wǎng)絡(luò)服務(wù)器上,可以響應(yīng)客戶端發(fā)送的請求,并根據(jù)請求內(nèi)容動態(tài)地生成HTML、XML或其他格式文檔的Web網(wǎng)頁,然后返回給請求者。JSP技術(shù)以Java語言作為腳本語言,為用戶的HTTP請求提供服務(wù),并能與服務(wù)器上的其它Java程序共同處理復(fù)雜的業(yè)務(wù)需求。2.JSP頁面的基本結(jié)構(gòu)JSP頁面的基本結(jié)構(gòu)(1)模板元素靜態(tài)HTML內(nèi)容(2)JSP元素腳本元素(聲明、表達(dá)式、Scriptlet)指令元素動作元素(3)注釋<%@pagelanguage="java"contentType="text/html;charset=UTF-8pageEncoding="UTF-8"%><%@pageimport="java.util.Date"%><html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><title>JSP頁面的基本構(gòu)成</title></head><bodybgcolor="f0fff0"><center><%Stringtoday=newDate().toLocaleString();%>今天是:<%=today%></center></body></html>在前面已經(jīng)創(chuàng)建過JSP文件,但是并未對JSP頁面的構(gòu)成進(jìn)行詳細(xì)介紹,下面將詳細(xì)介紹JSP頁面的基本構(gòu)成。一個JSP頁面可以包含指令標(biāo)識、HTML代碼、JavaScript代碼,嵌入的Java代碼,注釋和JSP動作標(biāo)識等內(nèi)容。2.JSP頁面的基本結(jié)構(gòu)<%@pagelanguage="java"contentType="text/html;charset=UTF-8pageEncoding="UTF-8"%><%@pageimport="java.util.Date"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN“/TR/html4/loose.dtd">JSP指令標(biāo)識頁面使用的腳本語言是java頁面響應(yīng)的類型頁面的編碼當(dāng)前的jsp文件中導(dǎo)入需要用到的包文件【例2-2-1】JSP頁面的基本結(jié)構(gòu)應(yīng)用,運行結(jié)果如圖所示2.JSP頁面的基本結(jié)構(gòu)<html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><title>JSP頁面的基本構(gòu)成</title></head><bodybgcolor="f0fff0"><center><%Stringtoday=newDate().toLocaleString();%>今天是:<%=today%></center></body></html>JSP表達(dá)式html標(biāo)記語言Java代碼3.JSP的腳本標(biāo)識JSP的腳本標(biāo)識聲明表達(dá)式腳本程序聲明:用于聲明一個或多個變量;表達(dá)式:是一個完整的語言表達(dá)式;腳本程序:就是一些程序片斷。所有的腳本元素都是以“<%”標(biāo)記開始,以“%>”標(biāo)記結(jié)束。聲明和表達(dá)式通過在“<%”后面加上一個特殊字符進(jìn)行區(qū)別(1)聲明標(biāo)識【例2-2-2】簡單的網(wǎng)站計數(shù)器第一種:變量的聲明在“<%!”和“%>”標(biāo)記符號之間聲明變量和方法。變量的類型可以是Java語言允許的任何數(shù)據(jù)類型,將這些變量稱為JSP頁面的成員變量。在聲明中,可以一次性聲明多個變量和方法,只要這些聲明在Java中是合法的,并且以“;”結(jié)尾就可以。<bodybgcolor="aaffee"><%!inti=0;%><p>您是第<%=++i%>個訪問本站的用戶</p></body>JSP頁的成員變量(1)聲明標(biāo)識【例2-2-3】通過方法調(diào)用,計算兩個數(shù)的乘和除第一種:方法的聲明在“<%!”和“%>”標(biāo)記符號之間定義方法,所定義的方法在整個JSP頁面有效,可以在Java程序片中被調(diào)用。方法內(nèi)聲明的變量只在該方法內(nèi)有效,當(dāng)方法被調(diào)用時,方法內(nèi)聲明的變量被分配內(nèi)存,方法被調(diào)用完畢即可釋放這些變量所占的內(nèi)存。(1)聲明標(biāo)識【例2-2-3】通過方法調(diào)用,計算兩個數(shù)的乘和除<%!doublemulti(doublex,doubley){returnx*y;}doublediv(doublex,doubley){returnx/y;}%><bodybgcolor="aaffee"><%doublex=10,y=3;out.print("x與y的乘積:"+multi(x,y));out.println("<br>");out.print("x與y的除:"+div(x,y));%></body>(2)表達(dá)式表達(dá)式是在jsp請求處理階段進(jìn)行運算,運算所得的結(jié)果轉(zhuǎn)換成字符串,并與模板數(shù)據(jù)組合在一起,表達(dá)式在頁面的位置就是該表達(dá)式的計算結(jié)果顯示的位置。格式:

<%=%>【例2-2-4】在JSP頁面中通過JSP表達(dá)式輸出“保護(hù)環(huán)境,愛護(hù)地球!”文字,如圖所示<bodybgcolor="aaffee"><%·Stringstr="保護(hù)環(huán)境,愛護(hù)地球!";%><%=str%></body>(3)腳本程序一個JSP頁面可以有許多腳本程序,這些腳本程序?qū)⒃凇?lt;%”和“%>”之間插入Java被JSP引擎按順序執(zhí)行。程序片中聲明的變量稱為JSP頁面的局部變量?!纠?-2-5】獲得一個7至19之間的隨機數(shù),如果獲得的數(shù)小于或等于13就顯示一幅重慶小面的圖片,否則顯示一幅紅燒牛肉面的圖片,程序運行的效果如圖所示(3)腳本程序<body><%intnumber=7+(int)(Math.random()*13);if(number<=13){%><center><h2>顯示重慶小面圖片</h2><imagesrc='image/noodles.JPG'width=180height=178><br>重慶小面</image></center><%}else{%><center><h2>顯示紅燒牛肉面圖片</h2><imagesrc="image/beef.JPG"width=180height=178><br>紅燒牛肉面</image></center><%}%></body>3.

JSP注釋在JSP規(guī)范中,可以使用三種注釋,分別是JSP表達(dá)式的注釋、JSP注釋。下面分別對這2種注釋方式進(jìn)行講解。帶有JSP表達(dá)式的注釋在JSP頁面中可以嵌入代碼片段,在代碼片段中也可以可入注釋,代碼片段中的注釋與Java的注釋相同,包含以下3種情況。第一種:單行注釋單行注釋以“//”開頭,后面是注釋內(nèi)容,其語法格式如下://注釋內(nèi)容3.

JSP注釋第二種:多行注釋多行注釋以/*開頭,以*/結(jié)束,在標(biāo)識符之間的內(nèi)容為注釋內(nèi)容,其語法格式如下:/*注釋內(nèi)容*/第三種:文檔注釋文檔注釋是對代碼結(jié)構(gòu)和功能的描述,其語法格式如下:/**提示信息*/(2)JSP的注釋隱藏注釋是指注釋雖然寫在JSP程序中,但是不會發(fā)送給客戶,其語法格式如下:<%--注釋內(nèi)容--%><!—注釋內(nèi)容-->任務(wù)要求:首先獲取當(dāng)前系統(tǒng)的時間,根據(jù)當(dāng)前的時間,輸出對應(yīng)的溫馨提示語。任務(wù)二設(shè)計一天的溫馨提示語–任務(wù)實現(xiàn)<%@pageimport="java.util.Date,java.text.*"%><body><%Datenowday=newDate();inthour=nowday.getHours();SimpleDateFormatformat=newSimpleDateFormat("yyyy-MM-ddHH:mm:ss");Stringtime=format.format(nowday);%><center> <tableborder="1"width="300"> <trheight="40"><tdalign="center">溫馨提示!</td></tr> <trheight="90"><td>現(xiàn)在時間為:<%=time%></td></tr> <trheight="50"> <tdalign="center">任務(wù)二設(shè)計一天的溫馨提示語–任務(wù)實現(xiàn)<% if(hour>=6&&hour<8) out.print("早上好!吃個營養(yǎng)豐盛的早餐"); elseif(hour>=8&&hour<12)

out.print("早上上班,美好開始"); elseif(hour>=12&&hour<=14)

out.print("把工作暫時放在一邊,對自己的努力微笑著給予肯定,然后吃個營養(yǎng)美味的午餐吧"); elseif(hour>=14&&hour<18)

out.print("在這樣一個不錯的午后,給自己的心情加點陽光,然后愉悅的讓今天繼續(xù)"); elseif(hour>=18&&hour<21) out.print("下午下班,輕松過關(guān)"); elseif(hour>=21&&hour<24) out.print("已經(jīng)是深夜,注意休息!"); elseif(hour>=24&&hour<6) out.print("時間還早,再睡會吧!");

%></td></table></center></body>任務(wù)二設(shè)計一天的溫馨提示語–任務(wù)拓展設(shè)計一個鄉(xiāng)村振興歡迎網(wǎng)站要求:網(wǎng)站包括標(biāo)題、圖片,訪問網(wǎng)站的次數(shù)以及版權(quán),如圖所示關(guān)鍵代碼:<body><h1>歡迎來到鄉(xiāng)村振興網(wǎng)站</h1><hr><imgsrc="image/a1.JPG"alt=""><%!inti=1;%><h2>你是第<%=i++%>個訪問此網(wǎng)站</h2>Copyright©2022-6廖麗版析所有</body>任務(wù)三欣賞美景--任務(wù)演示人生處處皆風(fēng)景,只要你的心中有風(fēng)景,只要你的眼中有風(fēng)景,只要你學(xué)會欣賞身邊的風(fēng)景美景…,下面編寫一個風(fēng)景圖片和花的世界網(wǎng)站,如圖所示任務(wù)三欣賞美景–知識準(zhǔn)備JSP的指令標(biāo)識JSP動作元素1.JSP的指令標(biāo)識指令標(biāo)識在客戶端是不可見的,它是被服務(wù)器解釋并被執(zhí)行,通過指令標(biāo)識可以使服務(wù)器按照指令的設(shè)置來執(zhí)行動作和設(shè)置的整個JSP頁面范圍內(nèi)有效的屬性。在一個指令中可以設(shè)置多個屬性,這些屬性的設(shè)置可以影響到整個頁面。在JSP中主要包含3種指令,分別是page指令、include指令和taglib指令。指令通常以“<%@”標(biāo)記開始,以“%>”標(biāo)記結(jié)束,通用格式如下:<%@指令名稱屬性1=“屬性值”屬性2=“屬性值”…%>(1)page指令page指令即頁面指令,可以定義在整個JSP頁面范圍內(nèi)有效的屬性,其使用格式如下:<%@page屬性名1=“屬性值1”屬性名2=“屬性值2”…%>page指令可以放在JSP頁面中的任意行,但為了程序代碼的閱讀,習(xí)慣上放在文件的開始部分。page指令具有多種屬性,通過這些屬性的設(shè)置可以影響到當(dāng)前的JSP頁面(1)page指令屬性屬性含義language指定JSP使用的腳本語言,默認(rèn)為javaimport指定JSP網(wǎng)頁中需要導(dǎo)入的java包列表,導(dǎo)入多個包時需要用逗號隔開pageEncoding指定JSP頁面的編碼方式,默認(rèn)是ISO-8859-1,在頁面上顯示中文,需修改為gb2312或gbkcontentType指定JSP頁面的MIME類型和字符編碼,例如:html格式為text/html;純文本格式為text/plain;JPG圖像為image/jpeg;GIF圖像為image/jpegsession指定JSP是否內(nèi)置session對象,如果為true,則說明內(nèi)置session對象,可以直接使用,否則沒有內(nèi)置sessionc對象,默認(rèn)為truebuffer設(shè)置此網(wǎng)頁輸出時所使用緩沖區(qū)的大小,默認(rèn)值是8kbautoFlush指定當(dāng)緩沖區(qū)滿時是否自動輸出緩沖區(qū)的數(shù)據(jù)。如果為true,輸出正常,否則當(dāng)緩沖區(qū)滿時將拋出異常,默認(rèn)值為true.info指定定義一個可以在servlet中通過getServletInfo方法獲得的字符串errorPage指定一個JSP頁面,讓此頁面來處理當(dāng)前頁中拋出但未被捕獲的任何異常isErrorPage表示當(dāng)前頁是否可以作用其它JSP頁面的錯誤頁面page指令的常用屬性(1)page指令【例2-3-1】在JSP頁面中能顯示中文,并顯示當(dāng)前的時間,如圖所示<%@pageimport="java.util.Date"%><%@pageimport="java.text.SimpleDateFormat"%><bodybgcolor="f0fff0"><center><%Stringtoday=newDate().toLocaleString();%>今天是:<%=today%></body>(2)

include指令在實際的開發(fā)中,有時需要在JSP頁面中包含另一個JSP頁面,這時可以通過include指令實現(xiàn)。include指令的具體語法格式是:<%@includefile=“fileurl”說明:file指定包含的靜態(tài)文件的路徑,其值fileurl可以為相對路徑和絕對路徑,一般為相對路徑。

(2)

include指令【例2-3-2】設(shè)計兩個jsp文件,一個為head.jsp,用于顯示框架的頭部,另一個jsp頁面,命名為includedemo.jsp,該頁為化妝品主界面,如圖所示關(guān)鍵代碼第一步:編寫頭文件head.jsp<bodybgcolor="f0fff0"><divalign="center"><tablecellSpacing="1"cellPadding="1"width="660"align="center"border="0"><trvalign="bottom"><td><ahref="">登錄</a></td><td><ahref="">注冊</a></td><td><ahref="">瀏覽化妝品</a></td><td><ahref="">查看化妝品</a></td><td><ahref="">查看購物車</a></td><td><ahref="">查看訂單</a></td><td><ahref="">退出</a></td><td><ahref="">主頁</a></td></tr></table></div></body>關(guān)鍵代碼第二步:編寫includedemo.jsp文件,化妝品界面<bodybgcolor="f0fff0"><divalign="center"><h3><fontcolor="019858">歡迎進(jìn)入化妝品網(wǎng)站,祝你購物愉快!</font></h3><%@includefile="head.jsp"%><imgalt=""src="image/hzp.JPG"></div></body>(3)taglib指令使用taglib指令,表明此JSP文件使用了自定義標(biāo)簽,同時引用標(biāo)簽庫,也指出他們的標(biāo)簽的前綴。關(guān)于JSP的自定義的標(biāo)簽和taglib指令的使用將在項目七進(jìn)行詳細(xì)介紹,基本格式如下:<%@tagliburi=“URIToTagLibrary”prefix=“tagPrefix”%>說明:uri指定標(biāo)簽的URL地址,prefix指定標(biāo)簽的前綴。2.JSP動作元素JSP動作元素用于控制JSP的行為,執(zhí)行一些常見的JSP頁面動作。通過動作元素可以實現(xiàn)使用多行Java代碼才能夠?qū)崿F(xiàn)的效果,例如包含頁面文件,實現(xiàn)請求轉(zhuǎn)發(fā)等。常用的動作元素有:<jsp:include>、<jsp:forward>、<jsp:param>、<jsp:useBean>、<jsp:setProperty>、<jsp:getProperty>、<jsp:fallback>、<jsp:plugin>,下面介紹比較常用的幾個動作元素。(1)<jsp:include>動作元素<jsp:include>動作元素用于向當(dāng)前頁面引入其它的文件,被引入的文件可以是動態(tài)的文件,也可以是靜態(tài)文件。其基本格式如下:<jsp:includepage="url"flush="true|false"></jsp:include><jsp:include>動作元素或者向被包含的動態(tài)頁面中傳遞參數(shù)。<jsp:includepage="url"flush="true|false"><jsp:paramname="參數(shù)名稱"value="參數(shù)值"</jsp:include>page屬性:該屬性指定被包含文件的路徑,該路徑可以為相對路徑,也可以是絕對路徑。flush屬性:表示當(dāng)輸出緩沖區(qū)滿時,是否清空緩沖區(qū)。該屬性值為boolean型,默認(rèn)值為false,通常情況下設(shè)為true。<jsp:param>子標(biāo)識可以向被包含的動態(tài)頁面中傳遞參數(shù)。<jsp:include>標(biāo)識對包含的動態(tài)文件和靜態(tài)文件的處理方式是不同的。如果被包含的是靜態(tài)的文件,則頁面執(zhí)行后,在使用該標(biāo)識的位置處將會輸出這個文件的內(nèi)容。如果<jsp:include>標(biāo)識包含的是一個動態(tài)的文件,那么JSP編譯器將編譯并執(zhí)行這個文件。不能通過文件的名稱來判斷該文件是靜態(tài)的還是動態(tài),<jsp:include>標(biāo)識會識別出文件的類型。<jsp:include>動作元素【例2-3-3】設(shè)計一個用戶登錄的界面,包含用戶名、密碼和驗證碼的輸入,如圖所示第一步:隨機顯示一個四位數(shù)的數(shù)字并顯示在頁面上驗證碼關(guān)鍵代碼<%@pageimport="java.util.*"%><bodybgcolor="f0fff0"><%Randomrand=newRandom();for(inti=0;i<4;i++){intstart=rand.nextInt(10);out.print(""+start);}%></body>關(guān)鍵代碼第二步:用戶登錄的界面設(shè)計<body><center><formaction=""method="post"><table><tr><td>用戶名</td><td><inputtype="text"name="user"></td></tr><tr><td>密

碼</td><td><inputtype="password"name="pwd"></td></tr><tr><td>驗證碼</td><td><inputtype="text"name="confire"></td><td><jsp:includepage="Verification.jsp"></jsp:include></tr><tralign="center"><td><inputtype="submit"value="提交"></td><td><inputtype="reset"value="重置"></td></tr></table></form></center></body><jsp:include>動作元素【例2-3-4】計算三角形的面積,并顯示在頁面上第一步新建一個sides.jsp頁面<body><%doublea=3,b=4,c=5;%><br>計算三角形的面積的三邊為<%=a%>,<%=b%>,<%=c%><jsp:includepage="triangle.jsp"><jsp:paramvalue="<%=a%>"name="sidea"/><jsp:paramvalue="<%=b%>"name="sideb"/><jsp:paramvalue="<%=c%>"name="sidec"/></jsp:include></body><jsp:include>動作元素第二步新建一個triangle.jsp頁面%!publicStringgetArea(doublea,doubleb,doublec){if(a+b>c&&a+c>b&&b+c>a){doublep=(a+b+c)/2;doublearea=Math.sqrt(p*(p-a)*(p-b)*(p-c));return""+area;}else{return"不能構(gòu)成三角形,無法計算面積";}}%>

<bodybgcolor="f0fff0"><%Stringa=request.getParameter("sidea");Stringb=request.getParameter("sideb");Stringc=request.getParameter("sidec");doublesidea=Double.parseDouble(a);doublesideb=Double.parseDouble(b);doublesidec=Double.parseDouble(c);%><fontsize=4color=blue><br>傳來的三角形三邊值是:<%=sidea%>,<%=sideb%>,<%=sidec%><br>三角形的面積是:<%=getArea(sidea,sideb,sidec)%><br></font></body>(2)<jsp:forward>請求轉(zhuǎn)發(fā)<jsp:forward>動作元素可以將當(dāng)前請求轉(zhuǎn)發(fā)到其它Web資源,比如:HTML頁面、JSP頁面和Servlet等。執(zhí)行請求轉(zhuǎn)發(fā)之后,當(dāng)前頁面將不再執(zhí)行,而是執(zhí)行該元素指定的目標(biāo)頁面?;靖袷饺缦拢?lt;jsp:forwardpage="要轉(zhuǎn)向的頁面"/>或<jsp:forwardpage="要轉(zhuǎn)向的頁面">param子標(biāo)記</jsp:forward><jsp:forward>用來轉(zhuǎn)移用戶的請求,使用戶請求的頁面從一個頁面跳轉(zhuǎn)到另一個頁面。此跳轉(zhuǎn)為服務(wù)器端的跳轉(zhuǎn),用戶的地址欄不會產(chǎn)生變化。forward之前的代碼會被執(zhí)行,之后的代碼不會被執(zhí)行。(2)<jsp:forward>請求轉(zhuǎn)發(fā)【例2-3-5】<jsp:forward>請求轉(zhuǎn)發(fā)元素應(yīng)用,如圖所示第一步,編寫forword1.jsp代碼<bodybgcolor="f0fff0"><jsp:forwardpage="news.jsp"></jsp:forward><%out.print("此項代碼將不會被執(zhí)行");%></body>(2)<jsp:forward>請求轉(zhuǎn)發(fā)第二步:編寫news.jsp代碼<bodybgcolor="f0fff0"><div>北京時間2022年6月5日10時44分,據(jù)中國載人航天工程辦公室消息,搭載神舟十四號載人飛船的長征二號F遙十四運載火箭在酒泉衛(wèi)星發(fā)射中心點火發(fā)射,約577秒后,神舟十四號載人飛船與火箭成功分離,進(jìn)入預(yù)定軌道,飛行乘組狀態(tài)良好,發(fā)射取得圓滿成功。

</div></body>任務(wù)三欣賞美景–任務(wù)實施任務(wù)要求:編寫4個JSP頁面:one.jsp,two.jsp,three.jsp和error1.jsp。one.jsp,two.jsp,three.jsp頁面包

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論