Java Web程序設(shè)計項目實戰(zhàn)（微課版） 課件 項目二 JSP技術(shù)_第1頁
Java Web程序設(shè)計項目實戰(zhàn)（微課版） 課件 項目二 JSP技術(shù)_第2頁
Java Web程序設(shè)計項目實戰(zhàn)（微課版） 課件 項目二 JSP技術(shù)_第3頁
Java Web程序設(shè)計項目實戰(zhàn)（微課版） 課件 項目二 JSP技術(shù)_第4頁
Java Web程序設(shè)計項目實戰(zhàn)（微課版） 課件 項目二 JSP技術(shù)_第5頁
已閱讀5頁，還剩71頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報或認(rèn)領(lǐ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種顏色強(qiáng)度，數(shù)字越大強(qiáng)度越大。由于每種顏色都有256種強(qiáng)度，三種顏色的混合。共有256*256*256種不同的顏色。字符的顏色也可用名稱表示，常用的顏色如表2-1所示：（3）face表示字體,中文有“宋體”“楷體”“隸書”等，西文有TimesNewRoman、Arial、BookmanOldStyle等。【例2-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)簽補(bǔ)充：JSP編碼規(guī)范(1)必須以英文字母、漢字或下劃線開頭(2)一個JSP頁面按文本文件保存，擴(kuò)展名是.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ū)傩浴ｊP(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>劉強(qiáng)</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)的元素可包含腳本，指示瀏覽器在何處可以找到樣式表，提供元信息等。可以添加到head中的標(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之間的隨機(jī)數(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è)計一個用戶登錄的界面，包含用戶名、密碼和驗證碼的輸入，如圖所示第一步：隨機(jī)顯示一個四位數(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)頁面。基本格式如下：<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頁面包含一個導(dǎo)航條，可以超鏈接訪問這三個頁面。one.jsp,two.jsp,three.jsp通過應(yīng)用include動態(tài)加載導(dǎo)航條文件head1.jsp。依據(jù)在one.jsp頁面輸入的數(shù)據(jù)進(jìn)行判斷執(zhí)行那個頁面，如果輸入的是1-300，跳到風(fēng)景圖頁面，如果輸入的是301-400，跳到花的世界頁面，否則，跳到error1.jsp頁面。第一步創(chuàng)建head1.jsp頁面<body><tablecellspacing="1"cellpadding="1"width="60%"align="center"border="0"><trvalign="bottom"><td><ahref="one.jsp">首頁</a></td><td><ahref="two.jsp">風(fēng)景圖片</a></td><td><ahref="three.jsp">花的世界</a></td></tr></table></body>任務(wù)三欣賞美景–任務(wù)實施第二步創(chuàng)建one.jsp<body><bodybgcolor="f0fff0"><jsp:includepage="head1.jsp"></jsp:include><formaction=""method="get"name="form">

請輸入1~400之間的整數(shù)：<inputtype="text"name="number"><br/><inputtype="submit"value="

溫馨提示

  • 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

提交評論