第一講Web應(yīng)用環(huán)境和開發(fā)工具介紹

1、Web應(yīng)用環(huán)境 和開發(fā)工具介紹,謝琦 xieqi,提要,定義和范疇 Web應(yīng)用構(gòu)架 特點和困難 新技術(shù)和解決方案 設(shè)計工具、開發(fā)工具,什么是Web應(yīng)用,瀏覽器/服務(wù)器結(jié)構(gòu) HTML頁面描述 客戶端腳本 服務(wù)器應(yīng)用程序 基于XML/SOAP的智能客戶端應(yīng)用 為什么要Web？,Web應(yīng)用構(gòu)架,一般意義上的Web應(yīng)用構(gòu)架,Web應(yīng)用構(gòu)架,問題為什么會變得復(fù)雜 信息集成的需求 多數(shù)據(jù)源共享 SSO 多種接入終端 已有資源的利用 業(yè)務(wù)復(fù)雜性的需求 變更 變更 還是變更 軟件可重用行/可維護性/可擴展性的需求 維護成本 管理的需求,Web應(yīng)用構(gòu)架,具有實用性的架構(gòu),Web的特點,維護成本 變更 管理 大范

2、圍應(yīng)用的可用性 集成性 集成技術(shù)（底層、外圍） 數(shù)據(jù)表達（統(tǒng)一的、簡單的表達方式HTML/XML）,傳統(tǒng)B/S的困境,C/S與B/S的主要區(qū)別 主機依賴性 客戶端體驗 應(yīng)用程序交互模式的變化,服務(wù)器配置,應(yīng)用的部署策略 C/SB/S 保證更多的并發(fā)訪問（性能問題） 應(yīng)用復(fù)雜性帶來的問題 開發(fā)成本 易于變更,客戶端體驗,程序設(shè)計語言的能力 可以做任何事情 積累了計算機技術(shù)多年的成就 與操作系統(tǒng)的完美結(jié)合 腳本語言的局限 瀏覽器的安全限制 界面操控的局限 數(shù)據(jù)結(jié)構(gòu)的局限,客戶端體驗的改良,基于瀏覽器的解決方案 更加豐富的瀏覽器表現(xiàn)對象 Java Applet ActiveX 智能客戶端 智能本地緩

3、存 服務(wù)器控制下的操作權(quán)限 客戶端自動更新,B/S結(jié)構(gòu)的人機交互,一個實例：,新技術(shù)和解決方案,面向?qū)ο蠓治龊驮O(shè)計 UML 組件技術(shù) 組件標(biāo)準(zhǔn) 互操作性 開發(fā)技術(shù) 集成開發(fā)環(huán)境 應(yīng)用框架 插件和構(gòu)造塊 集成技術(shù) XML和WebService SOA,OOA/OOD,把問題表達成對象及其交互 使用UML進行分析和設(shè)計 分析 設(shè)計 實現(xiàn),UML示例,擲是轂子游戲 定義用況 游戲者在游戲中拿起轂子投擲，總數(shù)為7的為贏，否則為輸。 定義領(lǐng)域模型 概念： 游戲者 游戲 穀子,示例,交互圖,示例,設(shè)計類圖,對象組件技術(shù)和接口標(biāo)準(zhǔn),分布式組件技術(shù) 可方便分布的 對象組件 由此帶來的易于開發(fā)和維護 組件標(biāo)準(zhǔn)

4、CORBA COM BEAN WebService 協(xié)議 IIOP SOAP 作用 便于構(gòu)建可伸縮的系統(tǒng),軟件系統(tǒng)的架構(gòu),軟件架構(gòu) 軟件的整體組織結(jié)構(gòu)； 軟件元素-模塊-子系統(tǒng)-系統(tǒng)。這是一種構(gòu)架方式。 軟件的架構(gòu)可以從多個方面去描述 邏輯架構(gòu) 系統(tǒng)的層、包、框架類、類和子系統(tǒng)的組織方式。 部署架構(gòu) 系統(tǒng)的進程如何分配到處理單元和網(wǎng)絡(luò)配置。 分布式技術(shù)使軟件的部署更靈活,單一系統(tǒng)的工作(Unix),單一系統(tǒng)的工作(win),系統(tǒng)結(jié)構(gòu)(面向應(yīng)用的),開發(fā)技術(shù)IDE,集成開發(fā)環(huán)境 設(shè)計 代碼 調(diào)試 人機界面 服務(wù)器后臺軟件 數(shù)據(jù)庫操作 幾種IDE Visual Stutio WebSphere E

5、clipse JBuilder,開發(fā)技術(shù)應(yīng)用框架,建立在OS基礎(chǔ)上的軟件開發(fā) 語言（C +） OS的API 數(shù)據(jù)庫API/ODBC/JDBC 應(yīng)用框架大大簡化和開發(fā)的難度 以對象形式展現(xiàn)給開發(fā)者 針對應(yīng)用的底層支持 更方便的人機界面/數(shù)據(jù)訪問的接口,開發(fā)技術(shù)插件和構(gòu)造塊,提供軟件模塊 模版 組件 類庫 更專業(yè)滿足特定應(yīng)用方向的需求 例如： O/R影射 異常處理 常用人機界面對象,XML,XML(eXtensible Markup language) 用于表示數(shù)據(jù)和數(shù)據(jù)結(jié)構(gòu)的描述語言 一種可以自解釋的數(shù)據(jù)描述公共語言 兩種方法定義數(shù)據(jù)元素： 文檔類型定義（Document Type Defini

6、tion）或簡稱 DTD XML Schema XML Schema特點： XML模式使用XML語法 XML模式支持?jǐn)?shù)據(jù)類型 XML模式可擴展 XML 模式表達能力強,XML示例, - 張三 河南電力公司 處長 維修 后勤aaa 鄭州、杜嶺街8號 ,XML和Html比較,XML實例,為置標(biāo)語言FCLML公司的客戶列表置表語言制定的，文檔類型定義DTD，其程序為fclml.dtd（文檔定義語言）（例1） 客戶聯(lián)系信息的XML文檔Client.xml （例2） 為client.xml制定一個樣式Mystyle.xsl （例3） Html格式及顯示（例5，例6）,例1,返回

7、,Fclml.dtd ? xml version=“1.0” encoding=“GB2312”? !ELEMENT 聯(lián)系人列表(聯(lián)系人)* !ELEMENT 聯(lián)系人(姓名，ID，公司，EMAIL，電話，地址) !ELEMENT 地址(街道，城市，省份) !ELEMENT 姓名(#PCDATA) !ELEMENT ID(#PCDATA) !ELEMENT 公司(#PCDATA) !ELEMENT EMAIL(#PCDATA) !ELEMENT 電話(#PCDATA) !ELEMENT 街道(#PCDATA) !ELEMENT 城市(#PCDATA) !ELEMENT 省份(#PCDATA),例

8、2,返回,聯(lián)系人 姓名李四姓名 ID002ID 公司B公司公司 EMAII1ibbborgEMAII 電話(021)87654321電話 地址 街道南京路9876號街道 城市上海市城市 省份上海省份 地址 聯(lián)系人 聯(lián)系人列表,Clentxml ? xml version“10”encoding”GB2312” standalone”no”? !DOCTYPE 聯(lián)系人列表 SYSTEM”fclmldtd” ?xmlstylesheet type”textxsl” href“mystylexsl”? 聯(lián)系人列表 聯(lián)系人 姓名張三姓名 ID001ID 公司A公司公司 EMAILzhangaaacom

9、EMAIL 電話(010)62345678電話 地址 街道五街1234號街道 城市北京市城市 省份北京省份 地址 聯(lián)系人,例3,返回,MyStylexsl ?xml version10encOdingGB2312? xsl：stylesheet xmlns：xsl”http：wwww3orgTRWD-xsl xmlHshttp：wwww3orgTRREChtml40 resultns： xst：templatexsI：applytemplatesxsl：template xsl：template match HTML HEAD TITLEF公司的客戶聯(lián)系信息TITlE HEAD BODY xs

10、l：applytemplates select聯(lián)系人列表 BODY HTMI xsl：template,xsl:stemplat match聯(lián)系人列表 xsl：foreach select聯(lián)系人 UL LIxsl：valueof select姓名LI UL LI用戶ID：xsl：valueof selectIDLI LI公司：xsl：valueof select“公司LI LIEMAIL：xsl：valueof select“EMAILLI LI電話：xsl：valueof select“電話LI LI街道：xsl：valueof select“地址/街道LI LI城市：xsl：valueof

11、 select“地址/城市LI LI省份：xsl：valueof select“地址/省份LI /UL /UL /xsl:for-each /xsl:template /xsl:stylesheet,例4,例5,返回,LI李四LI UL LIID：002LI LI公司：B公司LI LIEMAIL：1ibbbor8LI LI電話：(021)87654321LI LI地址：南京路9876號LI LI城市：上海市LI LI省份：上海LI UL UL BODY HTML,HTML HEAD TITLEF公司的客戶聯(lián)系信息TITLE HEAD BODY UL LI張三LI UI LI用戶ID：001LI

12、 LI公司：A公司LI LIEMAIL:zhangaaacomLI LI電話：(010)62345678LI LI地址：五街1234號LI LI城市：北京市LI LI省份：北京LI UL,例6,返回,李四 ID：002 公司：B公司 EMAIL：1ibbbor8 電話：(021)87654321 地址：南京路9876號 城市：上海市 省份：上海,張三 用戶ID：001 公司：A公司 EMAIL:zhangaaacom 電話：(010)62345678 地址：五街1234號 城市：北京市 省份：北京,XML Schema, ,Web服務(wù),基于的描述 Web服務(wù)描述語言（Web Services

13、Description Language WSDL）是Web Services技術(shù)重要組成部分。 WSDL描述了分布在Internet環(huán)境中服務(wù)操作的抽象定義接口和服務(wù)的具體實現(xiàn)端口，實現(xiàn)遠(yuǎn)程計算資源共享。,Web服務(wù),WSDL描述web服務(wù)的三個基本屬性： 服務(wù)做些什么? 服務(wù)所提供的操作(方法)； 如何訪問服務(wù)？ 數(shù)據(jù)格式以及訪問服務(wù)操作的必要協(xié)議； 服務(wù)位于何處？ 由特定協(xié)議決定的網(wǎng)絡(luò)地址，如URL。,例子,public class myServices public void myMethod (int x) . return ,WSDL文檔內(nèi)容, ,SOAP RPC,SOAP文檔內(nèi)容

14、 5 ,服務(wù)調(diào)用,前置機,SOAP消息,HTTP,HTTP,WSDL2JAVA,SOAP消息,Class Operation,XML Message,服務(wù)描述CONTEXT,XML2JAVA,XML Message,面向服務(wù)視圖,規(guī)范描述資源與協(xié)議變換 實現(xiàn)自動服務(wù)部署和調(diào)用,Content,JAVA2WSDL,WSDL2JAVA,UDDI,資源,服務(wù),運行時,客戶端（人）,客戶端（機器）,發(fā)布,發(fā)現(xiàn)與定位,發(fā)現(xiàn)與定位,操作,瀏覽器AJAX,一個組件模型 將應(yīng)用程序的不同功能單元（服務(wù)）通過這些服務(wù)之間定義良好的接口和契約聯(lián)系起來。 接口是采用中立的方式進行定義的，它應(yīng)該獨立于實現(xiàn)服務(wù)的硬件平

15、臺、操作系統(tǒng)和編程語言。 構(gòu)建在各種這樣的系統(tǒng)中的服務(wù)可以以一種統(tǒng)一和通用的方式進行交互。,什么是面向服務(wù)的體系架構(gòu)?,面向服務(wù)的體系結(jié)構(gòu),SOA(Service-Oriented Architecture) 這是一種理念 軟件變服務(wù) 基于XML的共同語言 融合多種設(shè)備和平臺 新一代的人機界面智能和互動,為什么采用面向服務(wù)的體系架構(gòu)?,更大的靈活性 WebService的標(biāo)準(zhǔn)接口 容易與已有數(shù)據(jù)的交換(消息,文檔, 業(yè)務(wù)對象) 更容易集成新的和已有的應(yīng)用 已有系統(tǒng)的界面容易采用WSDL描述和發(fā)布 優(yōu)化業(yè)務(wù)處理性能和服務(wù)質(zhì)量 簡單通用的XML文檔數(shù)據(jù)交換,SOA 的服務(wù)棧,SOA 使用Web S

16、ervices定義其實現(xiàn) Web Services已成型的標(biāo)準(zhǔn)均可使用,Enterprise applications,Enterprise data,Data Access Services,Application Access Services,IBM Software Offerings,Monitoring Services,IBM商務(wù)整合的參考架構(gòu),Model, design, development, test tools,Common Runtime Infrastructure,WebSphere BI Modeler,WebSphere BI Monitor,Web Serv

17、ices Gateway,WebSphere BI Event/Message Broker,WebSphere MQ,WebSphere BI Adapters,DB2 Information Integrator Classic,WebSphere Studio,DB2 Information Integrator,WebSphere Business Integration Server,WebSphere Business Integration Connect,WebSphere Application Server,Enterprise Service Bus,Process Se

18、rvices,Community Integration Services,Application Services,Information Services,WebSphere Portal Server,User Interaction Services,設(shè)計工具和開發(fā)工具,復(fù)雜的網(wǎng)絡(luò)應(yīng)用程序是建立在一定的框架之上的 平臺的選擇關(guān)系到日后的集成 架構(gòu)的設(shè)計和開發(fā)工具顯得日益重要,設(shè)計工具,數(shù)據(jù)建模工具-PowerDesigner 建立和管理關(guān)系數(shù)據(jù)庫模型 數(shù)據(jù) 過程 視圖 用戶角色 訪問權(quán)限 方便的變更控制 文檔自動生成 SQL腳本生成 直接與實體數(shù)據(jù)庫正反向同步,設(shè)計工具,對象建模工具Rational XDE 建立和管理軟件對象模型 需求 分析 設(shè)計 代碼 與開發(fā)工具的有機結(jié)合 XDE for Vi