CN112346716B - 一种基于JavaScript的Web站场回放功能开发框架 - Google Patents
一种基于JavaScript的Web站场回放功能开发框架 Download PDFInfo
- Publication number
- CN112346716B CN112346716B CN202011313321.9A CN202011313321A CN112346716B CN 112346716 B CN112346716 B CN 112346716B CN 202011313321 A CN202011313321 A CN 202011313321A CN 112346716 B CN112346716 B CN 112346716B
- Authority
- CN
- China
- Prior art keywords
- control
- data
- playback
- station
- file
- 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.)
- Active
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/20—Software design
- G06F8/24—Object-oriented
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
本发明公开了一种基于JavaScript的Web站场回放功能开发框架,涉及轨道交通技术Web前端开发领域,是一种基于JavaScript的Web站场回放功能开发框架进行回放功能开发,通过本地浏览器进行访问,无需安装额外的软件简化开发工作量,降低代码冗余,提升开发效率,提高应用的复用性和可维护性的站场回放功能开发框架。
Description
技术领域
本发明涉及轨道交通技术Web前端开发领域,确切地说涉及一种基于JavaScript的Web站场回放功能开发框架。
背景技术
铁路站场上,机车的运行状态通常被机车运行监控系统记录为调车运行记录。为了了解机车在站场上的历史运行情况,需要对调车运行记录进行回放。
现有的回放方法是将调车运行记录数据文件翻译成事件序列文件,将翻译后的文件以特定方式打开查看,从而获得监控中站场上调车情况。现目前铁路站场图回放功能是基于C/S架构的,将站场信息保存在数据库中,并根据站场信息建立不同的关系型表格,站场图回放时一般采用直接从数据库中读取信息,通过直接在数据库中查找相关信息传回到显示界面进行显示,但是站场图回放时需要读取不同的表格或者其他特定格式的文件,而且当用户查询一个小时以上的数据时,由于站场图显示内容较多,数据量较大,会导致数据库读取时间过长,用户等待时间也会较长,而且用户需要在本地计算机上安装回放客户端软件,软件占用空间较大,运行时占用资源较多且更新不便。
但若要开发基于浏览器的Web站场回放页面,如果直接基于HTML和JavaScript进行开发,由于站场图的车站相关性(即不同车站的站场图设备、股道、道岔等是不一致的),会导致需要针对每一个不同的车站进行开发,且车站中各类设备显示状态需要根据回放数据变化,会造成开发工作量巨大,不易修改,维护成本高。
发明内容
本发明的目的在于针对现有技术的不足、克服现有技术的缺点,提供一种基于JavaScript的Web站场回放功能开发框架进行回放功能开发,通过本地浏览器进行访问,无需安装额外的软件简化开发工作量,降低代码冗余,提升开发效率,提高应用的复用性和可维护性的站场回放功能开发框架。
本发明的目的是通过以下技术方案实现的:
一种基于JavaScript的Web站场回放功能开发框架,其特征在于:
包括用于站场回放页面设计和回放界面的实现的站场图模块、用于供用户获取站场回放数据的数据源模块、用于对回放数据进行解析的数据解析模块以及用于执行回放操作的回放控制模块;
所述数据解析模块对回放数据进行解析得到回放数据中所包含的控件元素;所述数据解析模块读取回放数据,由于服务的功能不同,回放数据的格式可能是数据流、JSON格式或者字符串等,所述数据解析模块根据不同类型数据进行解析,转变成渲染控件所能识别的结构,以供回放控制模块调用;回放数据指的是站场控件(股道,道岔,信号灯等)不同时刻的状态,比如一个股道有占用和未占用两种状态,不同状态最终在页面上显示的颜色可能不同,而回放数据中就包含了股道在不同时刻的状态;
这里数据源获取回放数据的途径可能是从数据库读取,从本地输入文件读取,或者通过FTP从服务器上获取,数据源模块可以从不同途径所获取到的回放数据。
所述站场图模块包括站场图控件、站场图解析控件、站场图事件控件和渲染控件,所述站场图控件包括用于站场回放页面设计的控件元素,所述站场图解析控件用于解析本地或输入的站场图文件中所包含的控件元素,所述站场图事件控件用于接收和相应传入的指令事件,而所述渲染控件则用于将所述站场图解析控件解析出的本地或输入的站场图文件中所包含的控件元素、与所述数据解析模块解析出的站场回放数据中的控件元素进行绑定,并将站场回放数据中解析出的与本地或输入的站场图文件中解析出的不一致的控件元素替换为站场图解析控件从本地或输入的站场图文件中解析出的控件元素。
所述数据源模块包括用于从数据库、输入文件以及服务器上获取站场回放数据的统一数据访问接口。
所述数据解析模块配合数据源模块的使用而执行,用于解析从数据库、输入文件以及服务器中获取到的回放数据。
所述回放控制模块包括带有可交互控制界面的显示单元,所述可交互控制界面中包括回放控制控件,所述回放控制模块用于根据当前回放时间点从所述数据解析模块的解析结果中筛选出对应的数据,并交由所述站场图模块中的渲染控件进行渲染,然后在显示单元中可交互显示。
进一步的,所述站场图控件中包括用于以对象形式来创建界面、进行站场页面设计的控件函数;所述控件函数包括站场控件函数和通用控件函数,所述站场控件函数包括股道、区段、道岔、信号灯、列车元素,元素通过站场控件函数生成HTML的SVG元素,可将其保存为SVG文件,可以其作为SVG底图进行站场图回放;所述通用控件函数包括按钮、单选/复选框、菜单栏、下拉菜单元素,即除了站场控件函数中站场图相关控件以外,回放框架还提供一些如包括按钮、单选/复选框、菜单栏、下拉菜单的常见通用控件给开发人员,作为通用控件函数的内容,可以补充或者拓展回放相关功能。
而所述站场图解析控件用于读取并解析本地或输入的站场图文件中的CAD底图,并转换为站场图SVG图保存在本地;以及用于解析保存在本地的站场图SVG文件、识别出控件元素,本地或输入的站场图文件一般都是CAD底图,用站场图解析控件解析CAD底图是为了兼容原来C/S回放软件的一些东西,以前的C/S站场回放是基于CAD底图的,CAD图中包含了一个站场所有控件(股道、区段、道岔等),与我们站场图控件元素类似,因为我们网页回放是基于SVG图的,利用站场图控件最后生成的是一张SVG底图,而将CAD转成SVG是为了将以前C/S版本所做好的一些车站的站场图利用起来,省去重复开发的时间。
所述场图事件控件包括若干类型站场控件的常用事件函数,场图事件控件通过传入事件回调函数响应事件,所述事件包括鼠标单击、鼠标双击、鼠标移入\移出、状态改变,场图事件控件为不同类型站场控件提供常用事件函数,可以使回放功能更加灵活和完善,如对于一个SVG文件,区段鼠标单击事件的调用方式为,从SVG文件获取区段对象,赋值该对象的回调函数:
SVG.getQD().onclick=function(evet){ // 用户逻辑 }
其中function(evet){}为用户传入响应SVG区段单击事件的回调函数,evet为回调参数,参数包含区段触发该单击事件的对象id,父元素id,坐标点数组,坐标点名称数组,点击事件触发所在块号等信息。
更具体的,所述渲染控件用于将所述站场图解析控件解析保存在本地的站场图SVG文件识别出的控件元素、与所述数据解析模块解析出的站场回放数据中对应的控件元素进行绑定,且所述数据解析模块解析出的站场回放数据中控件元素当前时刻所对应的状态更新至所述站场图解析控件解析保存在本地的站场图SVG文件识别出的控件元素,即,渲染模块是将前面“控件元素”与数据解析模块解析出的一个个控件元素各个时刻的回放数据进行配对的,当回放数据发生更改时可以更改各个元素的状态,比如对于某一个站场控件元素,如果其当前时刻在回放数据中对应的状态与其页面显示不一致时,修改其显示状态,以达到渲染页面效果,具体的,当前回放某一时刻的数据时,从回放数据中找出各个站场图控件元素当前时刻所对应的状态,页面根据状态进行显示,当回放下一秒的数据时,读取下一秒各个站场图控件在回放数据中的状态,页面显示随之更新。
优选地,所述渲染控件是通过每个控件元素的唯一id号,将其解析保存在本地的站场图SVG文件、识别出的站场图中的控件元素与所述数据解析模块解析出的站场回放数据中该控件元素进行匹配并绑定的。唯一id号是在使用站场图控件创建控件元素时需要给定的唯一标识该元素的字符串。
数据源模块可以从不同途径所获取到的回放数据,具体的包括:
所述数据源模块通过指定数据库的类型、IP、SQL代码直接从数据库读获取站场回放数据或者站场图文件;
或者,所述数据源模块通过指定文件的路径、名称、FTP服务器地址及路径从本地或者FTP服务器上的输入文件中获取回放数据和/或站场图文件;
再或者,所述数据源模块通过服务器的远端服务IP地址、服务名、参数提交方式或者数据格式参数,获取服务器上对应服务所返回的数据。
数据源模块提供以同一套接口调用上述不同数据源的数据获取方式,以文件读取为例,第一个参数给出数据获取方式,0代表数据库,1代表文件读取,2代表服务器;之后的参数为对应数据获取方式所需要用到的参数:
相较于现有的技术方案,本发明所提供的这种技术方案,基于JavaScript的Web站场回放功能开发框架,使用基于Web的回放功能,用户只需要通过本地浏览器进行访问,无需安装额外的软件,节省存储空间,用户也无需针对不同车站控件进行针对性的开发,只需要调用框架提供的站场图模块接口并给以相关参数则可以完成站场图的设计,而且通过渲染控件可以使不同控件和与之对应回放数据绑定,根据回放数据变动而改变状态,使用框架开发可以大大简化开发工作量,降低代码冗余,提升开发效率,提高应用的复用性和可维护性。
附图说明
本发明的前述和下文具体描述在结合以下附图阅读时变得更清楚,其中:
图1为本发明开发框架一种基本方案的逻辑示意图;
图2为本发明开发框架一种基本方案的组成示意图;
图3为本发明数据源模块统一数据接口示意图。
具体实施方式
下面通过几个具体的实施例来进一步说明实现本发明目的技术方案,需要说明的是,本发明要求保护的技术方案包括但不限于以下实施例。
实施例1
作为本发明一种具体的实施方案,如图1和2,公开了一种基于JavaScript的Web站场回放功能开发框架,包括用于站场回放页面设计和回放界面的实现的站场图模块、用于供用户获取站场回放数据的数据源模块、用于对回放数据进行解析的数据解析模块以及用于执行回放操作的回放控制模块,即四个主要模块:站场图模块,数据源模块,数据解析模块和回放控制模块。
其中,所述数据解析模块对回放数据进行解析得到回放数据中所包含的控件元素;所述数据解析模块读取回放数据,由于服务的功能不同,回放数据的格式可能是数据流、JSON格式或者字符串等,所述数据解析模块根据不同类型数据进行解析,转变成渲染控件所能识别的结构,以供回放控制模块调用;回放数据指的是站场控件(股道,道岔,信号灯等)不同时刻的状态,比如一个股道有占用和未占用两种状态,不同状态最终在页面上显示的颜色可能不同,而回放数据中就包含了股道在不同时刻的状态,这里数据源获取回放数据的途径可能是从数据库读取,从本地输入文件读取,或者通过FTP从服务器上获取,数据源模块可以从不同途径所获取到的回放数据。
而所述站场图模块包括站场图控件、站场图解析控件、场图事件控件和渲染控件,所述站场图控件包括用于站场回放页面设计的控件元素,所述站场图解析控件用于解析本地或输入的站场图文件中所包含的控件元素,所述场图事件控件用于接收和相应传入的指令事件,而所述渲染控件则用于将所述站场图解析控件解析出的本地或输入的站场图文件中所包含的控件元素、与所述数据解析模块解析出的站场回放数据中的控件元素进行绑定,并将站场回放数据中解析出的与本地或输入的站场图文件中解析出的不一致的控件元素替换为站场图解析控件从本地或输入的站场图文件中解析出的控件元素。
进一步的,所述数据源模块包括用于从数据库、输入文件以及服务器上获取站场回放数据的统一数据访问接口。所述数据解析模块配合数据源模块的使用而执行,用于解析从数据库、输入文件以及服务器中获取到的回放数据。
以及所述回放控制模块包括带有可交互控制界面的显示单元,所述可交互控制界面中包括回放控制控件,所述回放控制模块用于根据当前回放时间点从所述数据解析模块的解析结果中筛选出对应的数据,并交由所述站场图模块中的渲染控件进行渲染,然后在显示单元中可交互显示。
这种技术方案,基于JavaScript的Web站场回放功能开发框架,使用基于Web的回放功能,用户只需要通过本地浏览器进行访问,无需安装额外的软件,节省存储空间,用户也无需针对不同车站控件进行针对性的开发,只需要调用框架提供的站场图模块接口并给以相关参数则可以完成站场图的设计,而且通过渲染控件可以使不同控件和与之对应回放数据绑定,根据回放数据变动而改变状态,使用框架开发可以大大简化开发工作量,降低代码冗余,提升开发效率,提高应用的复用性和可维护性。
实施例2
作为本发明一种优选地具体的实施方案,在上述实施例1技术方案的基础上,进一步的,所述站场图控件中包括用于以对象形式来创建界面、进行站场页面设计的控件函数;所述控件函数包括站场控件函数和通用控件函数,所述站场控件函数包括股道、区段、道岔、信号灯、列车元素,元素通过站场控件函数生成HTML的SVG元素,可将其保存为SVG文件,可以其作为SVG底图进行站场图回放;所述通用控件函数包括按钮、单选/复选框、菜单栏、下拉菜单元素,即除了站场控件函数中站场图相关控件以外,回放框架还提供一些如包括按钮、单选/复选框、菜单栏、下拉菜单的常见通用控件给开发人员,作为通用控件函数的内容,可以补充或者拓展回放相关功能。
站场图控件模块为回放框架中比较核心的模块,它为整个站场页面设计开发提供支持,该模块提供一系列控件供使用,并通过参数来调整页面布局。控件共包括站场控件和通用控件两部分,其中:
站场控件,该类控件为站场图中所包含的元素,如股道,区段,道岔,信号灯,列车等等。以区段为例,如新建一个区段对象,可传入参数包括:父元素id号(html元素id号,如该股道将放置在一个400*400的div元素上,<div id=“station”style=“height:400px;width:400px”>,则id号为“station”);当前对象id(当前对象的唯一标识);坐标点数组(与父元素的相对坐标,也可用百分比表示,数组至少包含2个坐标,也可是多个);坐标点名称数组(数组数量与坐标数组一直,如[“D16”,“D18”,“D30”],则该区段包含三个坐标点);区间状态及对应颜色(如{normal:green;error:red},则当状态为“normal”时区间颜色显示为绿色,“error”时显示为红色);道岔信息,包括所属块号(表示道岔存在区段中的块号,以上述为例,若该值为0,则道岔所属块为D16-D18中,如该值为1,则属于块D18-D30)、在所属块中位置(以坐标点相对位置表示,如{D16:20px},表示在区块内距D16坐标点20像素的位置)、道岔对象(用户创建的道岔对象,对象中包括道岔状态及对应颜色,长度等信息)、道岔开口方向(两个状态,diver表示在区块方向上开口,conver表示在区块方向上聚合,如图3,D16-D18,conver和diver),通过站场控件函数,最后会生成HTML的SVG元素,可将其保存为SVG文件,可以其作为SVG底图进行站场图回放。
而通用控件,包括,按钮、单选/复选框、菜单栏、下拉菜单等,即除了站场图相关控件外,回放框架还提供一些常见通用控件。
而所述站场图解析控件用于读取并解析本地或输入的站场图文件中的CAD底图,并转换为站场图SVG图保存在本地;以及用于解析保存在本地的站场图SVG文件、识别出控件元素,本地或输入的站场图文件一般都是CAD底图,用站场图解析控件解析CAD底图是为了兼容原来C/S回放软件的一些东西,以前的C/S站场回放是基于CAD底图的,CAD图中包含了一个站场所有控件(股道、区段、道岔等),与我们站场图控件元素类似,因为我们网页回放是基于SVG图的,利用站场图控件最后生成的是一张SVG底图,而将CAD转成SVG是为了将以前C/S版本所做好的一些车站的站场图利用起来,省去重复开发的时间。
所述场图事件控件包括若干类型站场控件的常用事件函数,场图事件控件通过传入事件回调函数响应事件,所述事件包括鼠标单击、鼠标双击、鼠标移入\移出、状态改变,场图事件控件为不同类型站场控件提供常用事件函数,可以使回放功能更加灵活和完善,如对于一个SVG文件,区段鼠标单击事件的调用方式为,从SVG文件获取区段对象,赋值该对象的回调函数:
SVG.getQD().onclick=function(evet){ // 用户逻辑 }
其中function(evet){}为用户传入响应SVG区段单击事件的回调函数,evet为回调参数,参数包含区段触发该单击事件的对象id,父元素id,坐标点数组,坐标点名称数组,点击事件触发所在块号等信息。
更具体的,所述渲染控件用于将所述站场图解析控件解析保存在本地的站场图SVG文件识别出的控件元素、与所述数据解析模块解析出的站场回放数据中对应的控件元素进行绑定,且所述数据解析模块解析出的站场回放数据中控件元素当前时刻所对应的状态更新至所述站场图解析控件解析保存在本地的站场图SVG文件识别出的控件元素,即,渲染模块是将前面“控件元素”与数据解析模块解析出的一个个控件元素各个时刻的回放数据进行配对的,当回放数据发生更改时可以更改各个元素的状态,比如对于某一个站场控件元素,如果其当前时刻在回放数据中对应的状态与其页面显示不一致时,修改其显示状态,以达到渲染页面效果,具体的,当前回放某一时刻的数据时,从回放数据中找出各个站场图控件元素当前时刻所对应的状态,页面根据状态进行显示,当回放下一秒的数据时,读取下一秒各个站场图控件在回放数据中的状态,页面显示随之更新。
优选地,所述渲染控件是通过每个控件元素的唯一id号,将其解析保存在本地的站场图SVG文件、识别出的站场图中的控件元素与所述数据解析模块解析出的站场回放数据中该控件元素进行匹配并绑定的。唯一id号是在使用站场图控件创建控件元素时需要给定的唯一标识该元素的字符串。
进一步的,如图3,数据源模块是为了方便用户获取站场回放相关数据而设计的,它提供一套统一的数据访问接口,考虑到站场回放功能的一般场景,数据源模块设计为可以从不同的数据源上获取数据,即数据解析模块用于对回放数据进行解析,该模块不对外提供接口,配合数据源模块的使用而执行,解析从不同数据源中获取到的回放数据、
数据源分为三部分,具体的包括:
数据库,数据可直接从数据库读出,通过指定数据库的类型、IP、SQL代码从数据库中获取站场回放数据或者站场图文件。当数据库连接失败或者SQL文件执行错误时控制台打印相应的错误信息。
文件读取,数据的来源为本地或者FTP服务器上的回放数据或者站场图文件,通过指定文件的路径及名称和FTP服务器地址及路径即可获取文件数据。本地文件不存在或文件读取失败时自动到FTP服务器下载,若下载失败,控制台打印对应的错误信息。
服务器,通过调用远端服务获取数据,需要给出请求的远端服务IP地址、服务名、参数提交方式(GET或者POST等)、数据格式等参数,获取远端服务器上对应服务所返回的数据,当请求出错时控制台打印出错的详细信息。
对应的所述数据源模块获取回放数据,具体的包括:
所述数据源模块通过指定数据库的类型、IP、SQL代码直接从数据库读获取站场回放数据或者站场图文件;
或者,所述数据源模块通过指定文件的路径、名称、FTP服务器地址及路径从本地或者FTP服务器上的输入文件中获取回放数据和/或站场图文件;
再或者,所述数据源模块通过服务器的远端服务IP地址、服务名、参数提交方式或者数据格式参数,获取服务器上对应服务所返回的数据。
数据源模块提供以同一套接口调用上述不同数据源的数据获取方式,以文件读取为例,第一个参数给出数据获取方式,0代表数据库,1代表文件读取,2代表服务器;之后的参数为对应数据获取方式所需要用到的参数。
数据源模块是为了方便用户获取站场回放相关数据而设计的,它提供给开发人员一套统一的数据访问接口,可以从不同的数据源上获取数据。
而回放控制模块分为两部分,第一部分为界面支持,模块提供一套回放控制界面供开发人员使用,该界面包括基本的回放控制相关控件:正放/倒放“按钮”,倍速“按钮”,回放进度“滑动条”,回放信息“文本框”;第二部分为回放控制,给定回放的起止时间,控制模块根据当前回放时间点从数据解析模块中解析的数据中筛选出来交由站场图模块中的渲染控件与站场控件元素绑定,站场图中各设备类型显示的状态就是当前回放时间点各个设备所对应状态。
Claims (10)
1.一种基于JavaScript的Web站场回放功能开发框架,其特征在于:包括用于站场回放页面设计和回放界面的实现的站场图模块、用于供用户获取站场回放数据的数据源模块、用于对回放数据进行解析的数据解析模块以及用于执行回放操作的回放控制模块;
所述数据解析模块对回放数据进行解析得到回放数据中所包含的控件元素,具体的,所述数据解析模块读取回放数据,所述数据解析模块根据不同类型数据进行解析,转变成渲染控件所能识别的结构,以供回放控制模块调用;回放数据指的是站场控件不同时刻的状态,所述数据解析模块配合数据源模块的使用而执行,用于解析从数据库、输入文件以及服务器中获取到的回放数据;
所述站场图模块包括站场图控件、站场图解析控件、场图事件控件和渲染控件,所述站场图控件包括用于站场回放页面设计的控件元素,所述站场图解析控件用于解析本地或输入的站场图文件中所包含的控件元素,所述场图事件控件用于接收和相应传入的指令事件,而所述渲染控件则用于将所述站场图解析控件解析出的本地或输入的站场图文件中所包含的控件元素、与所述数据解析模块解析出的站场回放数据中的控件元素进行绑定,并将站场回放数据中解析出的与本地或输入的站场图文件中解析出的不一致的控件元素替换为站场图解析控件从本地或输入的站场图文件中解析出的控件元素;
所述数据源模块包括用于从数据库、输入文件以及服务器上获取站场回放数据的统一数据访问接口;
所述回放控制模块包括带有可交互控制界面的显示单元,所述可交互控制界面中包括回放控制控件,所述回放控制模块用于根据当前回放时间点从所述数据解析模块的解析结果中筛选出对应的数据,并交由所述站场图模块中的渲染控件进行渲染,然后在显示单元中可交互显示。
2.如权利要求1所述的一种基于JavaScript的Web站场回放功能开发框架,其特征在于:所述站场图控件中包括用于以对象形式来创建界面、进行站场页面设计的控件函数;所述控件函数包括站场控件函数和通用控件函数,所述站场控件函数包括股道、区段、道岔、信号灯、列车元素,元素通过站场控件函数生成HTML的SVG元素、保存为SVG文件;所述通用控件函数包括按钮、单选/复选框、菜单栏、下拉菜单元素。
3.如权利要求1所述的一种基于JavaScript的Web站场回放功能开发框架,其特征在于:所述站场图解析控件用于读取并解析本地或输入的站场图文件中的CAD底图,并转换为站场图SVG图保存在本地;以及用于解析保存在本地的站场图SVG文件、识别出控件元素。
4.如权利要求1所述的一种基于JavaScript的Web站场回放功能开发框架,其特征在于:所述场图事件控件包括若干类型站场控件的常用事件函数,场图事件控件通过传入事件回调函数响应事件,所述事件包括鼠标单击、鼠标双击、鼠标移入移出、状态改变。
5.如权利要求1所述的一种基于JavaScript的Web站场回放功能开发框架,其特征在于:所述渲染控件用于将所述站场图解析控件解析保存在本地的站场图SVG文件识别出的控件元素、与所述数据解析模块解析出的站场回放数据中对应的控件元素进行绑定,且所述数据解析模块解析出的站场回放数据中控件元素当前时刻所对应的状态更新至所述站场图解析控件解析保存在本地的站场图SVG文件识别出的控件元素。
6.如权利要求5所述的一种基于JavaScript的Web站场回放功能开发框架,其特征在于:所述渲染控件是通过每个控件元素的唯一id号,将其解析保存在本地的站场图SVG文件、识别出的站场图中的控件元素与所述数据解析模块解析出的站场回放数据中该控件元素进行匹配并绑定的。
7.如权利要求1所述的一种基于JavaScript的Web站场回放功能开发框架,其特征在于:所述数据源模块通过指定数据库的类型、IP、SQL代码直接从数据库读获取站场回放数据或者站场图文件。
8.如权利要求1所述的一种基于JavaScript的Web站场回放功能开发框架,其特征在于:所述数据源模块通过指定文件的路径、名称、FTP服务器地址及路径从本地或者FTP服务器上的输入文件中获取回放数据和/或站场图文件。
9.如权利要求1所述的一种基于JavaScript的Web站场回放功能开发框架,其特征在于:所述数据源模块通过服务器的远端服务IP地址、服务名、参数提交方式或者数据格式参数,获取服务器上对应服务所返回的数据。
10.如权利要求1、7、8中任意一项所述的一种基于JavaScript的Web站场回放功能开发框架,其特征在于:回放数据的格式可能是数据流、JSON格式或者字符串。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011313321.9A CN112346716B (zh) | 2020-11-20 | 2020-11-20 | 一种基于JavaScript的Web站场回放功能开发框架 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011313321.9A CN112346716B (zh) | 2020-11-20 | 2020-11-20 | 一种基于JavaScript的Web站场回放功能开发框架 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112346716A CN112346716A (zh) | 2021-02-09 |
CN112346716B true CN112346716B (zh) | 2023-08-25 |
Family
ID=74365438
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011313321.9A Active CN112346716B (zh) | 2020-11-20 | 2020-11-20 | 一种基于JavaScript的Web站场回放功能开发框架 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112346716B (zh) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116701810B (zh) * | 2023-07-29 | 2023-12-15 | 北京长亭科技有限公司 | 一种网站操作回放方法以及装置 |
Citations (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101441570A (zh) * | 2008-11-21 | 2009-05-27 | 南京恩瑞特实业有限公司 | 基于轨道交通的线路配置工具实现方法 |
CN101593417A (zh) * | 2009-04-15 | 2009-12-02 | 卡斯柯信号有限公司 | 一种统一站场显示和操作控制平台控件 |
US8154227B1 (en) * | 2003-11-26 | 2012-04-10 | Liontech Trains Llc | Model train control system |
CN102407867A (zh) * | 2011-08-09 | 2012-04-11 | 河南辉煌科技股份有限公司 | 城市轨道交通信号维护支持系统 |
CN202870906U (zh) * | 2012-06-26 | 2013-04-10 | 易程科技股份有限公司 | 站级安全生产指挥中心系统 |
CN108874389A (zh) * | 2018-06-27 | 2018-11-23 | 中国建设银行股份有限公司 | 前端页面开发框架 |
CN108959527A (zh) * | 2018-06-28 | 2018-12-07 | 卡斯柯信号有限公司 | 基于Windows文件映射技术读取显示联锁日志的方法 |
CN109284103A (zh) * | 2018-08-30 | 2019-01-29 | 长春玖佰软件技术有限公司 | 一种基于控件开发模式的Web应用开发及更新方法 |
CN110667651A (zh) * | 2019-09-04 | 2020-01-10 | 成都九壹通智能科技股份有限公司 | 一种基于高精度位置的列车自主运行管理系统 |
CN110674191A (zh) * | 2019-10-08 | 2020-01-10 | 卡斯柯信号(成都)有限公司 | 一种通用联锁逻辑搜索方法及装置 |
CN111368065A (zh) * | 2018-12-25 | 2020-07-03 | 比亚迪股份有限公司 | 一种站场图回放方法、系统、装置和计算机设备 |
CN111783185A (zh) * | 2020-06-30 | 2020-10-16 | 湖南中车时代通信信号有限公司 | 一种基于调车防护系统的站场图形的绘制显示方法 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7711791B2 (en) * | 2002-06-26 | 2010-05-04 | Clear Channel Management Services, Inc. | Using multiple media players to insert data items into a media stream of a streaming media |
-
2020
- 2020-11-20 CN CN202011313321.9A patent/CN112346716B/zh active Active
Patent Citations (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8154227B1 (en) * | 2003-11-26 | 2012-04-10 | Liontech Trains Llc | Model train control system |
CN101441570A (zh) * | 2008-11-21 | 2009-05-27 | 南京恩瑞特实业有限公司 | 基于轨道交通的线路配置工具实现方法 |
CN101593417A (zh) * | 2009-04-15 | 2009-12-02 | 卡斯柯信号有限公司 | 一种统一站场显示和操作控制平台控件 |
CN102407867A (zh) * | 2011-08-09 | 2012-04-11 | 河南辉煌科技股份有限公司 | 城市轨道交通信号维护支持系统 |
CN202870906U (zh) * | 2012-06-26 | 2013-04-10 | 易程科技股份有限公司 | 站级安全生产指挥中心系统 |
CN108874389A (zh) * | 2018-06-27 | 2018-11-23 | 中国建设银行股份有限公司 | 前端页面开发框架 |
CN108959527A (zh) * | 2018-06-28 | 2018-12-07 | 卡斯柯信号有限公司 | 基于Windows文件映射技术读取显示联锁日志的方法 |
CN109284103A (zh) * | 2018-08-30 | 2019-01-29 | 长春玖佰软件技术有限公司 | 一种基于控件开发模式的Web应用开发及更新方法 |
CN111368065A (zh) * | 2018-12-25 | 2020-07-03 | 比亚迪股份有限公司 | 一种站场图回放方法、系统、装置和计算机设备 |
CN110667651A (zh) * | 2019-09-04 | 2020-01-10 | 成都九壹通智能科技股份有限公司 | 一种基于高精度位置的列车自主运行管理系统 |
CN110674191A (zh) * | 2019-10-08 | 2020-01-10 | 卡斯柯信号(成都)有限公司 | 一种通用联锁逻辑搜索方法及装置 |
CN111783185A (zh) * | 2020-06-30 | 2020-10-16 | 湖南中车时代通信信号有限公司 | 一种基于调车防护系统的站场图形的绘制显示方法 |
Non-Patent Citations (1)
Title |
---|
WeiQing Li,et al..A Track Circuit Signal Simulation System for Interlocking Test.《Springer》.2014,全文. * |
Also Published As
Publication number | Publication date |
---|---|
CN112346716A (zh) | 2021-02-09 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108153886B (zh) | 实时数据在web应用中的自定义可视化展示方法 | |
CN109360465B (zh) | 一种虚实结合的高铁信号培训系统的实现方法 | |
CN102664749B (zh) | 一种可配置遥测数据的监控系统 | |
CN104216691A (zh) | 一种创建应用的方法及装置 | |
US20070106434A1 (en) | User interface for railroad dispatch monitoring of a geographic region and display system employing a common data format for displaying information from different and diverse railroad CAD systems | |
CA2641941A1 (en) | Legacy software modernization system | |
CN112346716B (zh) | 一种基于JavaScript的Web站场回放功能开发框架 | |
US20100100807A1 (en) | Data processing device, and data processing method | |
CN107480036A (zh) | iOS移动应用的自动测试方法、装置、存储介质及终端 | |
CN111916163B (zh) | 用于临床研究中药物试验的现场管理系统实现方法和装置 | |
CN109491735A (zh) | 集成数据生成与校验的综合监控人机界面组态实现方法 | |
CN113761304B (zh) | 基于动态参数的大数据智慧展示配置方法 | |
EP1744255A1 (en) | Document processing device and document processing method | |
CN110188153B (zh) | 一种基于IFC扩展数据的WebGIS发布方法 | |
CN114936062B (zh) | 一种设备自动调试的方法、装置、设备、系统及存储介质 | |
JP2010160538A (ja) | 端末操作履歴記憶システムおよびユーザ端末 | |
CN114416516A (zh) | 基于截图的测试用例及测试脚本生成方法、系统及介质 | |
US20080282143A1 (en) | Document Processing Device and Document Processing Method | |
US20080256437A1 (en) | Document Processing Apparatus and Document Processing Method | |
US20090237405A1 (en) | Data processing apparatus and data processing method | |
US7493557B2 (en) | Source file generation apparatus | |
CN110825352A (zh) | 一种基于Vue.js和Django的权限控制方法及系统 | |
JP2007011507A (ja) | プログラムツリーの表示方法、およびプログラム生成システム | |
JP4521123B2 (ja) | データ放送システム及びデータ放送受信装置 | |
US20070240036A1 (en) | Document Processing Device and Document Processing Method |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |