一种web组态数据与动画呈现方法、电子设备及存储介质技术

技术编号:40285257 阅读:23 留言:0更新日期:2024-02-07 20:38
本发明专利技术公开了一种web组态数据与动画呈现方法、电子设备及存储介质,该方法包括以下步骤:S100、定义一种组态图纸json数据结构,包括基础图元信息、通信配置信息、容器适配配置信息、数据点位配置信息、动画配置信息和插槽配置信息;S200、定义一个获取组态图纸数据的http接口,业务页面通过该接口根据唯一id获取对应图纸的json数据;S300、定义一种基于vue的组态渲染组件;S400、业务页面调用步骤S200中定义的组态图纸数据接口,获取具有步骤S100定义结构的组态图纸数据;S500、将步骤S400获取到的组态图纸数据传入步骤S300定义的组态渲染组件中进行渲染,即完成组态数据与画面的呈现。本发明专利技术在使用组态渲染组件时,对浏览器造成的性能开销更小,开发效率高,运维成本低。

【技术实现步骤摘要】

本专利技术涉及计算机web组态,具体涉及一种web组态数据与动画呈现方法、电子设备及存储介质


技术介绍

1、组态是使用软件工具对计算机软硬件等各种资源进行配置,然后计算机或软件按照预先设置自动执行特定动作,从而满足使用者要求。web组态软件即是采用web技术构建的bs架构的组态软件。

2、传统web组态软件一般有两种集成呈现方式,一种是输出一个页面链接,然后通过iframe方式集成到业务系统中进行展示。另一种方式是输出原始的配置文件,然后由业务系统二次开发加载该文件进行展示。

3、而以上两种集成方式均有弊端:

4、1)通过页面链接方式集成的,仅能使用组态编辑器本身的功能,难以进行个性化业务需求的定制开发,而且如果一个业务页面通过iframe方式引入多个组态画面时,将大幅提高浏览器的性能开销,有可能造成页面卡顿。

5、2)通过原始文件方式集成的,需要进行大量的二次开发工作,耗时耗力。

6、3)组态画面有关鼠标事件的处理逻辑通常都是通过组态编辑器写在组态文件本身,或通过复杂的调用方式传递到业务页面处本文档来自技高网...

【技术保护点】

1.一种web组态数据与动画呈现方法,其特征在于,包括以下步骤:

2.根据权利要求1所述的web组态数据与动画呈现方法,其特征在于,组态渲染组件的渲染流程如下:

3.根据权利要求2所述的web组态数据与动画呈现方法,其特征在于,容器适配方式包括宽度适应、高度适应、覆盖、包含和默认;

4.根据权利要求2所述的web组态数据与动画呈现方法,其特征在于,步骤S330具体包括如下流程:

5.根据权利要求2所述的web组态数据与动画呈现方法,其特征在于,步骤S340具体包括如下流程:

6.根据权利要求2所述的web组态数据与动画呈现方法,...

【技术特征摘要】

1.一种web组态数据与动画呈现方法,其特征在于,包括以下步骤:

2.根据权利要求1所述的web组态数据与动画呈现方法,其特征在于,组态渲染组件的渲染流程如下:

3.根据权利要求2所述的web组态数据与动画呈现方法,其特征在于,容器适配方式包括宽度适应、高度适应、覆盖、包含和默认;

4.根据权利要求2所述的web组态数据与动画呈现方法,其特征在于,步骤s330具体包括如下流程:

5.根据权利要求2所述的web组态数据与动画呈现方法,其特征在于,步骤s340具体包括如下流程:

6.根据权利要...

【专利技术属性】
技术研发人员:涂鹏飞林萍周强聂尟黎子恒
申请(专利权)人:中冶南方工程技术有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1