CN105574114A - 基于电信资源管理标准控件库的在线绘图方法 - Google Patents
基于电信资源管理标准控件库的在线绘图方法 Download PDFInfo
- Publication number
- CN105574114A CN105574114A CN201510928555.7A CN201510928555A CN105574114A CN 105574114 A CN105574114 A CN 105574114A CN 201510928555 A CN201510928555 A CN 201510928555A CN 105574114 A CN105574114 A CN 105574114A
- Authority
- CN
- China
- Prior art keywords
- graphic element
- configuration information
- telecommunication resources
- method based
- xml format
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/80—Information retrieval; Database structures therefor; File system structures therefor of semi-structured data, e.g. markup language structured data such as SGML, XML or HTML
- G06F16/83—Querying
- G06F16/838—Presentation of query results
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
本发明提供一种基于电信资源管理标准控件库的在线绘图方法,面对电信资源领域绘图图形元素不符合标准,传统的绘图控件对浏览器版本要求较高、并且Flash各个版本存在兼容性问题、浏览器兼容性很差的问题,本发明通过使用HTML5+CSS能够实现绘图控件更加的美观简洁,更好的浏览器兼容性和更好的稳定性。通过云服务和缓存的方式减少客户端压力,使绘图控件运行更加流畅,并且通过云服务的方式能够及时的更新资源项目中的图形元素和其配置信息,面对电信资源相关硬件信息更新越来越快,配置信息越来越复杂的情况,极大的降低了频繁的更新升级***的成本。
Description
技术领域
本发明涉及计算机辅助设计绘图技术领域,具体而言涉及一种基于电信资源管理标准控件库的在线绘图方法。
背景技术
对于电信资源OSS来说,有大量需要进行图形绘图的操作。如:机房平面图、电信网络资源拓扑图、路由拓扑图、光缆图等等。如何能够标准化、快速、清晰的绘图对资源项目的使用就显得尤为重要。同时资源项目图形元素以及图形元素配置参数信息更新非常快。绘图信息即时更新、以及易扩展性也非常重要。
传统的方式一般会采用Flash控件绘图,图形元素信息以及图形元素相关配置都在服务器中或者在数据库中。绘图无法满足电信资源领域标准,在复杂的绘图过程中这种传统的绘图方式不足之处已经日益凸显:
1、没有统一的图形标准,无法满足电信资源领域标准;
2、传统电信资源领域绘图采用FLASH插件的形式浏览器稳定性差,容易崩溃,浏览器兼容非常差;
3、电信资源领域相关图形元素和图形元素配置参数信息更新困难,需要同步更新程序。成本非常高;
显而易见,在面对电信资源领域复杂的图形绘制问题,对于标准统一,高效,流畅稳定的绘图方法的需求就显得尤为迫切。
发明内容
本发明旨在针对传统电信资源领域绘图工具中所存在的标准不统一,浏览器兼容性差,更新电信资源OSS项目图形元素信息和图形元素相关配置信息困难等问题,提出一种基于电信资源管理标准控件库的在线绘图方法,解决传统的资源绘图项目相关资源图形元素和图形元素配置信息无法及时更新的问题,利用本发明的基于电信资源管理标准控件库的在线绘图方法可实现资源绘图图形标准化,浏览器兼容性好,稳定性高,易于更新。
本发明的上述目的通过独立权利要求的技术特征实现,从属权利要求以另选或有利的方式发展独立权利要求的技术特征。
为达成上述目的,本发明提出一种基于电信资源管理标准控件库的在线绘图方法,该方法的实现包括以下步骤:
步骤1、建立符合电信资源领域标准的矢量图形元素库,使其满足电信资源项目中绘图的各种元素应用要求,并将该标准化矢量图库放入到资源项目的云服务中;
步骤2、建立基于XML格式的图形元素参数配置库,对应能够满足步骤A中建立的图形元素库中的所有图形的参数配置;
步骤3、通过HTML5Canvas+JavaScript+CSS3开发出资源项目绘图工具,在客户端浏览器中通过调用云服务中的图形元素库展示图形元素;
步骤4、在绘图控件中配置对图形元素进行拖拽、连接、复制的操作支持,并配置资源拓扑图;
步骤5、根据约定的规范保存和展示已画出的图形,将已经绘制好的图形以XML格式的数据保存到数据库中。
本发明通过一种基于电信资源管理标准控件库在线绘图的方法能够使资源项目中绘图控件提供更好的浏览器兼容性和更高的稳定性以及更简洁流畅的操作体验,大大提高了资源绘图效率。同时通过标准化电信资源图形元素库信息,保证了电信资源绘图的标准化,解决了电信资源OSS领域数据标准统一,图形标准不统一的问题。同时使客户端更加轻量化,更新电信资源领域图形元素库更加方便。相比传统电信资源OSS所使用Flash控件绘图工具有着非常明显的优势。
应当理解,前述构思以及在下面更加详细地描述的额外构思的所有组合只要在这样的构思不相互矛盾的情况下都可以被视为本公开的发明主题的一部分。另外,所要求保护的主题的所有组合都被视为本公开的发明主题的一部分。
结合附图从下面的描述中可以更加全面地理解本发明教导的前述和其他方面、实施例和特征。本发明的其他附加方面例如示例性实施方式的特征和/或有益效果将在下面的描述中显见,或通过根据本发明教导的具体实施方式的实践中得知。
附图说明
附图不意在按比例绘制。在附图中,在各个图中示出的每个相同或近似相同的组成部分可以用相同的标号表示。为了清晰起见,在每个图中,并非每个组成部分均被标记。现在,将通过例子并参考附图来描述本发明的各个方面的实施例,其中:
图1是根据本发明某些实施例的基于电信资源管理标准控件库的在线绘图方法的示意图。
具体实施方式
为了更了解本发明的技术内容,特举具体实施例并配合所附图式说明如下。
在本公开中参照附图来描述本发明的各方面,附图中示出了许多说明的实施例。本公开的实施例不必定意在包括本发明的所有方面。应当理解,上面介绍的多种构思和实施例,以及下面更加详细地描述的那些构思和实施方式可以以很多方式中任意一种来实施,这是因为本发明所公开的构思和实施例并不限于任何实施方式。另外,本发明公开的一些方面可以单独使用,或者与本发明公开的其他方面的任何适当组合来使用。
结合图1所示,根据本发明的实施例,一种基于电信资源管理标准控件库的在线绘图方法,该方法的实现总体上来说包括:建立符合电信资源领域标准的矢量图形元素库,使其满足电信资源项目中绘图的各种元素应用要求,并将该标准化矢量图库放入到资源项目的云服务中;建立基于XML格式的图形元素参数配置库,对应能够满足步骤A中建立的图形元素库中的所有图形的参数配置;通过HTML5Canvas+JavaScript+CSS3开发出资源项目绘图工具,在客户端浏览器中通过调用云服务中的图形元素库展示图形元素;在绘图控件中配置对图形元素进行拖拽、连接、复制的操作支持,并配置资源拓扑图;根据约定的规范保存和展示已画出的图形,将已经绘制好的图形以XML格式的数据保存到数据库中。
下面将结合附图所示,更加具体地描述前述实施例的示例性实施。
根据本发明的公开,结合图1,一种基于电信资源管理标准控件库的在线绘图方法,具体包括以下步骤:
步骤1建立符合电信资源领域标准的一套矢量资源图形元素库;
步骤2、建立基于XML格式统一图形元素配置标准,将配置信息保存到XML格式文件中;
步骤3、将步骤1中建立的标准图形元素库放入云服务中,建立CMS***对资源项目图形元素和其配置信息进行管理;即时更新图形元素信息和其配置信息;
步骤4、通过HTML5+CSS3+JavaScript创建资源项目绘图控件,并且能兼容目前绝大部分浏览器,通过云服务调用图形元素展示,并能够进行拖拽绘图和连线;
步骤5、建立基于缓存的图形元素存取进程,已经展示的图形元素将存入缓存中,下次使用时从缓存中读取。没有使用的图形元素从云服务中读取;
步骤6、建立基于XML格式的绘图信息存储规范,能够保存,展示绘图信息以及相关配置信息。
在一些例子中,前述步骤1中矢量图形元素库的构建包括:
1-1、根据标准画出所有矢量图标;
1-2、将汇总图标放入固定位置,并对每个图标编号;
1-3、将图标编号以及图标对应地址和其他相关信息存入数据库中形成矢量图形元素库。
在一些例子中,前述步骤2中,我们将建立基于XML格式统一的图形元素配置标准,将配置信息保存到XML格式文件中,其具体实现包括:
2-1、建立基于XML格式的图形元素配置规则库;
2-2、将图形元素配置信息通过XML形式保存到数据库中。
在一些例子中,前述步骤3中,我们将标准图形元素库放入云服务中,建立CMS***对资源项目图形元素和其配置信息进行管理,即时更新图形元素信息和其配置信息。具体包括:
3-1、启用云服务,远程下载图形元素和其配置信息;
3-2、建立图形元素库的CMS管理***,对图形元素进行维护操作,并且维护其配置信息。
优选地,在云服务中获取图形元素照片及相关配置信息,速度不低于50数据/每秒。
在一些例子中,步骤4的实现具体包括:
4-1、基于HTML5Canvas进行图形的绘制;
4-2、通过CSS3对绘图控件页面进行美化;
4-3、通过JavaScript进行相关动作的处理,以及AJAX提交后台保存数据。
在一些例子中,步骤5的实现具体包括:
5-1、建立基于缓存的数据读取进程。
5-2、建立缓存数据及时查询功能。
在一些例子中,步骤6的实现具体包括:
6-1、建立绘图信息存储规范;
6-2、保存XML格式数据进入数据库。
由以上本发明的技术方案的基于电信资源管理标准控件库的在线绘图方法,面对电信资源领域绘图图形元素不符合标准的问题,以及传统的绘图控件都是采用FLASH进行绘图,控件对浏览器版本要求较高,并且Flash各个版本存在兼容性问题,浏览器兼容性很差,本发明通过使用HTML5+CSS能够实现绘图控件更加的美观简洁,更好的浏览器兼容性和更好的稳定性。通过云服务和缓存的方式减少客户端压力,使绘图控件运行更加流畅,并且通过云服务的方式能够及时的更新资源项目中的图形元素和其配置信息,面对电信资源相关硬件信息更新越来越快,配置信息越来越复杂的情况,极大的降低了频繁的更新升级***的成本。优势非常明显。
值得理解的,本发明的前述技术方案中未加详细描述的部分,本领域技术人员可以预见到是可以采用现有技术中的相同或者相关的技术方案来实现,在本公开的内容中不再赘述。
虽然本发明已以较佳实施例揭露如上,然其并非用以限定本发明。本发明所属技术领域中具有通常知识者,在不脱离本发明的精神和范围内,当可作各种的更动与润饰。因此,本发明的保护范围当视权利要求书所界定者为准。
Claims (7)
1.一种基于电信资源管理标准控件库的在线绘图方法,其特征在于,具体包括以下步骤:
步骤1建立符合电信资源领域标准的一套矢量资源图形元素库;
步骤2、建立基于XML格式统一图形元素配置标准,将配置信息保存到XML格式文件中;
步骤3、将步骤1中建立的标准图形元素库放入云服务中,建立CMS***对资源项目图形元素和其配置信息进行管理;即时更新图形元素信息和其配置信息;
步骤4、通过HTML5+CSS3+JavaScript创建资源项目绘图控件,通过云服务调用图形元素展示,并支持进行拖拽绘图和连线;
步骤5、建立基于缓存的图形元素存取进程,已经展示的图形元素将存入缓存中,下次使用时从缓存中读取,没有使用的图形元素从云服务中读取;
步骤6、建立基于XML格式的绘图信息存储规范,展示绘图信息以及相关配置信息。
2.根据权利要求1所述的基于电信资源管理标准控件库的在线绘图方法,其特征在于,前述步骤1中矢量图形元素库的构建包括:
1-1、根据标准画出所有矢量图标;
1-2、将汇总图标放入固定位置,并对每个图标编号;
1-3、将图标编号以及图标对应地址和其他相关信息存入数据库中形成矢量图形元素库。
3.根据权利要求1所述的基于电信资源管理标准控件库的在线绘图方法,其特征在于,前述步骤2中,建立基于XML格式统一的图形元素配置标准,将配置信息保存到XML格式文件中,其具体实现包括:
2-1、建立基于XML格式的图形元素配置规则库;
2-2、将图形元素配置信息通过XML形式保存到数据库中。
4.根据权利要求1所述的基于电信资源管理标准控件库的在线绘图方法,其特征在于,前述步骤3中,将标准图形元素库放入云服务中,建立CMS***对资源项目图形元素和其配置信息进行管理,即时更新图形元素信息和其配置信息,具体包括:
3-1、启用云服务,远程下载图形元素和其配置信息;
3-2、建立图形元素库的CMS管理***,对图形元素进行维护操作,并且维护其配置信息。
5.根据权利要求1所述的基于电信资源管理标准控件库的在线绘图方法,其特征在于,步骤4的实现具体包括:
4-1、基于HTML5Canvas进行图形的绘制;
4-2、通过CSS3对绘图控件页面进行美化;
4-3、通过JavaScript进行相关动作的处理,以及AJAX提交后台保存数据。
6.根据权利要求1所述的基于电信资源管理标准控件库的在线绘图方法,其特征在于,步骤5的实现具体包括:
5-1、建立基于缓存的数据读取进程;
5-2、建立缓存数据及时查询功能。
7.根据权利要求1所述的基于电信资源管理标准控件库的在线绘图方法,其特征在于,步骤6的实现具体包括:
6-1、建立绘图信息存储规范;
6-2、保存XML格式数据进入数据库。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510928555.7A CN105574114A (zh) | 2015-12-15 | 2015-12-15 | 基于电信资源管理标准控件库的在线绘图方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510928555.7A CN105574114A (zh) | 2015-12-15 | 2015-12-15 | 基于电信资源管理标准控件库的在线绘图方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN105574114A true CN105574114A (zh) | 2016-05-11 |
Family
ID=55884245
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201510928555.7A Pending CN105574114A (zh) | 2015-12-15 | 2015-12-15 | 基于电信资源管理标准控件库的在线绘图方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN105574114A (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106301926A (zh) * | 2016-08-19 | 2017-01-04 | 北京北信源软件股份有限公司 | 一种基于web环境下机房多维度展示及实时监控的方法 |
CN107403460A (zh) * | 2017-07-11 | 2017-11-28 | 北京潘达互娱科技有限公司 | 动画生成方法及装置 |
CN110097612A (zh) * | 2019-04-02 | 2019-08-06 | 北京大麦地信息技术有限公司 | 一种在线绘制图形元素的方法及装置 |
CN111142744A (zh) * | 2019-12-05 | 2020-05-12 | 万翼科技有限公司 | 一种二维图形绘制方法及其*** |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070226314A1 (en) * | 2006-03-22 | 2007-09-27 | Sss Research Inc. | Server-based systems and methods for enabling interactive, collabortive thin- and no-client image-based applications |
CN101807267A (zh) * | 2009-12-09 | 2010-08-18 | 北京科东电力控制***有限责任公司 | 在综合数据平台中实现分布式协同建模的方法 |
CN103034491A (zh) * | 2012-12-06 | 2013-04-10 | 国电南瑞科技股份有限公司 | 一种电力***界面集成的实现***及其实现方法 |
-
2015
- 2015-12-15 CN CN201510928555.7A patent/CN105574114A/zh active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070226314A1 (en) * | 2006-03-22 | 2007-09-27 | Sss Research Inc. | Server-based systems and methods for enabling interactive, collabortive thin- and no-client image-based applications |
CN101807267A (zh) * | 2009-12-09 | 2010-08-18 | 北京科东电力控制***有限责任公司 | 在综合数据平台中实现分布式协同建模的方法 |
CN103034491A (zh) * | 2012-12-06 | 2013-04-10 | 国电南瑞科技股份有限公司 | 一种电力***界面集成的实现***及其实现方法 |
Non-Patent Citations (1)
Title |
---|
曹莉莎: "基于HTML5的电网图形软件研究与开发", 《中国优秀硕士学位论文全文数据库 信息科技辑》 * |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106301926A (zh) * | 2016-08-19 | 2017-01-04 | 北京北信源软件股份有限公司 | 一种基于web环境下机房多维度展示及实时监控的方法 |
CN107403460A (zh) * | 2017-07-11 | 2017-11-28 | 北京潘达互娱科技有限公司 | 动画生成方法及装置 |
CN110097612A (zh) * | 2019-04-02 | 2019-08-06 | 北京大麦地信息技术有限公司 | 一种在线绘制图形元素的方法及装置 |
CN111142744A (zh) * | 2019-12-05 | 2020-05-12 | 万翼科技有限公司 | 一种二维图形绘制方法及其*** |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108279932B (zh) | 一种移动终端动态配置用户界面方法和装置 | |
CN105069118B (zh) | 一种基于gis配置的应用场景管理方法及*** | |
US8887132B1 (en) | Application runtime environment and framework | |
CN106663013B (zh) | 针对服务升级的动态调整步调 | |
CN109634598A (zh) | 一种页面显示方法、装置、设备及存储介质 | |
CN113268226B (zh) | 页面数据生成方法、装置、存储介质及设备 | |
CN108984170A (zh) | H5页面多语言渲染方法及装置 | |
CN111611518B (zh) | 基于Html5的可视化展示页面自动发布方法及*** | |
CN109254771B (zh) | 一种监控页面生成方法和装置 | |
CN107169007B (zh) | 一种移动终端的显示界面设置方法及装置 | |
CN110109659A (zh) | 一种实现前端应用脚手架的***和服务器 | |
CN104484189A (zh) | 一种应用界面的构建及设计方法 | |
CN108415702A (zh) | 一种移动终端应用界面动态渲染方法和装置 | |
US20200226615A1 (en) | Customer service representative dashboard application | |
CN105574114A (zh) | 基于电信资源管理标准控件库的在线绘图方法 | |
CN105700925A (zh) | 一种app的界面实现方法和装置 | |
CN106354490A (zh) | Epg页面动态布局方法 | |
CN110874251A (zh) | 一种实现图片木桶布局的方法和装置 | |
CN104899212B (zh) | 网页展示方法、服务器及*** | |
CN106919406A (zh) | 一种桌面应用组件发布、更新方法及装置 | |
CN109359281A (zh) | 动态表单生成方法及装置 | |
CN112486482A (zh) | 一种页面展示方法和装置 | |
CN103593345A (zh) | 网页流程图编辑方法及*** | |
CN104063219B (zh) | 一种web***的表格开发方法及*** | |
CN114756228A (zh) | 页面处理方法、装置、设备及存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
CB02 | Change of applicant information | ||
CB02 | Change of applicant information |
Address after: 210012 room 627, Ning Shuang Road, Yuhuatai District, Nanjing, Jiangsu, 627 Applicant after: Ho whale cloud computing Polytron Technologies Inc Address before: 210012 No. 68 Bauhinia Road, Yuhuatai District, Jiangsu, Nanjing Applicant before: ZTEsoft Technology Co., Ltd. |
|
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20160511 |