System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 可视化大屏Vue源码的生成方法、装置及存储介质制造方法及图纸_技高网

可视化大屏Vue源码的生成方法、装置及存储介质制造方法及图纸

技术编号:40494688 阅读:4 留言:0更新日期:2024-02-26 19:23
本申请提供一种可视化大屏Vue源码的生成方法、装置及存储介质,涉及可视化大屏技术领域。通过获取可视化大屏的布局、组件需求以及数据源类型等设计要求,根据设计要求,确定可视化大屏中包含的要素和不同要素间的逻辑关系,并将要素和不同要素间的逻辑关系存储为结构化语言,进一步根据结构化语言,生成可视化大屏的Vue源码。本申请通过根据结构化语言,生成可视化大屏的Vue源码,简化Vue源码的生成过程,提高Vue源码的开发效率,降低成本。

【技术实现步骤摘要】

本申请涉及可视化大屏,尤其涉及一种可视化大屏vue源码的生成方法、装置及存储介质。


技术介绍

1、在可视化大屏领域,基于vue框架进行大屏开发已经成为一种常见的做法。vue框架是一款流行的javascript框架,具有易学易用以及灵活高效的特点,被广泛应用于构建用户界面。

2、相关技术中,可视化大屏中的要素和不同要素间的逻辑关系所对应的vue源码,是通过人工编写的方式生成的,需要熟悉多种前端技术和框架,对开发人员要求较高,且人工编写生成vue源码,存在开发效率低的问题。


技术实现思路

1、本申请实施例提供一种可视化大屏vue源码的生成方法、装置及存储介质,用以提高vue源码的开发效率,降低成本。

2、第一方面,本申请实施例提供一种可视化大屏vue源码的生成方法,包括:获取可视化大屏的设计要求,该设计要求包括可视化大屏的布局、组件需求以及数据源类型;根据设计要求,确定可视化大屏中包含的要素和不同要素间的逻辑关系;将要素和不同要素间的逻辑关系存储为结构化语言;根据结构化语言,生成可视化大屏的vue源码。

3、一种可能的实现方式中,根据结构化语言,生成可视化大屏的vue源码,包括:对结构化语言进行语法解析,得到结构化语言包含的相关信息,该相关信息包括数据、配置信息、数据源信息和组件信息;将结构化语言包含的数据和配置信息填充到代码模版中对应的代码位置,得到填充后的代码模版;根据结构化语言包含的数据源信息,生成与数据源交互的代码逻辑,代码逻辑包括从数据源获取数据、数据格式转换、数据处理和更新;根据结构化语言包含的组件信息,生成与组件库中的组件匹配的集成代码;根据填充后的代码模版、代码逻辑和集成代码,生成可视化大屏的vue源码。

4、一种可能的实现方式中,对结构化语言进行语法解析,得到结构化语言包含的相关信息之后,还包括:提取相关信息中的关键信息;确定关键信息对应的目标数据和目标配置信息,并针对目标数据和目标配置信息,确定填充后的代码模版、代码逻辑和集成代码。

5、一种可能的实现方式中,代码模版是基于结构化语言的语言规范开发的符合设计要求和项目结构的代码模版。

6、一种可能的实现方式中,结构化语言为js键值对数据(javascript objectnotation,简称json)格式的文件。

7、第二方面,本申请实施例提供一种可视化大屏vue源码的生成装置,包括:

8、获取模块,用于获取可视化大屏的设计要求,该设计要求包括可视化大屏的布局、组件需求以及数据源类型;

9、确定模块,用于根据设计要求,确定可视化大屏中包含的要素和不同要素间的逻辑关系;

10、存储模块,用于将要素和不同要素间的逻辑关系存储为结构化语言;

11、生成模块,用于根据结构化语言,生成可视化大屏的vue源码。

12、一种可能的实现方式中,生成模块具体用于:对结构化语言进行语法解析,得到结构化语言包含的相关信息,该相关信息包括数据、配置信息、数据源信息和组件信息;将结构化语言包含的数据和配置信息填充到代码模版中对应的代码位置,得到填充后的代码模版;根据结构化语言包含的数据源信息,生成与数据源交互的代码逻辑,代码逻辑包括从数据源获取数据、数据格式转换、数据处理和更新;根据结构化语言包含的组件信息,生成与组件库中的组件匹配的集成代码;根据填充后的代码模版、代码逻辑和集成代码,生成可视化大屏的vue源码。

13、一种可能的实现方式中,该可视化大屏vue源码的生成装置还包括提取模块,该提取模块:用于提取相关信息中的关键信息;确定关键信息对应的目标数据和目标配置信息,并针对目标数据和目标配置信息,确定填充后的代码模版、代码逻辑和集成代码。

14、一种可能的实现方式中,代码模版是基于结构化语言的语言规范开发的符合设计要求和项目结构的代码模版。

15、一种可能的实现方式中,结构化语言为json格式的文件。

16、第三方面,本申请实施例提供一种电子设备,包括:

17、至少一个处理器;

18、以及与至少一个处理器通信连接的存储器;

19、其中,存储器用于存储计算机执行指令,该计算机执行指令被至少一个处理器执行时实现如第一方面提供的可视化大屏vue源码的生成方法。

20、第四方面,本申请实施例提供一种计算机可读存储介质,计算机可读存储介质中存储有计算机执行指令,该计算机执行指令被执行,以实现第一方面提供的可视化大屏vue源码的生成方法。

21、第五方面,本申请实施例提供一种程序产品,该程序产品包含计算机执行指令。当计算机执行指令被执行,以实现第一方面提供的可视化大屏vue源码的生成方法。

22、本申请提供的可视化大屏vue源码的生成方法、装置及存储介质,通过获取可视化大屏的布局、组件需求以及数据源类型等设计要求,根据设计要求,确定可视化大屏中包含的要素和不同要素间的逻辑关系,并将要素和不同要素间的逻辑关系存储为结构化语言,进一步根据结构化语言,生成可视化大屏的vue源码。本申请通过根据结构化语言,生成可视化大屏的vue源码,简化vue源码的生成过程,提高vue源码的开发效率,降低成本。

本文档来自技高网...

【技术保护点】

1.一种可视化大屏Vue源码的生成方法,其特征在于,包括:

2.根据权利要求1所述的生成方法,其特征在于,所述根据所述结构化语言,生成所述可视化大屏的Vue源码,包括:

3.根据权利要求2所述的生成方法,其特征在于,所述对所述结构化语言进行语法解析,得到所述结构化语言包含的相关信息之后,还包括:

4.根据权利要求2所述的生成方法,其特征在于,所述代码模版是基于结构化语言的语言规范开发的符合所述设计要求和项目结构的代码模版。

5.根据权利要求1至3中任一项所述的生成方法,其特征在于,所述结构化语言为json格式的文件。

6.一种可视化大屏Vue源码的生成装置,其特征在于,包括:

7.根据权利要求6所述的生成装置,其特征在于,所述生成模块具体用于:

8.一种电子设备,其特征在于,包括:

9.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有计算机执行指令,所述计算机执行指令被执行时实现如权利要求1至5中任一项所述的方法。

10.一种程序产品,其特征在于,所述程序产品包含计算机执行指令,当所述计算机执行指令被执行时实现如权利要求1至5中任一项所述的方法。

...

【技术特征摘要】

1.一种可视化大屏vue源码的生成方法,其特征在于,包括:

2.根据权利要求1所述的生成方法,其特征在于,所述根据所述结构化语言,生成所述可视化大屏的vue源码,包括:

3.根据权利要求2所述的生成方法,其特征在于,所述对所述结构化语言进行语法解析,得到所述结构化语言包含的相关信息之后,还包括:

4.根据权利要求2所述的生成方法,其特征在于,所述代码模版是基于结构化语言的语言规范开发的符合所述设计要求和项目结构的代码模版。

5.根据权利要求1至3中任一项所述的生成方法,其特征在于,所述结构化...

【专利技术属性】
技术研发人员:张金钾刘凌云宋雨伦李大中朱润亚薛鹏郭健
申请(专利权)人:中国联合网络通信集团有限公司
类型:发明
国别省市:

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

1