JAVAweb開發(fā)-課件PPT

1、2021/8/261第1章Java Web技術(shù)概述 2021/8/262本章內(nèi)容 1.1 Internet與萬維網(wǎng) 1.2 Web常用技術(shù) 1.3 服務(wù)器資源 1.4 Tomcat服務(wù)器 1.5 Servlet與JSP入門 1.6 MVC設(shè)計模式2021/8/2631.1 Internet與萬維網(wǎng) Internet正式中文譯名為“因特網(wǎng)”，是一個全球性的、開放的計算機互聯(lián)網(wǎng)絡(luò)，Internet聯(lián)入的計算機覆蓋了全球絕大多數(shù)的國家和地區(qū)，存儲了豐富的信息資源，是世界上最大的計算機網(wǎng)絡(luò)。2021/8/2641.1.1 主機和IP地址 連接到Internet上的所有計算機，從大型機到微型機都是以獨立

2、的身份出現(xiàn)，我們稱它為主機。 為了實現(xiàn)各主機間的通信，每臺主機都必須有一個唯一的網(wǎng)絡(luò)地址，叫做IP（Internet Protocol）地址 。2021/8/265IP地址 目前使用的IP地址是用四個字節(jié)32位二進制數(shù)表示的，如某計算機的IP地址可表示為10101100 00010000 11111110 00000001。為便于記憶，將它們分為4組，每組一個字節(jié)8位，由小數(shù)點分開，且將每個字節(jié)的二進制用十進制數(shù)表示，上述地址可表示為，這種書寫方法叫做點分十進制表示法。用點分開的每個字節(jié)的十進制整數(shù)數(shù)值范圍是0255。2021/8/2661.1.2 域名和DNS 不管用

3、哪種方法表示IP地址，這些數(shù)字都很難記住，為了方便人們的記憶，在Internet中經(jīng)常使用域名來表示主機。域名（domain name）是由一串用點分隔的名字組成的某一臺主機或一組主機的名稱，用于在數(shù)據(jù)傳輸時標識主機的位置。 域名系統(tǒng)采用分層結(jié)構(gòu) ，例如，是一個域名 2021/8/267DNS 由于IP地址是Internet內(nèi)部使用的地址，因此當(dāng)Internet主機間進行通信時必須采用IP地址進行尋址，所以當(dāng)使用域名時必須把域名轉(zhuǎn)換成IP地址。這種轉(zhuǎn)換操作由一個名為“域名服務(wù)器”的軟件系統(tǒng)來完成，該域名服務(wù)器實現(xiàn)了域名系統(tǒng)（Domain Name System，DNS）。 2021/8/268

4、1.1.3 萬維網(wǎng)概述 WWW是World Wide Web的簡稱，稱為萬維網(wǎng)，也簡稱為Web。 Web是基于客戶/服務(wù)器（C/S）的一種體系結(jié)構(gòu)，客戶在計算機上使用瀏覽器向Web服務(wù)器發(fā)出請求，服務(wù)器響應(yīng)客戶請求，向客戶送回所請求的網(wǎng)頁，客戶在瀏覽器窗口上顯示網(wǎng)頁的內(nèi)容。2021/8/269Web體系結(jié)構(gòu) Web體系結(jié)構(gòu)主要由三部分構(gòu)成：（1）Web服務(wù)器。用戶要訪問Web頁面或其他資源，必須事先有一個服務(wù)器來提供Web頁面和這些資源，這種服務(wù)器就是Web服務(wù)器。（2）Web客戶端。用戶一般是通過瀏覽器訪問Web資源的，它是運行在客戶端的一種軟件。（3）通信協(xié)議?？蛻舳撕头?wù)器之間采用HTT

5、P協(xié)議進行通信。HTTP協(xié)議是瀏覽器和Web服務(wù)器通信的基礎(chǔ)，是應(yīng)用層協(xié)議。2021/8/26101.1.4 服務(wù)器和瀏覽器 在萬維網(wǎng)上，如果一臺連接到Internet的計算機希望給其他Internet系統(tǒng)提供信息，則它必須運行服務(wù)器軟件，這種軟件稱為Web服務(wù)器。 對Web系統(tǒng)來說，客戶軟件通常是Web瀏覽器。2021/8/26111Web服務(wù)器 Web服務(wù)器是向瀏覽器提供服務(wù)的程序，主要功能是提供網(wǎng)上信息瀏覽服務(wù)。Web服務(wù)器應(yīng)用層使用HTTP協(xié)議，信息內(nèi)容采用HTML文檔格式，信息定位使用URL。 最常用的Web服務(wù)器是Apache服務(wù)器，它是Apache軟件基金會（Apache Sof

6、tware Foundation）提供的開放源代碼軟件，是一個非常優(yōu)秀的專業(yè)的Web服務(wù)器。2021/8/26122Web瀏覽器 瀏覽器是Web服務(wù)的客戶端程序，可向Web服務(wù)器發(fā)送各種請求，并對從服務(wù)器發(fā)來的網(wǎng)頁和各種多媒體數(shù)據(jù)格式進行解釋、顯示和播放。 瀏覽器的主要功能是解析網(wǎng)頁文件內(nèi)容并正確顯示，網(wǎng)頁一般是HTML格式。常見的瀏覽器有Internet Explorer、Firefox、Opera、和Chrome，瀏覽器是最常使用的客戶端程序。2021/8/26131.2 Web常用技術(shù) 1.2.1 HTTP概述 1.2.2 URL和URI 1.2.3 HTML和XML概述 1.2.4 C

7、SS概述 1.2.5 JavaScript2021/8/26141.2.1 HTTP概述 超文本傳輸協(xié)議（Hypertext Transfer Protocol，HTTP）是Web使用的協(xié)議。該協(xié)議詳細規(guī)定了Web客戶與服務(wù)器之間如何通信。 它是一個基于請求-響應(yīng)（request-response）的無狀態(tài)的協(xié)議，這種請求-響應(yīng)的過程如圖所示。 Web瀏覽器Web服務(wù)器HTTP請求HTTP響應(yīng)2021/8/2615HTTP請求-響應(yīng)過程 客戶首先通過瀏覽器程序建立到Web服務(wù)器的連接并向服務(wù)器發(fā)送HTTP請求消息。 Web服務(wù)器接收到客戶的請求后，對請求進行處理，然后向客戶發(fā)送回HTTP響應(yīng)。

8、 客戶接收服務(wù)器發(fā)送的響應(yīng)消息，對消息進行處理并關(guān)閉連接。 2021/8/26161.2.2 URL和URI URL（Uniform Resource Locator）稱為統(tǒng)一資源定位器,指向Internet上位于某個位置的某個資源。資源包括HTML文件、圖像文件和Servlet等。例如，下面是一些合法的URL。 http:/ http:/ http:/localhost:8080/helloweb/2021/8/2617組成 URL通常由4部分組成：協(xié)議名稱、所在主機的DNS名、可選的端口號和資源的名稱。端口號和資源名稱可以省略。（1）最常使用的協(xié)議是HTTP協(xié)議，其他常用協(xié)議包括FTP協(xié)議

9、、TELNET協(xié)議、MAIL協(xié)議和FILE協(xié)議等。（2）DNS即為服務(wù)器的域名，如。（3）端口號標明該服務(wù)是在哪個端口上提供的（4）URL的最后一部分為資源在服務(wù)器上的相對路徑和名稱，如/index.html，它表示服務(wù)器上根目錄下的index.html文件。2021/8/2618 URI URI（Uniform Resource Identifier）稱為統(tǒng)一資源標識符，是以特定語法標識一個資源的字符串。 URI由模式和模式特有的部分組成，它們之間用冒號隔開，一般格式如下： schema:schema-specific-part URI的常見模式包括：file（表示本地磁盤文件）、ftp（F

10、TP服務(wù)器）、http（使用HTTP協(xié)議的Web服務(wù)器）、mailto（電子郵件地址）等。2021/8/26191.2.3 HTML和XML概述 超文本標記語言（HyperText Markup Language，HTML）是一種用來制作超文本文檔的簡單標記語言。所謂超文本是指用HTML編寫的文檔中可以包含指向其他文檔或資源的鏈接，該鏈接也稱為超鏈接（hyperlink）。通過超鏈接，用戶可以很容易訪問所鏈接的資源。2021/8/2620HTML標簽 HTML文檔是由一些標簽（tag）組成的文本文件，標簽標識了內(nèi)容和類型，Web瀏覽器通過解析這些標簽進行顯示。 2021/8/2621常用標簽標

11、簽名說 明標簽名說 明HTML文檔的開始換行文檔的頭部水平線。文檔的標題錨關(guān)于XHTML文檔的元信息圖像文檔與外部資源的關(guān)系 表格客戶端腳本表格中的行樣式信息表格中的單元文檔的主體表單 標題輸入控件段落列表的項目粗體字文檔中的節(jié)、塊或區(qū)域2021/8/2622 程序1.1 register.html 該頁面運行結(jié)果如圖所示。1.2.3 HTML和XML概述2021/8/26231.2.4 CSS概述 CSS（Cascading Style Sheets）是層疊樣式表的意思，它是一種用來表現(xiàn)HTML或 XML等文件樣式的語言。 CSS是能夠真正做到網(wǎng)頁表現(xiàn)與內(nèi)容分離的一種樣式設(shè)計語言。 2021

12、/8/2624樣式表的三種使用方法（1)內(nèi)聯(lián)樣式，在元素標簽內(nèi)使用style屬性指定樣式，style屬性可以包含任何CSS樣式聲明，如設(shè)置段落首行縮進：該段落首行縮進2em。2021/8/2625樣式表的三種使用方法（2)內(nèi)部樣式表，在單個頁面中使用標簽在文檔的頭部定義樣式表，這種樣式只能被定義它的頁面使用，例如： h1 color:#f00 bodybackground-image:url(images/bg.gif)2021/8/2626樣式表的三種使用方法（3）外部樣式表，把聲明的樣式保存在樣式文件中，當(dāng)某個頁面需要樣式時，通過標簽或標簽連接外部樣式表文件。外部樣式表以.css作為文件擴

13、展名，例如 styles.css。 下面標簽引用外部樣式表csslayout.css。 2021/8/26271.2.4 CSS概述 程序1.2 index.html 程序1.3 layout.css 該頁面運行結(jié)果如圖所示。2021/8/26281.2.5 JavaScript JavaScript是一種廣泛用于客戶端Web開發(fā)的腳本語言，常用來給HTML網(wǎng)頁添加動態(tài)功能。 JavaScript是一種基于對象和事件驅(qū)動并具有相對安全性的客戶端腳本語言 。 在HTML頁面中通過標簽定義JavaScript腳本。標簽內(nèi)既可以包含腳本語句，也可以通過src屬性指向外部腳本文件。 程序1.4 inp

14、utCheck.html2021/8/2629 該HTML頁面中，通過和在頁面中嵌入了JavaScript語言代碼。這里定義了一個名為custCheck函數(shù)，然后在頁面的表單中，通過表單元素的onsubmit事件調(diào)用該函數(shù)，函數(shù)檢查用戶輸入的數(shù)據(jù)，如果輸入錯誤將彈出警告框。1.2.5 JavaScript2021/8/26301.3 服務(wù)器資源 1.3.1 主動資源與被動資源 1.3.2 靜態(tài)文檔和動態(tài)文檔 1.3.3 服務(wù)器端動態(tài)Web文檔技術(shù) 1.3.4 客戶端動態(tài)Web文檔技術(shù)2021/8/26311.3.1 主動資源與被動資源 可以把Web資源分為被動的和主動的。如果資源本身沒有任何處

15、理功能它就是被動的，如果資源有自己的處理能力，它就是主動的。 Web應(yīng)用程序通常是主動資源和被動資源的混合。 2021/8/26321.3.2 靜態(tài)文檔和動態(tài)文檔 Web文檔是一種重要的Web資源，它通常是使用某種語言（如HTML，JSP等）編寫的頁面文件，因此也稱為Web頁面。Web文檔又分為靜態(tài)文檔和動態(tài)文檔。 在Web發(fā)展的早期，Web文檔只是一種以文件的形式存放在服務(wù)器端的文檔?？蛻舭l(fā)出對該文檔的請求，服務(wù)器返回這個文件。這種文檔稱為靜態(tài)文檔（static document）。 2021/8/26331.3.2 靜態(tài)文檔和動態(tài)文檔 動態(tài)文檔（dynamic document）是指文檔的

16、內(nèi)容可根據(jù)需要動態(tài)生成。動態(tài)文檔技術(shù)又分為服務(wù)器端動態(tài)文檔技術(shù)和客戶端動態(tài)文檔技術(shù)。2021/8/26341.3.3 服務(wù)器端動態(tài)Web文檔技術(shù) 目前，在服務(wù)器端動態(tài)生成Web頁面有多種方法。 CGI技術(shù) 服務(wù)器擴展技術(shù) 在HTML頁面中嵌入腳本技術(shù)2021/8/26351. CGI技術(shù) CGI是一種標準化的接口，允許Web服務(wù)器與后臺程序和腳本通信，這些后臺程序和腳本能夠接受輸入信息，訪問數(shù)據(jù)庫，最后生成HTML頁面作為響應(yīng)。 Web 服務(wù)器CGI程序*.htmlhttpdDB請求響應(yīng)Web瀏覽器2021/8/26362. 服務(wù)器擴展技術(shù) 使用CGI方法的主要問題是效率低。對CGI程序的每次

17、調(diào)用都創(chuàng)建一個操作系統(tǒng)進程，當(dāng)多個用戶同時訪問CGI程序時，將加重處理器的負載。 使服務(wù)器支持單獨的可執(zhí)行模塊，當(dāng)服務(wù)器啟動時該模塊就裝入內(nèi)存并只初始化一次。然后，就可以通過已經(jīng)駐留在內(nèi)存的模塊副本為每個請求提供服務(wù)。這些獨立的可執(zhí)行的模塊稱為服務(wù)器擴展。 2021/8/26373. 在HTML頁面中嵌入腳本技術(shù) 另一種常見的實現(xiàn)動態(tài)文檔技術(shù)是在Web頁面中嵌入某種語言的腳本，然后讓服務(wù)器來執(zhí)行這些腳本以便生成最終發(fā)送給客戶的頁面。 目前比較流行的技術(shù)有ASP.NETPHPJSP2021/8/26381.3.4 客戶端動態(tài)Web文檔技術(shù) CGI、ASP、PHP和JSP腳本解決了處理表單以及與服

18、務(wù)器上的數(shù)據(jù)庫進行交互的問題。它們都可以接受來自表單的信息，在一個或多個數(shù)據(jù)庫中查找信息，然后利用查找的結(jié)果生成HTML頁面。 通常使用JavaScript結(jié)合DOM技術(shù)實現(xiàn)客戶端動態(tài)Web文檔技術(shù)。 2021/8/26391.4 Tomcat服務(wù)器 Tomcat是Apache軟件基金會（Apache Software Foundation，ASF）的開源產(chǎn)品，是 Servlet和JSP（JavaServer Pages）技術(shù)的實現(xiàn)。 Tomcat服務(wù)器的最新版本Tomcat 7.0.39實現(xiàn)了Servlet 3.0和JSP 2.2的規(guī)范，另外它本身具有作為Web服務(wù)器運行的能力，因此不需要一

19、個單獨的Web服務(wù)器。本書所有程序都在Tomcat服務(wù)器中運行。2021/8/26401.4.1 Tomcat下載與安裝 可以到/網(wǎng)站下載各種版本的Tomcat服務(wù)器。 必須先安裝Java運行時環(huán)境 下載后的文件名為apache-tomcat-7.0.39.exe2021/8/26411.4.2 Tomcat的安裝目錄 安裝結(jié)束后，打開資源管理器查看Tomcat 安裝的目錄結(jié)構(gòu) 目 錄說 明/bin存放啟動和關(guān)閉Tomcat的腳本文件/conf存放Tomcat服務(wù)器的各種配置文件，其中包括servler.xml、tomcat-users.xml和w

20、eb.xml等文件/lib存放Tomcat服務(wù)器及所有Web應(yīng)用程序都可以訪問的庫文件/logs存放Tomcat的日志文件/temp存放Tomcat運行時產(chǎn)生的臨時文件/webapps存放所有Web應(yīng)用程序的根目錄/work存放JSP頁面生成的Servlet源文件和字節(jié)碼文件2021/8/26421.4.3 測試Tomcat 打開瀏覽器，輸入http:/localhost:8080/，如能看到下圖所示的頁面，說明Tomcat服務(wù)器工作正常。 2021/8/26431.4.4 配置Tomcat的服務(wù)端口 在Tomcat安裝時如果沒有修改端口號，則默認的端口號為8080。 要修改Tomcat的端口

21、號需要編輯confserver.xml文件，將Connector元素的port屬性從8080修改為80，并重新啟動服務(wù)器。 2021/8/26441.4.5 Tomcat的啟動和停止 在使用Tomcat服務(wù)器開發(fā)Web應(yīng)用程序時，經(jīng)常在做了某種配置后為使配置生效需要重新啟動Tomcat服務(wù)器。這可通過bin中的tomcat7w.exe工具實現(xiàn)，雙擊該文件 ，單擊【General】頁面中的【Stop】按鈕即停止服務(wù)器，再單擊【Start】按鈕即重新啟動服務(wù)器。 打開【控制面板】中【管理工具】的【服務(wù)】窗口可以查看服務(wù)的啟動情況 。2021/8/26451.5 Servlet與JSP入門 1.5.

22、1 Servlet 1.5.2 Web容器 1.5.3 JSP頁面2021/8/26461.5.1 Servlet Servlet可翻譯成服務(wù)器端小程序服務(wù)器端小程序，它是使用Servlet API以及相關(guān)的類編寫的Java程序，這種程序運行在Web容器中，主要用來擴展Web服務(wù)器的功能。 Servlet技術(shù)實際上是CGI技術(shù)的一種替代。下面是一個簡單的Servlet程序。 程序1.5 HelloServlet.java2021/8/26471.5.2 Web容器 Web服務(wù)器使用一個單獨的模塊裝載和運行Servlet和JSP頁面，這個模塊稱為Servlet容器容器（container），或稱Web容器。 Tomcat就是一個Web容器容器。 Tomcat又具有Web服務(wù)器的功能，有時我們也稱其為Web服務(wù)器。2021/8/26481.5.3 JSP頁面 JSP（JavaServer Pages）頁面是在HTML頁面中嵌入JSP元素的頁面，這些元素稱為JSP標簽。 JSP元素具有嚴格定義的語法并包含完成各種任務(wù)的語法元素，比如聲明變量和方法、JSP表達式、指令和動作等。 程序1.6 hello.jsp2021/8/26491.6 MVC設(shè)計模式 Sun 公司推出Servlet技術(shù)的主要目的是代替CGI編程?？梢园裇erv