一种数据大屏的智能动态编辑方法
文献发布时间:2023-06-19 11:45:49
技术领域
本发明涉及屏幕编辑器技术领域,特别涉及一种数据大屏的智能动态编辑方法。
背景技术
在网上搜索数据看板编辑软件,会检索出若干方案和现有的产品。经过仔细研究和体验得知,这些方案和产品均是由系统预设的组件供用户选择,组件属性分为必填和可选。使用人员从组件库中选择需要的组件,在页面上合理布局,设置每个属性和展示样式,保存当前编辑器内容。下次登录系统从后台获取设置信息并且展示。
但是现有的方案中组件比较单一,本地化存储不能获取用户的设备、需求和爱好信息,不具备推荐用户进行选择组件和智能化编辑的功能,且现有大屏数据编辑器不能设置需要展示的设备的尺寸信息,不支持在指定的设备展示指定的布局和样式。且无法将用户的编辑信息存储到云端,无法导出编辑的页面数据。
针对现有技术存在的问题,本申请提供了一种数据大屏的智能动态编辑方法,结合当前用户的设备信息和展示大屏数据设备信息,合理布局组件和设定样式。
发明内容
本发明的目的在于提供一种数据大屏的智能动态编辑方法,结合当前用户的设备信息和展示大屏数据设备信息,合理布局组件和设定样式。
本发明提供了一种数据大屏的智能动态编辑方法,包括以下步骤:
创建预设组件列表和组件功能属性信息,预留自定义组件的入口,绑定数据方式,设置组件的可配置属性,默认属性填充值的定义;
获取用户信息和用户编辑偏好并存储,根据用户编辑偏好和实时输入的编辑需求生成智能推荐列表,选取组件,创建编辑器展示组件布局和数据,进行动态组件的实现制定,实时保存和同步用户的编辑数据;
选中编辑区域的组件,展示预设组件列表和该组件的默认属性列表,设置属性类型,确定属性值类型和取值范围,监听用户操作实时保存当前编辑器的数据至云端,将用户编辑数据交付编辑器,进行编辑结果的呈现。
进一步地,用户信息包括用户的登录信息和数据大屏设备信息。
进一步地,根据保存的用户编辑数据,在编辑器底部列表展示模板信息,用户通过选择不同的模板切换当前编辑区域的内容。
进一步地,默认属性列表于编辑器的右侧展示,预设组件列表于编辑器左侧展示。
进一步地,在编辑器右侧展示的组件默认属性列表中设置新增按钮进行组件属性的添加。
进一步地,在编辑器左侧展示的预设组件列表中设置新增按钮进行自定义组件创建。
与现有技术相比,本发明具有如下显著优点:
本发明提出的一种数据大屏的智能动态编辑方法,结合了现有编辑软件的功能特点,为用户提供了自定义动态组件,收集用户信息在后台大数据分析该用户的偏好和需求,得出分析结果智能为用户推荐组件和模板,结合当前用户的设备信息和数据大屏设备信息,合理布局组件和设定样式。将用户的编辑数据保存在云端不易丢失。软件采用react框架研发,并发性能优越,自身是轻量级的便捷工具。软件布局采用响应式,在不同尺寸的设备使用能达到合理的展示效果。
附图说明
图1为本发明实施例提供的编辑方法流程图。
具体实施方式
下面结合本发明中的附图,对本发明实施例的技术方案进行清楚、完整的描述,显然,所描述的实施例是本发明的一部分实施例,而不是全部实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例,都应属于本发明保护的范围。
参照图1,本发明提供了一种数据大屏的智能动态编辑方法,包括以下步骤:
统计现有的编辑器常用的组件,结合经验和查找资料创建预设组件列表和组件功能属性信息,预留自定义组件的入口,绑定数据方式,设置组件的可配置属性,默认属性填充值的定义;
获取用户信息和用户编辑偏好并存储,根据用户编辑偏好和实时输入的编辑需求生成智能推荐列表,选取组件,创建编辑器展示组件布局和数据,进行动态组件的实现制定,实时保存和同步用户的编辑数据;
选中编辑区域的组件,展示预设组件列表和该组件的默认属性列表,设置属性类型,确定属性值类型和取值范围,监听用户操作实时保存当前编辑器的数据至云端,进行编辑数据网格化,将用户编辑数据交付编辑器,进行编辑结果的呈现。
其中,用户信息包括用户的登录信息和数据大屏设备信息,不登录的游客身份也支持使用该编辑器,但游客不支持导出编辑数据和用户偏好推荐。
根据保存的用户编辑数据,在编辑器底部列表展示模板信息,用户通过选择不同的模板切换当前编辑区域的内容。
默认属性列表于编辑器的右侧展示,预设组件列表于编辑器左侧展示。在编辑器右侧展示的组件默认属性列表中设置新增按钮进行组件属性的添加。在编辑器左侧展示的预设组件列表中设置新增按钮进行自定义组件创建。
以上公开的仅为本发明的几个具体实施例,但是,本发明实施例并非局限于此,任何本领域的技术人员能思之的变化都应落入本发明的保护范围。
- 一种数据大屏的智能动态编辑方法
- 一种数据大屏可视化组件的动态数据绑定方法及系统