動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)技術(shù)概述

動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)任倩計(jì)算機(jī)與信息工程學(xué)院課程目標(biāo)掌握J(rèn)SP根本語(yǔ)法;掌握J(rèn)SP中常用內(nèi)置對(duì)象的使用；能夠用Java語(yǔ)言編寫簡(jiǎn)單的JavaBean和Servlet小程序；能夠初步掌握J(rèn)SP結(jié)合數(shù)據(jù)庫(kù)開(kāi)發(fā)小型的網(wǎng)站的相關(guān)技術(shù)。課程目標(biāo)定位課程類別：專業(yè)選修課學(xué)時(shí)：理論24學(xué)時(shí)，實(shí)驗(yàn)16學(xué)時(shí)考核方式：考查先修課程：面向?qū)ο蟪绦蛟O(shè)計(jì)〔Java〕、數(shù)據(jù)庫(kù)原理與應(yīng)用后續(xù)課程：軟件工程、JavaEE企業(yè)應(yīng)用實(shí)驗(yàn)課〔X403〕分組說(shuō)明：網(wǎng)工〔第一組44人〔周一1-2節(jié)〕，第二組45人〔周二1-2節(jié)〕〕計(jì)科〔第一組32人〔周一5-6節(jié)〕，第二組33人〔周四3-4節(jié)〕〕4

/23學(xué)習(xí)內(nèi)容JSP概述2課時(shí)JSP編程根底2課時(shí)JSP頁(yè)面與JSP標(biāo)記2課時(shí)Tag文件與Tag標(biāo)記2課時(shí)JSP內(nèi)置對(duì)象4課時(shí)JSP中的文件操作2課時(shí)JSP中使用數(shù)據(jù)庫(kù)4課時(shí)JSP與Javabean4課時(shí)JavaServlet根底2課時(shí)總共24課時(shí)5參考資料教材：《JSP程序設(shè)計(jì)》張躍平、耿祥義編著，清華大學(xué)出版社。參考教材：《從零開(kāi)始-JSP動(dòng)態(tài)網(wǎng)頁(yè)制作根底培訓(xùn)教程》，張琴?gòu)埱Х?，人民郵電出版社《JSPweb技術(shù)及應(yīng)用》，王春明史勝輝，清華大學(xué)出版社《JSP程序設(shè)計(jì)教程》，郭珍王國(guó)輝，人民郵電出版社參考自學(xué)網(wǎng)址://down.51cto/zt/5068韓順平2023版“細(xì)說(shuō)JSP〞視頻教程://edu.51cto/course/course_id-1228.html?edu_recommend_adid=85從零開(kāi)始JSP動(dòng)態(tài)網(wǎng)頁(yè)制作根底培訓(xùn)教程://study.163/search.htm?p=JSP網(wǎng)易云課堂吉林大學(xué)JSP視頻教程第0層次—讀懂書(shū)上簡(jiǎn)單程序。第一層次—模仿書(shū)上簡(jiǎn)單程序。第二層次—自己編寫簡(jiǎn)單程序。第三層次—修改別人復(fù)雜程序。第四層次—自己編寫復(fù)雜程序。第五層次—分析專家復(fù)雜程序。第六層次—自己編寫優(yōu)秀軟件。學(xué)習(xí)方法聽(tīng)過(guò)的會(huì)忘記

看過(guò)的會(huì)記住

做過(guò)的才會(huì)明白〔1〕作業(yè)+課堂〔出勤〕 20％準(zhǔn)時(shí)到課，遵守課堂紀(jì)律按時(shí)按要求完成作業(yè)〔2〕上機(jī)實(shí)驗(yàn)+實(shí)驗(yàn)報(bào)告 20％準(zhǔn)時(shí)到課按要求完成實(shí)驗(yàn)內(nèi)容〔3〕期末考查 60％課程考核方法及要求第1講動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)技術(shù)概述本講知識(shí)點(diǎn)介紹什么是JSPJSP的開(kāi)發(fā)工具JSP運(yùn)行環(huán)境的安裝、啟動(dòng)、測(cè)試和配置JSP運(yùn)行原理編輯測(cè)試JSP文件修改配置文件，設(shè)置端口號(hào)和虛擬目錄教學(xué)目標(biāo)了解什么是動(dòng)態(tài)網(wǎng)頁(yè)了解常用的動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)技術(shù)了解JSP運(yùn)行原理掌握J(rèn)SP運(yùn)行環(huán)境的安裝和配置網(wǎng)頁(yè)的分類靜態(tài)網(wǎng)頁(yè)由純粹的HTML代碼組成的，不包含任何程序，其文件擴(kuò)展名包括.htm、.html等。在靜態(tài)網(wǎng)頁(yè)上，也可以出現(xiàn)各種動(dòng)態(tài)效果，例如GIF動(dòng)畫、FLASH、滾動(dòng)字幕等，這些動(dòng)態(tài)效果是視覺(jué)上的，不是內(nèi)容上的動(dòng)態(tài)。動(dòng)態(tài)網(wǎng)頁(yè)不僅具有HTML標(biāo)記，還包含一定的程序代碼，用于連接數(shù)據(jù)庫(kù)；當(dāng)數(shù)據(jù)庫(kù)中的數(shù)據(jù)發(fā)生改變時(shí)，網(wǎng)頁(yè)顯示的信息會(huì)自動(dòng)同步改變。動(dòng)態(tài)網(wǎng)頁(yè)能夠根據(jù)不同的訪問(wèn)者顯示不同的訪問(wèn)內(nèi)容。什么是動(dòng)態(tài)網(wǎng)頁(yè)生活中的動(dòng)態(tài)網(wǎng)頁(yè)可以根據(jù)不同的輸入，返回不同的網(wǎng)頁(yè)，這就是動(dòng)態(tài)網(wǎng)頁(yè)什么是JSPJSP〔JavaServerPages〕是基于Java語(yǔ)言的一種Web應(yīng)用開(kāi)發(fā)技術(shù)，利用這一技術(shù)可以建立平安、跨平臺(tái)的先進(jìn)動(dòng)態(tài)網(wǎng)站。其它動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)〔1〕ASP即ActiveServerPages，微軟開(kāi)發(fā)的一種類似HTML、Script〔腳本〕與CGI〔公用網(wǎng)關(guān)接口〕的結(jié)合體。目前開(kāi)展為技術(shù)。〔2〕PHP即HypertextPreprocessor〔超文本預(yù)處理器〕，是一種被廣泛應(yīng)用的開(kāi)放源代碼的多用途腳本語(yǔ)言。JSP的優(yōu)點(diǎn)內(nèi)容與表示別離：Web設(shè)計(jì)人員和Web程序員分別選擇工具進(jìn)行開(kāi)發(fā)請(qǐng)求響應(yīng)JSP頁(yè)面靜態(tài)內(nèi)容動(dòng)態(tài)內(nèi)容客戶端服務(wù)器JSP程序員頁(yè)面設(shè)計(jì)人員Web開(kāi)發(fā)工具M(jìn)acromediaDreamweaverJBuilder2005

JSP的處理過(guò)程客戶端通過(guò)瀏覽器向效勞器發(fā)出請(qǐng)求，在該請(qǐng)求中包含了請(qǐng)求資源的路徑，效勞器接受到請(qǐng)求后就可以知道被請(qǐng)求的資源；效勞器根據(jù)接收到的客戶請(qǐng)求來(lái)加載被請(qǐng)求的JSP文件；web效勞器中的JSP引擎會(huì)將被加載的JSP文件轉(zhuǎn)化為Servlet；JSP引擎將生成的Servlet代碼編譯成Class文件；效勞器執(zhí)行這個(gè)class文件；最后效勞器將執(zhí)行結(jié)果發(fā)送給瀏覽器進(jìn)行顯示。JSP處理中的翻譯階段請(qǐng)求處理階段JSP程序的開(kāi)發(fā)工具最根本的開(kāi)發(fā)工具：notepad+jdk+tomcatnotepad編輯JDK編譯JavaBeanServlet+Tomcat編譯JSP靜態(tài)頁(yè)面編輯工具：Dreamweaver適合于可視化地編輯JSP頁(yè)面中的靜態(tài)頁(yè)面局部Java語(yǔ)言的集成開(kāi)發(fā)環(huán)境：JCreator適合于編輯JavaBean、Servlet小程序適合于編輯JSP頁(yè)面中的動(dòng)態(tài)網(wǎng)頁(yè)局部比較小巧Web工程的集成開(kāi)發(fā)環(huán)境：MyEclipse可進(jìn)行JSP頁(yè)面的可視化編輯、編譯、調(diào)試功能強(qiáng)大，但比較復(fù)雜搭建JSP開(kāi)發(fā)環(huán)境步驟安裝jdk1.6以上版本，設(shè)置環(huán)境變量安裝Tomcat6以上版本安裝MyEclipse、配置MyEclipse和Tomcat新建Web工程,Web工程部署到Tomcat新建JSP網(wǎng)頁(yè)運(yùn)行JSP文件在Windows7設(shè)置Java環(huán)境變量右擊〞我的電腦〞→〞屬性〞→〞高級(jí)〞→〞環(huán)境變量〞

JAVA_HOME=JDK安裝目錄

JDK的安裝目錄，在PATH及CLASSPATH的目錄中可用%JAVA_HOME%代替JDK所在目錄，當(dāng)JDK目錄改變時(shí)，只需改變JAVA_HOME的值。PATH=%JAVA_HOME%\bin

CLASSPATH=%JAVA_HOME%\libTomcat效勞器的安裝與配置Tomcat是一個(gè)免費(fèi)的開(kāi)源JSP引擎，也稱作Tomcat效勞器?？梢缘卿浢赓M(fèi)下載apache-tomcat-6.0.13.zip文件〔解壓后即可使用〕apache-tomcat-6.0.13.exe，雙擊后按“安裝向?qū)Ж暟惭b后使用。安裝了JSP引擎的計(jì)算機(jī)——一個(gè)支持JSP的Web效勞器，負(fù)責(zé)運(yùn)行JSP文件，并將運(yùn)行結(jié)果返回給用戶.Tomcat的目錄結(jié)構(gòu):圖1.2Tomcat引擎目錄結(jié)構(gòu)啟動(dòng)和關(guān)閉Tomcat效勞器執(zhí)行Tomcat安裝根目錄中bin文件夾中的startup.bat或tomcat5.exe來(lái)啟動(dòng)Tomcat效勞器。執(zhí)行startup.bat啟動(dòng)Tomcat效勞器會(huì)占用一個(gè)MS-DOS窗口，如果關(guān)閉當(dāng)前MS-DOS窗口將關(guān)閉Tomcat效勞器。建議使用startup.bat啟動(dòng)Tomcat效勞器，以確保Tomcat效勞器使用的是Java_home環(huán)境變量設(shè)置的JDK。Tomcat的測(cè)試和配置測(cè)試Tomcat安裝是否成功翻開(kāi)瀏覽器，在地址欄中輸入://localhost:8080或://:8080，然后回車，看到Tomcat的歡送頁(yè)面，說(shuō)明Tomcat安裝成功。example1_1.jsp<%@pagecontentType="text/html;charset=GB2312"%><HTML><BODYBGCOLOR=yellow><FONTSize=3><P>這是一個(gè)簡(jiǎn)單的JSP頁(yè)面

<%inti,sum=0;for(i=1;i<=100;i++){ if(i%2==0)sum=sum+i;}%><P>1到100的偶數(shù)之和是：<%=sum%></FONT></BODY><HTML>web效勞目錄與JSP頁(yè)面的訪問(wèn)JSP頁(yè)面文件必須保存到Tomcat效勞器的某個(gè)Web效勞目錄中,才能通過(guò)瀏覽器訪問(wèn)該效勞器上的JSP頁(yè)面。假設(shè)Tomcat安裝目錄是:E:\Tomcat7.0那么Web效勞根目錄:E:\Tomcat7.0\webapps\Root將example1_1.jsp保存到其中。地址欄中輸入：://:8080/example1_1.jspwebapps下任一子目錄都可以作為一個(gè)Web效勞的目錄，如：examples、docs、webdav。訪問(wèn)方式：://localhost:8080/子目錄/文件名.jsp。JSP頁(yè)面元素的根本構(gòu)成靜態(tài)元素/模板元素(TemplateData)指JSP的靜態(tài)HTML或者XML內(nèi)容，即JSP效勞器不處理的局部，效勞器會(huì)直接送到客戶端執(zhí)行。JSP元素(Elements)必須由JSP容器處理的內(nèi)容，包括指令元素、腳本元素、動(dòng)作元素、EL元素等四類。<%@pagecontentType="text/html;charset=GB2312"%><HTML><BODYBGCOLOR=yellow><FONTSize=3><P>這是一個(gè)簡(jiǎn)單的JSP頁(yè)面

<%inti,sum=0;for(i=1;i<=100;i++){ if(i%2==0)sum=sum+i;}%><P>1到100的偶數(shù)之和是：<%=sum%></FONT></BODY><HTML>修改端口號(hào)8080是Tomcat效勞器的默認(rèn)端號(hào)口修改Tomcat效勞器的conf目錄下的主配置文件server.xml可以更改端口號(hào).搜索“8080〞，找到以下內(nèi)容：<Connectorport="8080"maxHttpHeaderSize="8192"maxThreads="150"minSpareThreads="25"maxSpareThreads="75"enableLookups="false"redirectPort="8443"acceptCount="100"connectionTimeout="20000"disableUploadTimeout="true"/>改為80，那么訪問(wèn)時(shí)可不加端口號(hào)，例如設(shè)置虛擬目錄修改Tomcat效勞器安裝目錄下conf目錄中的server.xml文件來(lái)設(shè)置虛擬目錄。注意區(qū)分大小寫<Contextpath="/moon"docBase="C:/redsun"debug="0"reloadable="true"></Context>30在MyEclipse中配置Tomcat1、安裝MyEclipse2、在MyEclipse中配置Tomcat效勞器點(diǎn)擊右側(cè)下拉箭頭，配置效勞器或者在菜單欄上的"窗口window"菜單中選擇"首選項(xiàng)Preferences"翻開(kāi)如下頁(yè)所示的界面在MyEclipse中配置Tomcat31選擇Tomcat6.x選擇所安裝Tomcat的根目錄選中“Enable〞在MyEclipse中配置Tomcat32如上配置后，此處可以啟動(dòng)所配置的Tomcat使用MyEclipse創(chuàng)立Web工程1、File——New——WebProject33使用MyEclipse創(chuàng)立Web工程34使用MyEclipse創(chuàng)立Web工程35使用MyEclipse創(chuàng)立Web工程從圖中可以看到，src是存放類源文件的目錄；WebRoot為虛擬目錄，用于存放靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)的目錄；WEB-INF是受Web容器保護(hù)的目錄，這個(gè)目錄下有一個(gè)lib目錄，用來(lái)存放工程中用到的jar包；web.xml是描述符文件，是JavaWeb效勞必須有的配置文件，用于配置和Web效勞相關(guān)的一些參數(shù)，包括servlet、攔截器等。使用MyEclipse發(fā)布Web工程37使用MyEclipse發(fā)布Web工程工程部署到Tomcat38部署的位置以開(kāi)放目錄方式和以打包方式使用MyEclipse發(fā)布Web工程在工程部署窗口中，如果部署成功，部署項(xiàng)前面會(huì)顯示對(duì)號(hào)?？梢允褂媒缑嬷械腞emove按鈕刪除部署，使用Redeploy重新部署如果部署成功，點(diǎn)擊OK3940一個(gè)標(biāo)準(zhǔn)JavaWeb應(yīng)用，不同類型的文件資源有嚴(yán)格的存放規(guī)那么WEB-INF目錄存放java源程序文件、jar包、web應(yīng)用配置文件；針對(duì)該Web應(yīng)用的配置文件WebRoot對(duì)應(yīng)于web應(yīng)用的根目錄，該目錄下的所有子目錄和子文件在部署時(shí)，會(huì)原封不動(dòng)的發(fā)布到web應(yīng)用根目錄下Java程序開(kāi)發(fā)目錄，該目錄下編寫的程序在部署時(shí)，會(huì)自動(dòng)部署到myApp/WEB-INF/classes目錄下web工程的名稱，該工程部署時(shí)，在Tomcat的webapps目錄下會(huì)有一個(gè)名為myApp的web應(yīng)用新建JSP網(wǎng)頁(yè)鼠標(biāo)右擊WebRoot或其子目錄，在右鍵菜單中依次選擇New->JSP(AdvancedTemplates)41新建JSP網(wǎng)頁(yè)在創(chuàng)立窗口中，選擇文件的保存路徑，指定文件名，點(diǎn)擊Finish結(jié)束42example2_1.jsp<%@pagecontentType="text/html;charset=UTF-8"%><%@pageimport="java.util.Date,java.text.*"%><!--導(dǎo)入用到的類包文件--><%Datenowday=newDate(); //獲取當(dāng)前日期inthour=nowday.getHours(); //獲取日期中的小時(shí)SimpleDateFormatformat=newSimpleDateFormat("yyyy-MM-ddHH:mm:ss");//定義日期格式化對(duì)象Stringtime=format.format(nowday); //將指定日期格式化為〞yyyy-MM-ddHH:mm:ss〞形式%><html><head><title>第一個(gè)JSP應(yīng)用</title></head> <body> <center><tableborder="1"width="300"> <trheight="30"><tdalign="center">溫馨提示！</td></tr> <trheight="80"><tdalign="center">現(xiàn)在時(shí)間為：<%=time%></td></tr> <trheight="70"><tdalign="center"> <!--以下為嵌入到HTML中的Java代碼，用來(lái)生成動(dòng)態(tài)的內(nèi)容--> <% if(hour>=24&&hour<5) out.print("現(xiàn)在是凌晨!時(shí)間還很早,再睡會(huì)吧!"); elseif(hour>=5&&hour<10) out.print("早上好!新的一天即將開(kāi)始,您準(zhǔn)備好了嗎?"); elseif(hour>=10&&hour<13) out.print("午休時(shí)間!正午好時(shí)光!"); elseif(hour>=13&&hour<18)out.print("下午繼續(xù)努力工作吧!!"); elseif(hour>=18&&hour<21)out.print("晚上好!自由時(shí)間!"); elseif(hour>=21&&hour<24) out.print("已經(jīng)是深夜,注意休息!");%></td></tr> </table></center></body></html>新建JSP網(wǎng)頁(yè)點(diǎn)擊window，選擇preferences，更改字體大小44運(yùn)行JSP頁(yè)面運(yùn)行JSP頁(yè)面://localhost:8080/Myapp/example1-1.jsp45協(xié)議名主機(jī)名端口號(hào)工程名稱網(wǎng)頁(yè)名稱課件制作人：王國(guó)輝JSP的處理過(guò)程當(dāng)客戶端瀏覽器向效勞器發(fā)出請(qǐng)求訪問(wèn)一個(gè)JSP頁(yè)面時(shí)，效勞器根據(jù)該請(qǐng)求加載相應(yīng)的JSP頁(yè)面，當(dāng)效勞器上的一個(gè)JSP頁(yè)面被第一次請(qǐng)求執(zhí)行時(shí)，效勞器上的JSP引擎首先將JSP頁(yè)面文件轉(zhuǎn)譯成一個(gè)java文件，并編譯這個(gè)java文件生成字節(jié)碼文件，然后執(zhí)行字節(jié)碼文件響應(yīng)客戶的請(qǐng)求.并對(duì)該頁(yè)面進(jìn)行編譯，然后執(zhí)行。JSP的具體處理過(guò)程如以下圖所示。JSP的處理過(guò)程客戶端帶有JSP引擎的Web效勞器JSP文件Servlet代碼Class文件客戶端通過(guò)瀏覽器向效勞器發(fā)出請(qǐng)求，在該請(qǐng)求中包含了請(qǐng)求的資源的路徑，這樣當(dāng)效勞器接收到該請(qǐng)求后就可以知道被請(qǐng)求的資源請(qǐng)求響應(yīng)效勞器根據(jù)接收到的客戶端的請(qǐng)求來(lái)加載被請(qǐng)求的JSP文件加載轉(zhuǎn)化Web效勞器中的JSP引擎會(huì)將被加載的JSP文件轉(zhuǎn)化為Servlet編譯執(zhí)行注：虛線箭頭代表效勞器的操作JSP引擎將生成的Servlet代碼編譯成Class文件效勞器執(zhí)行這個(gè)Class文件效勞器將執(zhí)行結(jié)果發(fā)送給瀏覽器進(jìn)行顯示JSP的處理過(guò)程從前面的介紹中，可以知道JSP文件被JSP引擎進(jìn)行轉(zhuǎn)換后，又被編譯成了Class文件，最終由效勞器通過(guò)執(zhí)行這個(gè)Class文件來(lái)對(duì)客戶端的請(qǐng)求進(jìn)行響應(yīng)。但并不是每次請(qǐng)求都需要重復(fù)進(jìn)行這樣的處理。當(dāng)效勞器第一次接收到對(duì)某個(gè)頁(yè)面的請(qǐng)求時(shí)，JSP引擎就開(kāi)始進(jìn)行上述的處理過(guò)程，將被請(qǐng)求的JSP文件編譯成Class文件。在后續(xù)對(duì)該頁(yè)面再次進(jìn)行請(qǐng)求時(shí)，假設(shè)頁(yè)面沒(méi)有進(jìn)行任何改動(dòng)，效勞器只需直接調(diào)用Class文件執(zhí)行即可。所以當(dāng)某個(gè)JSP頁(yè)面第一次被請(qǐng)求時(shí)，會(huì)有一些延遲，而再次訪問(wèn)時(shí)會(huì)感覺(jué)快了很多。如果被請(qǐng)求的頁(yè)面經(jīng)過(guò)修改，效勞器將會(huì)重新編譯這個(gè)文件，然后執(zhí)行。JSP與Servlet關(guān)系JSP的實(shí)現(xiàn)是基于Servlet的，JSP頁(yè)面在運(yùn)行之前要被解釋成JavaServlet當(dāng)JSP引擎接到對(duì)一個(gè)JSP頁(yè)面的請(qǐng)求后，首先判斷與JSP文件對(duì)應(yīng)的Servlet類的名字，如果該類不存在或比JSP文件老，引擎就會(huì)重新創(chuàng)立一個(gè)等價(jià)的Servlet類并編譯它。實(shí)驗(yàn)中常見(jiàn)問(wèn)題1、環(huán)境變量設(shè)置錯(cuò)誤現(xiàn)象：運(yùn)行startup.bat后，DOS窗口一閃就關(guān)閉了。影響：無(wú)法啟動(dòng)Tomcat處理方法：重新設(shè)置環(huán)境變量2、server.xml文檔修改錯(cuò)誤現(xiàn)象：修改前能正常運(yùn)行jsp文件，修改后無(wú)法運(yùn)行。影響：無(wú)法啟動(dòng)Tomcat處理方法：重