1、1第三章 構建(u jin)WEB應用技術WWW技術(jsh)WEB應用模型電子商務的開發技術共八十五頁WWW技術(jsh)1、WWW的基本概念 WWW 是建立(jinl)在客戶機/服務器模型之上，以HTML語言和HTTP協議為基礎，能提供面向各種Internet服務的、一致用戶界面的信息檢索系統。2、WWW瀏覽器 WWW是瀏覽器是WWW服務的客戶程序，WWW瀏覽器負責與WWW服務器建立連接，發送客戶訪問請求，處理HTML超媒體，提供客戶界面。共八十五頁3、WWW服務(fw)的特點（1）以超文本和多媒體形式(xngsh)存在的網絡信息空間。（2）用戶可在世界范圍內任意查找、檢索、瀏覽及添加信息

2、（3）提供直觀、易于使用的圖形界面。（4）由資源地址或“網點”組成。（5）網點可相互鏈接以提供信息查找和漫游的透明訪問。（6）可訪問圖像、聲音、影像和文本數據共八十五頁4、HTTP協議（超文本傳輸協議）1)支持客戶/服務器模式。2)簡單快速：客戶向服務器請求服務時，只需傳送請求方法和路徑。由于協議簡單，使得HTTP服務器的程序規模小，因而通信速度很快。3)靈活：HTTP允許傳輸任意類型的數據對象。4)無連接：無連接的含義是限制每次連接只處理一個請求。服務器處理完客戶的請求，并收到客戶的應答(yngd)后，即斷開連接。采用這種方式可以節省傳輸時間。5)無狀態：無狀態是指協議對于事務處理沒有記憶能

3、力。缺少狀態意味著如果后續處理需要前面的信息，則它必須重傳，這樣可能導致每次連接傳送的數據量增大。另一方面，在服務器不需要先前信息時它的應答就較快。 共八十五頁HTTP協議的工作(gngzu)模式第一步，客戶連接：服務器在運行時一直在端口等待連接出現，一旦客戶連接出現，即可與客戶建立連接。第二步，客戶請求 ：打開連接后，客戶把請求數據行送到服務器完成提出請求。第三步，服務器應答 ：如果請求被接納(jin)，則服務器送回一個應答。第四步，斷開連接：當完成一次請求后，客戶或服務器之間的連接斷開。共八十五頁5、統一(tngy)資源定位器URLURL(Uniform Resource Locator)

4、是一種標準化的命名方法，經各種不同的協議，對Internet上任何地方的信息都可以用URL定位或存取。URL是WWW的基本(jbn)工具之一，是HTML文件地址命名方法。URL的格式為：scheme:/host.port/path?query#fragmentschemename：/username：passwordhost：port/path共八十五頁6、WEB上提供(tgng)的基本服務(1).WWW服務(2).文件傳輸服務FTP(3).電子郵件(din z yu jin)服務器Email(4).遠程登錄服務Telnet共八十五頁7、Web技術(jsh)的演變第一階段：靜態Web技術(js

5、h)第二階段：動態Web技術第三階段：事務Web技術第四階段：智能Web技術共八十五頁網頁制作一般(ybn)原則頁面力求精美、創意深刻、高雅、構思新穎、獨樹一幟注意協調音像數據與傳輸速度網頁的色調要協調提高導航性能，添加有意義(yy)的內容設置新聞組和網上論壇等充分利用多媒體技術增加互動性建立推送技術渠道共八十五頁常見(chn jin)的網頁錯誤做法無目的，盲目老板型的網站由多家制作公司代理建設一個公司的網站缺少(qusho)對網站的維護缺乏對網站的推廣共八十五頁WEB應用(yngyng)模型WEB應用(yngyng)模型概述兩層架構WEB應用模型三層架構WEB應用模型四層架構WEB應用模型共

6、八十五頁兩層架構(ji u)WEB應用模型 用于與用戶進行交互。它的主要責任是處理用戶請求和少量(sholing)的業務邏輯 處理商業邏輯，并進行數據操作。共八十五頁三層架構WEB應用(yngyng)模型提供給用戶一個交互(jioh)界面。 響應表現層的用戶請求，執行任務并與數據庫和后臺應用通信，然后將反饋信息傳送給表現層共八十五頁兩層和三層WEB應用(yngyng)模式（1）兩層構架Web應用模型(mxng)：由表現層和數據層組成，適用于簡單的Web應用，系統的設計實施簡單快速，開發成本低，但可擴展性和可維護性較差。（2）三層構架Web應用模型：由表現層、業務層及數據庫和后臺應用組成，適合于

7、團體協作開發，具有良好的可擴展性和可維護性，也增加了數據庫和后臺應用系統的安全性，更好地支持分布式計算環境，但較復雜，程序開發人員需要掌握和考慮多種技術因素。共八十五頁四層架構(ji u)WEB應用模型 由Web瀏覽器等客戶端設備(shbi)支持。 處理客戶端的請求，調用位于應用服務器上的業務邏輯完成對信息查詢和修改等操作，并生成結果頁面返回給用戶。完成系統業務邏輯。共八十五頁四層構架(u ji)Web應用模型四層構架Web應用模型：由表現層、Web服務器層、應用服務器層和數據層組成，是在三層構架的基礎上形成的，具有三層構架的全部優點，將三層構架中的業務層分解為Web服務器層和應用服務器層,可

8、以方便地部署多個應用服務器,能夠進行業務邏輯處理，實現負載均衡和分布式處理應用的特性，具有更好的響應速度、可擴展性和可維護性，還能夠有效地預防(yfng)單點失敗，具有更好的安全性。共八十五頁問題(wnt)：分層是不是越多越好？共八十五頁18電子商務(din z shn w)開發技術組成 網頁界面 后臺程序 數據(shj)儲存共八十五頁WEB開發需要學習(xux)的技術超文本標記語言：HTML（簡單地格式化文本或讀取圖形、音頻及視頻文件）腳本語言：Javascript, Vbscript（指示服務器執行操作，基于對象和事件驅動，跨平臺解釋(jish)執行，具有良好的安全性）XML(可擴展標記語

9、音）CGI,API,ASP,PHP,JSP.NET框架、J2EE框架、LAMP架構 WEB SERVICE共八十五頁客戶端技術(jsh)HTML腳本(jiobn)技術：Java ScriptXML共八十五頁HTMLHTML是什么(shn me) HTML文件大致結構 HTML標記 HTML的特點共八十五頁HTML - HTML是什么(shn me) HTML是Hypertext Markup Language（超文本標記語言）的縮寫HTML是構成WEB頁面的主要工具，是用來表示網上信息(xnx)的符號標記語言。SGML ：Standard Generalized Markup Language

10、HTML是SGML的一個簡化的實現 共八十五頁標準通用標記語言（1986年）（SGML，Standard General Markup Language）Meta Language/ISO/一套標注文檔的系統/一套國際標準 超文本標記語言（1991年）（HTML，Hypertext Markup Language）SGML的變體/超文本連接/描述頁面格式Internet ExplorerFrontPage擴展標記語言（1998年）（XML，eXtensible Markup Language）SGML的變體/描述結構化數據共八十五頁HTML - HTML文件大致(dzh)結構 網頁標題(bio

11、t)網頁的內容共八十五頁HTML - HTML標記(bioj) 標記寫法(xif)需要遵循以下規則：任何標記皆由所圍住，如 。 標記名與小于號之間不能留有空白字符。 某些標記要加上參數，某些則不必。如 Hello 參數只可加于起始標記中。 在起始標記之標記名前加上符號/便是其終結標記，如 。標記字母大小寫皆可。共八十五頁HTML - HTML標記(bioj)文件標記 ：， ， 排版標記 ： ， ， 等字體標記 ：，等 表格標記 ： ， ， 等表單標記 ： ， 等連結(lin ji)標記 ： 框架標記 ： ， 等共八十五頁HTML - Html的特點(tdin)特點：簡單易學；解釋執行(zhxn

12、g)，無需編譯；獨立于平臺；共八十五頁28DREAMWEAVERMACROMEDIA網頁(wn y)設計三劍客：DREAMWEAVER、FLASH、FIREWORKS共八十五頁29Frontpage 共八十五頁腳本(jiobn)技術腳本語言的優勢：開發快速 部署簡便 能方便(fngbin)的與已有技術集成 易于學習和使用 動態代碼 腳本(script)是一系列的命令，它能完成部分邏輯功能，指示Web服務器執行操作。共八十五頁Java Script簡介(jin ji) 例子 特點 與Java比較共八十五頁Java Script -簡介(jin ji)由 Netscape公司開發基于對象(duxi

13、ng)和事件驅動的編程語言 是一種解釋執行的編程語言 共八十五頁Java Script -例子(l zi)var msg = “將分辨率設為x以上(yshng)，獲得最佳效果！” ;var interval = 100var spacelen = 120;var space10=“ ”;var seq=0;function Scroll() len = msg.length;window.status = msg.substring(0, seq+1);seq+;if ( seq = len ) seq = 0;window.status = ;window.setTimeout(“Scrol

14、l();”, interval );elsewindow.setTimeout(“Scroll();”, interval );Scroll();共八十五頁Java Script -特點(tdin)解釋性編程語言基于(jy)對象的語言 基于事件驅動的語言 良好的安全性 跨平臺性 共八十五頁Java Script 與Java比較(bjio)基于對象和面向對象 解釋和編譯 弱變量和強變量代碼格式嵌入方式 動態鏈結(lin ji)和靜態鏈結(lin ji) 共八十五頁XML誕生和發展 基本(jbn)語法和實例 主要相關技術 特點 使用前景 開發工具 共八十五頁XML -誕生(dnshng)和發展 1

15、986年，SGML成為國際標準規范。SGML語言文件組成：語法定義、文件類型定義DTD（Definition Type Document）和文件實例 。 1991年，蒂姆伯納斯李定義了HTML語言的第一個規范，之后成為符號化語言規范。 HTML的DTD（文件類型定義）被固定(gdng)。 1996年，提出了XML（Extensible Markup Language）語言草案。1998年，W3C正式發布了XML 1.0標準。XML是SGML的一個簡化子集。XML有DTD 。共八十五頁XML -基本(jbn)語法和實例messager.dtd文件(wnjin)：共八十五頁XML -基本(jbn)

16、語法和實例messager.xml文件(wnjin)： Jack 共八十五頁XML -主要(zhyo)相關技術 1XML Parser 2定義XML數據結構的技術 3顯示(xinsh)和打印XML數據的技術 4. XML數據結構轉換技術 共八十五頁XML 特點(tdin) 標記的可擴展性數據存儲和數據顯示的分離(fnl) 具有自描述性共八十五頁XML -使用(shyng)前景 商務(shngw)的自動化處理 信息發布 智能化的Web應用程序和數據集成 共八十五頁XML -XML的開發工具 Notepad Microsoft XML Notepad .NetXML spyXML Writer共八

17、十五頁服務器端技術(jsh)ServletJSPA共八十五頁Servlet簡介生命周期四種(s zhn)方法特點共八十五頁Servlet 簡介(jin ji)Servlet就是Java Servlet ，運行于JVM上，不依賴于瀏覽器的兼容性Servlet是一個Java類Servlet運行于由Servlet引擎所管理的Java虛擬機中，被來自Web客戶機的請求所喚醒并用來處理請求 Servlet的開發工具可J2SDK開發工具箱主要(zhyo)有兩個軟件包：Javax.servlet包和Javax.servlet.http包 共八十五頁Servlet -生命周期Servlet的生命周期 ： （1

18、）初始化時期：init()方法(fngf) （2）執行時期：service()方法 （3）結束時期 ：destroy()方法 共八十五頁Servlet - 四種(s zhn)方法HttpServlet類中常用的四種(s zhn)方法：doGet( )方法doPost( )方法doPut( )方法doDelete( )方法共八十五頁Servlet - 特點(tdin) 高效 進程到線程的轉換方便 提供大量的工具例程功能強大 具備很多方便的功能可移植性好 同JAVA一樣(yyng)節省投資 廉價共八十五頁JSP概述(i sh) 語法實例 技術特點 與其它動態網頁技術比較 共八十五頁JSP -概述(

19、i sh)JSP ：Java Server Pages用于創建可支持跨平臺及跨Web服務器的動態網頁 簡單的說，一個JSP網頁就是在HTML網頁中包含(bohn)了能夠生成動態內容的可執行應用程序代碼。 JSP將應用程序邏輯和頁面顯示分離 共八十五頁JSP -語法(yf)JSP的基本語法 ：（1）JSP指示：JSP頁面(y min)指示 ；語言指示 ；包含指示 ；標識庫指示 （2）JSP標識：核心標識為 jsp:useBean ； jsp:setProperty ； jsp:getProperty （3）腳本元件：腳本在標志中被描述 ，常用的腳本元件包括表達式和聲明 共八十五頁JSP -實例(

20、shl) WelcomeToday is Day: Year: 共八十五頁JSP -實例(shl)（續）Good MorningGood Afternoon共八十五頁JSP -技術(jsh)特點 將內容的生成和顯示進行分離(fnl) 強調可重用的組件 采用標識簡化頁面開發 共八十五頁JSP -與其它動態網頁(wn y)技術比較 JSP和純Servlet相比(xin b)JSP和JavaScript相比共八十五頁服務器技術的發展(fzhn) Unix服務器 電子商務服務器技術選型 電子商務(din z shn w)服務器-硬件方面共八十五頁WWW服務器的硬件結構大型電子商務網站采用多層結構來劃分

21、網頁訪問、數據庫管理和交易處理等業務；每層結構都要求(yoqi)多臺服務器計算機；這些服務器計算機構成了服務器群（Server Farm）。配置服務器群的方法：集中式結構（Centralized Architecture）分布式結構（Distributed Architecture）共八十五頁WWW服務器的硬件結構集中式結構：采用大型高速計算機。成本高；對技術故障敏感如果某臺計算機壞了，整個網站就可能癱瘓。分布式結構：采用大批性能較低的計算機。能夠將風險分散到多個服務器上，如果一個服務器出現故障，網站其余的大部分內容都可以繼續運行。但需要額外的集線器或交換器將服務器連接起來，甚至需要專門的負荷

22、平衡系統(xtng)在服務器之間分配工作負荷。共八十五頁服務器的發展(fzhn)集群Cluster技術：一組相互獨立的計算機，利用高速通信網絡組成一個單一的計算機系統，以單一模式(msh)加以管理，提供高可靠性、可擴充性、抗災難性共八十五頁集群的興起(xngq)A Case for NOWIEEE Micro, Feb, 1995. Thomas E. Anderson, David E. Culler, David A. Patterson, and the NOW Team. NOW=Network of Workstations它的思想(sxing)是把大量現成的PC直接放上機架，用高速

23、網絡連接在一起，構成一臺超級計算機。而不像大型計算機需要專門研制集成電路板，這大大縮減了制造的時間和成本。共八十五頁共八十五頁集群計算(j sun)條件成熟Very HP Microprocessors workstation performance = yesterday supercomputersHigh speed communicationComm. between cluster nodes = between processors in an SMP.Tools for parallel/ distributed computing共八十五頁Benefits of Cluster

24、ingEasy to buildHigh Performance (HP)High Availability (HA)ScalabilityCheap共八十五頁共八十五頁Original Food Chain Picture共八十五頁MainframeVector SupercomputerMPPWorkstationPC1990s Computer Food ChainMini Computer(hitting wall soon)(future is bleak)共八十五頁Computer Food Chain (Now and Future)共八十五頁服務器性能(xngnng)特征高擴展

25、性、高可用性、易管理性、高可靠性服務器性能指標以系統響應速度和作業吞吐量為代表。響應速度是用戶從輸入信息到服務器完成任務給出結果所花的時間作業吞吐量是整個服務器在單位時間內完成的作業量可用性是以設備(shbi)處于正常允許狀態的時間比作為衡量指標共八十五頁Unix服務器功能(gngnng)強大、技術成熟、可靠性好、網絡及數據庫功能(gngnng)強，是目前唯一能在各硬件平臺上穩定運行的操作系統共八十五頁PC服務器PC服務器是一種新型的、基于Intel Architecture系統架構，以32位或64位處理器、32位或64位系統總線為基礎、在突出內存(ni cn)與硬盤容量和系統運行速度的同時，

26、更注重其穩定性、安全性和可用性的服務器系統共八十五頁PC服務器PC服務器在網絡管理和控制方面不僅具有高擴充性、可用性、可靠性、安全性和穩定性，還具有獨特的容錯能力和冗余結構、較高的運行速度和較寬的帶寬，同時具有網絡(wnglu)檢測功能。共八十五頁PC服務器PC服務器最大優點是具有和PC機一樣的兼容性，可隨意(su y)配置外設。同時，它還有價格優勢，應用潛力大，OS和應用軟件豐富、網絡安裝、維護與管理方便、簡單。共八十五頁PC服務器PC服務器通常(tngchng)有6個指標：可管理性、可用性、可擴展性、安全性、高性能以及模塊化。另外，品牌、價格、服務、廠商實力也必須考慮共八十五頁電子商務(d

27、in z shn w)服務器技術選型符合技術駐留發展要求，即產品(chnpn)要適應網絡應用和發展的需求符合可擴展性、可用性、易管理和可靠性等技術要求較好的總體擁有性價比較好的服務和支持水平共八十五頁76Web service簡介體系架構(ji u) 整體架構SOAP UDDI WSDL 特點 共八十五頁77Web service -簡介(jin ji)Web服務使用基于XML的消息處理作為基本的數據通訊方式它消除使用不同(b tn)組件模型、操作系統和編程語言的系統之間存在的差異它使異類系統能夠作為單個計算網絡協同運行共八十五頁78Web service -體系(tx)架構 共八十五頁79Web service 整體(zhngt)架構共八十五頁80Web service - SOAPSOAP（Simple Object Access Protocal)：簡單對象訪問協議 是一種基于XML的不依賴傳輸協議的表示層協議，用來在應用程序之間方便地以對象的形式交換數據 SOAP包括(boku)三個部分：SOAP封裝結構