CN118069012A - 轮播图显示方法、装置、电子设备和计算机可读介质 - Google Patents
轮播图显示方法、装置、电子设备和计算机可读介质 Download PDFInfo
- Publication number
- CN118069012A CN118069012A CN202410075138.1A CN202410075138A CN118069012A CN 118069012 A CN118069012 A CN 118069012A CN 202410075138 A CN202410075138 A CN 202410075138A CN 118069012 A CN118069012 A CN 118069012A
- Authority
- CN
- China
- Prior art keywords
- information
- module
- page
- display
- carousel
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 50
- 230000004044 response Effects 0.000 claims description 91
- 238000010586 diagram Methods 0.000 claims description 28
- 238000004140 cleaning Methods 0.000 claims description 25
- 238000001514 detection method Methods 0.000 claims description 22
- 238000012545 processing Methods 0.000 claims description 11
- 238000004590 computer program Methods 0.000 claims description 8
- 239000002699 waste material Substances 0.000 abstract description 8
- 230000006870 function Effects 0.000 description 12
- 230000008569 process Effects 0.000 description 9
- 230000003993 interaction Effects 0.000 description 7
- 238000004891 communication Methods 0.000 description 6
- 238000010606 normalization Methods 0.000 description 6
- 230000000694 effects Effects 0.000 description 4
- 239000003814 drug Substances 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 238000012546 transfer Methods 0.000 description 3
- 230000008901 benefit Effects 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 2
- 229940079593 drug Drugs 0.000 description 2
- 230000002452 interceptive effect Effects 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 238000011161 development Methods 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04842—Selection of displayed objects or displayed text elements
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本公开的实施例公开了轮播图显示方法、装置、电子设备和计算机可读介质。该方法的一具体实施方式包括:显示页面模块配置页面;显示模块元素显示页面;显示模块元素信息编辑页面;将对应至少一个模块元素配置信息输入框的各个输入信息与轮播图显示框中的轮播图确定为各个更新信息;将与至少一个模块元素配置信息输入框对应的各个输入信息、图片属性信息作为各个临时存储信息存储至内存中;对模块元素显示页面进行更新;显示更新后的模块元素显示页面;将各个临时存储信息确定为各个模块配置子信息;将各个模块配置子信息确定为模块配置信息;生成显示接口信息;将显示接口信息发送至服务端。该实施方式减少了计算机算力资源的浪费。
Description
技术领域
本公开的实施例涉及计算机技术领域,具体涉及轮播图显示方法、装置、电子设备和计算机可读介质。
背景技术
随着互联网的普及和发展,越来越多的线上平台,通过页面元素(例如,页面模块、轮播图)展示和推广物品信息。轮播图显示,是在信息推广平台(例如,小程序、网页APP和移动APP)的预设页面的页面模块中更新显示轮播图的一项技术。目前,在预设页面显示轮播图时,通常采用的方式为:通过页面开发人员逐个编写包含所显示的轮播图的模块代码进行轮播图显示。
然而,当采用上述方式显示轮播图时,经常会存在如下技术问题:
第一,通常信息推广平台中预设页面的显示内容更新比较频繁,当页面模块中的轮播图需要更新时,都需要重新编写包含所要更新的轮播图的模块显示代码,通过页面开发人员逐个编写包含所要更新的轮播图的模块显示代码进行轮播图显示,编写的模块显示代码中包含较多的无用、冗余、重复的代码,导致轮播图显示过程中计算机算力资源的浪费。
然而,实践中发现,直接根据未进行数据清洗的模块配置信息,生成显示接口信息,以进行轮播图显示时,进一步存在如下技术问题:
第二,通过界面交互生成模块配置信息,所生成的模块配置信息中可能会存在重复的配置信息,因为输入错误的非法配置信息(例如,模块显示尺寸大小为负数)。直接根据未进行数据清洗的模块配置信息,生成用于显示轮播图的显示接口信息,以进行轮播图显示时,非法配置信息与重复的配置信息可能会覆盖或干扰其他配置信息的显示功能,导致轮播图显示故障率增加。
该背景技术部分中所公开的以上信息仅用于增强对本发明构思的背景的理解,并因此,其可包含并不形成本国的本领域普通技术人员已知的现有技术的信息。
发明内容
本公开的内容部分用于以简要的形式介绍构思,这些构思将在后面的具体实施方式部分被详细描述。本公开的内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征,也不旨在用于限制所要求的保护的技术方案的范围。
本公开的一些实施例提出了轮播图显示方法、装置、电子设备和计算机可读介质,来解决以上背景技术部分提到的技术问题中的一项或多项。
第一方面,本公开的一些实施例提供了一种轮播图显示方法,该方法包括:响应于检测到作用于轮播图展示配置页面中配置选择控件的选择操作,显示页面模块配置页面,其中,上述页面模块配置页面包括以下至少一项:各个模块配置选择控件、各个模块查看选择控件;响应于检测到作用于上述各个模块查看选择控件中的一个模块查看选择控件的选择操作,显示与上述模块查看选择控件对应的模块元素显示页面,其中,上述模块元素显示页面包括以下至少一项:编辑完成选择控件、各个编辑选择控件;响应于检测到作用于上述各个编辑选择控件中的一个编辑选择控件的选择操作,显示对应上述编辑选择控件的模块元素信息编辑页面,其中,上述模块元素信息编辑页面包括以下至少一项:各个模块元素配置信息输入框、轮播图显示框、返回上一页面控件;响应于检测到作用于上述各个模块元素配置信息输入框中的至少一个模块元素配置信息输入框的输入操作,将对应上述至少一个模块元素配置信息输入框的各个输入信息与轮播图显示框中的轮播图确定为各个更新信息;将与上述至少一个模块元素配置信息输入框对应的各个输入信息、与上述轮播图对应的图片属性信息作为各个临时存储信息存储至内存中;响应于检测到作用于上述返回上一页面控件的选择操作,根据上述各个更新信息,对上述模块元素显示页面进行更新;显示更新后的模块元素显示页面;响应于检测到作用于模块元素显示页面中的编辑完成选择控件的选择操作,将存储至内存中的各个临时存储信息确定为各个模块配置子信息;将上述各个模块配置子信息确定为模块配置信息;根据上述模块配置信息,生成对应上述模块配置信息的显示接口信息;将上述显示接口信息发送至服务端,以供客户端从上述服务端接收上述显示接口信息,其中,上述显示接口信息用于在预设页面显示轮播图。
第二方面,本公开的一些实施例提供了一种轮播图显示装置,装置包括:第一显示单元,被配置成响应于检测到作用于轮播图展示配置页面中配置选择控件的选择操作,显示页面模块配置页面,其中,上述页面模块配置页面包括以下至少一项:各个模块配置选择控件、各个模块查看选择控件;第二显示单元,被配置成响应于检测到作用于上述各个模块查看选择控件中的一个模块查看选择控件的选择操作,显示与上述模块查看选择控件对应的模块元素显示页面,其中,上述模块元素显示页面包括以下至少一项:编辑完成选择控件、各个编辑选择控件;第三显示单元,被配置成响应于检测到作用于上述各个编辑选择控件中的一个编辑选择控件的选择操作,显示对应上述编辑选择控件的模块元素信息编辑页面,其中,上述模块元素信息编辑页面包括以下至少一项:各个模块元素配置信息输入框、轮播图显示框、返回上一页面控件;第一确定单元,被配置成响应于检测到作用于上述各个模块元素配置信息输入框中的至少一个模块元素配置信息输入框的输入操作,将对应上述至少一个模块元素配置信息输入框的各个输入信息与轮播图显示框中的轮播图确定为各个更新信息;存储单元,被配置成将与上述至少一个模块元素配置信息输入框对应的各个输入信息、与上述轮播图对应的图片属性信息作为各个临时存储信息存储至内存中;更新单元,被配置成响应于检测到作用于上述返回上一页面控件的选择操作,根据上述各个更新信息,对上述模块元素显示页面进行更新;第四显示单元,被配置成显示更新后的模块元素显示页面;第二确定单元,被配置成响应于检测到作用于模块元素显示页面中的编辑完成选择控件的选择操作,将存储至内存中的各个临时存储信息确定为各个模块配置子信息;第三确定单元,被配置成将上述各个模块配置子信息确定为模块配置信息;生成单元,被配置成根据上述模块配置信息,生成对应上述模块配置信息的显示接口信息;发送单元,被配置成将上述显示接口信息发送至服务端,以供客户端从上述服务端接收上述显示接口信息,其中,上述显示接口信息用于在预设页面显示轮播图。
第三方面,本公开的一些实施例提供了一种电子设备,包括:一个或多个处理器;存储装置,其上存储有一个或多个程序,当一个或多个程序被一个或多个处理器执行,使得一个或多个处理器实现上述第一方面任一实现方式所描述的方法。
第四方面,本公开的一些实施例提供了一种计算机可读介质,其上存储有计算机程序,其中,程序被处理器执行时实现上述第一方面任一实现方式所描述的方法。
本公开的上述各个实施例具有如下有益效果:通过本公开的一些实施例的轮播图显示方法,减少了计算机算力资源的浪费。具体来说,造成计算机算力资源的浪费的原因在于:通常信息推广平台中预设页面的显示内容更新比较频繁,当页面模块中的轮播图需要更新时,都需要重新编写包含所要更新的轮播图的模块显示代码,通过页面开发人员逐个编写包含所要更新的轮播图的模块显示代码进行轮播图显示,编写的模块显示代码中包含较多的无用、冗余、重复的代码,导致轮播图显示过程中计算机算力资源的浪费。基于此,本公开的一些实施例的轮播图显示方法,首先,响应于检测到作用于轮播图展示配置页面中配置选择控件的选择操作,显示页面模块配置页面,其中,上述页面模块配置页面包括以下至少一项:各个模块配置选择控件、各个模块查看选择控件。由此,可以显示页面模块配置页面。然后,响应于检测到作用于上述各个模块查看选择控件中的一个模块查看选择控件的选择操作,显示与上述模块查看选择控件对应的模块元素显示页面,其中,上述模块元素显示页面包括以下至少一项:编辑完成选择控件、各个编辑选择控件。由此,可以显示用于配置模块元素的模块元素显示页面。接着,响应于检测到作用于上述各个编辑选择控件中的一个编辑选择控件的选择操作,显示对应上述编辑选择控件的模块元素信息编辑页面,其中,上述模块元素信息编辑页面包括以下至少一项:各个模块元素配置信息输入框、轮播图显示框、返回上一页面控件。由此,可以显示用于生成各个更新信息的模块元素信息编辑页面。之后,响应于检测到作用于上述各个模块元素配置信息输入框中的至少一个模块元素配置信息输入框的输入操作,将对应上述至少一个模块元素配置信息输入框的各个输入信息与轮播图显示框中的轮播图确定为各个更新信息。由此,可以通过具有规范性和模板性的页面进行界面交互配置模块元素,得到用于生成各个模块配置子信息与用于更新模块元素显示页面的各个更新信息。然后,将与上述至少一个模块元素配置信息输入框对应的各个输入信息、与上述轮播图对应的图片属性信息作为各个临时存储信息存储至内存中。接着,响应于检测到作用于上述返回上一页面控件的选择操作,根据上述各个更新信息,对上述模块元素显示页面进行更新。由此,可以对模块元素显示页面更新。显示更新后的模块元素显示页面。然后,响应于检测到作用于模块元素显示页面中的编辑完成选择控件的选择操作,将存储至内存中的各个临时存储信息确定为各个模块配置子信息。接着,将上述各个模块配置子信息确定为模块配置信息。由此,可以得到用于生成显示接口信息的模块配置信息。之后,根据上述模块配置信息,生成对应上述模块配置信息的显示接口信息。由此,可以得到用于在预设页面显示轮播图表征显示代码的显示接口信息。最后,将上述显示接口信息发送至服务端,以供客户端从上述服务端接收上述显示接口信息,其中,上述显示接口信息用于在预设页面显示轮播图。由此,通过服务端将显示接口信息发送至客户端,以供客户端在预设页面显示轮播图。也因为通过具规范性和模板性的各个页面进行界面交互生成模块配置信息,根据模块配置信息,生成表征显示代码的具有规范性和模板性的显示接口信息,减少了无用、冗余、重复的代码生成,减少了计算机算力资源的浪费。
附图说明
结合附图并参考以下具体实施方式,本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中,相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的,元件和元素不一定按照比例绘制。
图1是根据本公开的轮播图显示方法的一些实施例的流程图;
图2是根据本公开的轮播图显示方法的一些实施例的页面模块配置页面的示意图;
图3是根据本公开的轮播图显示方法的一些实施例的模块元素显示页面的示意图;
图4是根据本公开的轮播图显示方法的一些实施例的模块配置页面的示意图;
图5是根据本公开的轮播图显示方法的一些实施例的模块元素信息编辑页面的示意图;
图6是根据本公开的轮播图显示装置的一些实施例的结构示意图;
图7是适于用来实现本公开的一些实施例的电子设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例,然而应当理解的是,本公开可以通过各种形式来实现,而且不应该被解释为限于这里阐述的实施例。相反,提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是,本公开的附图及实施例仅用于示例性作用,并非用于限制本公开的保护范围。
另外还需要说明的是,为了便于描述,附图中仅示出了与有关发明相关的部分。在不冲突的情况下,本公开中的实施例及实施例中的特征可以相互组合。
需要注意,本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分,并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
需要注意,本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的,本领域技术人员应当理解,除非在上下文另有明确指出,否则应该理解为“一个或多个”。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的,而并不是用于对这些消息或信息的范围进行限制。
下面将参考附图并结合实施例来详细说明本公开。
图1示出了根据本公开的轮播图显示方法的一些实施例的流程100。该轮播图显示方法,包括以下步骤:
步骤101,响应于检测到作用于轮播图展示配置页面中配置选择控件的选择操作,显示页面模块配置页面。
在一些实施例中,轮播图显示方法的执行主体(例如,计算设备)可以响应于检测到作用于轮播图展示配置页面中配置选择控件的选择操作,显示页面模块配置页面。其中,上述页面模块配置页面包括以下至少一项:各个模块列表、各个模块配置选择控件、各个模块查看选择控件,上述各个模块列表中的模块列表包括以下至少一项信息:模块名称、模块标签信息、轮播图显示数量。上述各个模块列表中的一个模块列表与上述各个模块配置选择控件中对应的一个模块配置选择控件对应。上述各个模块列表中的一个模块列表与上述各个模块查看选择控件中对应的一个模块查看选择控件对应。上述执行主体可以为用于管理客户端中的目标应用中轮播图显示的终端设备(例如,计算机)。上述客户端可以为装载上述目标应用的终端设备(例如,计算机或手机)。上述轮播图展示配置页面可以为用于配置上述目标应用的预设页面中轮播图展示的页面。上述配置选择控件可以为用于配置页面模块的交互元素。上述轮播图可以为包含流转物品的图像。上述目标应用可以为用于线上物品流转的应用。例如,上述目标应用可以为但不限于以下中的一项:线上药品流转小程序、线上药品流转移动应用。上述流转物品可以为药品。上述页面模块配置页面可以为用于配置页面模块的页面。上述各个模块列表中的模块列表可以为用于展示页面模块信息的横向列表。上述各个模块配置选择控件中的模块配置选择控件可以为用于配置页面模块的页面元素。上述各个模块查看选择控件中的模块查看选择控件可以为用于查看页面模块页面元素。上述模块名称可以为页面模块的名称。例如,上述模块名称可以为顶部轮播图。上述模块标签信息可以为用于区分页面模块的标识。上述轮播图显示数量可以为与模块列表对应的页面模块中所包括的轮播图的图片数量。
作为示例,所显示的页面模块配置页面可以参考图2。图2中显示了页面模块配置页面201、模块列表202、模块配置选择控件203和模块查看选择控件204。
步骤102,响应于检测到作用于各个模块查看选择控件中的一个模块查看选择控件的选择操作,显示与模块查看选择控件对应的模块元素显示页面。
在一些实施例中,上述执行主体可以响应于检测到作用于上述各个模块查看选择控件中的一个模块查看选择控件的选择操作,显示与上述模块查看选择控件对应的模块元素显示页面。其中,上述模块元素显示页面包括以下至少一项:各个模块元素列表、编辑完成选择控件、各个编辑选择控件。上述各个编辑选择控件中的一个编辑选择控件与上述各个模块元素列表中对应的一个模块元素列表对应。上述各个模块元素列表中的模块元素列表包括以下至少一项信息:模块元素名称、轮播图、开始显示时间、结束显示时间。上述模块元素显示页面可以为用于显示所选择的页面模块中的各个模块元素信息的页面。上述各个模块元素信息中的模块元素信息可以为模块元素未配置之前所对应的信息。上述模块元素可以为页面模块中显示的页面元素。例如,上述模块元素可以为轮播图。上述各个模块元素列表中的模块元素列表可以为用于展示未配置之前模块元素信息的横向列表。上述编辑完成选择控件可以表示编辑完成的页面元素。上述各个编辑选择控件中编辑选择控件可以为用于选择待编辑模块元素的页面元素。上述模块元素名称可以为轮播图中图片名称。例如,上述模块元素名称可以为膏方图。上述轮播图可以为用于展示的图片。上述开始显示时间可以为上述轮播图开始显示的显示时间。上述结束显示时间可以为上述轮播图结束显示的时间。
作为示例,所显示的模块元素显示页面可以参考图3。图3中显示了模块元素显示页面301、模块元素列表302、编辑选择控件303、编辑完成选择控件304。
在一些实施例的一些可选的实现方式中,在上述响应于检测到作用于上述各个模块查看选择控件中的一个模块查看选择控件的选择操作,显示与上述模块查看选择控件对应的模块元素显示页面之前,上述执行主体还可以执行以下步骤:
第一步,响应于检测到作用于对应上述模块查看选择控件的模块配置选择控件的选择操作,显示对应上述模块配置选择控件的模块配置页面。其中,上述模块配置页面包括以下至少一项:模块尺寸大小输入框、跳转地址输入框、自定义模块属性添加控件。上述模块配置页面可以为用于配置所选择的页面模块的页面。上述模块尺寸大小输入框可以为用于配置页面模块显示大小的页面元素。上述跳转地址输入框可以为用于配置模块跳转信息的页面元素。上述模块跳转信息可以为URL格式数据。上述自定义模块属性添加控件可以为用于添加未配置过的页面模块属性信息的页面元素。上述页面模块属性信息可以表示所配置的页面模块的属性。例如,上述页面模块属性信息包括但不限于以下中的一项:布局属性对应的信息、样式属性对应的信息。上述布局属性可以为用于表示页面元素在页面中位置的属性。
作为示例,所显示的模块配置页面可以参考图4。图4中显示了模块配置页面401、模块尺寸大小输入框402、跳转地址输入框403、自定义模块属性添加控件404。
第二步,响应于检测到作用于上述模块尺寸大小输入框的输入操作,将对应上述输入操作的输入信息确定为模块大小配置信息。
第三步,响应于检测到作用于上述跳转地址输入框的输入操作,将对应上述输入操作的输入信息确定为模块跳转信息。
第四步,将上述模块大小配置信息与上述模块跳转信息作为临时存储信息存储至内存中。
步骤103,响应于检测到作用于各个编辑选择控件中的一个编辑选择控件的选择操作,显示对应编辑选择控件的模块元素信息编辑页面。
在一些实施例中,上述执行主体可以响应于检测到作用于上述各个编辑选择控件中的一个编辑选择控件的选择操作,显示对应上述编辑选择控件的模块元素信息编辑页面。其中,上述模块元素信息编辑页面包括以下至少一项:各个模块元素配置信息输入框、轮播图更新上传按钮、轮播图显示框、跳转选择控件、返回上一页面控件。上述各个编辑选择控件中的编辑选择控件可以为用于选择待编辑模块元素的页面元素。模块元素信息编辑页面可以为用于配置所选择模块元素的页面。上述各个模块元素配置信息输入框中的模块元素配置信息输入框可以为用于配置模块元素的页面元素。上述模块元素配置信息输入框可以包括但不限于以下中的一项:模块元素名称输入框、开始显示时间输入框、结束显示时间输入框。上述轮播图更新上传按钮可以为用于上传轮播图的页面元素。上述轮播图显示框可以用于显示所上传的轮播图。上述轮播图显示框可以为用于显示上述轮播图的页面元素。上述跳转选择控件可以用于选择与上述轮播图对应的跳转链接。上述跳转选择控件可以为用于选择跳转链接的页面元素。上述返回上一页面控件可以为用于显示上一页面的页面元素。上述上一页面可以为模块元素显示页面。
作为示例,所显示的模块元素信息编辑页面可以参考图5。图5中显示了模块元素信息编辑页面501、模块元素配置信息输入框502、轮播图更新上传按钮505、轮播图显示框504、跳转选择控件503、返回上一页面控件506。需要说明的是图5中的“XXX”可以为任意数量的任意字符。
步骤104,响应于检测到作用于各个模块元素配置信息输入框中的至少一个模块元素配置信息输入框的输入操作,将对应至少一个模块元素配置信息输入框的各个输入信息与轮播图显示框中的轮播图确定为各个更新信息。
在一些实施例中,上述执行主体可以响应于检测到作用于上述各个模块元素配置信息输入框中的至少一个模块元素配置信息输入框的输入操作,将对应上述至少一个模块元素配置信息输入框的各个输入信息与轮播图显示框中的轮播图确定为各个更新信息。
在一些实施例的一些可选的实现方式中,在上述响应于检测到作用于上述各个模块元素配置信息输入框中的至少一个模块元素配置信息输入框的输入操作,将对应上述至少一个模块元素配置信息输入框的各个输入信息与轮播图显示框中的轮播图确定为各个更新信息之前,上述执行主体还可以执行以下步骤:
第一步,响应于检测到作用于上述轮播图更新上传按钮的选择操作,显示与上述轮播图更新上传按钮对应的文件选择上传框,以供用户从本地预设文件夹中选择上传轮播图。其中,上述文件选择上传框可以为用于从本地预设文件夹选择轮播图的页面元素。上述用户可以为管理客户端中目标应用的人员。上述本地预设文件夹可以为存储轮播图的文件夹。
第二步,响应于检测到作用于上述文件选择上传框的上传操作,将用户所选择的轮播图存储至服务器,以供上述服务器生成对应上述轮播图的图片属性信息。其中,上述图片属性信息可以为对应所上传的轮播图的URL格式数据。
第三步,从上述服务器获取与上述轮播图对应的图片属性信息。
第四步,将存储至服务器中的上述轮播图确定为更新轮播图。
第五步,将上述轮播图显示框中的轮播图更新为上述更新轮播图,以对上述轮播图显示框进行更新。
步骤105,将与至少一个模块元素配置信息输入框对应的各个输入信息、与轮播图对应的图片属性信息作为各个临时存储信息存储至内存中。
在一些实施例中,上述执行主体可以将与上述至少一个模块元素配置信息输入框对应的各个输入信息、与上述轮播图对应的图片属性信息作为各个临时存储信息存储至内存中。其中,上述图片属性信息可以为URL格式数据。
步骤106,响应于检测到作用于返回上一页面控件的选择操作,根据各个更新信息,对模块元素显示页面进行更新。
在一些实施例中,上述执行主体可以响应于检测到作用于上述返回上一页面控件的选择操作,根据上述各个更新信息,对上述模块元素显示页面进行更新。
在一些实施例的一些可选的实现方式中,上述执行主体可以通过以下步骤响应于检测到作用于上述返回上一页面控件的选择操作,根据上述各个更新信息,对上述模块元素显示页面进行更新:
第一步,响应于检测到作用于上述返回上一页面控件的选择操作,将上述模块元素显示页面中与上述编辑选择控件对应的模块元素列表确定为目标模块元素列表。
第二步,将上述模块元素显示页面中的目标模块元素列表所包括的各个信息更新为上述各个更新信息,以对上述模块元素显示页面进行更新。
步骤107,显示更新后的模块元素显示页面。
在一些实施例中,上述执行主体可以显示更新后的模块元素显示页面。
步骤108,响应于检测到作用于模块元素显示页面中的编辑完成选择控件的选择操作,将存储至内存中的各个临时存储信息确定为各个模块配置子信息。
在一些实施例中,上述执行主体可以响应于检测到作用于模块元素显示页面中的编辑完成选择控件的选择操作,将存储至内存中的各个临时存储信息确定为各个模块配置子信息。
步骤109,将各个模块配置子信息确定为模块配置信息。
在一些实施例中,上述执行主体可以将上述各个模块配置子信息确定为模块配置信息。
步骤110,根据模块配置信息,生成对应模块配置信息的显示接口信息。
在一些实施例中,上述执行主体可以根据上述模块配置信息,生成对应上述模块配置信息的显示接口信息。
在一些实施例的一些可选的实现方式中,上述执行主体可以通过以下步骤根据上述模块配置信息,生成对应上述模块配置信息的显示接口信息:
第一步,对上述模块配置信息进行数据清洗处理,得到清洗数据。其中,上述清洗数据包括各个清洗子数据。
第二步,将上述各个清洗子数据转换成各个预定义结构子数据。其中,上述各个预定义结构子数据中的预定义结构子数据包括键信息和值信息。实践中,上述执行主体可以通过执行预设代码将上述各个清洗子数据转换成各个预定义结构子数据。其中,上述各个预定义结构子数据中的预定义结构子数据可以为结构化数据。例如,预定义结构子数据可以为Json数据。上述预设代码可以为将各个清洗子数据转换成各个预定义结构子数据的编程语言代码。
第三步,根据上述各个预定义结构子数据与预设接口模板信息,生成对应上述模块配置信息的显示接口信息。其中,上述预设接口模板信息可以表示预设接口模板。上述预设接口模版可以为编程中规定了输入和输出参数、方法或函数的代码信息。例如,上述预设接口模版可以为前端模版。
在一些实施例的一些可选的实现方式中,上述执行主体可以通过以下步骤对上述模块配置信息进行数据清洗处理,得到清洗数据:
第一步,对上述模块配置信息每个模块配置子信息执行以下处理:
子步骤一,对上述模块配置子信息进行空格匹配处理,得到匹配空格信息。实践中,上述执行主体可以通过使用正则表达式匹配模块配置子信息中的空格,得到匹配空格信息。其中,上述匹配空格信息可以表示模块配置子信息中各个空格所在的位置或索引。
子步骤二,将上述模块配置子信息中与上述匹配空格信息对应的各个字符替换为各个空字符串,以对模块配置子信息进行更新。
第二步,将各个更新后的模块配置子信息确定为各个去空格模块配置子信息。
第三步,将上述各个去空格模块配置子信息存储至预设队列中,得到去空格模块配置子信息队列。
第四步,对于上述去空格模块配置子信息队列中的第一个去空格模块配置子信息,执行以下去重处理:
第一子步骤,响应于确定预设结果集为空,将去空格模块配置子信息存储至预设结果集,以对预设结果集更新。
第二子步骤,响应于确定预设结果集不为空且去空格模块配置子信息与上述预设结果集中的各个去空格模块配置子信息不相同,执行以下步骤:
子步骤一,将去空格模块配置子信息存储至预设结果集,以对预设结果集进行更新。
子步骤二,将去空格模块配置子信息从去空格模块配置子信息队列中删除,以对去空格模块配置子信息队列进行更新。
第三子步骤,响应于确定预设结果集不为空且去空格模块配置子信息与上述预设结果集中的一个去空格模块配置子信息相同,将去空格模块配置子信息从去空格模块配置子信息队列中删除,以对去空格模块配置子信息队列进行更新。
第四子步骤,响应于确定更新后的去空格模块配置子信息队列不为空,根据更新后的去空格模块配置子信息队列和更新的预设结果集,再次执行上述去重处理。
第五子步骤,响应于确定更新后的去空格模块配置子信息队列为空,将更新后的预设结果集中的各个去空格模块配置子信息确定为各个去空格去重配置子信息。
第五步,将上述各个去空格去重配置子信息中与模块大小配置信息对应的去空格去重配置子信息确定为待修复配置子信息。
第六步,响应于确定上述待修复配置子信息所包括的各个数值存在负数,将上述各个去空格去重配置子信息中的待修复配置子信息所包括的各个数值替换为与上述各个数值对应的各个绝对值,以对上述各个去空格去重配置子信息进行更新。
第七步,将更新后的各个去空格去重配置子信息确定为各个清洗子数据。
第八步,将所确定的各个清洗子数据确定为清洗数据。
上述技术方案及其相关内容作为本公开的实施例的一个发明点,解决了背景技术提及的技术问题二“通过界面交互生成模块配置信息,所生成的模块配置信息中可能会存在重复的配置信息,因为输入错误的非法配置信息(例如,模块显示尺寸大小为负数)。直接根据未进行数据清洗的模块配置信息,生成用于显示轮播图的显示接口信息,以进行轮播图显示时,非法配置信息与重复的配置信息可能会覆盖或干扰其他配置信息的显示功能,导致轮播图显示故障率增加”。导致轮播图显示故障率增加的因素往往如下:通过界面交互生成模块配置信息,所生成的模块配置信息中可能会存在重复的配置信息,因为输入错误的非法配置信息(例如,模块显示尺寸大小为负数)。直接根据未进行数据清洗的模块配置信息,生成用于显示轮播图的显示接口信息,以进行轮播图显示时,非法配置信息与重复的配置信息可能会覆盖或干扰其他配置信息的显示功能,导致轮播图显示故障率增加。如果解决了上述因素,就能达到降低轮播图显示故障率的效果。为了达到这一效果,首先,对上述模块配置信息每个模块配置子信息执行以下处理:子步骤一,对上述模块配置子信息进行空格匹配处理,得到匹配空格信息。由此,可以对模块配置子信息中的各个空格进行匹配,得到表征各个空格在上述模块配置子信息中的位置的匹配空格信息。子步骤二,将上述模块配置子信息中与上述匹配空格信息对应的各个字符替换为各个空字符串,以对模块配置子信息进行更新。由此,可以将模块配置子信息中的各个空格去除。然后,将各个更新后的模块配置子信息确定为各个去空格模块配置子信息。接着,将上述各个去空格模块配置子信息存储至预设队列中,得到去空格模块配置子信息队列。之后,对于上述去空格模块配置子信息队列中的第一个去空格模块配置子信息,执行以下去重处理:第一子步骤,响应于确定预设结果集为空,将去空格模块配置子信息存储至预设结果集,以对预设结果集更新。第二子步骤,响应于确定预设结果集不为空且去空格模块配置子信息与上述预设结果集中的各个去空格模块配置子信息不相同,执行以下步骤:子步骤一,将去空格模块配置子信息存储至预设结果集,以对预设结果集进行更新。子步骤二,将去空格模块配置子信息从去空格模块配置子信息队列中删除,以对去空格模块配置子信息队列进行更新。第三子步骤,响应于确定预设结果集不为空且去空格模块配置子信息与上述预设结果集中的一个去空格模块配置子信息相同,将去空格模块配置子信息从去空格模块配置子信息队列中删除,以对去空格模块配置子信息队列进行更新。第四子步骤,响应于确定更新后的去空格模块配置子信息队列不为空,根据更新后的去空格模块配置子信息队列和更新的预设结果集,再次执行上述去重处理。第五子步骤,响应于确定更新后的去空格模块配置子信息队列为空,将更新后的预设结果集中的各个去空格模块配置子信息确定为各个去空格去重配置子信息。由此,可以得到对模块配置信息中各个模块配置子信息进行去空格去重处理后的各个去空格去重配置子信息。减少了模块配置信息中重复配置子信息的存在。接着,将上述各个去空格去重配置子信息中与上述模块大小配置信息对应的去空格去重配置子信息确定为待修复配置子信息。由此,可以确定待修复的待修复配置子信息。接着,响应于确定上述待修复配置子信息所包括的各个数值存在负数,将上述各个去空格去重配置子信息中的待修复配置子信息所包括的各个数值替换为与上述各个数值对应的各个绝对值,以对上述各个去空格去重配置子信息进行更新。由此,可以将非法配置信息(例如,模块显示尺寸大小为负数)转化成合法配置信息。接着,将更新后的各个去空格去重配置子信息确定为各个清洗子数据。最后,将将所确定的各个清洗子数据确定为清洗数据。也因为采用了对配置信息进行了数据清洗,减少了配置信息中重复配置子信息和非法配置子信息的存在。进而,减少了因为非法配置子信息与重复的配置子信息覆盖或干扰其他配置信息的显示功能的发生概率,降低了轮播图显示故障率。
在一些实施例的一些可选的实现方式中,上述执行主体可以通过以下步骤根据上述各个预定义结构子数据与预设接口模板信息,生成对应上述模块配置信息的显示接口信息:
第一步,将上述预设接口模板信息中的各个占位符确定为占位符集。其中,上述占位符集中的每个占位符包括键信息。例如,上述预设接口模板信息可以为“var autoplay="{{autoplay}}"”。上述占位符集中的占位符可以为“{{autoplay}}”。
第二步,将占位符集中每个占位符所包括的键信息确定为待匹配键信息,得到待匹配键信息集。其中,上述待匹配键信息集中的一个待匹配键信息与上述占位符集中对应的一个占位符对应。例如,上述待匹配键信息可以为“autoplay”。
第三步,对于上述各个预定义结构子数据中的每个预定义结构子数据,执行以下更新步骤:
子步骤一,将上述预定义结构子数据所包括的键信息确定为目标键信息。例如,上述预定义结构子数据可以为“"autoplay":true,”。上述键信息可以为“autoplay”。
子步骤二,响应于确定上述待匹配键信息集中存在与上述目标键信息相同的待匹配键信息,将与上述目标键信息相同的待匹配键信息确定为匹配键信息。
子步骤三,将上述预设接口模板信息中与上述匹配键信息对应的占位符确定为待替换占位符。
子步骤四,将上述预定义结构子数据所包括的值信息确定为替换数据。例如,上述键信息可以为“true”。
子步骤五,将上述预设接口模板信息中的上述待替换占位符替换为上述替换数据,以对上述预设接口模板信息进行更新。
第四步,将更新后的预设接口模板信息确定为对应上述模块配置信息的显示接口信息。例如,更新后的预设接口模板信息可以为“var autoplay="{{true}}”。
步骤111,将显示接口信息发送至服务端,以供客户端从服务端接收显示接口信息。
在一些实施例中,上述执行主体可以将上述显示接口信息发送至服务端,以供客户端从上述服务端接收上述显示接口信息。其中,上述显示接口信息用于在预设页面显示轮播图。上述服务端可以为服务器。
可选地,轮播图可以通过以下步骤显示:
第一步,响应于接收到上述服务端发送的显示接口信息且检测到启动预设应用,解析上述显示接口信息,得到解析信息。实践中,客户端执行主体可以通过开源浏览器引擎将显示接口信息进行解析,得到对应上述显示接口信息的解析信息。上述解析信息可以表示DOM树。
第二步,将上述解析信息存储至本地内存中。其中,上述本地内存可以为客户端内存。
第三步,执行预设显示脚本对应的显示任务,以将上述解析信息对应的页面元素显示在预设页面中。其中,上述页面元素包括轮播图。上述预设显示脚本可以为用于显示轮播图的JavaScript脚本。
本公开的上述各个实施例具有如下有益效果:通过本公开的一些实施例的轮播图显示方法,减少了计算机算力资源的浪费。具体来说,造成计算机算力资源的浪费的原因在于:通常信息推广平台中预设页面的显示内容更新比较频繁,当页面模块中的轮播图需要更新时,都需要重新编写包含所要更新的轮播图的模块显示代码,通过页面开发人员逐个编写包含所要更新的轮播图的模块显示代码进行轮播图显示,编写的模块显示代码中包含较多的无用、冗余、重复的代码,导致轮播图显示过程中计算机算力资源的浪费。基于此,本公开的一些实施例的轮播图显示方法,首先,响应于检测到作用于轮播图展示配置页面中配置选择控件的选择操作,显示页面模块配置页面,其中,上述页面模块配置页面包括以下至少一项:各个模块配置选择控件、各个模块查看选择控件。由此,可以显示页面模块配置页面。然后,响应于检测到作用于上述各个模块查看选择控件中的一个模块查看选择控件的选择操作,显示与上述模块查看选择控件对应的模块元素显示页面,其中,上述模块元素显示页面包括以下至少一项:编辑完成选择控件、各个编辑选择控件。由此,可以显示用于配置模块元素的模块元素显示页面。接着,响应于检测到作用于上述各个编辑选择控件中的一个编辑选择控件的选择操作,显示对应上述编辑选择控件的模块元素信息编辑页面,其中,上述模块元素信息编辑页面包括以下至少一项:各个模块元素配置信息输入框、轮播图显示框、返回上一页面控件。由此,可以显示用于生成各个更新信息的模块元素信息编辑页面。之后,响应于检测到作用于上述各个模块元素配置信息输入框中的至少一个模块元素配置信息输入框的输入操作,将对应上述至少一个模块元素配置信息输入框的各个输入信息与轮播图显示框中的轮播图确定为各个更新信息。由此,可以通过具有规范性和模板性的页面进行界面交互配置模块元素,得到用于生成各个模块配置子信息与用于更新模块元素显示页面的各个更新信息。然后,将与上述至少一个模块元素配置信息输入框对应的各个输入信息、与上述轮播图对应的图片属性信息作为各个临时存储信息存储至内存中。接着,响应于检测到作用于上述返回上一页面控件的选择操作,根据上述各个更新信息,对上述模块元素显示页面进行更新。由此,可以对模块元素显示页面更新。显示更新后的模块元素显示页面。然后,响应于检测到作用于模块元素显示页面中的编辑完成选择控件的选择操作,将存储至内存中的各个临时存储信息确定为各个模块配置子信息。接着,将上述各个模块配置子信息确定为模块配置信息。由此,可以得到用于生成显示接口信息的模块配置信息。之后,根据上述模块配置信息,生成对应上述模块配置信息的显示接口信息。由此,可以得到用于在预设页面显示轮播图表征显示代码的显示接口信息。最后,将上述显示接口信息发送至服务端,以供客户端从上述服务端接收上述显示接口信息,其中,上述显示接口信息用于在预设页面显示轮播图。由此,通过服务端将显示接口信息发送至客户端,以供客户端在预设页面显示轮播图。也因为通过具规范性和模板性的各个页面进行界面交互生成模块配置信息,根据模块配置信息,生成表征显示代码的具有规范性和模板性的显示接口信息,减少了无用、冗余、重复的代码生成,减少了计算机算力资源的浪费。
进一步参考图6,作为对各图所示方法的实现,本公开提供了一种轮播图显示装置的一些实施例,这些装置实施例与图1所示的那些方法实施例相对应,该装置具体可以应用于各种电子设备中。
如图6所示,一些实施例的轮播图显示装置600包括:第一显示单元601、第二显示单元606、第三显示单元603、第一确定单元604、存储单元605、更新单元606、第四显示单元607、第二确定单元608、第三确定单元609、生成单元610和发送单元611。其中,第一显示单元601被配置成响应于检测到作用于轮播图展示配置页面中配置选择控件的选择操作,显示页面模块配置页面,其中,上述页面模块配置页面包括以下至少一项:各个模块配置选择控件、各个模块查看选择控件;第二显示单元606被配置成响应于检测到作用于上述各个模块查看选择控件中的一个模块查看选择控件的选择操作,显示与上述模块查看选择控件对应的模块元素显示页面,其中,上述模块元素显示页面包括以下至少一项:编辑完成选择控件、各个编辑选择控件;第三显示单元603被配置成响应于检测到作用于上述各个编辑选择控件中的一个编辑选择控件的选择操作,显示对应上述编辑选择控件的模块元素信息编辑页面,其中,上述模块元素信息编辑页面包括以下至少一项:各个模块元素配置信息输入框、轮播图显示框、返回上一页面控件;第一确定单元604被配置成响应于检测到作用于上述各个模块元素配置信息输入框中的至少一个模块元素配置信息输入框的输入操作,将对应上述至少一个模块元素配置信息输入框的各个输入信息与轮播图显示框中的轮播图确定为各个更新信息;存储单元605被配置成将与上述至少一个模块元素配置信息输入框对应的各个输入信息、与上述轮播图对应的图片属性信息作为各个临时存储信息存储至内存中;更新单元606被配置成响应于检测到作用于上述返回上一页面控件的选择操作,根据上述各个更新信息,对上述模块元素显示页面进行更新;第四显示单元607被配置成显示更新后的模块元素显示页面;第二确定单元608被配置成响应于检测到作用于模块元素显示页面中的编辑完成选择控件的选择操作,将存储至内存中的各个临时存储信息确定为各个模块配置子信息;第三确定单元609被配置成将上述各个模块配置子信息确定为模块配置信息;生成单元610被配置成根据上述模块配置信息,生成对应上述模块配置信息的显示接口信息;发送单元611被配置成将上述显示接口信息发送至服务端,以供客户端从上述服务端接收上述显示接口信息,其中,上述显示接口信息用于在预设页面显示轮播图。
可以理解的是,该装置600中记载的诸单元与参考图1述的方法中的各个步骤相对应。由此,上文针对方法描述的操作、特征以及产生的有益效果同样适用于装置600及其中包含的单元,在此不再赘述。
下面参考图7,其示出了适于用来实现本公开的一些实施例的电子设备700的结构示意图。图7示出的电子设备仅仅是一个示例,不应对本公开的实施例的功能和使用范围带来任何限制。
如图7所示,电子设备700可以包括处理装置(例如中央处理器、图形处理器等)701,其可以根据存储在只读存储器(ROM)702中的程序或者从存储装置708加载到随机访问存储器(RAM)707中的程序而执行各种适当的动作和处理。在RAM 707中,还存储有电子设备700操作所需的各种程序和数据。处理装置701、ROM 702以及RAM 707通过总线704彼此相连。输入/输出(I/O)接口705也连接至总线704。
通常,以下装置可以连接至I/O接口705:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置706;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置707;包括例如磁带、硬盘等的存储装置708;以及通信装置709。通信装置709可以允许电子设备700与其他设备进行无线或有线通信以交换数据。虽然图7示出了具有各种装置的电子设备700,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。图7中示出的每个方框可以代表一个装置,也可以根据需要代表多个装置。
特别地,根据本公开的一些实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的一些实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的一些实施例中,该计算机程序可以通过通信装置709从网络上被下载和安装,或者从存储装置708被安装,或者从ROM 702被安装。在该计算机程序被处理装置701执行时,执行本公开的一些实施例的方法中限定的功能。
需要说明的是,本公开的一些实施例中记载的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者的任意合适的组合。在本公开的一些实施例中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开的一些实施例中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者的任意合适的组合。
在一些实施方式中,客户端、服务器可以利用诸如HTTP(HyperText TransferProtocol,超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信,并且可以与任意形式或介质的数字数据通信(例如,通信网络)互连。通信网络的示例包括局域网(“LAN”),广域网(“WAN”),网际网(例如,互联网)以及端对端网络(例如,ad hoc端对端网络),以及任何当前已知或未来研发的网络。
计算机可读介质可以是电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。计算机可读介质承载有一个或者多个程序,当一个或者多个程序被该电子设备执行时,使得该电子设备:响应于检测到作用于轮播图展示配置页面中配置选择控件的选择操作,显示页面模块配置页面,其中,上述页面模块配置页面包括以下至少一项:各个模块配置选择控件、各个模块查看选择控件;响应于检测到作用于上述各个模块查看选择控件中的一个模块查看选择控件的选择操作,显示与上述模块查看选择控件对应的模块元素显示页面,其中,上述模块元素显示页面包括以下至少一项:编辑完成选择控件、各个编辑选择控件;响应于检测到作用于上述各个编辑选择控件中的一个编辑选择控件的选择操作,显示对应上述编辑选择控件的模块元素信息编辑页面,其中,上述模块元素信息编辑页面包括以下至少一项:各个模块元素配置信息输入框、轮播图显示框、返回上一页面控件;响应于检测到作用于上述各个模块元素配置信息输入框中的至少一个模块元素配置信息输入框的输入操作,将对应上述至少一个模块元素配置信息输入框的各个输入信息与轮播图显示框中的轮播图确定为各个更新信息;将与上述至少一个模块元素配置信息输入框对应的各个输入信息、与上述轮播图对应的图片属性信息作为各个临时存储信息存储至内存中;响应于检测到作用于上述返回上一页面控件的选择操作,根据上述各个更新信息,对上述模块元素显示页面进行更新;显示更新后的模块元素显示页面;响应于检测到作用于模块元素显示页面中的编辑完成选择控件的选择操作,将存储至内存中的各个临时存储信息确定为各个模块配置子信息;将上述各个模块配置子信息确定为模块配置信息;根据上述模块配置信息,生成对应上述模块配置信息的显示接口信息;将上述显示接口信息发送至服务端,以供客户端从上述服务端接收上述显示接口信息,其中,上述显示接口信息用于在预设页面显示轮播图。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的一些实施例的操作的计算机程序代码,程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)——连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开的一些实施例中的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中,例如,可以描述为:一种处理器包括第一显示单元、第二显示单元、第三显示单元、第一确定单元、存储单元、更新单元、第四显示单元、第二确定单元、第三确定单元、生成单元和发送单元。其中,这些单元的名称在某种情况下并不构成对该单元本身的限定,例如,生成单元还可以被描述为“根据上述模块配置信息,生成对应上述模块配置信息的显示接口信息的单元”。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如,非限制性地,可以使用的示范类型的硬件逻辑部件包括:现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。
以上描述仅为本公开的一些较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开的实施例中所涉及的发明范围,并不限于技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离发明构思的情况下,由技术特征或其等同特征进行任意组合而形成的其它技术方案。例如特征与本公开的实施例中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
Claims (10)
1.一种轮播图显示方法,包括:
响应于检测到作用于轮播图展示配置页面中配置选择控件的选择操作,显示页面模块配置页面,其中,所述页面模块配置页面包括以下至少一项:各个模块配置选择控件、各个模块查看选择控件;
响应于检测到作用于所述各个模块查看选择控件中的一个模块查看选择控件的选择操作,显示与所述模块查看选择控件对应的模块元素显示页面,其中,所述模块元素显示页面包括以下至少一项:编辑完成选择控件、各个编辑选择控件;
响应于检测到作用于所述各个编辑选择控件中的一个编辑选择控件的选择操作,显示对应所述编辑选择控件的模块元素信息编辑页面,其中,所述模块元素信息编辑页面包括以下至少一项:各个模块元素配置信息输入框、轮播图显示框、返回上一页面控件;
响应于检测到作用于所述各个模块元素配置信息输入框中的至少一个模块元素配置信息输入框的输入操作,将对应所述至少一个模块元素配置信息输入框的各个输入信息与轮播图显示框中的轮播图确定为各个更新信息;
将与所述至少一个模块元素配置信息输入框对应的各个输入信息、与所述轮播图对应的图片属性信息作为各个临时存储信息存储至内存中;
响应于检测到作用于所述返回上一页面控件的选择操作,根据所述各个更新信息,对所述模块元素显示页面进行更新;
显示更新后的模块元素显示页面;
响应于检测到作用于模块元素显示页面中的编辑完成选择控件的选择操作,将存储至内存中的各个临时存储信息确定为各个模块配置子信息;
将所述各个模块配置子信息确定为模块配置信息;
根据所述模块配置信息,生成对应所述模块配置信息的显示接口信息;
将所述显示接口信息发送至服务端,以供客户端从所述服务端接收所述显示接口信息,其中,所述显示接口信息用于在预设页面显示轮播图。
2.根据权利要求1所述的方法,其中,所述响应于检测到作用于所述返回上一页面控件的选择操作,根据所述各个更新信息,对所述模块元素显示页面进行更新,包括:
响应于检测到作用于所述返回上一页面控件的选择操作,将所述模块元素显示页面中与所述编辑选择控件对应的模块元素列表确定为目标模块元素列表;
将所述模块元素显示页面中的目标模块元素列表所包括的各个信息更新为所述各个更新信息,以对所述模块元素显示页面进行更新。
3.根据权利要求1所述的方法,其中,所述各个模块配置选择控件中的一个模块配置选择控件与所述各个模块查看选择控件中对应的一个模块查看选择控件对应,以及在所述响应于检测到作用于所述各个模块查看选择控件中的一个模块查看选择控件的选择操作,显示与所述模块查看选择控件对应的模块元素显示页面之前,所述方法还包括:
响应于检测到作用于对应所述模块查看选择控件的模块配置选择控件的选择操作,显示对应所述模块配置选择控件的模块配置页面,其中,所述模块配置页面包括以下至少一项:模块尺寸大小输入框、跳转地址输入框、自定义模块属性添加控件;
响应于检测到作用于所述模块尺寸大小输入框的输入操作,将对应所述输入操作的输入信息确定为模块大小配置信息;
响应于检测到作用于所述跳转地址输入框的输入操作,将对应所述输入操作的输入信息确定为模块跳转信息;
将所述模块大小配置信息与所述模块跳转信息作为临时存储信息存储至内存中。
4.根据权利要求3所述的方法,其中,所述模块元素信息编辑页面还包括轮播图更新上传按钮,以及在所述响应于检测到作用于所述各个模块元素配置信息输入框中的至少一个模块元素配置信息输入框的输入操作,将对应所述至少一个模块元素配置信息输入框的各个输入信息与轮播图显示框中的轮播图确定为各个更新信息之前,所述方法还包括:
响应于检测到作用于所述轮播图更新上传按钮的选择操作,显示与所述轮播图更新上传按钮对应的文件选择上传框,以供用户从本地预设文件夹中选择上传轮播图;
响应于检测到作用于所述文件选择上传框的上传操作,将用户所选择的轮播图存储至服务器,以供所述服务器生成对应所述轮播图的图片属性信息;
从所述服务器获取与所述轮播图对应的图片属性信息;
将存储至服务器中的所述轮播图确定为更新轮播图;
将所述轮播图显示框中的轮播图更新为所述更新轮播图,以对所述轮播图显示框进行更新。
5.根据权利要求1所述的方法,其中,所述根据所述模块配置信息,生成对应所述模块配置信息的显示接口信息,包括:
对所述模块配置信息进行数据清洗处理,得到清洗数据,其中,所述清洗数据包括各个清洗子数据;
将所述各个清洗子数据转换成各个预定义结构子数据,其中,所述各个预定义结构子数据中的预定义结构子数据包括键信息和值信息;
根据所述各个预定义结构子数据与预设接口模板信息,生成对应所述模块配置信息的显示接口信息。
6.根据权利要求5所述的方法,其中,所述根据所述各个预定义结构子数据与预设接口模板信息,生成对应所述模块配置信息的显示接口信息,包括:
将所述预设接口模板信息中的各个占位符确定为占位符集,其中,所述占位符集中的每个占位符包括键信息;
将占位符集中每个占位符所包括的键信息确定为待匹配键信息,得到待匹配键信息集,其中,所述待匹配键信息集中的一个待匹配键信息与所述占位符集中对应的一个占位符对应;
对于所述各个预定义结构子数据中的每个预定义结构子数据,执行以下更新步骤:
将所述预定义结构子数据所包括的键信息确定为目标键信息;
响应于确定所述待匹配键信息集中存在与所述目标键信息相同的待匹配键信息,将与所述目标键信息相同的待匹配键信息确定为匹配键信息;
将所述预设接口模板信息中与所述匹配键信息对应的占位符确定为待替换占位符;
将所述预定义结构子数据所包括的值信息确定为替换数据;
将所述预设接口模板信息中的所述待替换占位符替换为所述替换数据,以对所述预设接口模板信息进行更新;
将更新后的预设接口模板信息确定为对应所述模块配置信息的显示接口信息。
7.根据权利要求1所述的方法,其中,轮播图是通过以下步骤显示的:
响应于接收到所述服务端发送的显示接口信息且检测到启动预设应用,解析所述显示接口信息,得到解析信息;
将所述解析信息存储至本地内存中;
执行预设显示脚本对应的显示任务,以将所述解析信息对应的页面元素显示在预设页面中,其中,所述页面元素包括轮播图。
8.一种轮播图显示装置,包括:
第一显示单元,被配置成响应于检测到作用于轮播图展示配置页面中配置选择控件的选择操作,显示页面模块配置页面,其中,所述页面模块配置页面包括以下至少一项:各个模块配置选择控件、各个模块查看选择控件;
第二显示单元,被配置成响应于检测到作用于所述各个模块查看选择控件中的一个模块查看选择控件的选择操作,显示与所述模块查看选择控件对应的模块元素显示页面,其中,所述模块元素显示页面包括以下至少一项:编辑完成选择控件、各个编辑选择控件;
第三显示单元,被配置成响应于检测到作用于所述各个编辑选择控件中的一个编辑选择控件的选择操作,显示对应所述编辑选择控件的模块元素信息编辑页面,其中,所述模块元素信息编辑页面包括以下至少一项:各个模块元素配置信息输入框、轮播图显示框、返回上一页面控件;
第一确定单元,被配置成响应于检测到作用于所述各个模块元素配置信息输入框中的至少一个模块元素配置信息输入框的输入操作,将对应所述至少一个模块元素配置信息输入框的各个输入信息与轮播图显示框中的轮播图确定为各个更新信息;
存储单元,被配置成将与所述至少一个模块元素配置信息输入框对应的各个输入信息、与所述轮播图对应的图片属性信息作为各个临时存储信息存储至内存中;
更新单元,被配置成响应于检测到作用于所述返回上一页面控件的选择操作,根据所述各个更新信息,对所述模块元素显示页面进行更新;
第四显示单元,被配置成显示更新后的模块元素显示页面;
第二确定单元,被配置成响应于检测到作用于模块元素显示页面中的编辑完成选择控件的选择操作,将存储至内存中的各个临时存储信息确定为各个模块配置子信息;
第三确定单元,被配置成将所述各个模块配置子信息确定为模块配置信息;
生成单元,被配置成根据所述模块配置信息,生成对应所述模块配置信息的显示接口信息;
发送单元,被配置成将所述显示接口信息发送至服务端,以供客户端从所述服务端接收所述显示接口信息,其中,所述显示接口信息用于在预设页面显示轮播图。
9.一种电子设备,包括:
一个或多个处理器;
存储装置,其上存储有一个或多个程序;
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1至7中任一所述的方法。
10.一种计算机可读介质,其上存储有计算机程序,其中,所述程序被处理器执行时实现如权利要求1至7中任一所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202410075138.1A CN118069012B (zh) | 2024-01-18 | 2024-01-18 | 显示接口信息配置方法、装置、设备和计算机可读介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202410075138.1A CN118069012B (zh) | 2024-01-18 | 2024-01-18 | 显示接口信息配置方法、装置、设备和计算机可读介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN118069012A true CN118069012A (zh) | 2024-05-24 |
CN118069012B CN118069012B (zh) | 2024-09-13 |
Family
ID=91098055
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202410075138.1A Active CN118069012B (zh) | 2024-01-18 | 2024-01-18 | 显示接口信息配置方法、装置、设备和计算机可读介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN118069012B (zh) |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20130198679A1 (en) * | 2012-01-20 | 2013-08-01 | Vistaprint Limited | Generating media content in a website under construction |
US20140245196A1 (en) * | 2013-02-26 | 2014-08-28 | Google Inc. | User interface generation and preview |
CN109189300A (zh) * | 2018-08-16 | 2019-01-11 | 腾讯科技(深圳)有限公司 | 一种视图循环展示方法和装置 |
CN111158840A (zh) * | 2019-12-31 | 2020-05-15 | 中国银行股份有限公司 | 图像轮播方法及装置 |
CN113791751A (zh) * | 2021-09-27 | 2021-12-14 | 腾讯科技(深圳)有限公司 | 一种轮播图显示方法、系统及存储介质和终端设备 |
-
2024
- 2024-01-18 CN CN202410075138.1A patent/CN118069012B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20130198679A1 (en) * | 2012-01-20 | 2013-08-01 | Vistaprint Limited | Generating media content in a website under construction |
US20140245196A1 (en) * | 2013-02-26 | 2014-08-28 | Google Inc. | User interface generation and preview |
CN109189300A (zh) * | 2018-08-16 | 2019-01-11 | 腾讯科技(深圳)有限公司 | 一种视图循环展示方法和装置 |
CN111158840A (zh) * | 2019-12-31 | 2020-05-15 | 中国银行股份有限公司 | 图像轮播方法及装置 |
CN113791751A (zh) * | 2021-09-27 | 2021-12-14 | 腾讯科技(深圳)有限公司 | 一种轮播图显示方法、系统及存储介质和终端设备 |
Also Published As
Publication number | Publication date |
---|---|
CN118069012B (zh) | 2024-09-13 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111274760B (zh) | 富文本数据处理方法、装置、电子设备及计算机存储介质 | |
CN110634049B (zh) | 页面显示内容的处理方法、装置、电子设备及可读介质 | |
CN112684968A (zh) | 页面展示方法、装置、电子设备和计算机可读介质 | |
CN111294395A (zh) | 一种终端页面传输方法、装置、介质和电子设备 | |
CN111177634A (zh) | 支持多语言的文案内容加载方法、装置、设备、及介质 | |
CN110780874B (zh) | 用于生成信息的方法和装置 | |
CN113721910A (zh) | 界面代码生成方法、装置、电子设备和计算机可读介质 | |
CN116860286A (zh) | 页面动态更新方法、装置、电子设备和计算机可读介质 | |
CN110618811B (zh) | 信息呈现方法和装置 | |
CN113779952B (zh) | 文本处理方法、装置和电子设备 | |
CN109669720B (zh) | 基于Promise的链式异步请求处理方法、装置及电子设备 | |
CN118069012B (zh) | 显示接口信息配置方法、装置、设备和计算机可读介质 | |
CN113296771B (zh) | 页面显示方法、装置、设备和计算机可读介质 | |
CN116628366A (zh) | 一种落地页的处理方法及装置 | |
CN114489902A (zh) | 界面展示方法、装置、设备及介质 | |
CN113672317A (zh) | 用于渲染题目页面的方法和装置 | |
CN114428823B (zh) | 基于多维变量表达式的数据联动方法、装置、设备和介质 | |
CN112256585B (zh) | 页面展示方法、装置、电子设备和计算机可读介质 | |
CN112445517B (zh) | 入口文件生成方法、装置、电子设备和计算机可读介质 | |
CN114489660B (zh) | 一种埋点代码添加方法、装置及设备 | |
CN114912420B (zh) | 文档处理方法、装置、电子设备和存储介质 | |
CN118041813B (zh) | 信号测试脚本数据构建方法、装置、电子设备与可读介质 | |
CN118036561A (zh) | 轻量级标记语言文本转换方法、装置、电子设备与介质 | |
CN111581331B (zh) | 文案处理的方法、装置、电子设备及计算机可读介质 | |
CN111405342B (zh) | 富文本消息显示方法、装置、系统、介质和电子设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |