專(zhuān)利名稱：Ajax框架下基于vml語(yǔ)言的可視圖形化資源配置方法
技術(shù)領(lǐng)域：
本發(fā)明涉及電信行業(yè)資源管理系統(tǒng)中設(shè)備拓?fù)浣Y(jié)構(gòu)的展現(xiàn)、資源配置，包括光纖、 電纜及相關(guān)設(shè)備在邏輯上的配置，應(yīng)用AJAX技術(shù)和VML語(yǔ)言幫助指導(dǎo)光纖、電纜及相關(guān)設(shè) 備的配置，為一種AJAX框架下基于VML語(yǔ)言的可視圖形化資源配置方法。
背景技術(shù)：
隨著Web應(yīng)用的日益發(fā)展，基于AJAX的技術(shù)的運(yùn)用越來(lái)越多的被運(yùn)用到IT系統(tǒng) 中去，以獲得更好的用戶體驗(yàn)。同時(shí)，瀏覽器的展現(xiàn)方式也越來(lái)約豐富，已經(jīng)不滿足于文字、 圖片、列表等形式。 在電信行業(yè)OSS資源管理系統(tǒng)中，電信系統(tǒng)設(shè)備與線路分布廣、連接關(guān)系錯(cuò)綜復(fù) 雜，設(shè)備多更新快且用戶量龐大，難于跟蹤管理，從而導(dǎo)致維護(hù)工作量巨大，傳統(tǒng)的資源線 路/光路分配，往往是通過(guò)輸入一系列的文字查詢條件，以文字列表來(lái)展現(xiàn)數(shù)據(jù)，再閱讀列 表中的設(shè)備、電纜等文字，實(shí)現(xiàn)資源配置過(guò)程。這種處理方式，需要業(yè)務(wù)分配人員對(duì)設(shè)備非 常熟悉，才能夠快速、有效地分配正確的資源，并且，必須記錄一些特定的編碼，通過(guò)編碼來(lái) 限定條件查詢數(shù)據(jù)，否則操作時(shí)間會(huì)延長(zhǎng)許多。最大的缺陷還在于，在列表方式下，無(wú)法一 目了然地看出該設(shè)備在網(wǎng)絡(luò)中的拓?fù)潢P(guān)系。如果能夠使設(shè)備在網(wǎng)絡(luò)中的拓?fù)潢P(guān)系一目了 然，即使業(yè)務(wù)分配人員對(duì)設(shè)備等不十分熟悉也能夠快速、有效的進(jìn)行正確的資源分配，管理 設(shè)備及復(fù)雜的設(shè)備連接關(guān)系，縮短排除障礙的時(shí)間，進(jìn)而提升電信系統(tǒng)的服務(wù)支撐水平。
因此，如何能展現(xiàn)出網(wǎng)絡(luò)拓?fù)鋱D，來(lái)指導(dǎo)、輔助配線/纖等資源的配置過(guò)程對(duì)電信 系統(tǒng)的管理和服務(wù)十分有意義。

發(fā)明內(nèi)容
本發(fā)明要解決的問(wèn)題是現(xiàn)有電信行業(yè)的資源管理和配置操作復(fù)雜，維護(hù)工作量 大，不能看出設(shè)備在網(wǎng)絡(luò)中的拓?fù)潢P(guān)系，需要一種圖形化的資源管理配置方法，能夠直觀、 快速的實(shí)現(xiàn)資源管理和配置。 本發(fā)明的技術(shù)方案為AJAX框架下基于VML語(yǔ)言的可視圖形化資源配置方法，采 用基于AJAX的DWR的框架，結(jié)合微軟IE瀏覽器的VML技術(shù)，展現(xiàn)電纜網(wǎng)、光纜網(wǎng)的網(wǎng)絡(luò)邏 輯拓?fù)鋱D，通過(guò)所述拓?fù)鋱D來(lái)指導(dǎo)、輔助配線/纖工作
A.設(shè)備節(jié)點(diǎn)展現(xiàn) 按照業(yè)務(wù)人員選擇的條件，利用AJAX技術(shù)調(diào)用Web模塊后臺(tái)方法查詢數(shù)據(jù)庫(kù) DEVICE表，得到需要展現(xiàn)的設(shè)備數(shù)據(jù)，利用VML語(yǔ)言的〈v: image〉標(biāo)記加載所有節(jié)點(diǎn)設(shè)備的 圖片，DEVICE表中的RSC_SPEC_ID字段控制加載圖片的類(lèi)型，并通過(guò)設(shè)備展現(xiàn)順序的配置 來(lái)對(duì)設(shè)備節(jié)點(diǎn)進(jìn)行排列；
B.設(shè)備連接展現(xiàn) 通過(guò)利用AJAX技術(shù)調(diào)用Web模塊后臺(tái)方法查詢數(shù)據(jù)庫(kù)side表，得到需要展現(xiàn)的 設(shè)備之間的連接數(shù)據(jù)，根據(jù)DEVICE表的DEVICE_ID來(lái)取得IE瀏覽器中的設(shè)備節(jié)點(diǎn)對(duì)象，用
3屬性clientHeight和clientWidth分別取得兩個(gè)連接設(shè)備在IE瀏覽器中的位置并利用 VML語(yǔ)言的〈v: line〉標(biāo)記繪制設(shè)備的連接關(guān)系； 將設(shè)備節(jié)點(diǎn)展現(xiàn)和設(shè)備連接展現(xiàn)的結(jié)合，即得到電纜網(wǎng)、光纜網(wǎng)的網(wǎng)絡(luò)邏輯拓?fù)?圖。 應(yīng)用本發(fā)明方法進(jìn)行資源配置時(shí)，利用VML語(yǔ)言的屬性〈position:absolute〉來(lái) 實(shí)現(xiàn)業(yè)務(wù)人員在IE瀏覽器中對(duì)設(shè)備節(jié)點(diǎn)的拖動(dòng)，通過(guò)捕獲對(duì)象事件，用屬性clientHeight 和clientWidth取得對(duì)象在IE瀏覽器中的位置，并利用VML語(yǔ)言的〈v: line〉標(biāo)記來(lái)重繪 設(shè)備節(jié)點(diǎn)之間的線路連接；當(dāng)業(yè)務(wù)人員選擇當(dāng)前設(shè)備連接時(shí)，利用屬性strokecolor將設(shè) 備連接線路用色彩區(qū)別標(biāo)識(shí)此連接為當(dāng)前業(yè)務(wù)人員編輯的連接，同時(shí)，利用AJAX技術(shù)調(diào)用 Web模塊后臺(tái)方法查詢數(shù)據(jù)庫(kù)connector表，將當(dāng)前連接的所有空閑纖芯展現(xiàn)出來(lái)供業(yè)務(wù) 人員選擇。 DWR是一禾中基于AJAX (Asynchronous JavaScript and XML，異步JavaScript禾口 XML)的JAVA實(shí)現(xiàn)，它提供了一種能在web瀏覽器端采用JavaScript語(yǔ)言直接調(diào)用后臺(tái)業(yè) 務(wù)商業(yè)組件的解決方案，通過(guò)JavaScript直接調(diào)用遠(yuǎn)程組件，如發(fā)布J2EE的Web模塊，直 接提取數(shù)據(jù)庫(kù)數(shù)據(jù)以JavaScript對(duì)象展現(xiàn)，使得瀏覽器不用刷新頁(yè)面就可以從遠(yuǎn)程Web服 務(wù)器取得用戶需的數(shù)據(jù)，并且會(huì)自動(dòng)根據(jù)瀏覽器類(lèi)型采用最高效率的遠(yuǎn)程組件調(diào)用機(jī)制。
VML為一種簡(jiǎn)潔但功能強(qiáng)大的矢量圖形標(biāo)記語(yǔ)言，結(jié)合JavaScript技術(shù)，模塊化 的實(shí)現(xiàn)線路類(lèi)矢量圖展現(xiàn)、設(shè)備類(lèi)矢量圖展現(xiàn)和網(wǎng)絡(luò)拓?fù)涫噶繄D展現(xiàn)，并對(duì)一系列業(yè)務(wù)人 員所能夠用到的事件處理方式進(jìn)行了封裝，通過(guò)基于AJAX的DWR框架調(diào)用后臺(tái)Web模塊與 數(shù)據(jù)庫(kù)交互，完全實(shí)現(xiàn)了面向前臺(tái)控件式的開(kāi)發(fā)?？砂l(fā)布和移植于各類(lèi)J2EE的服務(wù)器，如 WebSphere 、 Tomcat 、 Web logic等。 本發(fā)明把AJAX技術(shù)和VML技術(shù)相結(jié)合，可實(shí)現(xiàn)電信行業(yè)通用的圖形化資源配置實(shí) 現(xiàn)方式，一般用于資源配置中的配線/纖模塊，并且可完整無(wú)縫的結(jié)合于瀏覽器/服務(wù)器B/ S結(jié)構(gòu)的電信綜合業(yè)務(wù)支撐系統(tǒng)，直接提取資源管理系統(tǒng)中的物理數(shù)據(jù)來(lái)在Web上展現(xiàn)出 電纜網(wǎng)、光纜網(wǎng)的網(wǎng)絡(luò)邏輯拓?fù)鋱D，通過(guò)這樣的圖形拓?fù)鋱D來(lái)指導(dǎo)、輔助配線/纖工作。
本發(fā)明與現(xiàn)有的電信系統(tǒng)資源配置方案相比，無(wú)論在電信資源的線路管理還是線 路分配，其管理模式和展現(xiàn)模式有了很大的提升，從原先單純的數(shù)據(jù)表格到"數(shù)據(jù)表格+圖 形化"的拓?fù)湔宫F(xiàn)，其展現(xiàn)力較傳統(tǒng)有了極大的豐富和提升，同時(shí)對(duì)業(yè)務(wù)人員提供了非常友 好的展示向?qū)?，?duì)于光路、線路的路由的選擇，輔導(dǎo)效果極大；對(duì)資源分配的效率和準(zhǔn)確率 也有相當(dāng)?shù)奶嵘齼r(jià)值，現(xiàn)有的資源配置方案效率和準(zhǔn)確率分別為60%和50%，通過(guò)應(yīng)用本 發(fā)明技術(shù)后效率和準(zhǔn)確率分別為80%和70%以上。本發(fā)明通過(guò)圖形化的資源配置，設(shè)備在 網(wǎng)絡(luò)中的拓?fù)潢P(guān)系一目了然，即使業(yè)務(wù)分配人員對(duì)設(shè)備等不十分熟悉也能夠快速、有效的 進(jìn)行正確的資源分配。并且能很好的管理設(shè)備及復(fù)雜的設(shè)備連接關(guān)系，大大縮短了排除障 礙的時(shí)間。本發(fā)明在"江蘇電信綜合業(yè)務(wù)支撐系統(tǒng)(金牛BSS+0SS)"中的資源分配模塊中 測(cè)試應(yīng)用，取得了良好的應(yīng)用效果，可對(duì)電信行業(yè)開(kāi)展以太網(wǎng)無(wú)源光網(wǎng)絡(luò)(EP0N)業(yè)務(wù)提供 有力的支持。


圖1為本發(fā)明的拓?fù)鋱D展現(xiàn)。
具體實(shí)施例方式
原有配線/配纖的實(shí)現(xiàn)方式為 1)、通過(guò)用戶地址、就近電話、指定的設(shè)備、管理區(qū)、標(biāo)準(zhǔn)地址、指定地址等條件定 位交接箱或者分線盒等設(shè)備； 2)、展現(xiàn)根據(jù)條件查詢出來(lái)的設(shè)備供操作人員選擇，并展現(xiàn)設(shè)備的編碼、名稱、地 址、管理區(qū)等設(shè)備基本屬性； 3)、根據(jù)用戶選擇的設(shè)備展現(xiàn)所有下連設(shè)備供用戶選擇。 通過(guò)以上描述不難看出，通過(guò)文本加列表的方式展現(xiàn)的配置方式很難讓業(yè)務(wù)人員 準(zhǔn)確、高效的完成電路或者光路的配置，需要在相關(guān)業(yè)務(wù)人員的幫助或者參考其他資料的 情況下才能夠完成一條電路或者光路的配置。顯然這與電信綜合業(yè)務(wù)支撐系統(tǒng)的宗旨完全 不符，更為后期線路或者是光路的維護(hù)工作帶來(lái)極大的困難。 原數(shù)據(jù)表格式配纖首先根據(jù)各種不同條件來(lái)查詢出符合條件的設(shè)備，選中某單獨(dú)
的設(shè)備后需要對(duì)網(wǎng)絡(luò)拓?fù)溆邢喈?dāng)了解的業(yè)務(wù)人員在參考光路資料或者是和相關(guān)業(yè)務(wù)人員
交流下才能進(jìn)行下一個(gè)連接設(shè)備的選擇，再在參考光纖數(shù)據(jù)及資料或者是和相關(guān)人員的溝
通下才能選擇相應(yīng)的光纖進(jìn)行配置，如此反復(fù)多次，最終完成一條完整的光路配置。這種人
為參與及辨別的配置方式不僅僅效率低下、準(zhǔn)確率不高、后期維護(hù)困難并且在復(fù)雜的網(wǎng)絡(luò)
拓?fù)渲泻茈y配置一條正確的光路，完全不符合電信IT支撐業(yè)務(wù)的理念。 本發(fā)明采用基于AJAX的DWR的框架，結(jié)合微軟IE瀏覽器的VML技術(shù)，展現(xiàn)電纜網(wǎng)、
光纜網(wǎng)的網(wǎng)絡(luò)邏輯拓?fù)鋱D，通過(guò)所述拓?fù)鋱D來(lái)指導(dǎo)、輔助配線/纖工作 A.設(shè)備節(jié)點(diǎn)展現(xiàn) 按照業(yè)務(wù)人員選擇的條件，利用AJAX技術(shù)調(diào)用Web模塊后臺(tái)方法查詢數(shù)據(jù)庫(kù) DEVICE表，得到需要展現(xiàn)的設(shè)備數(shù)據(jù)，利用VML語(yǔ)言的〈v: image〉標(biāo)記加載所有節(jié)點(diǎn)設(shè)備的 圖片，DEVICE表中的RSC_SPEC_ID字段控制加載圖片的類(lèi)型，并通過(guò)設(shè)備展現(xiàn)順序的配置 來(lái)對(duì)設(shè)備節(jié)點(diǎn)進(jìn)行排列；
B.設(shè)備連接展現(xiàn) 通過(guò)利用AJAX技術(shù)調(diào)用Web模塊后臺(tái)方法查詢數(shù)據(jù)庫(kù)side表，得到需要展現(xiàn)的 設(shè)備之間的連接數(shù)據(jù)，根據(jù)DEVICE表的DEVICE_ID來(lái)取得IE瀏覽器中的設(shè)備節(jié)點(diǎn)對(duì)象，用 屬性clientHeight和clientWidth分別取得兩個(gè)連接設(shè)備在IE瀏覽器中的位置并利用 VML語(yǔ)言的〈v: line〉標(biāo)記繪制設(shè)備的連接關(guān)系； 將設(shè)備節(jié)點(diǎn)展現(xiàn)和設(shè)備連接展現(xiàn)的結(jié)合，即得到電纜網(wǎng)、光纜網(wǎng)的網(wǎng)絡(luò)邏輯拓?fù)?圖，如圖1。 應(yīng)用本發(fā)明方法進(jìn)行資源配置時(shí)，利用VML語(yǔ)言的屬性〈position:absolute〉來(lái) 實(shí)現(xiàn)業(yè)務(wù)人員在IE瀏覽器中對(duì)設(shè)備節(jié)點(diǎn)的拖動(dòng)，通過(guò)捕獲對(duì)象事件，用屬性clientHeight 和clientWidth取得對(duì)象在IE瀏覽器中的位置，并利用VML語(yǔ)言的〈v: line〉標(biāo)記來(lái)重繪 設(shè)備節(jié)點(diǎn)之間的線路連接；當(dāng)業(yè)務(wù)人員選擇當(dāng)前設(shè)備連接時(shí)，利用屬性strokecolor將設(shè) 備連接線路用色彩區(qū)別標(biāo)識(shí)此連接為當(dāng)前業(yè)務(wù)人員編輯的連接，同時(shí)，利用AJAX技術(shù)調(diào)用 Web模塊后臺(tái)方法查詢數(shù)據(jù)庫(kù)connector表，將當(dāng)前連接的所有空閑纖芯展現(xiàn)出來(lái)供業(yè)務(wù) 人員選擇。
5
由于本發(fā)明是完全基于瀏覽器的，所以整體保持了 B/S結(jié)構(gòu)的相對(duì)簡(jiǎn)單性。使用 時(shí)，主要步驟如下 1)將本發(fā)明方法發(fā)布編輯到Web模塊中，配置連接電信資源管理的數(shù)據(jù)庫(kù)；
2)業(yè)務(wù)支撐系統(tǒng)，直接通過(guò)http協(xié)議來(lái)調(diào)用本發(fā)明所在模塊提供的URL，該模塊 返回為通用的XML數(shù)據(jù)對(duì)象； 3)業(yè)務(wù)系統(tǒng)收取圖形化配纖返回的XML數(shù)據(jù)，做解析，即可完全運(yùn)用到自己的業(yè) 務(wù)模塊中去了。 本發(fā)明通過(guò)用圖形化配置的方式對(duì)業(yè)務(wù)人員，提供了非常友好的展示向?qū)?。業(yè)務(wù) 人員通過(guò)各種條件查詢出符合條件的設(shè)備后，程序自動(dòng)展現(xiàn)該設(shè)備所在的所有的網(wǎng)絡(luò)拓?fù)?結(jié)構(gòu)圖，設(shè)備連接等關(guān)系一 目了然，即使業(yè)務(wù)人員對(duì)設(shè)備、光纖等信息不是很熟悉的情況下 也能夠輕松的配置出一條完整的光路。在后期光路維護(hù)當(dāng)中，程序用不同的顏色來(lái)標(biāo)識(shí)區(qū) 分當(dāng)前光路和要修改的光路，非常清晰、直觀地供業(yè)務(wù)人員進(jìn)行操作。并且對(duì)于光路、線路 路由的選擇，輔導(dǎo)效果極大；對(duì)資源分配的效率和準(zhǔn)確率也有相當(dāng)?shù)奶嵘齼r(jià)值?，F(xiàn)有的資源 配置方案效率和準(zhǔn)確率分別為60%和50%，通過(guò)應(yīng)用本發(fā)明技術(shù)后效率和準(zhǔn)確率分別為 80%和70%以上。 本發(fā)明一個(gè)應(yīng)用實(shí)施例如下 1)、通過(guò)地區(qū)、管理區(qū)、用戶地址、標(biāo)準(zhǔn)地址以及指定設(shè)備編碼定位最末端的光分 線盒，通過(guò)末端設(shè)備自動(dòng)檢索數(shù)據(jù)庫(kù)向上拓?fù)湔宫F(xiàn)光路信息以及設(shè)備供用戶操作；
2)、選中光路上的一個(gè)設(shè)備，可直觀展示設(shè)備名稱、編碼、類(lèi)型、電信管理區(qū)、地址 等詳細(xì)信息； 3)、根據(jù)用戶選擇的光纜段直觀展現(xiàn)可供業(yè)務(wù)操作人員操作的纖芯，業(yè)務(wù)操作人 員可以根據(jù)實(shí)際需要加入需要配置的纖芯信息；或根據(jù)電信專(zhuān)業(yè)網(wǎng)路線路要求，自動(dòng)選擇 纖芯； 4)、通過(guò)指定光纜，對(duì)自動(dòng)分配的纖芯進(jìn)行調(diào)整；
5)、配第二段路由，多路由則重復(fù)以上操作步驟。
權(quán)利要求
AJAX框架下基于VML語(yǔ)言的可視圖形化資源配置方法，其特征是采用基于AJAX的DWR的框架，結(jié)合微軟IE瀏覽器的VML技術(shù)，展現(xiàn)電纜網(wǎng)、光纜網(wǎng)的網(wǎng)絡(luò)邏輯拓?fù)鋱D，通過(guò)所述拓?fù)鋱D來(lái)指導(dǎo)、輔助配線/纖工作A.設(shè)備節(jié)點(diǎn)展現(xiàn)按照業(yè)務(wù)人員選擇的條件，利用AJAX技術(shù)調(diào)用Web模塊后臺(tái)方法查詢數(shù)據(jù)庫(kù)DEVICE表，得到需要展現(xiàn)的設(shè)備數(shù)據(jù)，利用VML語(yǔ)言的<v:image>標(biāo)記加載所有節(jié)點(diǎn)設(shè)備的圖片，DEVICE表中的RSC_SPEC_ID字段控制加載圖片的類(lèi)型，并通過(guò)設(shè)備展現(xiàn)順序的配置來(lái)對(duì)設(shè)備節(jié)點(diǎn)進(jìn)行排列；B.設(shè)備連接展現(xiàn)通過(guò)利用AJAX技術(shù)調(diào)用Web模塊后臺(tái)方法查詢數(shù)據(jù)庫(kù)side表，得到需要展現(xiàn)的設(shè)備之間的連接數(shù)據(jù)，根據(jù)DEVICE表的DEVICE_ID來(lái)取得IE瀏覽器中的設(shè)備節(jié)點(diǎn)對(duì)象，用屬性clientHeight和clientWidth分別取得兩個(gè)連接設(shè)備在IE瀏覽器中的位置并利用VML語(yǔ)言的<v:line>標(biāo)記繪制設(shè)備的連接關(guān)系；將設(shè)備節(jié)點(diǎn)展現(xiàn)和設(shè)備連接展現(xiàn)的結(jié)合，即得到電纜網(wǎng)、光纜網(wǎng)的網(wǎng)絡(luò)邏輯拓?fù)鋱D。
2. 根據(jù)權(quán)利要求1所述的AJAX框架下基于VML語(yǔ)言的可視圖形化資源配置方法，其 特征是進(jìn)行資源配置時(shí)，利用VML語(yǔ)言的屬性〈position:absolute〉來(lái)實(shí)現(xiàn)業(yè)務(wù)人員在IE 瀏覽器中對(duì)設(shè)備節(jié)點(diǎn)的拖動(dòng)，通過(guò)捕獲對(duì)象事件，用屬性clientHeight和clientWidth取 得對(duì)象在IE瀏覽器中的位置，并利用VML語(yǔ)言的〈v:line〉標(biāo)記來(lái)重繪設(shè)備節(jié)點(diǎn)之間的線 路連接；當(dāng)業(yè)務(wù)人員選擇當(dāng)前設(shè)備連接時(shí)，利用屬性strokecolor將設(shè)備連接線路用色彩 區(qū)別標(biāo)識(shí)此連接為當(dāng)前業(yè)務(wù)人員編輯的連接，同時(shí)，利用AJAX技術(shù)調(diào)用Web模塊后臺(tái)方法 查詢數(shù)據(jù)庫(kù)co皿ector表，將當(dāng)前連接的所有空閑纖芯展現(xiàn)出來(lái)供業(yè)務(wù)人員選擇。
全文摘要
AJAX框架下基于VML語(yǔ)言的可視圖形化資源配置方法，采用基于AJAX的DWR的框架，結(jié)合微軟IE瀏覽器的VML技術(shù)，展現(xiàn)電纜網(wǎng)、光纜網(wǎng)的網(wǎng)絡(luò)邏輯拓?fù)鋱D，通過(guò)所述拓?fù)鋱D來(lái)指導(dǎo)、輔助配線/纖工作。本發(fā)明與現(xiàn)有的電信系統(tǒng)資源配置方案相比，無(wú)論在電信資源的線路管理還是線路分配，其管理模式和展現(xiàn)模式有了很大的提升，對(duì)資源分配的效率和準(zhǔn)確率也有相當(dāng)?shù)奶嵘１景l(fā)明通過(guò)圖形化的資源配置，設(shè)備在網(wǎng)絡(luò)中的拓?fù)潢P(guān)系一目了然，能夠快速、有效的進(jìn)行正確的資源分配，并且能很好的管理設(shè)備及復(fù)雜的設(shè)備連接關(guān)系，大大縮短了排除障礙的時(shí)間。
文檔編號(hào)H04L12/24GK101719839SQ200910213508
公開(kāi)日2010年6月2日 申請(qǐng)日期2009年11月4日 優(yōu)先權(quán)日2009年11月4日
發(fā)明者余志剛, 姚海虹, 張進(jìn), 朱志昊, 王驗(yàn)兵, 陳赫赫 申請(qǐng)人:南京聯(lián)創(chuàng)科技集團(tuán)股份有限公司