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

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