基于工具集的web應用開發(fā)幫助手冊for silverlight

1第1章Web應用開發(fā)概 基于工具集的Web應用開發(fā)簡 基于工具集的Web應用開發(fā)標 第2章基于JavaScript的Web應用開發(fā)模 開發(fā)簡 整體架 第3章基于Silverlight的Web應用框架開 總體流 框 配置JSON文 JSON文件 編譯框 第4章基于Silverlight的Web插件擴展開 總體流 添加插件方 配置JSON文 配置插 運行結 打包插 發(fā)布插 第5章常見問題解 第1Web應用開發(fā)基于工具集的Web應用開發(fā)簡介WebWeb應用框架和框架相關的擴展插件，用戶先選擇自己需要的Web應用框架，然后選擇該框架相應的擴展插件，最終生成Web應用定制包并安裝。后期根據(jù)擴展需要可在Web應用超市中重新定制Web應用并更新本地Web應用。自行開WebWebWeb應用超市供用戶(2)Web應用超市中的已有Web應用框架和相關的擴展插件，根據(jù)插件擴展規(guī)范擴展Web應用框架中的功能，生成插件包，并上載到Web應用超市中豐富其中的客戶端用戶定制并Web應用到本地，使用Web應用安裝器將安裝包安裝到本地MapGISIGServer運行時環(huán)境中，包括示例數(shù)據(jù)安裝、功能庫擴展、服務擴展、站點發(fā)布，WebWeb框架以及功能插件，快速搭建一個持自由定制和擴展，加入Web應用超市?；诠ぞ呒腤eb應用開發(fā)標準Web應用系統(tǒng)開發(fā)一般標準WebWebGIS應用框架WebWeb應用框插程插程功能插裝載功能插件工具功能插件功能插件功能插件1.1基于工具集的Web應用開發(fā)結構說一 編譯后的插件將存放于Web項目的$$tools$$ Web應用框架，即為Web項目的基礎框架。例如，WebGIS息，Web應用框架解析該配置文件，將功能插件裝載到制定網(wǎng)頁版塊中。Web應用系統(tǒng)編譯打包后的根 名稱以框架ID命名，{frameID}文件夾框架 為表1.1：1.1Web應用框架打包結t存放web框架相關說明文 注：以上文件夾的生成是根據(jù)實際Web應用框架選擇對應文件后生成，若沒有選擇相關項，則不會生WebID命名的文件夾，插件所有文件均存放與此文件Web應用系統(tǒng)打包上載規(guī)范存放于..\MapGIS10\ProgramWeb應用框架、Web應用插件打包工具，打包工具相關操作參見第3Web應用框架打包小節(jié)以及第4章功能插件打包。第2章基于JavaScript應用開發(fā)模式息Web框架站點功能插件功能插件

功能插 2.1JavaScript的架構Web應用框架通過$$framework$$.json文件，功能插件配置信息動態(tài)xap文件,文件中需要的dll文件，創(chuàng)建插件資源為UIElement資源，獲取根據(jù)插件創(chuàng)建UI功能菜單，設置菜單點擊，調(diào)用插件方法第3章基于Silverlight應用框架開發(fā)WebWeb應用框架和框架相關的擴展插件，用戶先選擇自己需要的Web應用框架，然后選擇該框架相應的擴展插件，最終生成Web應用定制包并安裝。后期根據(jù)擴展需要可在Web應用超市中重新定制Web應用并更新本地Web應用。WebWebGIS應用框架要提供符合標準的Web應用框架。三大步驟圖3.1：框架定框架定框架打框架發(fā)

3.1框架開發(fā)流Web框架Web應用框架定制在此步根據(jù)不業(yè)功能需求，根據(jù)Web應用框架規(guī)范定制不同的行業(yè)框架以及界面顯示樣式。Web應用框架定制流程如下圖3.2所示：組 3.2Web應用框架定制組 基于Silverlight物流案例框架設下圖3.3所示：3.3示例框在SilverlightSilverlight框架中，涉及插件調(diào)用框架中的全局對象或屬性，與JS框架的調(diào)給插件，在MainPage.xaml.cs3.1所示，在插件中即可獲取，具體獲取方式參見4.3.2小節(jié)框架全局對象。3、3、Invoke Typetm.Invoke(App.Current.RootVisual,null); 功能插件功能插件圖3.4全局屬性插件方程序代3.1框架定義取全局對象的方publicIMSMap{return}{return}{return}框 結 結構，如圖3.5所示圖3.5框 為工具插件的根，其他插件均存放于此下；“$$framework$$.json”為插件的配置文配置JSON文件tools字段中，根據(jù)布局框架時定義的菜單結構，自定義需要的字段；“$$framework$$.json”文件信息如下圖3.6所示：3.6$$framework.json配置信Web框架netframeworkWeb應用框架調(diào)用插件的tools3.23.2tools結點中調(diào)用插件配插件功能插件編譯后的xap文在框架中需要動態(tài)加載的功能插件dll庫注：單個tools的參數(shù)里除imgSrc、xapPath、mainName、FunName是自定義設定外，其他均為插件打JSON文件加載dll文件。配置好JSON文件后，在Silverlight的生成工具條的文件中編寫JSON文件的代碼，如程序代碼3.2所示：程序代碼3.2JSON文/////////JSONJSON///publicvoid{downloader=newpleted+=}/// ///public{JsonObject_data=JsonObject.Load(e.Result)asJsonObject;pluginJSON=_data["tools"]asJsonArray; }}在JSON文件回調(diào)中，tools中的xapPath字段配置信息，動態(tài)xap文件，如下程序代碼3.3所示。程序代碼3.3動態(tài)xap文////// ///<paramname="xapPath">JSONtools中的xapPath值///<paramname="toolID">插件ID</param>publicvoidloadXAP(stringxapPathstringtoolID){//1?使用 =newstringpath$$tools$$toolIDxapPath; }xap文件成功后，在App pleted回調(diào)中動態(tài)加載對應的dll如程序代碼3.4所示。程序代3.4dll文件實///XAPCanvas//////<paramname="resultStream">使用Web privatevoidCreateXAPResource(stringdllStr,stringmainStr,StreamresultStream){StreamResourceInfo(resultStreamasStream,null),newUri(dllStr,AssemblyPartassemblyPart=newAssemblyassembly=Typet=element.GetType(); creatUI(element,fun);}程序代3.5UI，關聯(lián)插件方/////////UI//////<paramname="fun">插 {btn.Click+=new}//////{} 3.7運行框架界編譯框Silverlight項目框架測試好后，需要編譯成站點文件，選擇.web項目右鍵發(fā)布，如圖3.8所示。3.8選擇發(fā)布項在彈出的框選擇發(fā)布的路徑等設置，即可發(fā)布成站點文件，如 3.9所示3.9設置路徑等信Web應用框架打包WebWeb框架使用的數(shù)據(jù)、工作流、服務擴展以及使用的插件打包成一個符合規(guī)范的Web應用框架包，上載至Web超市，供用戶下3.11所示。IIS版本、應用程序池.netframework版本，在框架中使用的數(shù)據(jù)庫 Web3.12設置框架基本完成。如下圖3.13所示：3.13框架打包成打包完成后，會生成一個Web應用框架.webpkg壓縮包，位于..\MapGIS于Silverlight物流案例如圖3.14所示。3.14生成的框架Web應用框架發(fā)布Web應用框架打包完成后即可使用Web應用框架上載工具上傳到Web應用超市供用戶使用，Web應用超市上傳地址為{aeID}\xxebpkg（3.16品分類選擇：WEB應用→可定制應用→基礎，如圖3.15所示；3.15框架上傳通用信息設3.16框架文件路詳細描述，添加文本或詳細描述框架功能，如圖3.17所3.17框架功能詳細描注：依賴此框架的插件須先上傳到web應用超市后，再在此設置插件列表3.18設置插件列第4章基于Silverlight插件擴展開發(fā)能插件開發(fā)。總體流程如下圖4.1所示：4.1插件開發(fā)流發(fā)環(huán)境工具打開框架站點，另一種是直接開發(fā)定制所需要的Web應用框架；裝載到Web應用框架中；下面以“基于Silverlight的物流案例”為例進行講解。Web應用框架準備Web如下圖4.2、圖4.3、圖4.4所示。4.24.3解壓框架以及發(fā)布框4.4框架安裝成框架正常安裝之后，會自動將框架以站點形式發(fā)布到WebWeb服務器上（如IIS?？蚣苷军c文件位于..\MapGIS10\Program\WebShopApplications\{frameID}文件夾中；例如基于SilverlightSilverlight物流案例框架安裝后如圖4.5所示。4.5安裝后結功能插件開發(fā)創(chuàng)建插件項目4.6創(chuàng)建項4.7框架全局對象在項目的MainPage.xaml.cs頁面，編寫框架全局對象的方法，例如在基于Silverlight程序代碼4.1框架全局對象方usingusingprivatevoidgetMapContainer()Typet=MethodInfomt.GetMethod("getIMSMap");}實現(xiàn)插件功能添加插件方如程序代碼4.2所示。程序代碼4.2添加插件方publicvoid{if{}m.mapContainer=this.map;m.mapContainer=this.map;}配置JSON文配置參數(shù)如圖4.8所示，主要是設置插件id，插件按鈕的和插件xap文件名，dll4.8配置文件信4.44.1。插件實現(xiàn)完成后，會在.Web項目的clienbin中生成一個xap文件，如圖4.9所示。配置插打開Web框架站點：一種是從Web應用超市的基于Silverlight的Web應用框架，，將框架站點源碼導入到VS2010中，該框架源碼一般位于..\MapGIS10\Program\WebShopApplications\{frameID}\$$others$$ 發(fā)的Web框架項目，則直接打開框架項目；在VS2010的框架項目的.Web項目中添加存放插件的文件夾 于存放功能插件（.xap 下面以基于Silverlight物流案例為例：..\MapGIS10\Program\WebShopApplications\c826e4bb6c124384ac3d90fe6e4fb828，在此下的“$$others$$VS2010中,然后在框架圖4.10所示：4.10導入框架源4.10中如“01”是一個工具插件的文件夾名稱，可以自定義，在插件打包安裝過程，系統(tǒng)會隨機生成一個插件ID，該名稱將無效。注：{frameID}是框架ID號，框架的所有文件存放于此文件夾中運行結4.11運行結4.12打開插件打包工4.13配置插件信4.15插件文件選其它資源：若工具插件中需要相關矢量