一种基于制造技术

本发明专利技术公开了一种基于

【技术实现步骤摘要】
一种基于JSON数据生成屏幕场景的方法及系统


[0001]本专利技术涉及计算机
，尤其涉及一种基于
JSON
数据生成屏幕场景的方法及系统
。

技术介绍

[0002]目前，一些基于
Web
技术的大屏展示平台，提供了可视化图表库和自定义布局功能，用户可以通过代码编写来实现自定义的大屏展示效果
。
一些大屏展示系统也提供了自定义的大屏展示功能，用户可以通过拖拽组件的方式来设计和排版展示屏幕
。
[0003]然而，这些现有技术的场景设计与代码高度绑定，都需要一定的编码能力和学习门槛，对于一些不具备编程能力的用户来说，这些工具和库的使用并不方便，难以简便地实现大屏展示效果
。

技术实现思路

[0004]本专利技术所要解决的是现有的大屏幕显示功能实现需要一定的编码门槛，难以简便地实现大屏展示效果的问题，为了解决上述技术问题，本专利技术提供了一种基于
JSON
数据生成屏幕场景的方法及系统
。
[0005]第一个方面，提供本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.
一种基于
JSON
数据生成屏幕场景的方法，其特征在于，包括：获取
JSON
数据，根据所述
JSON
数据设置依次展示的
UI
层级
、
画布层级
、
图层层级和容器层级，所述容器层级在最顶层；获取用户输入的属性值，根据所述属性值对所述画布层级和所述图层层级的属性进行设置；通过所述容器层级的适配器创建图表，并通过所述适配器获取用户输入的图表数据，将所述图表数据传给所述图表进行展示
。2.
根据权利要求1所述的基于
JSON
数据生成屏幕场景的方法，其特征在于，获取
JSON
数据之后，还包括：根据所述
JSON
数据设置编组层级，所述编组层级在所述图层层级和所述容器层级之间展示；其中，所述编组层级用于将至少一个容器层级组合在一起展示
。3.
根据权利要求2所述的基于
JSON
数据生成屏幕场景的方法，其特征在于，获取用户输入的属性值，根据所述属性值对所述画布层级和所述图层层级的属性进行设置，具体包括：通过所述
UI
层级获取用户输入的属性值，并将所述属性值传给所述画布层级和所述图层层级；根据所述属性值设置所述画布层级的尺寸和背景颜色；根据所述属性值设置所述图层层级相对于所述画布层级的位置和尺寸，并设置图层层级的数量
。4.
根据权利要求2所述的基于
JSON
数据生成屏幕场景的方法，其特征在于，还包括：通过所述
UI
层级获取用户输入的操作指令，并将所述操作指令传给所述编组层级；根据所述操作指令对所述编组层级的同一组合内的所有容器层级进行相同的操作
。5.
根据权利要求2所述的基于
JSON
数据生成屏幕场景的方法，其特征在于，所述
UI
层级的
JSON
数据包括
UI
类型
、UI
属性和
UI
子层级，其中，
UI
子层级为数组格式，包含画布层级的一个
JSON
数据；所述画布层级的
JSON
数据包括画布类型
、
画布属性和画布子层级，其中，所述画布子层级为数组格式，包含图层层级的至少一个
JSON
数据；所述图层层级的
JSON
数据包括图层类型
、
图层属性和图层子层级，其中，所述图层子层级为数组格式，包含编组层级的至少一个
JSON
数据；所述编组层级的
JSON
数据包括编组类型
、
编组属性和编组子层级，其中，所述编组子层级为数组格式，包含容器层级的至少一个
JSON
数据；所述容器层级的
JSON
数据包括容器类型
、
容器属性和适配器
。...

【专利技术属性】
技术研发人员：陈名生，雷庭，王俊，张琳，王茹，律满满，
申请(专利权)人：北京优锘科技股份有限公司，
类型：发明
国别省市：