Java Web程序設計項目實戰（微課版）課件全套 廖麗 項目1-8 Java Web開發環境準備、JSP技術 -智慧金融信貸管理系統_第1頁
Java Web程序設計項目實戰（微課版）課件全套 廖麗 項目1-8 Java Web開發環境準備、JSP技術 -智慧金融信貸管理系統_第2頁
Java Web程序設計項目實戰（微課版）課件全套 廖麗 項目1-8 Java Web開發環境準備、JSP技術 -智慧金融信貸管理系統_第3頁
Java Web程序設計項目實戰（微課版）課件全套 廖麗 項目1-8 Java Web開發環境準備、JSP技術 -智慧金融信貸管理系統_第4頁
Java Web程序設計項目實戰（微課版）課件全套 廖麗 項目1-8 Java Web開發環境準備、JSP技術 -智慧金融信貸管理系統_第5頁
已閱讀5頁，還剩670頁未讀， 繼續免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

項目一JavaWeb開發環境準備

項目要

求本項目是JavaWeb開發環境準備，主要是完成JavaWeb開發環境搭建，并能編寫、編譯、運行JavaWeb程序。

項目分

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

項目目

標【知識目標】熟悉JavaWeb的基本概念，掌握JDK和Tomcat的安裝與配置和配置JSP運行環境。【能力目標】能編寫、編譯簡單的JSP程序。【素質目標】提高學生的發現問題、分析問題、解決問題的能力。

知識導

圖任務一開發環境搭建--任務演示本任務是完成JDK的安裝與環境配置、Tomcat的下載與安裝、在Eclispe配置Tomcat，為設計進入智慧金融信貸管理系統網站做好準備任務一開發環境搭建–知識準備JDK安裝與配置Tomcat安裝與配置Eclipse下載與配置tomcatJava

Web的基本概念1.Java

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

在Eclipse中配置tomcat第一步

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

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

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

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

–任務實施在搭建好的JavaWeb開發環境，創建一個JSP文件，并輸出“今天太高興了，JavaWeb環境終于搭建成功。第一步在Eclipse中點擊File->New->DynamicWebProject，輸入Test任務一開發環境搭建

–任務實施單擊下一步，直到WebModule界面出現，一定要將此復選框選中任務一開發環境搭建

–任務實施第二步新建一個index.jsp頁任務一開發環境搭建

–任務實施第三步在body里面輸入今天太高興了，Javaweb環境終于搭建成功<%@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環境終于搭建成功</body></html>任務一開發環境搭建

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

–任務拓展2tomcat關閉雙擊bin目錄下的shutdown.bat文件關閉Tomcat服務器。任務一開發環境搭建

–任務拓展3Tomcat使用catalina.bat啟動任務一開發環境搭建

–任務拓展4UTF-8編碼設置JSP默認的編碼方式是ISO-8859-1，但不能識別中文任務一開發環境搭建

–任務拓展選擇window-preferences輸入jsp,找到JSPFiles文件，修改Encoding的編碼方式為utf-8任務一開發環境搭建

–任務拓展新建JSP文件，JSP頁面字符編碼自動修改為UTF-8,任務二輸出“智慧金融信貸管理系統”--任務演示本任務在JavaWeb運行環境搭建成功的基礎上、編寫歡迎進入智慧金融信貸管理系統，并編譯和發布此網站任務二輸出“智慧金融信貸管理系統”–知識準備JSP的運行原理JSP頁面簡介1JSP頁面簡介一個JSP頁面中可以有普通的HTML標記和JSP規定的JSP標記，以及通過標記符號“<%”和“%>”加入的Java程序片。JSP頁面按文本文件保存，擴展名是.jsp，在保存JSP頁面時，文件的名字必須符合標識符規定，即名字可以由字母、下劃線、美元符號和數字組成，并且第一個字符不能是數字。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表達式></body>1JSP的運行原理所有JSP頁面，在執行的時候都會被服務器端的JSP引擎轉換為Servelet（.java），然后又由JSP引擎調用Java編譯器，將Servlet（.java）編譯為class文件（.class），并由Java虛擬機（JVM）解釋執行。任務二輸出“智慧金融信貸管理系統”–任務實施編寫歡迎進入智慧金融信貸管理系統，并編譯和發布此網站，運行結果如圖所示<bodybgcolor="aaffee"><b>歡迎進入智慧金融信貸管理系統</b></body>任務二輸出“智慧金融信貸管理系統”–任務拓展在進行軟件開發時，通常會在兩種基本架構中進行選擇，即C/S架構和B/S架構。C/S是客戶端（Client）/服務器(Server)端的交互；B/S架構是瀏覽器(Browser)/服務器端(Server)的交互1.C/S架構C/S架構的特點：（1）軟件使用前必須安裝；（2）軟件更新時，服務器和客戶端需同時更新；（3）C/S架構的軟件不能跨平臺使用；（4）C/S架構的軟件客戶端和服務器通信相對比較安全任務二輸出“智慧金融信貸管理系統”–任務拓展2.B/S架構B/S架構的特點：（1）軟件不需要安裝，直接使用瀏覽器訪問指定的網址即可；（2）軟件更新時，客戶端不需要更新；（3）軟件可以跨平臺，只要系統中有瀏覽器，就可以使用；（4）B/S架構的軟件客戶端與服務器之間通信不是很安全。1JSP的運行原理所有JSP頁面，在執行的時候都會被服務器端的JSP引擎轉換為Servelet（.java），然后又由JSP引擎調用Java編譯器，將Servlet（.java）編譯為class文件（.class），并由Java虛擬機（JVM）解釋執行。項目實訓實訓一在自己的電腦上搭建JavaWeb開發環境實訓二輸出毛澤東創作的詞“沁園春.雪”要求：應用eclipse開發工具，輸出毛澤東創作的詞。謝謝項目二JSP技術

項目要

求本項目是JSP技術應用，主要是完成靜態網站的框架設計，并能應用JSP語法基礎編寫簡單的JSP應用程序。

項目分

析要完成項目任務，至少需要具備兩個基本條件：一是需要熟悉html常用標記，二是掌握JSP的語法基礎，該項目分3個任務，分別是化妝品網站框架設計、設計一天的溫馨提示語和欣賞美景。

項目目

標【知識目標】掌握JSP腳本元素、page指令、include指令的使用以及include動作、forward動作動作元素的使用。【能力目標】能運用JSP腳本元素進行簡單程序的編寫、能靈活運用的指令對JSP指令及動作元素的應用。【素質目標】培養學生團隊合作，精益求精的精神。

知識導

圖任務一化妝品框架設計--任務演示當我們在網上購買化妝品時，需要在網上注冊、依據注冊的用戶名和密碼進行登錄、然后瀏覽化妝品、選擇自己所需要的化妝品，本任務頁面將包括一個導航條，該導航條由注冊、登錄、瀏覽化妝品、查看訂單等組成。如圖所示任務一化妝品框架設計–知識準備<hn></hn>標題標簽<div>標簽<p>標簽font字體標簽<br>標簽<hr>標簽<B></B><I></I><U></U>標簽img標簽超級鏈接標簽表格1.font字體標簽作用：規定了文本的大小、顏色、字體。基本格式：<font[size=][color=][face=]></font>說明：（1）size：表示文字的大小，共有1,2,3,4,5,6,7七種字號，數字越大，顯示的字符越大。（2）color：表示字符的顏色，可表示為#RRGGBB,其中，RR,GG,BB分別表示紅、綠、藍三種顏色，可取整數0-255，分別代表256種顏色強度，數字越大強度越大。由于每種顏色都有256種強度，三種顏色的混合。共有256*256*256種不同的顏色。字符的顏色也可用名稱表示，常用的顏色如表2-1所示：（3）face表示字體,中文有“宋體”“楷體”“隸書”等，西文有TimesNewRoman、Arial、BookmanOldStyle等。【例2-1-1】在網頁上顯示我是字體標簽，并修改字體為宋體，顏色為紅色，如圖所示。<%@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="黑體">我是字體標簽</font></body></html>1.font字體標簽補充：JSP編碼規范(1)必須以英文字母、漢字或下劃線開頭(2)一個JSP頁面按文本文件保存，擴展名是.jsp(3)文件名字區分大小寫

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

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

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

<TH>

表頭單元格內容</TH>

……

<TD> 單元格內容

</TD> ……</TR>……</TABLE><TABLE>...</TABLE>定義表格<TD>…</TD>定義列<TR>…</TR>定義行border用來設置表格邊框尺寸大小<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>重慶城市職業學院</td></tr><tr><td>02</td><td>劉強</td><td>男</td><td>重慶科技有限公司</td></tr></table>bgcolor屬性用來設置頁面的的背景色任務一化妝品框架設計

--任務實施<bodybgcolor="f0fff0"><divalign="center"><fontcolor="019858"><h3>歡迎進入化妝品網站，祝你購物愉快!</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>任務一化妝品框架設計

--任務拓展1．head與title標簽head標簽是所有頭部元素的容器。<head>內的元素可包含腳本，指示瀏覽器在何處可以找到樣式表，提供元信息等。可以添加到head中的標簽有：<title>、<link>、<meta>、<script>以及<style>。<title>標簽定義文檔的標題，title能夠定義瀏覽器工具欄中的標題；提供頁面被添加到收藏夾時顯示的標題；顯示在搜索引擎結果中的頁面標題。任務一化妝品框架設計

--任務拓展【例2-1-7】顯示標題為七大傳統節日<bodybgcolor="aaffee">春節元宵元清明節端午節七夕節中秋節重陽節</body>任務一化妝品框架設計

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

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

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

<%=%>【例2-2-4】在JSP頁面中通過JSP表達式輸出“保護環境,愛護地球！”文字，如圖所示<bodybgcolor="aaffee"><%·Stringstr="保護環境，愛護地球!";%><%=str%></body>（3）腳本程序一個JSP頁面可以有許多腳本程序,這些腳本程序將在“<%”和“%>”之間插入Java被JSP引擎按順序執行。程序片中聲明的變量稱為JSP頁面的局部變量。【例2-2-5】獲得一個7至19之間的隨機數，如果獲得的數小于或等于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規范中，可以使用三種注釋，分別是JSP表達式的注釋、JSP注釋。下面分別對這2種注釋方式進行講解。帶有JSP表達式的注釋在JSP頁面中可以嵌入代碼片段，在代碼片段中也可以可入注釋，代碼片段中的注釋與Java的注釋相同，包含以下3種情況。第一種：單行注釋單行注釋以“//”開頭，后面是注釋內容，其語法格式如下：//注釋內容3.

JSP注釋第二種：多行注釋多行注釋以/*開頭，以*/結束，在標識符之間的內容為注釋內容,其語法格式如下：/*注釋內容*/第三種：文檔注釋文檔注釋是對代碼結構和功能的描述，其語法格式如下：/**提示信息*/（2）JSP的注釋隱藏注釋是指注釋雖然寫在JSP程序中，但是不會發送給客戶，其語法格式如下：<%--注釋內容--%><!—注釋內容-->任務要求：首先獲取當前系統的時間，根據當前的時間，輸出對應的溫馨提示語。任務二設計一天的溫馨提示語–任務實現<%@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>現在時間為:<%=time%></td></tr> <trheight="50"> <tdalign="center">任務二設計一天的溫馨提示語–任務實現<% if(hour>=6&&hour<8) out.print("早上好！吃個營養豐盛的早餐"); elseif(hour>=8&&hour<12)

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

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

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

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

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

(2)

include指令【例2-3-2】設計兩個jsp文件，一個為head.jsp,用于顯示框架的頭部，另一個jsp頁面，命名為includedemo.jsp，該頁為化妝品主界面，如圖所示關鍵代碼第一步：編寫頭文件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>關鍵代碼第二步：編寫includedemo.jsp文件，化妝品界面<bodybgcolor="f0fff0"><divalign="center"><h3><fontcolor="019858">歡迎進入化妝品網站，祝你購物愉快!</font></h3><%@includefile="head.jsp"%><imgalt=""src="image/hzp.JPG"></div></body>(3)taglib指令使用taglib指令，表明此JSP文件使用了自定義標簽，同時引用標簽庫，也指出他們的標簽的前綴。關于JSP的自定義的標簽和taglib指令的使用將在項目七進行詳細介紹，基本格式如下：<%@tagliburi=“URIToTagLibrary”prefix=“tagPrefix”%>說明：uri指定標簽的URL地址，prefix指定標簽的前綴。2.JSP動作元素JSP動作元素用于控制JSP的行為，執行一些常見的JSP頁面動作。通過動作元素可以實現使用多行Java代碼才能夠實現的效果，例如包含頁面文件，實現請求轉發等。常用的動作元素有：<jsp:include>、<jsp:forward>、<jsp:param>、<jsp:useBean>、<jsp:setProperty>、<jsp:getProperty>、<jsp:fallback>、<jsp:plugin>，下面介紹比較常用的幾個動作元素。（1）<jsp:include>動作元素<jsp:include>動作元素用于向當前頁面引入其它的文件，被引入的文件可以是動態的文件，也可以是靜態文件。其基本格式如下：<jsp:includepage="url"flush="true|false"></jsp:include><jsp:include>動作元素或者向被包含的動態頁面中傳遞參數。<jsp:includepage="url"flush="true|false"><jsp:paramname="參數名稱"value="參數值"</jsp:include>page屬性:該屬性指定被包含文件的路徑，該路徑可以為相對路徑，也可以是絕對路徑。flush屬性：表示當輸出緩沖區滿時，是否清空緩沖區。該屬性值為boolean型，默認值為false,通常情況下設為true。<jsp:param>子標識可以向被包含的動態頁面中傳遞參數。<jsp:include>標識對包含的動態文件和靜態文件的處理方式是不同的。如果被包含的是靜態的文件，則頁面執行后，在使用該標識的位置處將會輸出這個文件的內容。如果<jsp:include>標識包含的是一個動態的文件，那么JSP編譯器將編譯并執行這個文件。不能通過文件的名稱來判斷該文件是靜態的還是動態，<jsp:include>標識會識別出文件的類型。<jsp:include>動作元素【例2-3-3】設計一個用戶登錄的界面，包含用戶名、密碼和驗證碼的輸入，如圖所示第一步：隨機顯示一個四位數的數字并顯示在頁面上驗證碼關鍵代碼<%@pageimport="java.util.*"%><bodybgcolor="f0fff0"><%Randomrand=newRandom();for(inti=0;i<4;i++){intstart=rand.nextInt(10);out.print(""+start);}%></body>關鍵代碼第二步：用戶登錄的界面設計<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"不能構成三角形，無法計算面積";}}%>

<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>請求轉發<jsp:forward>動作元素可以將當前請求轉發到其它Web資源，比如：HTML頁面、JSP頁面和Servlet等。執行請求轉發之后，當前頁面將不再執行，而是執行該元素指定的目標頁面。基本格式如下：<jsp:forwardpage="要轉向的頁面"/>或<jsp:forwardpage="要轉向的頁面">param子標記</jsp:forward><jsp:forward>用來轉移用戶的請求，使用戶請求的頁面從一個頁面跳轉到另一個頁面。此跳轉為服務器端的跳轉，用戶的地址欄不會產生變化。forward之前的代碼會被執行，之后的代碼不會被執行。（2）<jsp:forward>請求轉發【例2-3-5】<jsp:forward>請求轉發元素應用，如圖所示第一步，編寫forword1.jsp代碼<bodybgcolor="f0fff0"><jsp:forwardpage="news.jsp"></jsp:forward><%out.print("此項代碼將不會被執行");%></body>（2）<jsp:forward>請求轉發第二步：編寫news.jsp代碼<bodybgcolor="f0fff0"><div>北京時間2022年6月5日10時44分，據中國載人航天工程辦公室消息，搭載神舟十四號載人飛船的長征二號F遙十四運載火箭在酒泉衛星發射中心點火發射，約577秒后，神舟十四號載人飛船與火箭成功分離，進入預定軌道，飛行乘組狀態良好，發射取得圓滿成功。

</div></body>任務三欣賞美景–任務實施任務要求：編寫4個JSP頁面：one.jsp,two.jsp,three.jsp和error1.jsp。one.jsp,two.jsp,three.jsp頁面包含一個導航條，可以超鏈接訪問這三個頁面。one.jsp,two.jsp,three.jsp通過應用include動態加載導航條文件head1.jsp。依據在one.jsp頁面輸入的數據進行判斷執行那個頁面，如果輸入的是1-300，跳到風景圖頁面，如果輸入的是301-400，跳到花的世界頁面，否則，跳到error1.jsp頁面。第一步創建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">風景圖片</a></td><td><ahref="three.jsp">花的世界</a></td></tr></table></body>任務三欣賞美景–任務實施第二步創建one.jsp<body><bodybgcolor="f0fff0"><jsp:includepage="head1.jsp"></jsp:include><formaction=""method="get"name="form">

請輸入1~400之間的整數：<inputtype="text"name="number"><br/><inputtype="submit"value="送出"name="submit"/></form>

<%Stringnum=request.getParameter("number");if(num==null)num="0";try{ intn=Integer.parseInt(num); if(n>=1&&n<=300)

{%><jsp:forwardpage="two.jsp"><jsp:paramvalue="<%=n%>"name="number"/></jsp:forward><%}elseif(n>300&&n<=400){%><jsp:forwardpage="three.jsp"><jsp:paramvalue="<%=n%>"name="number"/></jsp:forward><%}elseif(n>400){%><jsp:forwardpage="error.jsp"><jsp:paramvalue="<%=n%>"name="mess"/></jsp:forward><%}%><%}catch(Exceptione){

%>任務三欣賞美景–任務實施第二步創建one.jsp<jsp:forwardpage="error.jsp"><jsp:paramvalue="<%=e.toString()%>"name="mess"/></jsp:forward><%}%></body><imgalt=""src="image/pb.JPG"width="<%=s%>"height="<%=s%>"/><p>日照香爐生紫煙，遙看瀑布掛前川;<br/>飛流直下三千尺，疑是銀河落九天。</p><h2>登高</h2><imgalt=""src="image/cj.JPG"width="<%=s%>"height="<%=s%>"/><p>風急天高猿嘯哀，渚清沙白鳥飛回;<br/>無邊落木蕭蕭下，不盡長江滾滾來。</p></div></body>第三步創建two.jsp<bodybgcolor="f0fff0"><divalign="center"><jsp:includepage="head1.jsp"></jsp:include><h1>風景圖</h1><%Strings=request.getParameter("number");%><h2>瀑布</h2>任務三欣賞美景–任務實施第四步創建three.jsp

<bodybgcolor="f0fff0"><divalign="center"><jsp:includepage="head1.jsp"></jsp:include><h1>花的世界</h1><%Strings=request.getParameter("number");%><h2>郁金香</h2><imgalt=""src="image/yjx.JPG"width="<%=s%>"height="<%=s%>"/><p>蘭陵美酒郁金香，玉碗盛來琥珀光;<br/>但使主人能醉客，不知何處是他鄉。</p><h2>朱頂紅</h2><imgalt=""src="image/zdh.JPG"width="<%=s

溫馨提示

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

評論

0/150

提交評論