界面生成方法、界面信息处理方法、设备及存储介质技术

技术编号:29672106 阅读:19 留言:0更新日期:2021-08-13 21:53
本申请提供一种界面生成方法、界面信息处理方法、设备及存储介质,属于界面处理技术领域。该方法包括:响应用户将界面组件区域的目标组件拖动至界面编辑区域的操作,在界面编辑区域的目标位置显示目标组件;在组件属性设置区域显示目标组件的属性项;响应用户输入目标组件的属性项的属性值的操作,获取目标组件的各属性项的属性值;根据目标组件的标识、目标组件的目标位置以及目标组件的各属性项的属性值,生成目标界面的界面信息;将目标界面的界面信息发送给服务器。本申请可以解决界面内部配置复杂,界面灵活性差的问题,减少界面配置时的时耗。

【技术实现步骤摘要】
界面生成方法、界面信息处理方法、设备及存储介质
本申请涉及界面处理
,具体而言,涉及一种界面生成方法、界面信息处理方法、设备及存储介质。
技术介绍
随着可视化技术的日渐成熟,越来越多的技术研发人员在设计栏目界面时都会想到可视化技术,可视化是利用计算图形学和图像处理技术,将数据转换成图形或图像在屏幕上显示出来,并进行交互处理的一项技术。在现有技术中,大多数的栏目界面都采用固定样式,或在界面中写死,且界面内部配置复杂,界面灵活性差,每次要进行调整或更新时都需要再进行额外的开发,给技术人员产生不必要的麻烦,使得用户在使用时体验较差,并且在界面配置时所需要花费的时间较多。
技术实现思路
本申请的目的在于提供一种界面生成方法、界面信息处理方法、设备及存储介质,可以让新闻栏目界面信息可以实现自动定义,无需再进行代码研发定制界面,解决界面内部配置复杂,界面灵活性差的问题,减少界面配置时的时耗。本申请的实施例是这样实现的:本申请实施例的一方面,提供一种界面生成方法,应用于界面编辑客户端,该方法包括:响应用户将界面组件区域的目标组件拖动至界面编辑区域的操作,在界面编辑区域的目标位置显示目标组件;在组件属性设置区域显示目标组件的属性项;响应用户输入目标组件的属性项的属性值的操作,获取目标组件的各属性项的属性值;根据目标组件的标识、目标组件的目标位置以及目标组件的各属性项的属性值,生成目标界面的界面信息;将目标界面的界面信息发送给服务器。可选地,在界面编辑区域的目标位置显示目标组件之前,包括:根据用户拖动目标组件的次序,确定目标组件在界面边界区域的目标位置。可选地,根据目标组件的标识、目标组件的目标位置以及目标组件的各属性项的属性值,生成目标界面的界面信息,包括:根据目标组件的标识、目标组件的目标位置、目标组件的各属性项的属性值以及目标组件的关联信息,生成目标界面的界面信息,其中,目标组件的关联信息用于标识目标组件与其他组件的关联关系。可选地,目标组件的关联信息在组件属性设置区域进行设置。可选地,根据目标组件的标识、目标组件的目标位置以及目标组件的各属性项的属性值,生成目标界面的界面信息,包括:使用预设的组装格式,将目标组件的标识、目标组件的目标位置以及目标组件的各属性项的属性值组装为目标字符串,并将目标字符串作为目标界面的界面信息。可选地,目标界面为媒体栏目的界面。本申请实施例的另一方面,提供一种界面信息处理方法,应用于服务器,该方法包括:接收并保存界面编辑客户端发送的目标界面的界面信息;接收应用程序客户端发送的界面显示请求,界面显示请求中包括待显示的目标界面的标识;根据目标界面的标识,将目标界面的界面信息发送给应用程序客户端进行显示。可选地,目标界面的界面信息为具有预设格式的目标字符串;根据目标界面的标识,将目标界面的界面信息发送给应用程序客户端进行显示,包括:根据目标界面的标识,从至少一个界面字符串中筛选出目标字符串,并将目标字符串作为目标界面的界面信息发送给应用程序客户端进行显示。本申请实施例的另一方面,提供一种界面生成装置,应用于界面编辑客户端,该装置包括:响应模块、显示模块、获取模块、生成模块、发送模块;响应模块,用于响应用户将界面组件区域的目标组件拖动至界面编辑区域的操作,在界面编辑区域的目标位置显示目标组件;显示模块,用于在组件属性设置区域显示目标组件的属性项;获取模块,用于响应用户输入目标组件的属性项的属性值的操作,获取目标组件的各属性项的属性值;生成模块,用于根据目标组件的标识、目标组件的目标位置以及目标组件的各属性项的属性值,生成目标界面的界面信息;发送模块,用于将目标界面的界面信息发送给服务器。可选地,生成模块,还用于根据用户拖动目标组件的次序,确定目标组件在界面边界区域的目标位置。可选地,生成模块,还用于根据目标组件的标识、目标组件的目标位置、目标组件的各属性项的属性值以及目标组件的关联信息,生成目标界面的界面信息,其中,目标组件的关联信息用于标识目标组件与其他组件的关联关系。可选地,在该装置中,目标组件的关联信息在组件属性设置区域进行设置。可选地,生成模块,具体用于使用预设的组装格式,将目标组件的标识、目标组件的目标位置以及目标组件的各属性项的属性值组装为目标字符串,并将目标字符串作为目标界面的界面信息。可选地,该装置中,目标界面为媒体栏目的界面。本申请实施例的另一方面,提供一种界面信息处理装置,应用于服务器,该装置包括:接收模块,标识显示模块;接收模块,用于接收并保存界面编辑客户端发送的目标界面的界面信息;接收模块,还用于接收应用程序客户端发送的界面显示请求,界面显示请求中包括待显示的目标界面的标识;标识显示模块,用于根据目标界面的标识,将目标界面的界面信息发送给应用程序客户端进行显示。可选地,目标界面的界面信息为具有预设格式的目标字符串;标识显示模块,具体用于根据目标界面的标识,从至少一个界面字符串中筛选出目标字符串,并将目标字符串作为目标界面的界面信息发送给应用程序客户端进行显示。本申请实施例的另一方面,提供一种电子设备,包括:第一存储器、第一处理器,第一存储器中存储有可在第一处理器上运行的计算机程序,第一处理器执行计算机程序时,实现上述界面生成方法的步骤。本申请实施例的另一方面,提供一种服务器,第二存储器、第二处理器,第二存储器中存储有可在第二处理器上运行的计算机程序,第二处理器执行计算机程序时,实现上述界面信息处理的步骤。本申请实施例的另一方面,提供一种计算机可读存储介质,存储介质上存储有计算机程序,该计算机程序被处理器执行时,实现上述界面生成方法以及界面信息处理的步骤。本申请实施例的有益效果包括:本申请实施例提供的一种界面生成方法、界面信息处理方法、设备及存储介质中,可以响应用户将界面组件区域的目标组件拖动至界面编辑区域的操作,在界面编辑区域的目标位置显示目标组件;在组件属性设置区域显示目标组件的属性项;响应用户输入目标组件的属性项的属性值的操作,获取目标组件的各属性项的属性值;根据目标组件的标识、目标组件的目标位置以及目标组件的各属性项的属性值,生成目标界面的界面信息;将目标界面的界面信息发送给服务器。其中,通过对目标组件的标识、目标位置以及各属性项的属性值可以得到目标界面的界面信息,该界面信息相对较为灵活,无需进行代码研发定义界面,减少了用户对界面配置时所消耗的时间,提高了界面配置的效率。附图说明为了更清楚地说明本申请实施例的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,应当理解,以下附图仅示出了本申请的某些实施例,因此不应被看作是对范围的限定,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得本文档来自技高网...

【技术保护点】
1.一种界面生成方法,其特征在于,应用于界面编辑客户端,所述方法包括:/n响应用户将界面组件区域的目标组件拖动至界面编辑区域的操作,在所述界面编辑区域的目标位置显示所述目标组件;/n在组件属性设置区域显示所述目标组件的属性项;/n响应用户输入所述目标组件的属性项的属性值的操作,获取所述目标组件的各属性项的属性值;/n根据所述目标组件的标识、所述目标组件的目标位置以及所述目标组件的各属性项的属性值,生成目标界面的界面信息;/n将所述目标界面的界面信息发送给服务器。/n

【技术特征摘要】
1.一种界面生成方法,其特征在于,应用于界面编辑客户端,所述方法包括:
响应用户将界面组件区域的目标组件拖动至界面编辑区域的操作,在所述界面编辑区域的目标位置显示所述目标组件;
在组件属性设置区域显示所述目标组件的属性项;
响应用户输入所述目标组件的属性项的属性值的操作,获取所述目标组件的各属性项的属性值;
根据所述目标组件的标识、所述目标组件的目标位置以及所述目标组件的各属性项的属性值,生成目标界面的界面信息;
将所述目标界面的界面信息发送给服务器。


2.根据权利要求1所述的方法,其特征在于,所述在所述界面编辑区域的目标位置显示所述目标组件之前,包括:
根据用户拖动所述目标组件的次序,确定所述目标组件在所述界面边界区域的所述目标位置。


3.根据权利要求1所述的方法,其特征在于,所述根据所述目标组件的标识、所述目标组件的目标位置以及所述目标组件的各属性项的属性值,生成目标界面的界面信息,包括:
根据所述目标组件的标识、所述目标组件的目标位置、所述目标组件的各属性项的属性值以及所述目标组件的关联信息,生成目标界面的界面信息,其中,所述目标组件的关联信息用于标识所述目标组件与其他组件的关联关系。


4.根据权利要求3所述的方法,其特征在于,所述目标组件的关联信息在所述组件属性设置区域进行设置。


5.根据权利要求1-4任一项所述的方法,其特征在于,所述根据所述目标组件的标识、所述目标组件的目标位置以及所述目标组件的各属性项的属性值,生成目标界面...

【专利技术属性】
技术研发人员:王聪邹利多李茂杰郑科唐鹏程徐文谭帅罗涛
申请(专利权)人:四川金熊猫新媒体有限公司
类型:发明
国别省市:四川;51

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

1