基于電信資源管理標(biāo)準(zhǔn)控件庫的在線繪圖方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及計(jì)算機(jī)輔助設(shè)計(jì)繪圖技術(shù)領(lǐng)域，具體而言涉及一種基于電信資源管理標(biāo)準(zhǔn)控件庫的在線繪圖方法。
【背景技術(shù)】
[0002]對(duì)于電信資源OSS來說，有大量需要進(jìn)行圖形繪圖的操作。如:機(jī)房平面圖、電信網(wǎng)絡(luò)資源拓?fù)鋱D、路由拓?fù)鋱D、光纜圖等等。如何能夠標(biāo)準(zhǔn)化、快速、清晰的繪圖對(duì)資源項(xiàng)目的使用就顯得尤為重要。同時(shí)資源項(xiàng)目圖形元素以及圖形元素配置參數(shù)信息更新非常快。繪圖信息即時(shí)更新、以及易擴(kuò)展性也非常重要。
[0003]傳統(tǒng)的方式一般會(huì)采用Flash控件繪圖，圖形元素信息以及圖形元素相關(guān)配置都在服務(wù)器中或者在數(shù)據(jù)庫中。繪圖無法滿足電信資源領(lǐng)域標(biāo)準(zhǔn)，在復(fù)雜的繪圖過程中這種傳統(tǒng)的繪圖方式不足之處已經(jīng)日益凸顯:
1、沒有統(tǒng)一的圖形標(biāo)準(zhǔn)，無法滿足電信資源領(lǐng)域標(biāo)準(zhǔn)；
2、傳統(tǒng)電信資源領(lǐng)域繪圖采用FLASH插件的形式瀏覽器穩(wěn)定性差，容易崩潰，瀏覽器兼容非常差；
3、電信資源領(lǐng)域相關(guān)圖形元素和圖形元素配置參數(shù)信息更新困難，需要同步更新程序。成本非常高；
顯而易見，在面對(duì)電信資源領(lǐng)域復(fù)雜的圖形繪制問題，對(duì)于標(biāo)準(zhǔn)統(tǒng)一，高效，流暢穩(wěn)定的繪圖方法的需求就顯得尤為迫切。

【發(fā)明內(nèi)容】

[0004]本發(fā)明旨在針對(duì)傳統(tǒng)電信資源領(lǐng)域繪圖工具中所存在的標(biāo)準(zhǔn)不統(tǒng)一，瀏覽器兼容性差，更新電信資源OSS項(xiàng)目圖形元素信息和圖形元素相關(guān)配置信息困難等問題，提出一種基于電信資源管理標(biāo)準(zhǔn)控件庫的在線繪圖方法，解決傳統(tǒng)的資源繪圖項(xiàng)目相關(guān)資源圖形元素和圖形元素配置信息無法及時(shí)更新的問題，利用本發(fā)明的基于電信資源管理標(biāo)準(zhǔn)控件庫的在線繪圖方法可實(shí)現(xiàn)資源繪圖圖形標(biāo)準(zhǔn)化，瀏覽器兼容性好，穩(wěn)定性高，易于更新。
[0005]本發(fā)明的上述目的通過獨(dú)立權(quán)利要求的技術(shù)特征實(shí)現(xiàn)，從屬權(quán)利要求以另選或有利的方式發(fā)展獨(dú)立權(quán)利要求的技術(shù)特征。
[0006]為達(dá)成上述目的，本發(fā)明提出一種基于電信資源管理標(biāo)準(zhǔn)控件庫的在線繪圖方法，該方法的實(shí)現(xiàn)包括以下步驟:
步驟1、建立符合電信資源領(lǐng)域標(biāo)準(zhǔn)的矢量圖形元素庫，使其滿足電信資源項(xiàng)目中繪圖的各種元素應(yīng)用要求，并將該標(biāo)準(zhǔn)化矢量圖庫放入到資源項(xiàng)目的云服務(wù)中；
步驟2、建立基于XML格式的圖形元素參數(shù)配置庫，對(duì)應(yīng)能夠滿足步驟A中建立的圖形元素庫中的所有圖形的參數(shù)配置；
步驟3、通過HTML5 Canvas+JavaScript+CSS3開發(fā)出資源項(xiàng)目繪圖工具，在客戶端瀏覽器中通過調(diào)用云服務(wù)中的圖形元素庫展示圖形元素； 步驟4、在繪圖控件中配置對(duì)圖形元素進(jìn)行拖拽、連接、復(fù)制的操作支持，并配置資源拓?fù)鋱D；
步驟5、根據(jù)約定的規(guī)范保存和展示已畫出的圖形，將已經(jīng)繪制好的圖形以XML格式的數(shù)據(jù)保存到數(shù)據(jù)庫中。
[0007]本發(fā)明通過一種基于電信資源管理標(biāo)準(zhǔn)控件庫在線繪圖的方法能夠使資源項(xiàng)目中繪圖控件提供更好的瀏覽器兼容性和更高的穩(wěn)定性以及更簡(jiǎn)潔流暢的操作體驗(yàn)，大大提高了資源繪圖效率。同時(shí)通過標(biāo)準(zhǔn)化電信資源圖形元素庫信息，保證了電信資源繪圖的標(biāo)準(zhǔn)化，解決了電信資源OSS領(lǐng)域數(shù)據(jù)標(biāo)準(zhǔn)統(tǒng)一，圖形標(biāo)準(zhǔn)不統(tǒng)一的問題。同時(shí)使客戶端更加輕量化，更新電信資源領(lǐng)域圖形元素庫更加方便。相比傳統(tǒng)電信資源OSS所使用Flash控件繪圖工具有著非常明顯的優(yōu)勢(shì)。
[0008]應(yīng)當(dāng)理解，前述構(gòu)思以及在下面更加詳細(xì)地描述的額外構(gòu)思的所有組合只要在這樣的構(gòu)思不相互矛盾的情況下都可以被視為本公開的發(fā)明主題的一部分。另外，所要求保護(hù)的主題的所有組合都被視為本公開的發(fā)明主題的一部分。
[0009]結(jié)合附圖從下面的描述中可以更加全面地理解本發(fā)明教導(dǎo)的前述和其他方面、實(shí)施例和特征。本發(fā)明的其他附加方面例如示例性實(shí)施方式的特征和/或有益效果將在下面的描述中顯見，或通過根據(jù)本發(fā)明教導(dǎo)的【具體實(shí)施方式】的實(shí)踐中得知。
【附圖說明】
[0010]附圖不意在按比例繪制。在附圖中，在各個(gè)圖中示出的每個(gè)相同或近似相同的組成部分可以用相同的標(biāo)號(hào)表示。為了清晰起見，在每個(gè)圖中，并非每個(gè)組成部分均被標(biāo)記?，F(xiàn)在，將通過例子并參考附圖來描述本發(fā)明的各個(gè)方面的實(shí)施例，其中:
圖1是根據(jù)本發(fā)明某些實(shí)施例的基于電信資源管理標(biāo)準(zhǔn)控件庫的在線繪圖方法的示意圖。
【具體實(shí)施方式】
[0011]為了更了解本發(fā)明的技術(shù)內(nèi)容，特舉具體實(shí)施例并配合所附圖式說明如下。
[0012]在本公開中參照附圖來描述本發(fā)明的各方面，附圖中示出了許多說明的實(shí)施例。本公開的實(shí)施例不必定意在包括本發(fā)明的所有方面。應(yīng)當(dāng)理解，上面介紹的多種構(gòu)思和實(shí)施例，以及下面更加詳細(xì)地描述的那些構(gòu)思和實(shí)施方式可以以很多方式中任意一種來實(shí)施，這是因?yàn)楸景l(fā)明所公開的構(gòu)思和實(shí)施例并不限于任何實(shí)施方式。另外，本發(fā)明公開的一些方面可以單獨(dú)使用，或者與本發(fā)明公開的其他方面的任何適當(dāng)組合來使用。
[0013]結(jié)合圖1所示，根據(jù)本發(fā)明的實(shí)施例，一種基于電信資源管理標(biāo)準(zhǔn)控件庫的在線繪圖方法，該方法的實(shí)現(xiàn)總體上來說包括:建立符合電信資源領(lǐng)域標(biāo)準(zhǔn)的矢量圖形元素庫，使其滿足電信資源項(xiàng)目中繪圖的各種元素應(yīng)用要求，并將該標(biāo)準(zhǔn)化矢量圖庫放入到資源項(xiàng)目的云服務(wù)中；建立基于XML格式的圖形元素參數(shù)配置庫，對(duì)應(yīng)能夠滿足步驟A中建立的圖形元素庫中的所有圖形的參數(shù)配置;通過HTML5 Canvas+JavaScript+CSS3開發(fā)出資源項(xiàng)目繪圖工具，在客戶端瀏覽器中通過調(diào)用云服務(wù)中的圖形元素庫展示圖形元素;在繪圖控件中配置對(duì)圖形元素進(jìn)行拖拽、連接、復(fù)制的操作支持，并配置資源拓?fù)鋱D；根據(jù)約定的規(guī)范保存和展示已畫出的圖形，將已經(jīng)繪制好的圖形以XML格式的數(shù)據(jù)保存到數(shù)據(jù)庫中。
[0014]下面將結(jié)合附圖所示，更加具體地描述前述實(shí)施例的示例性實(shí)施。
[0015]根據(jù)本發(fā)明的公開，結(jié)合圖1，一種基于電信資源管理標(biāo)準(zhǔn)控件庫的在線繪圖方法，具體包括以下步驟:
步驟I建立符合電信資源領(lǐng)域標(biāo)準(zhǔn)的一套矢量資源圖形元素庫；
步驟2、建立基于XML格式統(tǒng)一圖形元素配置標(biāo)準(zhǔn)，將配置信息保存到XML格式文件中；步驟3、將步驟I中建立的標(biāo)準(zhǔn)圖形元素庫放入云服務(wù)中，建立CMS系統(tǒng)對(duì)資源項(xiàng)目圖形元素和其配置信息進(jìn)行管理；即時(shí)更新圖形元素信息和其配置信息；
步驟4、通過HTML5+CSS3+JavaScript創(chuàng)建資源項(xiàng)目繪圖控件，并且能兼容目前絕大部分瀏覽器，通過云服務(wù)調(diào)用圖形元素展示，并能夠進(jìn)行拖拽繪圖和連線；
步驟5、建立基于緩存的圖形元素存取進(jìn)程，已經(jīng)展示的圖形元素將存入緩存中，下次使用時(shí)從緩存中讀取。沒有使用的圖形元素從云服務(wù)中讀?。?br> 步驟6、建立基于XML格式的繪圖信息存儲(chǔ)規(guī)范，能夠保存，展示繪圖信息以及相關(guān)