javaweb編程技術(shù)

1、主講教師：楊柳lancarmine@163.com,Java Web 編 程 技 術(shù),課 程 概 述,課程目的了解Web應(yīng)用開(kāi)發(fā)的基礎(chǔ)知識(shí)；掌握使用Java技術(shù)開(kāi)發(fā)Web應(yīng)用程序的方法；掌握MVC設(shè)計(jì)模式，為繼續(xù)學(xué)習(xí)Java EE奠定基礎(chǔ)。課程要求掌握J(rèn)ava Web應(yīng)用開(kāi)發(fā)的主要技術(shù)；Servlet技術(shù)JSP技術(shù)能夠開(kāi)發(fā)Web應(yīng)用程序。預(yù)備知識(shí)HTTP、HTML知識(shí)、JavaScript、CSS、DOM、X

2、ML等Java語(yǔ)言知識(shí)數(shù)據(jù)庫(kù)知識(shí),第1章 Web應(yīng)用概述,本章主要內(nèi)容：1.1 Web發(fā)展歷程1.2 企業(yè)開(kāi)發(fā)框架1.3 Java EE架構(gòu)1.4 MVC模式1.5 HTTP簡(jiǎn)介1.6 JavaScript簡(jiǎn)介,Web應(yīng)用體系結(jié)構(gòu)– Web發(fā)展歷程,Web的發(fā)展,,HTTP協(xié)議超文本傳輸（Hypertext Transfer Protocol，HTTP）是Web使用的協(xié)議該協(xié)議詳細(xì)規(guī)定了Web客戶與服務(wù)器之間如何通

3、信是一個(gè)基于請(qǐng)求-響應(yīng)的無(wú)狀態(tài)的協(xié)議。 運(yùn)行機(jī)制,Web應(yīng)用體系結(jié)構(gòu)– 一些概念（HTTP）,URI（Uniform Resource Identifier）統(tǒng)一資源標(biāo)識(shí)符以特定語(yǔ)法表示一個(gè)資源的字符串URI一般由三部分組成：訪問(wèn)資源的命名機(jī)制。存放資源的主機(jī)名，資源自身的名稱（由路徑表示)?！ttp://www.web.com.cn/html/html4/ URI有兩種子集：URL和URN,Web應(yīng)用體系結(jié)構(gòu)– 一些

4、概念（ URL和URI ）,URL（Uniform Resource Locator)叫做統(tǒng)一資源定位符 命名Web頁(yè)面和其他資源 。URL的示例：http://www.abcd.com/index.html http://localhost:8080/bookstoreftp://218.64.77.32,URN（Uniform Resource Name)叫做統(tǒng)一資源名稱 它唯一標(biāo)識(shí)一個(gè)資源但不指定如何訪問(wèn)資源UR

5、N的示例：ISBN:1-930110-59-6,Web服務(wù)器 向?yàn)g覽器提供服務(wù)的程序 。服務(wù)器是一種被動(dòng)的程序，只有當(dāng)其他計(jì)算機(jī)的瀏覽器向它們發(fā)出請(qǐng)求時(shí)才有所動(dòng)作。目前最流行的服務(wù)器最常用的Web服務(wù)器是Apache服務(wù)器，主要運(yùn)行在Unix和Linux平臺(tái)上 。目前在Internet上有68%的Web站點(diǎn)使用Apache 服務(wù)器。 另一種是專門(mén)運(yùn)行在Windows平臺(tái)上的IIS服務(wù)器 。,Web應(yīng)用體系結(jié)構(gòu)- -一

6、些概念（服務(wù)器）,Web瀏覽器 瀏覽器是一個(gè)程序 能夠顯示W(wǎng)eb頁(yè)面 能夠捕捉到頁(yè)面上項(xiàng)目的鼠標(biāo)事件 瀏覽器向服務(wù)器發(fā)出訪問(wèn)某個(gè)文檔的請(qǐng)求 目前最流行的幾種瀏覽器Internet Explorer Netscape Navigator FireFox Mozilla,Web應(yīng)用體系結(jié)構(gòu)- -一些概念（瀏覽器）,HTML HTML是英文HyperText Markup Language的縮寫(xiě)，含義為超文本標(biāo)記語(yǔ)言

7、它是一種用來(lái)制作超文本文檔的簡(jiǎn)單標(biāo)記語(yǔ)言。 它不是一種編程語(yǔ)言，是一種標(biāo)記語(yǔ)言。姓名：,Web應(yīng)用體系結(jié)構(gòu)- -一些概念（ HTML概述）,Web應(yīng)用體系結(jié)構(gòu)– 靜態(tài)Web,Web應(yīng)用體系結(jié)構(gòu)– 靜態(tài)Web（Applet）,胖和瘦？,Web應(yīng)用體系結(jié)構(gòu)– 動(dòng)態(tài)Web,主動(dòng)資源與被動(dòng)資源 如果資源本身沒(méi)有任何處理功能它就是被動(dòng)的 如果資源有自己的處理功能，它就是主動(dòng)的Web應(yīng)用程序通常是主動(dòng)資源和被動(dòng)資源的混合主動(dòng)資源

8、的意義：正是由于主動(dòng)資源才使Web應(yīng)用程序幾乎具有與一般應(yīng)用程序同樣的交互性。 Web應(yīng)用程序中的主動(dòng)資源通常向用戶提供動(dòng)態(tài)內(nèi)容并使它們通過(guò)瀏覽器執(zhí)行業(yè)務(wù)邏輯。,動(dòng)態(tài)Web文檔技術(shù)--靜態(tài)Web文檔和動(dòng)態(tài)Web文檔,靜態(tài)Web文檔 在Web發(fā)展的早期，Web文檔只是一種以文件的形式存放在服務(wù)器端的文檔。客戶發(fā)出對(duì)該文檔的請(qǐng)求，服務(wù)器返回這個(gè)文件。這種文檔稱為靜態(tài)文檔(static document)。靜態(tài)Web文檔的特點(diǎn) 文檔

9、創(chuàng)作完畢后就存放在Web服務(wù)器中，在被用戶瀏覽的過(guò)程中，其內(nèi)容不會(huì)改變。優(yōu)點(diǎn):簡(jiǎn)單,可以由不懂程序設(shè)計(jì)的人員來(lái)創(chuàng)建 缺點(diǎn):不夠靈活,信息變化時(shí)，就要由文檔的作者手工對(duì)文檔修改動(dòng)態(tài)Web文檔 動(dòng)態(tài)文檔(dynamic document)是指文檔的內(nèi)容是根據(jù)需要生成的。 動(dòng)態(tài)文檔技術(shù)分類:服務(wù)器端動(dòng)態(tài)文檔技術(shù)客戶端動(dòng)態(tài)文檔技術(shù),動(dòng)態(tài)Web文檔技術(shù)--靜態(tài)Web文檔和動(dòng)態(tài)Web文檔,CGI技術(shù) CGI（Common G

10、ateway Interface，公共網(wǎng)關(guān)接口） CGI是一種標(biāo)準(zhǔn)化的接口允許Web服務(wù)器與后端程序及腳本通信，這些后端程序和腳本能夠接受輸入信息（例如，來(lái)自表單），并生成HTML頁(yè)面作為響應(yīng)。,動(dòng)態(tài)Web文檔技術(shù)--服務(wù)器端動(dòng)態(tài)Web文檔技術(shù),這里的應(yīng)用程序一般也稱為CGI程序。CGI程序可以用服務(wù)器支持的任何語(yǔ)言來(lái)編寫(xiě)，其中最常見(jiàn)的是Perl語(yǔ)言. 服務(wù)器在接收到一個(gè)對(duì)CGI程序的請(qǐng)求時(shí)，不會(huì)返回該文件，而是運(yùn)行該文件。,H

11、TML文檔中調(diào)用CGI程序有兩種方法： 通過(guò)表單的action屬性 按提交按鈕后,將請(qǐng)求發(fā)送給該程序.使用錨標(biāo)記（），這與鏈接文檔相似。 href屬性中指定CGI程序文件名的完整的URL路徑 Servlet技術(shù)： Sun公司開(kāi)發(fā)的服務(wù)器端Web編程技術(shù).主要目的是替代CGI編程.有很多優(yōu)點(diǎn).本課程前5章要討論的內(nèi)容.在HTML頁(yè)面中嵌入腳本技術(shù)在HTML頁(yè)面中嵌入少量的腳本，然后讓服務(wù)器來(lái)執(zhí)行這些腳本以便生成

12、最終發(fā)送給客戶的頁(yè)面。 常用技術(shù)包括: PHP、JSP和ASP,動(dòng)態(tài)Web文檔技術(shù)--服務(wù)器端動(dòng)態(tài)Web文檔技術(shù),PHP技術(shù)： PHP（PHP：Hypertext Preprocessor）稱為超文本預(yù)處理器，它是一種HTML內(nèi)嵌式的語(yǔ)言。 它可以比CGI或Perl更快速地執(zhí)行動(dòng)態(tài)網(wǎng)頁(yè)。服務(wù)器要求包含PHP的Web頁(yè)面的文件擴(kuò)展名為php，而不是html或htm。 ASP技術(shù)： ASP是Active Serv

13、er Page的縮寫(xiě)，稱為活動(dòng)的服務(wù)器頁(yè)面。 它使用Microsoft的腳本語(yǔ)言Visual Basic Script來(lái)生成動(dòng)態(tài)內(nèi)容。 使用這種技術(shù)的文件的擴(kuò)展名為asp。 JSP技術(shù)：JSP是JavaServer Pages的縮寫(xiě)，含義是Java服務(wù)器頁(yè)面 .頁(yè)面中的動(dòng)態(tài)部分是用Java語(yǔ)言編寫(xiě)的。 使用這種技術(shù)的文件的擴(kuò)展名為jsp。,動(dòng)態(tài)Web文檔技術(shù)--服務(wù)器端動(dòng)態(tài)Web文檔技術(shù),客戶端動(dòng)態(tài)文檔技術(shù)的需求響應(yīng)鼠標(biāo)

14、移動(dòng)事件 直接與用戶交互 客戶端驗(yàn)證等客戶端動(dòng)態(tài)文檔技術(shù)的實(shí)現(xiàn)：在HTML頁(yè)面中嵌入腳本，而且這些腳本是客戶機(jī)上被執(zhí)行的而不是在服務(wù)器上執(zhí)行的。 從HTML 4.0開(kāi)始，可以通過(guò)標(biāo)簽來(lái)使用這樣的腳本。最流行的客戶端腳本語(yǔ)言是JavaScript。JavaScript是一種腳本語(yǔ)言它受到了Java程序設(shè)計(jì)語(yǔ)言的一些思想的啟發(fā) JavaScript腳本語(yǔ)言非常適合交互式頁(yè)面的設(shè)計(jì)。,動(dòng)態(tài)Web文檔技術(shù)--客戶端動(dòng)態(tài)Web

15、文檔技術(shù),客戶端動(dòng)態(tài)文檔的技術(shù)與服務(wù)器端動(dòng)態(tài)文檔的技術(shù)的區(qū)別 服務(wù)器端動(dòng)態(tài)文檔技術(shù)的頁(yè)面，是在服務(wù)器端執(zhí)行的。 對(duì)一個(gè)PHP文件的請(qǐng)求，服務(wù)器首先執(zhí)行該頁(yè)面，PHP腳本將產(chǎn)生一個(gè)新的HTML頁(yè)面，然后服務(wù)器將該頁(yè)面送回給瀏覽器以便顯示。,服務(wù)器端動(dòng)態(tài)文檔的執(zhí)行,動(dòng)態(tài)Web文檔技術(shù)--客戶端動(dòng)態(tài)Web文檔技術(shù),客戶端動(dòng)態(tài)文檔的技術(shù)與服務(wù)器端動(dòng)態(tài)文檔的技術(shù)的區(qū)別客戶端動(dòng)態(tài)文檔技術(shù)的頁(yè)面，是在客戶端執(zhí)行的。 當(dāng)我們單擊s

16、ubmit按鈕時(shí)，瀏覽器解釋執(zhí)行該頁(yè)面上包含的JavaScript函數(shù)。所有的工作都是在本地的瀏覽器內(nèi)部完成。瀏覽器并沒(méi)有與服務(wù)器聯(lián)系。,客戶端動(dòng)態(tài)文檔的執(zhí)行,動(dòng)態(tài)Web文檔技術(shù)--客戶端動(dòng)態(tài)Web文檔技術(shù),C/S模式 C/S （Client/Server，客戶機(jī)/服務(wù)器）模式又稱C/S結(jié)構(gòu)，是20世紀(jì)80年代末逐步成長(zhǎng)起來(lái)的一種模式，是軟件系統(tǒng)體系結(jié)構(gòu)的一種。C/S結(jié)構(gòu)的關(guān)鍵在于功能的分布，一些功能放在前端機(jī)（即客戶機(jī)）上執(zhí)行

17、，另一些功能放在后端機(jī)（即服務(wù)器）上執(zhí)行。 B/S模式,兩種網(wǎng)絡(luò)開(kāi)發(fā)模式,B/S（Browser/Server，瀏覽器/服務(wù)器）模式又稱B/S結(jié)構(gòu)。它是隨著Internet技術(shù)的興起，對(duì)C/S模式應(yīng)用的擴(kuò)展。在這種結(jié)構(gòu)下，用戶工作界面是通過(guò)瀏覽器來(lái)實(shí)現(xiàn)的。B/S模式最大的好處是運(yùn)行維護(hù)比較簡(jiǎn)便，能實(shí)現(xiàn)不同的人員，從不同的地點(diǎn)，以不同的接入方式（比如LAN, WAN, Internet/Intranet等）訪問(wèn)和操作共同的數(shù)據(jù)；,企業(yè)

18、開(kāi)發(fā)架構(gòu),JavaEE 架構(gòu),JavaEE 架構(gòu),JavaEE 核心設(shè)計(jì)模式,,請(qǐng)求,Servlet,JavaBean,JSP頁(yè)面,,,執(zhí)行,調(diào)用,轉(zhuǎn)向,,響應(yīng),,,,訪問(wèn),,返回?cái)?shù)據(jù),數(shù) 據(jù) 庫(kù),客戶端,JSP視圖動(dòng)態(tài)顯示數(shù)據(jù),,數(shù) 據(jù) 庫(kù),Servlet控制器，用于接收請(qǐng)求和控制應(yīng)用程序的流程,JavaBean組件模型封裝業(yè)務(wù)邏輯和業(yè)務(wù)數(shù)據(jù),MVC,利用HTML和JavaScript編寫(xiě)網(wǎng)頁(yè)，要求如下： 1.編寫(xiě)

19、一個(gè)雇員注冊(cè)的表單，要求輸入以下內(nèi)容：雇員編號(hào)、雇員姓名、雇員工作、雇用日期、基本工資和獎(jiǎng)金。 2.對(duì)上面的表單進(jìn)行JavaScript驗(yàn)證，驗(yàn)證要求如下。雇員編號(hào)：只能是數(shù)字雇員姓名：不能為空雇員工作：不能為空雇傭日期：必須是日期格式，即2010-9-19基本工資：必須是數(shù)字（小數(shù)）獎(jiǎng)金：必須是數(shù)字（小數(shù)）,實(shí)驗(yàn)內(nèi)容—設(shè)計(jì)網(wǎng)頁(yè),一個(gè)小建議：利用課余時(shí)間了解學(xué)習(xí)網(wǎng)頁(yè)三劍客,作 業(yè) 提 交 要 求,1.由組長(zhǎng)統(tǒng)一提

20、交，特殊情況下需單獨(dú)提交時(shí)必須在郵件中說(shuō)明理由，否則不計(jì)入作業(yè)數(shù)目。2.個(gè)人將作業(yè)提交給組長(zhǎng)時(shí)，作業(yè)名稱必須規(guī)范。例：2011年10月1日上課布置作業(yè)若干，王乙同學(xué)在若干天后將作業(yè)提交給組長(zhǎng)時(shí)，應(yīng)將作業(yè)名稱規(guī)范為：王乙111001。3.組長(zhǎng)提交小組作業(yè)時(shí)，須將全組作業(yè)以壓縮包形式作為郵件附件提交。壓縮包名稱和郵件名稱為規(guī)范統(tǒng)一名稱。例： 2011年10月1日上課布置作業(yè)若干。一組組長(zhǎng)在若干天后向教師以郵件形式提交作業(yè)，郵件名稱和