CN112231608B - 一种嵌入式Web组态图元的实现方法 - Google Patents

一种嵌入式Web组态图元的实现方法 Download PDF

Info

Publication number
CN112231608B
CN112231608B CN202011190218.XA CN202011190218A CN112231608B CN 112231608 B CN112231608 B CN 112231608B CN 202011190218 A CN202011190218 A CN 202011190218A CN 112231608 B CN112231608 B CN 112231608B
Authority
CN
China
Prior art keywords
html page
main program
web
configuration
signal
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
Application number
CN202011190218.XA
Other languages
English (en)
Other versions
CN112231608A (zh
Inventor
李雪强
吴志明
张煦
文正国
张薇
张卫君
龚传利
李亦凡
邓子夜
陈小松
吴东俊
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
BEIJING IWHR TECHNOLOGY CO LTD
China Three Gorges Construction Engineering Co Ltd
Original Assignee
BEIJING IWHR TECHNOLOGY CO LTD
Three Gorges Electrical And Mechanical Engineering Technology Co ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by BEIJING IWHR TECHNOLOGY CO LTD, Three Gorges Electrical And Mechanical Engineering Technology Co ltd filed Critical BEIJING IWHR TECHNOLOGY CO LTD
Priority to CN202011190218.XA priority Critical patent/CN112231608B/zh
Publication of CN112231608A publication Critical patent/CN112231608A/zh
Application granted granted Critical
Publication of CN112231608B publication Critical patent/CN112231608B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本发明公开了一种嵌入式Web组态图元的实现方法,通过建立监控系统C++主程序与HTML页面中Javascript脚本的双向通讯,从而实现了组态图元的建立,并且实时传入图元设置参数和变量信息,从而使图元的属性可动态配置并解析,能够适应前端展示信息需要频繁更新的生产系统;动态属性变量数据灵活,支持Json格式的任何第三方数据,并可采用互联网资源中的各种图形组件库。且本发明基于Javascript和HTML Canvas技术实现,具有美观的界面交互效果和强大的功能,能构建高体验的组态界面。

Description

一种嵌入式Web组态图元的实现方法
技术领域
本发明属于Web图元应用领域,具体涉及一种嵌入式Web组态图元的实现方法。
背景技术
组态是使用软件工具对计算机及软件的各种资源进行配置,达到使计算机或软件按照预先设置,自动执行特定行为,满足使用者要求的目的。
传统组态图元一般被划分成三类简单的对象:线、填充形状和文本。每个简单的对象有影响其外观的属性。基本属性包括:线的颜色、填充颜色、高度、宽度、取向、位置移动等。属性可以是静态的,也可以是动态的。静态属性在系统投入运行后保持不变,与原来组态是一致。动态属性随变量表达式值的变化而实时改变。最终在运行环境下根据其配置属性被分类解析成不同的GDI绘图指令,从而驱动显示为不同的图形元素。
传统组态图元存在配置结构固定、动态属性变量范围局限、图形显示效果单一等不足;配置属性不能按需动态增加,无法适应前端展示信息频繁更新;动态属性变量选择范围较小,一般只能从系统实时库选取;可利用的专业图形库较少,对于多功能曲线等展示需要难以满足。
发明内容
针对现有技术中的上述不足,本发明提供的一种嵌入式Web组态图元的实现方法解决了传统组态图元存在的问题。
为了达到上述发明目的,本发明采用的技术方案为:一种嵌入式Web组态图元的实现方法,包括以下步骤:
S1、通过Qt模块的QWebChannel组件将继承自QObject核心的C++对象进行注册,并暴露给HTML页面,在HTML页面中调用qwebchannel.js组件,建立HTML页面对C++对象的调用权;
S2、通过C++主程序定义通信中间件的C++对象,并将通信中间件的C++对象作为与HTML页面中Javascript脚本双向通讯的载体;
S3、将Qt模块的QWebEngineView组件和QWebChannel组件引入C++主程序中,将通信中间件的C++对象注册至QWebChannel组件中,并设置QWebEngineView组件的通信信道为QWebChannel;
S4、在HTML页面中使用Qt模块的qwebchannel.js组件,并将其绑定至QWebChannel组件的通信中间件;
S5、通过Javascript脚本声明connectSignal函数,并定义通信中间件的C++对象的信号接收函数和信号处理函数;
S6、以通信信道QWebChannel为基础,C++主程序通过通信中间件的C++对象发送信号,并调用信号接收函数和信号处理函数,完成C++主程序到HTML页面中Javascript脚本的通信;
S7、通过Javascript脚本调用C++主程序中通信中间件的C++对象函数JSSendMessage,完成HTML页面中Javascript脚本到C++主程序的通讯;
S8、使用步骤S1-S7的方法实现监控系统中C++主程序与HTML页面中Javascript脚本的双向通信;
S9、选择监控系统的人机界面组态工具IPM中的Web曲线控件,通过Web曲线控件设置Web曲线组态图元属性,并按设定属性驱动显示Web组态图元;
S10、配置Web组态图元的设置参数和变量数据信息,并按设置参数和变量数据信息对Web组态图元进行展示。
进一步地,所述步骤S2中通信中间件继承自QObject核心,所述C++对象与HTML页面中Javascript脚本进行通讯的方法为:在HTML页面中连接C++signal函数与Javascript脚本函数的方式以及在HTML页面中调用C++Q_INVOKABLE修饰函数的方式。
进一步地,所述步骤S2中通信中间件包括JSSendMessage接口、SigSendConfig信号接口和SigSendData信号接口;所述JSSendMessage接口用于嵌入式web图元发送消息到监控系统人机界面主程序,所述SigSendConfig信号接口用于监控系统人机界面主程序发送图元配置信息到web图元,所述SigSendData信号接口用于监控系统人机界面主程序发送变量数据信息到web图元。
进一步地,所述步骤S6包括以下分步骤:
S61、以通信信道QWebChannel为基础,C++主程序通过通信中间件的C++对象发送信号,并采用Qt信号槽机制触发信号的发送;
S62、通过HTML页面接收信号,并调用信号接收函数和信号处理函数,完成C++主程序到HTML页面中Javascript脚本的通信。
进一步地,所述步骤S61中信号包括Web组态图元的设置参数和变量数据信息。
进一步地,所述步骤S7包括以下分步骤:
S71、定义HTML页面中的onLoad函数,向监控系统人机界面C++主程序发送HTML页面加载完成的消息;
S72、调用通信中间件的JSSendMessage接口,完成HTML页面加载完成的消息发送,完成HTML页面中Javascript脚本到C++主程序的通讯。
进一步地,所述步骤S9中Web曲线组态图元属性包括:Web html页面的url和静态配置参数。
进一步地,所述步骤S10中设置参数包括曲线展示功能参数、曲线点配置参数、坐标轴设置参数、坐标空间美化参数、曲线颜色参数和曲线数据拾取参数。
进一步地,所述步骤S10包括以下分步骤:
S101、配置Web组态图元的设置参数和变量数据信息;
S102、在index.html文档中引入hcharts.js库,动态传入Web组态图元的设置参数,并根据配置好的设置参数,对hcharts.js库进行设置;
S103、动态传入变量数据信息,根据设置好的hcharts.js库和变量数据信息对Web组态图元进行展示。
进一步地,所述设置参数和变量数据信息的格式均为Json格式。
本发明的有益效果为:
(1)本发明基于Javascript和HTML Canvas技术实现,具有美观的界面交互效果和强大的功能,能构建高体验的组态界面。
(2)本发明基于Qt的QWebChannel技术,实现了C++和HTML/Javascript脚本的双向通信,同时实现C++和HTML/Javascript脚本的解耦,方便开发人员的分工及系统集成,从而将C++与HTML、Javascript脚本和CSS结合起来,构建出一个混合应用,使Web组态图元可以无缝嵌入到监控系统人机界面。
(3)本发明提出了一种嵌入式Web组态图元的实现方法,从而使图元的属性可动态配置并解析,能够适应前端展示信息需要频繁更新的生产系统;动态属性变量数据灵活,支持Json格式的任何第三方数据;并可采用互联网资源中的各种图形组件库。
附图说明
图1为本发明提出的一种嵌入式Web组态图元的实现方法流程图。
具体实施方式
下面对本发明的具体实施方式进行描述,以便于本技术领域的技术人员理解本发明,但应该清楚,本发明不限于具体实施方式的范围,对本技术领域的普通技术人员来讲,只要各种变化在所附的权利要求限定和确定的本发明的精神和范围内,这些变化是显而易见的,一切利用本发明构思的发明创造均在保护之列。
下面结合附图详细说明本发明的实施例。
如图1所示,一种嵌入式Web组态图元的实现方法,包括以下步骤:
S1、通过Qt模块的QWebChannel组件将继承自QObject核心的C++对象进行注册,并暴露给HTML页面,在HTML页面中调用qwebchannel.js组件,建立HTML页面对C++对象的调用权。
S2、通过C++主程序定义通信中间件的C++对象,并将通信中间件的C++对象作为与HTML页面中Javascript脚本双向通讯的载体。
S3、将Qt模块的QWebEngineView组件和QWebChannel组件引入C++主程序中,将通信中间件的C++对象注册至QWebChannel组件中,并设置QWebEngineView组件的通信信道为QWebChannel。
在本实施例中,QWebEngineView组件作为HTML页面展示的宿主控件,可以嵌入到监控系统人机界面主窗口中。QWebChannel组件作为HTML页面和监控系统人机界面主程序的通信信道,承担了具体的底层通信任务。将通信中间件注册到QWebChannel中,以便于监控系统人机界面主程序和HTML页面通过访问通信中间件的接口和信号,来实现交互。
S4、在HTML页面中使用Qt模块的qwebchannel.js组件,并将其绑定至QWebChannel组件的通信中间件。
在本实施例中,webchannel.js库包装了内部通信的接口,可以供用户透明化访问。通过在Web中HTML引入并使用Qt的qwebchannel.js组件库,作为HTML页面和监控系统人机界面主程序的通信桥梁。
S5、通过Javascript脚本声明connectSignal函数,并定义通信中间件的C++对象的信号接收函数和信号处理函数。
S6、以通信信道QWebChannel为基础,C++主程序通过通信中间件的C++对象发送信号,并调用信号接收函数和信号处理函数,完成C++主程序到HTML页面中Javascript脚本的通信。
在本实施例中,c++主程序通过CBridge中间件发送消息到HTML页面。c++主程序采用Qt信号槽机制具体触发消息的发送。c++主程序的发送到HTML的数据分为配置信息和数据信息两部分,配置信息用来设置web组态图元的外观展示样式等,数据信息用来设置web组态图元的展示内容。
S7、通过Javascript脚本调用C++主程序中通信中间件的C++对象函数JSSendMessage,完成HTML页面中Javascript脚本到C++主程序的通讯。
在本实施例中,在HTML页面的onLoad()函数中,发送消息到监控系统人机界面主程序,表示HTML页面加载完成。采用调用已经注册的通信中间件的JSSendMessage接口方式,完成HTML页面加载完成的消息发送。监控系统人机界面主程序收到HTML页面加载完成消息后,将有关变量数据发送到Web嵌入式图元中。
S8、使用步骤S1-S7的方法实现监控系统中C++主程序与HTML页面中Javascript脚本的双向通信。
S9、选择监控系统的人机界面组态工具IPM中的Web曲线控件,通过Web曲线控件设置Web曲线组态图元属性,并按设定属性驱动显示Web组态图元;
S10、配置Web组态图元的设置参数和变量数据信息,并按设置参数和变量数据信息对Web组态图元进行展示。
所述步骤S2中通信中间件继承自QObject核心,所述C++对象与HTML页面中Javascript脚本进行通讯的方法为:在HTML页面中连接C++signal函数与Javascript脚本函数的方式以及在HTML页面中调用C++Q_INVOKABLE修饰函数的方式。
所述步骤S2中通信中间件包括JSSendMessage接口、SigSendConfig信号接口和SigSendData信号接口;所述JSSendMessage接口用于嵌入式web图元发送消息到监控系统人机界面主程序,所述SigSendConfig信号接口用于监控系统人机界面主程序发送图元配置信息到web图元,所述SigSendData信号接口用于监控系统人机界面主程序发送变量数据信息到web图元。
所述步骤S6包括以下分步骤:
S61、以通信信道QWebChannel为基础,C++主程序通过通信中间件的C++对象发送信号,并采用Qt信号槽机制触发信号的发送;
S62、通过HTML页面接收信号,并调用信号接收函数和信号处理函数,完成C++主程序到HTML页面中Javascript脚本的通信。
所述步骤S61中信号包括Web组态图元的设置参数和变量数据信息。
所述步骤S7包括以下分步骤:
S71、定义HTML页面中的onLoad函数,向监控系统人机界面C++主程序发送HTML页面加载完成的消息;
S72、调用通信中间件的JSSendMessage接口,完成HTML页面加载完成的消息发送,完成HTML页面中Javascript脚本到C++主程序的通讯。
所述步骤S9中Web曲线组态图元属性包括:Web html页面的url和静态配置参数。
所述步骤S10中设置参数包括曲线展示功能参数、曲线点配置参数、坐标轴设置参数、坐标空间美化参数、曲线颜色参数和曲线数据拾取参数。
所述步骤S10包括以下分步骤:
S101、配置Web组态图元的设置参数和变量数据信息;
S102、在index.html文档中引入hcharts.js库,动态传入Web组态图元的设置参数,并根据配置好的设置参数,对hcharts.js库进行设置;
S103、动态传入变量数据信息,根据设置好的hcharts.js库和变量数据信息对Web组态图元进行展示。
所述设置参数和变量数据信息的格式均为Json格式。
本发明的有益效果为:
(1)本发明基于Javascript和HTML Canvas技术实现,具有美观的界面交互效果和强大的功能,能构建高体验的组态界面。
(2)本发明基于Qt的QWebChannel技术,实现了C++和HTML/Javascript脚本的双向通信,同时实现C++和HTML/Javascript脚本的解耦,方便开发人员的分工及系统集成,从而将C++与HTML、Javascript脚本和CSS结合起来,构建出一个混合应用,使Web组态图元可以无缝嵌入到监控系统人机界面。
(3)本发明提出了一种嵌入式Web组态图元的实现方法,从而使图元的属性可动态配置并解析,能够适应前端展示信息需要频繁更新的生产系统;动态属性变量数据灵活,支持Json格式的任何第三方数据;并可采用互联网资源中的各种图形组件库。

Claims (10)

1.一种嵌入式Web组态图元的实现方法,其特征在于,包括以下步骤:
S1、通过Qt模块的QWebChannel组件将继承自QObject核心的C++对象进行注册,并暴露给HTML页面,在HTML页面中调用qwebchannel.js组件,建立HTML页面对C++对象的调用权;
S2、通过C++主程序定义通信中间件的C++对象,并将通信中间件的C++对象作为与HTML页面中Javascript脚本双向通讯的载体;
S3、将Qt模块的QWebEngineView组件和QWebChannel组件引入C++主程序中,将通信中间件的C++对象注册至QWebChannel组件中,并设置QWebEngineView组件的通信信道为QWebChannel;
S4、在HTML页面中使用Qt模块的qwebchannel.js组件,并将其绑定至QWebChannel组件的通信中间件;
S5、通过Javascript脚本声明connectSignal函数,并定义通信中间件的C++对象的信号接收函数和信号处理函数;
S6、以通信信道QWebChannel为基础,C++主程序通过通信中间件的C++对象发送信号,并调用信号接收函数和信号处理函数,完成C++主程序到HTML页面中Javascript脚本的通信;
S7、通过Javascript脚本调用C++主程序中通信中间件的C++对象函数JSSendMessage,完成HTML页面中Javascript脚本到C++主程序的通讯;
S8、使用步骤S1-S7的方法实现监控系统中C++主程序与HTML页面中Javascript脚本的双向通信;
S9、选择监控系统的人机界面组态工具IPM中的Web曲线控件,通过Web曲线控件设置Web曲线组态图元属性,并按设定属性驱动显示Web组态图元;
S10、配置Web组态图元的设置参数和变量数据信息,并按设置参数和变量数据信息对Web组态图元进行展示。
2.根据权利要求1所述的嵌入式Web组态图元的实现方法,其特征在于,所述步骤S2中通信中间件继承自QObject核心,所述C++对象与HTML页面中Javascript脚本进行通讯的方法为:在HTML页面中连接C++signal函数与Javascript脚本函数的方式以及在HTML页面中调用C++Q_INVOKABLE修饰函数的方式。
3.根据权利要求2所述的嵌入式Web组态图元的实现方法,其特征在于,所述步骤S2中通信中间件包括JSSendMessage接口、SigSendConfig信号接口和SigSendData信号接口;所述JSSendMessage接口用于嵌入式web图元发送消息到监控系统人机界面主程序,所述SigSendConfig信号接口用于监控系统人机界面主程序发送图元配置信息到web图元,所述SigSendData信号接口用于监控系统人机界面主程序发送变量数据信息到web图元。
4.根据权利要求1所述的嵌入式Web组态图元的实现方法,其特征在于,所述步骤S6包括以下分步骤:
S61、以通信信道QWebChannel为基础,C++主程序通过通信中间件的C++对象发送信号,并采用Qt信号槽机制触发信号的发送;
S62、通过HTML页面接收信号,并调用信号接收函数和信号处理函数,完成C++主程序到HTML页面中Javascript脚本的通信。
5.根据权利要求4所述的嵌入式Web组态图元的实现方法,其特征在于,所述步骤S61中信号包括Web组态图元的设置参数和变量数据信息。
6.根据权利要求3所述的嵌入式Web组态图元的实现方法,其特征在于,所述步骤S7包括以下分步骤:
S71、定义HTML页面中的onLoad函数,向监控系统人机界面C++主程序发送HTML页面加载完成的消息;
S72、调用通信中间件的JSSendMessage接口,完成HTML页面加载完成的消息发送,完成HTML页面中Javascript脚本到C++主程序的通讯。
7.根据权利要求1所述的嵌入式Web组态图元的实现方法,其特征在于,所述步骤S9中Web曲线组态图元属性包括:Web html页面的url和静态配置参数。
8.根据权利要求1所述的嵌入式Web组态图元的实现方法,其特征在于,所述步骤S10中设置参数包括曲线展示功能参数、曲线点配置参数、坐标轴设置参数、坐标空间美化参数、曲线颜色参数和曲线数据拾取参数。
9.根据权利要求1所述的嵌入式Web组态图元的实现方法,其特征在于,所述步骤S10包括以下分步骤:
S101、配置Web组态图元的设置参数和变量数据信息;
S102、在index.html文档中引入hcharts.js库,动态传入Web组态图元的设置参数,并根据配置好的设置参数,对hcharts.js库进行设置;
S103、动态传入变量数据信息,根据设置好的hcharts.js库和变量数据信息对Web组态图元进行展示。
10.根据权利要求9所述的嵌入式Web组态图元的实现方法,其特征在于,所述设置参数和变量数据信息的格式均为Json格式。
CN202011190218.XA 2020-10-30 2020-10-30 一种嵌入式Web组态图元的实现方法 Active CN112231608B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202011190218.XA CN112231608B (zh) 2020-10-30 2020-10-30 一种嵌入式Web组态图元的实现方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202011190218.XA CN112231608B (zh) 2020-10-30 2020-10-30 一种嵌入式Web组态图元的实现方法

Publications (2)

Publication Number Publication Date
CN112231608A CN112231608A (zh) 2021-01-15
CN112231608B true CN112231608B (zh) 2023-01-03

Family

ID=74123231

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202011190218.XA Active CN112231608B (zh) 2020-10-30 2020-10-30 一种嵌入式Web组态图元的实现方法

Country Status (1)

Country Link
CN (1) CN112231608B (zh)

Families Citing this family (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113568613A (zh) * 2021-07-08 2021-10-29 浙江浙大中控信息技术有限公司 一种svg组态流程图在线转动态可交互网页方法
CN113553205B (zh) * 2021-09-17 2021-12-07 统信软件技术有限公司 一种用于QT和Web端通信协议的执行方法和执行器
CN115202540A (zh) * 2022-07-15 2022-10-18 浪潮云信息技术股份公司 一种基于物联网的工业组态的状态指示装置
CN116820431B (zh) * 2023-08-30 2023-11-14 山东威尔数据股份有限公司 具有全功能Node.js的嵌入式应用开发及运行方法
CN116974550B (zh) * 2023-09-20 2023-12-29 中科星图测控技术股份有限公司 一种通用三维地球可视化方法
CN117742695B (zh) * 2024-02-18 2024-05-28 云筑信息科技(成都)有限公司 一种用于简化低代码组件可视化配置的方法

Citations (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101630329A (zh) * 2009-08-24 2010-01-20 孟智平 一种网页中视频元素与网页元素互动的方法及系统
US8069405B1 (en) * 2001-11-19 2011-11-29 Cypress Semiconductor Corporation User interface for efficiently browsing an electronic document using data-driven tabs
CN103048929A (zh) * 2012-12-25 2013-04-17 中南大学 基于matlab引擎的可视化过程控制实时仿真方法
CN103218225A (zh) * 2013-03-29 2013-07-24 北京宇航系统工程研究所 一种统一测发控软件开发系统
CN103559353A (zh) * 2013-11-07 2014-02-05 南京国电南自轨道交通工程有限公司 一种基于svg的监控系统画面组态中动态行为格式的设计方法
CN104750062A (zh) * 2013-12-31 2015-07-01 洛克威尔自动控制技术股份有限公司 具有编辑器和图形对象移动可视化的工业自动化设备
CN105630483A (zh) * 2015-12-16 2016-06-01 青岛海信网络科技股份有限公司 一种组态图元的显示方法及装置
CN107220064A (zh) * 2017-06-27 2017-09-29 华中科技大学 一种数控系统界面组态开发方法
CN108681444A (zh) * 2018-04-12 2018-10-19 华中科技大学 一种基于xml技术的软plc组态开发方法
CN109254771A (zh) * 2018-08-24 2019-01-22 北京国电智深控制技术有限公司 一种监控页面生成方法和装置
CN109445891A (zh) * 2018-10-09 2019-03-08 北京国电智深控制技术有限公司 画面组态及展示方法、装置、计算机可读存储介质
CN110704778A (zh) * 2019-09-25 2020-01-17 许昌许继软件技术有限公司 监控组态文件实时发布方法和系统及监控系统、Web服务器

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20100053205A1 (en) * 2008-09-03 2010-03-04 Debra Brandwein Method, apparatus, and system for displaying graphics using html elements

Patent Citations (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8069405B1 (en) * 2001-11-19 2011-11-29 Cypress Semiconductor Corporation User interface for efficiently browsing an electronic document using data-driven tabs
CN101630329A (zh) * 2009-08-24 2010-01-20 孟智平 一种网页中视频元素与网页元素互动的方法及系统
CN103048929A (zh) * 2012-12-25 2013-04-17 中南大学 基于matlab引擎的可视化过程控制实时仿真方法
CN103218225A (zh) * 2013-03-29 2013-07-24 北京宇航系统工程研究所 一种统一测发控软件开发系统
CN103559353A (zh) * 2013-11-07 2014-02-05 南京国电南自轨道交通工程有限公司 一种基于svg的监控系统画面组态中动态行为格式的设计方法
CN104750062A (zh) * 2013-12-31 2015-07-01 洛克威尔自动控制技术股份有限公司 具有编辑器和图形对象移动可视化的工业自动化设备
CN105630483A (zh) * 2015-12-16 2016-06-01 青岛海信网络科技股份有限公司 一种组态图元的显示方法及装置
CN107220064A (zh) * 2017-06-27 2017-09-29 华中科技大学 一种数控系统界面组态开发方法
CN108681444A (zh) * 2018-04-12 2018-10-19 华中科技大学 一种基于xml技术的软plc组态开发方法
CN109254771A (zh) * 2018-08-24 2019-01-22 北京国电智深控制技术有限公司 一种监控页面生成方法和装置
CN109445891A (zh) * 2018-10-09 2019-03-08 北京国电智深控制技术有限公司 画面组态及展示方法、装置、计算机可读存储介质
CN110704778A (zh) * 2019-09-25 2020-01-17 许昌许继软件技术有限公司 监控组态文件实时发布方法和系统及监控系统、Web服务器

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
基于Qt的组态软件的设计与开发;李冬梅;《中国优秀博硕士学位论文全文数据库(硕士)信息科技辑》;20121015(第10期);I138-2000 *

Also Published As

Publication number Publication date
CN112231608A (zh) 2021-01-15

Similar Documents

Publication Publication Date Title
CN112231608B (zh) 一种嵌入式Web组态图元的实现方法
US11403364B2 (en) Method and terminal device for extracting web page content
WO2021057830A1 (zh) 一种信息处理方法及电子设备
KR102307163B1 (ko) 크로스 플랫폼 렌더링 엔진
US20110167336A1 (en) Gesture-based web site design
JP2015520881A (ja) 描画の方法、装置、および端末
US20110167360A1 (en) Incoming web traffic conversion
CN111596998A (zh) 一种水墨屏的页面处理方法及终端
CN109445891B (zh) 画面组态及展示方法、装置、计算机可读存储介质
CN112217671A (zh) 基于拆分部署的前端微服务进行界面显示的方法及设备
CN114669047A (zh) 一种图像处理方法、电子设备及存储介质
US20200249965A1 (en) Display Device with Built-In Web Browser for Graphical User Interface in an Embedded System
CN114115870A (zh) 用户接口界面实现方法及装置
CN112306297A (zh) 一种会议白板手写输入低延迟的实现方法
CN113360122B (zh) 移动终端及其文本显示方法
WO2024169740A1 (zh) 一种应用程序的卡片打开方法及其相关设备
WO2021052488A1 (zh) 一种信息处理方法及电子设备
CN115018692A (zh) 一种图像渲染方法及电子设备
CN113553017A (zh) 一种终端屏幕的适配方法、系统、设备及介质
CN110134463B (zh) 数据处理方法、装置、设备和机器可读介质
CN110231922B (zh) 一种移动终端显示控制方法及移动终端
CN110083407B (zh) 小程序中步骤条的实现方法、装置、电子设备及存储介质
CN106383705A (zh) 在应用瘦客户端中设置鼠标显示状态的方法及装置
CN111352665A (zh) 页面加载方法、装置、设备及其存储介质
CN114924837A (zh) 数据处理方法、电子设备和可读存储介质

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
CB03 Change of inventor or designer information

Inventor after: Li Xueqiang

Inventor after: Chen Xiaosong

Inventor after: Wu Dongjun

Inventor after: Wu Zhiming

Inventor after: Zhang Xiu

Inventor after: Wen Zhengguo

Inventor after: Zhang Wei

Inventor after: Zhang Weijun

Inventor after: Gong Chuanli

Inventor after: Li Yifan

Inventor after: Deng Ziye

Inventor before: Li Xueqiang

Inventor before: Chen Xiaosong

Inventor before: Wu Dongjun

Inventor before: Wu Zhiming

Inventor before: Zhang Xiu

Inventor before: Wen Zhengguo

Inventor before: Zhang Wei

Inventor before: Zhang Weijun

Inventor before: Gong Chuanli

Inventor before: Li Yifan

Inventor before: Deng Ziye

CB03 Change of inventor or designer information
TR01 Transfer of patent right

Effective date of registration: 20230522

Address after: 101100 room 206-20, 2nd floor, building 1, No.1 courtyard, Gongyuan street, Tongzhou District, Beijing

Patentee after: China Three Gorges Construction Engineering (Group) Co.,Ltd.

Patentee after: BEIJING IWHR TECHNOLOGY Co.,Ltd.

Address before: 10 / F, No.288, east section of Fucheng Avenue, high tech Zone, Chengdu, Sichuan 610094

Patentee before: THREE GORGES ELECTRICAL AND MECHANICAL ENGINEERING TECHNOLOGY Co.,Ltd.

Patentee before: BEIJING IWHR TECHNOLOGY Co.,Ltd.

TR01 Transfer of patent right