動(dòng)態(tài)Web開發(fā)技術(shù).ppt

動(dòng)態(tài)Web開發(fā)技術(shù)-JSP,教學(xué)方法,本課程是專業(yè)技能課，以實(shí)例帶動(dòng)知識(shí)點(diǎn)，講、學(xué)、練結(jié)合，通過實(shí)例引入概念、原理和方法。,課程的任務(wù),掌握Web程序運(yùn)行的基本原理 掌握服務(wù)器端Servlet編程技術(shù) 掌握J(rèn)SP的基本語法及內(nèi)置對(duì)象 Session、Applicaton的靈活運(yùn)用及會(huì)話跟蹤技術(shù) 靈活使用JSP+JavaBean技術(shù)開發(fā)Web程序 熟練掌握J(rèn)SP對(duì)數(shù)據(jù)庫的操作 掌握Web開發(fā)的常見問題，如亂碼、分頁、文件上傳、國際化 監(jiān)聽器、過濾器的使用 EL和JSTL簡化頁面編寫 MVC框架,實(shí)戰(zhàn)內(nèi)容,Servlet實(shí)現(xiàn)網(wǎng)上投票系統(tǒng) JSP實(shí)現(xiàn)用戶注冊、登陸驗(yàn)證 JSP+JavaBean實(shí)現(xiàn)計(jì)算器功能 JSP+JDBC實(shí)現(xiàn)數(shù)據(jù)庫操作 JSP+JavaBean+JDBC實(shí)現(xiàn)書店圖書管理、圖書瀏覽 JSP技術(shù)實(shí)現(xiàn)上傳圖書封面 使用Session實(shí)現(xiàn)購物車管理 使用Application實(shí)現(xiàn)網(wǎng)上聊天室 使用監(jiān)聽器統(tǒng)計(jì)網(wǎng)站在線人數(shù) JSP實(shí)現(xiàn)分頁技術(shù) EL+JTSL改進(jìn)頁面 MVC模式實(shí)現(xiàn)網(wǎng)上商店系統(tǒng) MVC實(shí)現(xiàn)BBS系統(tǒng),JSP技術(shù)資源,Sun官方網(wǎng)站JavaServlet Pages技術(shù)首頁 /products/jsp/index /forum.jsp?forum=45 Sun官方網(wǎng)站JavaServlet技術(shù)首頁 /products/servlet/index /forum.jsp?forum=33 Sun官方網(wǎng)站JDBC討論社群 /forum.jsp?forum=48 國內(nèi)技術(shù)社區(qū) / / /www1/ /index.jspa /,相關(guān)技術(shù)網(wǎng)址,微軟Web Develplment/html and css 庫 /library/default.asp?url=/workshop/author/dhtml/reference/methods/execcommand.asp JavaScript 中文簡介 /chinese/INTERNET/JavaScript/ JavaScript 指南（英文） /js/default.asp,T1 JSP入門體驗(yàn),主要內(nèi)容,理解 理解桌面程序、C/S、B/S的區(qū)別 了解HTTP協(xié)議工作原理 掌握 1、jsp頁面的執(zhí)行過程 2、Tomcat的安裝和配制,桌面程序、C/S、B/S,桌面程序 單機(jī)上運(yùn)行的程序，如word、excel、播放器。 C/S程序 客戶端/服務(wù)器網(wǎng)絡(luò)程序，客戶端需要安裝專門的客戶端軟件 如：QQ、銀行取款機(jī)上的程序 B/S程序 瀏覽器/服務(wù)器網(wǎng)絡(luò)程序，客戶端不用裝專門的軟件，而是使用統(tǒng)一的客戶端瀏覽器進(jìn)行訪問 也就是常見的網(wǎng)站,什么是Web開發(fā),什么是Web開發(fā) Web開發(fā)就是開發(fā)B/S結(jié)構(gòu)的程序 如網(wǎng)站、BBS、網(wǎng)上商店的常見的網(wǎng)站 還包括企業(yè)管理型的系統(tǒng)，如OA、ERP、EIP。 Web開發(fā)需要的技術(shù) 網(wǎng)站的前臺(tái)布局、美工、動(dòng)畫 后臺(tái)處理程序 數(shù)據(jù)庫領(lǐng)域技術(shù) 系統(tǒng)架構(gòu)技術(shù),Web應(yīng)用,Web應(yīng)用 一個(gè)服務(wù)器上運(yùn)行的應(yīng)用，對(duì)此應(yīng)用，用戶可以通過一個(gè)通用的瘦客戶加以訪問，目前最常用的瘦客戶是Web流覽器，其他瘦客戶如掌上電腦，手機(jī)等也迅速加到這個(gè)行列來 HTTP協(xié)議 要實(shí)現(xiàn)簡單的客戶端能夠與多種不同的服務(wù)器進(jìn)行交互；而且這些服務(wù)器應(yīng)用也必須具有與多種不同的類型客戶端合作的能力，就必須定義客戶和服務(wù)器通信的方式，這就是HTTP協(xié)議的目的,HTTP協(xié)議,HTTP請求/響應(yīng)模型,HTTP請求,請求詳解 點(diǎn)擊鏈接、提交表單、地址欄鍵入Web頁面地址就會(huì)發(fā)出一個(gè)請求 請求的服務(wù)器及資源由一個(gè)HTTP URL來指定 協(xié)議名 主機(jī)名 端口號(hào) 資源名 :8080/News.asp 瀏覽器使用URL信息來創(chuàng)建請求消息，并用指定的協(xié)議向指定的服務(wù)器發(fā)送此消息,Ref:OR|28,HTTP請求組成,請求行(request line) 包括請求方法，資源名，瀏覽器所使用協(xié)議的版本，如： GET /index.html HTTP/1.1 請求首部(request header) 包含服務(wù)器用于可能用于處理請求的額外信息 請求體(requst body): 僅在某些類型的請求中包含消息體，如POST請求 HTTP請求消息示例：,Ref:OR|28,HTTP請求組成,請求參數(shù),請求參數(shù) 除了URL和首部，請求消息還可以包含有形式參數(shù) 如：URL指定了用于顯示天氣預(yù)報(bào)的程序，用戶可以通過參數(shù)來告訴服務(wù)器要查詢哪個(gè)城市的天氣 .forecast?city=GuangZhou&province=GuangDong&date=2005-11-20 有兩種方式發(fā)送參數(shù): 1.以查詢串(query string)的形式加在URL上 2.以請求消息體的一部分發(fā)送，使用POST請求時(shí)使用這種方式發(fā)送,請求方法,請求方法 GET方法，獲取一個(gè)資源，而不需要服務(wù)器作任何工作 POST方法，請求在服務(wù)器上做某種處理，如：更新數(shù)據(jù)庫或處理一個(gè)購買訂單 GET使用查詢串來傳遞參數(shù)； POST將參數(shù)作為請求消息體的一部分發(fā)送，也可以同時(shí)將某些參數(shù)作為查詢串發(fā)送 在地址欄輸入地址、點(diǎn)擊元素發(fā)出的都是使用GET請求，當(dāng)使用一個(gè)表單向服務(wù)器發(fā)送用戶輸入時(shí)，可以指定method屬性來指定請求方法，如：,動(dòng)態(tài)網(wǎng)站技術(shù),目前能創(chuàng)建動(dòng)態(tài)網(wǎng)站的技術(shù)： ASP: Active Server Pages 1996年，Microsoft借鑒PHP思想，在其Web服務(wù)器IIS 3.0中引入了ASP技術(shù)。ASP使用的腳本語言是我們熟悉的VBScript和JavaScript。借助Microsoft Visual Studio等開發(fā)工具在市場上的成功，ASP迅速成為了Windows系統(tǒng)下Web服務(wù)端的主流開發(fā)技術(shù)。 PHP: Personal Home Page 1994年，Rasmus Lerdorf發(fā)明了專用于Web服務(wù)器端編程的PHP（Personal Home Page Tools）語言。PHP語言將HTML代碼和PHP指令合成為完整的服務(wù)端動(dòng)態(tài)頁面，Web應(yīng)用的開發(fā)者可以用一種簡便、快捷的方式實(shí)現(xiàn)動(dòng)態(tài)Web功能。 JSP : Java Server Page 附加的其他技術(shù)： JavaScript, css, xml , database ,JSP的發(fā)展,JSP(JavaServer Pages)是1996年由Sun公司倡導(dǎo)，許多國際大型IT公司（IBM、Borland、Netscape 、Intle、Oracle等 ）參與一起建立的一種新動(dòng)態(tài)網(wǎng)頁技術(shù)標(biāo)準(zhǔn)，類似其他技術(shù)的標(biāo)準(zhǔn)，如ASP，PHP等等. JSP是Java家族中與ASP技術(shù)一較高下的網(wǎng)頁技術(shù)。 JSP是結(jié)合HTML和Java Servlet的一種服務(wù)器端網(wǎng)頁技術(shù)。 JSP (*.jsp) = HTML文件（*.htm,*.html）+Java程序片斷+JSP標(biāo)記;,JSP是純Java平臺(tái)的技術(shù)，它主要用來生成動(dòng)態(tài)網(wǎng)站，包括HTML、DHTML、XHTML和XML。 Write Once,Run Anywhere特性 使商業(yè)邏輯和頁面顯示分開 搭配可重復(fù)使用的組件，如JavaBean ,EJB等 采用標(biāo)簽化頁面開發(fā) N-tier企業(yè)應(yīng)用框架的支持,JSP的優(yōu)點(diǎn),JSP的作用,JSP運(yùn)行環(huán)境,開發(fā)運(yùn)行環(huán)境 J2SDK JSP引擎,用于解析JSP，有Tomcat、Resin 開發(fā)工具 Dreamweaver、FrontPage Eclipse、JBuilder、Netbean ,Tomcat的下載,官方網(wǎng)站下載地址（目前版本6.X） /tomcat/index.html,執(zhí)行jakarta-tomcat-5.0.28.exe安裝。 選擇tomcat安裝路徑和使用的jdk，并設(shè)定tomcat port 和 Administrator Login等。 tomcat port:設(shè)置在IE瀏覽器中的默認(rèn)端口號(hào) Administrator Login ：設(shè)置tomcat管理員名稱和密碼。 設(shè)置環(huán)境變量 JAVA_HOME=“C:j2sdk1.4.1_02” TOMCAT_HOME=“c:tomcat 5.0”,Tomcat的安裝,Window環(huán)境下： 雙擊tomcat_home/bin/startup.bat啟動(dòng)。 雙擊tomcat_home/bin/shutdown.bat關(guān)閉。 Unix/Linux環(huán)境下： 雙擊tomcat_home/bin/startup.sh啟動(dòng)。 雙擊tomcat_home/bin/shutdown.sh關(guān)閉。 在IE中輸入http:/localhost:8080/進(jìn)行測試，如果頁面正常出現(xiàn)，即安裝成功。,Tomcat驗(yàn)證安裝,Tomcat安裝目錄介紹,Tomcat目錄結(jié)構(gòu),1、bin目錄下都是tomcat的命令。 2、conf目錄存在server的配置文件。 3、log目錄是日志信息。 4、temp目錄存在JVM中的臨時(shí)文件。 5、webapps目錄存放web應(yīng)用項(xiàng)目。 6、work目錄存在web項(xiàng)目的臨時(shí)文件,第一個(gè)JSP程序,Hello.jsp，放在webappsroot下,測試 http:/Localhost:8080/hello.jsp,login.jsp,hello.jsp,Tomcat中項(xiàng)目的發(fā)布,1、將xxx.war放到tomcat_home/webapps/目錄下，當(dāng)tomcat啟動(dòng)的時(shí)候，會(huì)自動(dòng)解壓。,2、在tomcat_home/conf/server.xml中設(shè)置站臺(tái)。 說明 path=“/myweb”代表網(wǎng)絡(luò)域名，http:/IP:port/myweb docBase=“myjsp”代表站臺(tái)的目錄位置， tomcat/webapps/myjsp Debug是調(diào)試等級(jí)，0提供的信息最少，9提供的信息最多 Reloadable表示tomcat在執(zhí)行的時(shí)候，當(dāng)classweb.xml被更新時(shí)，是否不需重啟tomcat而自動(dòng)更新加載。 3、啟動(dòng)tomcat，在IE中輸入http:/localhost:8080/myjsp執(zhí)行。,Tomcat中項(xiàng)目的發(fā)布,JSP執(zhí)行過程,Request,JSP File,Response,HTML File,Resource,HTML File,JSP執(zhí)行過程,瀏覽器 IE Netscape,JSP Page,產(chǎn)生Servlet 的 .java文件,經(jīng)編譯成Servlet 的.class文件,1 Request,2 jsp parser,3 servlet 分析器,4 Response,Web服務(wù)器,JSP執(zhí)行過程, Count: ,/在_jspService()中 out.write(“”); int count = 0; count+; out.write(“Count:”) out.jprint(“count”) out.write(“”), Count : 1 ,轉(zhuǎn)譯時(shí)期,請求時(shí)期,Counter.jsp,Counter_jsp.java,Output.HTML,轉(zhuǎn)譯時(shí)期與請求時(shí)期過程程序圖,例子 JSPHello.jsp,實(shí)踐項(xiàng)目,首先我們編寫一個(gè)HTML頁面，文件名為“index.html” 請輸入你想打印的文字 ,實(shí)踐項(xiàng)目,通過上面代碼，我們可以看出是“post”提交方式，提交處理的頁面為“print.jsp”。我們設(shè)計(jì)print.jsp的作用是將用戶在index.html頁面的文本框中輸入的信息打印到print.jsp頁面上。主要代碼如下： “+(String)request.getParameter(“text“)+“); % ,提交,體驗(yàn)項(xiàng)目,本章體驗(yàn)項(xiàng)目實(shí)現(xiàn)的功能：編寫一個(gè)JSP頁面，實(shí)現(xiàn)在頁面中打印乘法口訣表的功能。程序編寫完成后，把文件保存為后綴名為.jsp的文件，將文件存放在TomcatwebappsROOTa目錄下。啟動(dòng)Tomcat服務(wù)器，