javaweb編程技術(shù)

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

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

3、信是一個基于請求-響應(yīng)的無狀態(tài)的協(xié)議。 運(yùn)行機(jī)制,Web應(yīng)用體系結(jié)構(gòu)– 一些概念（HTTP）,URI（Uniform Resource Identifier）統(tǒng)一資源標(biāo)識符以特定語法表示一個資源的字符串URI一般由三部分組成：訪問資源的命名機(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頁面和其他資源 。URL的示例：http://www.abcd.com/index.html http://localhost:8080/bookstoreftp://218.64.77.32,URN（Uniform Resource Name)叫做統(tǒng)一資源名稱 它唯一標(biāo)識一個資源但不指定如何訪問資源UR

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

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

7、它是一種用來制作超文本文檔的簡單標(biāo)記語言。 它不是一種編程語言，是一種標(biāo)記語言。姓名：,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)– 動態(tài)Web,主動資源與被動資源 如果資源本身沒有任何處理功能它就是被動的 如果資源有自己的處理功能，它就是主動的Web應(yīng)用程序通常是主動資源和被動資源的混合主動資源

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

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

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

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

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

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

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

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

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

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

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

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

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