CN116560546A - 页面显示方法、装置、设备、介质和程序产品 - Google Patents
页面显示方法、装置、设备、介质和程序产品 Download PDFInfo
- Publication number
- CN116560546A CN116560546A CN202310655700.3A CN202310655700A CN116560546A CN 116560546 A CN116560546 A CN 116560546A CN 202310655700 A CN202310655700 A CN 202310655700A CN 116560546 A CN116560546 A CN 116560546A
- Authority
- CN
- China
- Prior art keywords
- configuration
- elements
- target
- display
- page
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 67
- 230000004044 response Effects 0.000 claims abstract description 8
- 238000012545 processing Methods 0.000 claims description 21
- 238000004590 computer program Methods 0.000 claims description 19
- 238000005516 engineering process Methods 0.000 abstract description 3
- 238000010586 diagram Methods 0.000 description 16
- 230000006870 function Effects 0.000 description 12
- 230000015654 memory Effects 0.000 description 10
- 238000004891 communication Methods 0.000 description 8
- 238000004364 calculation method Methods 0.000 description 4
- 238000012986 modification Methods 0.000 description 4
- 230000004048 modification Effects 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 238000011161 development Methods 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 230000006978 adaptation Effects 0.000 description 2
- 238000006243 chemical reaction Methods 0.000 description 2
- 230000014509 gene expression Effects 0.000 description 2
- 238000013475 authorization Methods 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000012790 confirmation Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 238000004806 packaging method and process Methods 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 239000000758 substrate Substances 0.000 description 1
- 238000012800 visualization Methods 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/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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- 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/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
- G06F3/1407—General aspects irrespective of display type, e.g. determination of decimal point position, display with fixed or driving decimal point, suppression of non-significant zeros
Abstract
本公开提供了一种页面显示方法、装置、设备、介质和程序产品,可以应用于计算机技术领域。该页面显示方法包括:获取显示界面的多个业务组件,其中,所述多个业务组件均为预先经过封装的可配置的组件,每个所述业务组件中包括多个用于显示的元素,每个所述元素包括多个配置项;响应于针对每个所述元素的多个配置项的配置操作,生成每个所述元素的配置数据;获取每个所述元素的配置目标及与该配置目标对应的配置阈值,其中,所述配置目标为页面元素或设备屏幕的之一;根据所述配置数据和所述配置阈值,控制所述元素在所述显示界面上显示或隐藏。
Description
技术领域
本公开涉及计算机技术领域,更具体地涉及一种页面显示方法、装置、设备、介质和程序产品。
背景技术
互联网技术中,前端开发可以创建全球广域网页面或应用程序等终端显示界面呈现给用户。用户可以通过终端显示界面实现与后台服务器进行数据交互。
不同设备的屏幕大小不一样,页面中的元素在某些大小的屏幕上要求展示或隐藏,或者要求根据不同的屏幕大小展示不同的样式,或者根据当前元素大小进行隐藏或者显示,以实现元素在页面上的适配调整。
目前,常见的页面适配方法是通过层叠样式表(Cascading Style Sheets,CSS)或直译式脚本语言(JavaScrip,JS)进行控制。由于不同媒体业务的技术要求不同,修改时均需要定位到代码相关位置进行修改和确认,降低开发效率。
发明内容
鉴于上述问题,本公开实施例提供了一种提高页面开发效率的页面显示方法、装置、设备、介质和程序产品,用于至少部分解决上述技术问题。
根据本公开实施例的第一个方面,提供了一种页面显示方法,包括:获取显示界面的多个业务组件,其中,多个业务组件均为预先经过封装的可配置的组件,每个业务组件中包括多个用于显示的元素,每个元素包括多个配置项;响应于针对每个元素的多个配置项的配置操作,生成每个元素的配置数据;获取每个元素的配置目标及与该配置目标对应的配置阈值,其中,配置目标为页面元素或设备屏幕的之一;根据配置数据和配置阈值,控制元素在显示界面上显示或隐藏。
根据本公开的实施例,其中,在确定配置目标为页面元素的情况下,根据配置数据和配置阈值,控制元素在显示界面上显示或隐藏包括:获取与页面元素对应的第一配置阈值;在元素的配置数据满足第一配置阈值要求的情况下,在显示界面上显示该元素;在元素的配置数据不满足第一配置阈值要求的情况下,在显示界面上显示该元素。
根据本公开的实施例,其中,在确定配置目标为设备屏幕的情况下,根据配置数据和配置阈值,控制元素在显示界面上显示或隐藏包括:获取与设备屏幕对应的第二配置阈值;在元素的配置数据满足第二配置阈值要求的情况下,在显示界面上显示该元素;在元素的配置数据满足第二配置阈值要求的情况下,在显示界面上显示该元素。
根据本公开的实施例,其中,获取显示界面的多个业务组件之后还包括:分别获取每个业务组件中的元素,元素包括一个外层元素和M个内层元素;其中,外层元素和M个内层元素的配置目标可以为页面元素或设备屏幕中的任意一种。
根据本公开的实施例,其中,元素中M个内层元素按比例设置,其中,M个内层元素的比例之和为一。
根据本公开的实施例,其中,根据配置数据和配置阈值,控制元素在显示界面上显示或隐藏还包括:在外层元素隐藏的情况下,则M个内层元素也隐藏;在外层元素显示的情况下,则分别计算M个内层元素显示或隐藏。
根据本公开的实施例,其中,在外层元素显示的情况下,则分别计算M个内层元素显示或隐藏包括:分别获取M个内层元素的百分比,得到目标比例;将每个外层元素的配置数据分别乘以目标比例,得到目标数据;获取内层元素的目标阈值;根据目标阈值和目标数据,控制内层元素在显示界面上显示或隐藏。
根据本公开的实施例,该方法还包括:确定配置目标存在的情况下,则按照预先设置的配置目标获取与该配置目标对应的配置阈值;确定配置目标不存在的情况下,则按照设备屏幕的配置目标获取与该配置目标对应的配置阈值。
根据本公开的实施例,该方法还包括:在元素的配置数据均为零的情况下,则控制元素在显示界面上显示。
根据本公开的实施例,该方法还包括:在一个业务组件中元素显示的情况下,通过事件发生器显示另一个业务组件中的一个或多个元素。
本公开实施例的第二方面提供了一种页面显示装置,包括:第一获取模块,用于获取显示界面的多个业务组件,其中,多个业务组件均为预先经过封装的可配置的组件,每个业务组件中包括多个用于显示的元素,每个元素包括多个配置项;处理模块,用于响应于针对每个元素的多个配置项的配置操作,生成每个元素的配置数据;第二获取模块,用于获取每个元素的配置目标及与该配置目标对应的配置阈值,其中,配置目标为页面元素或设备屏幕的之一;以及控制模块,用于根据配置数据和配置阈值,控制元素在显示界面上显示或隐藏。
本公开实施例的第三方面提供了一种电子设备,包括:一个或多个处理器;存储器,用于存储一个或多个程序,其中,当一个或多个程序被一个或多个处理器执行时,使得一个或多个处理器执行上述页面显示方法。
本公开实施例的第四方面还提供了一种计算机可读存储介质,其上存储有可执行指令,该指令被处理器执行时使处理器执行上述页面显示方法。
本公开实施例的第五方面还提供了一种计算机程序产品,包括计算机程序,该计算机程序被处理器执行时实现上述页面显示方法。
附图说明
通过以下参照附图对本公开实施例的描述,本公开的上述内容以及其他目的、特征和优点将更为清楚,在附图中:
图1示意性示出了根据本公开实施例的页面显示方法、装置、设备、介质和程序产品的应用场景图;
图2示意性示出了根据本公开实施例的页面显示方法的流程图;
图3示意性示出了根据本公开实施例的配置目标存在与否时如何确定配置目标的判断流程图;
图4示意性示出了根据本公开实施例的配置目标控制元素在显示界面上显示或隐藏的判断流程图;
图5示意性示出了根据本公开实施例的内外层元素显示或隐藏的判断流程图;
图6示意性示出了根据本公开实施例的内层元素显示或隐藏方法的流程图;
图7示意性示出了根据本公开实施例的页面显示装置的结构框图;以及
图8示意性示出了根据本公开实施例的适于实现页面显示方法的电子设备的方框图。
具体实施方式
以下,将参照附图来描述本公开的实施例。但是应该理解,这些描述只是示例性的,而并非要限制本公开的范围。在下面的详细描述中,为便于解释,阐述了许多具体的细节以提供对本公开实施例的全面理解。然而,明显地,一个或多个实施例在没有这些具体细节的情况下也可以被实施。此外,在以下说明中,省略了对公知结构和技术的描述,以避免不必要地混淆本公开的概念。
在此使用的术语仅仅是为了描述具体实施例,而并非意在限制本公开。在此使用的术语“包括”、“包含”等表明了所述特征、步骤、操作和/或部件的存在,但是并不排除存在或添加一个或多个其他特征、步骤、操作或部件。
在此使用的所有术语(包括技术和科学术语)具有本领域技术人员通常所理解的含义,除非另外定义。应注意,这里使用的术语应解释为具有与本说明书的上下文相一致的含义,而不应以理想化或过于刻板的方式来解释。
在本公开的技术方案中,所涉及的用户个人信息的收集、存储、使用、加工、传输、提供、公开和应用等处理,均符合相关法律法规的规定,采取了必要保密措施,且不违背公序良俗。
在本公开的技术方案中,在获取或采集用户个人信息之前,均获取了用户的授权或同意。
在使用类似于“A、B和C等中至少一个”这样的表述的情况下,一般来说应该按照本领域技术人员通常理解该表述的含义来予以解释(例如,“具有A、B和C中至少一个的系统”应包括但不限于单独具有A、单独具有B、单独具有C、具有A和B、具有A和C、具有B和C、和/或具有A、B、C的系统等)。
需要说明的是,本公开页面显示的方法和装置可用于金融领域在页面控制的工作中,也可用于除金融领域之外的任意领域,本公开页面显示的方法和装置的应用领域不做限定。
本公开的实施例提供了一种页面显示方法,包括:获取显示界面的多个业务组件,其中,多个业务组件均为预先经过封装的可配置的组件,每个业务组件中包括多个用于显示的元素,每个元素包括多个配置项;响应于针对每个元素的多个配置项的配置操作,生成每个元素的配置数据;获取每个元素的配置目标及与该配置目标对应的配置阈值,其中,配置目标为页面元素或设备屏幕的之一;根据配置数据和配置阈值,控制元素在显示界面上显示或隐藏。
图1示意性示出了根据本公开实施例的页面显示方法、装置、设备、介质和程序产品的应用场景图。
如图1所示,根据该实施例的应用场景100可以包括终端设备101、102、103、网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备101、102、103通过网络104与服务器105交互,以接收或发送消息等。终端设备101、102、103上可以安装有各种通讯客户端应用,例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等(仅为示例)。
终端设备101、102、103可以是具有显示屏并且支持网页浏览的各种电子设备,包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。
服务器105可以是提供各种服务的服务器,例如对用户利用终端设备101、102、103所浏览的网站提供支持的后台管理服务器(仅为示例)。后台管理服务器可以对接收到的用户请求等数据进行分析等处理,并将处理结果(例如根据用户请求获取或生成的网页、信息、或数据等)反馈给终端设备。
需要说明的是,本公开实施例所提供的页面显示方法一般可以由服务器105执行。相应地,本公开实施例所提供的页面显示装置一般可以设置于服务器105中。本公开实施例所提供的页面显示方法也可以由不同于服务器105且能够与终端设备101、102、103和/或服务器105通信的服务器或服务器集群执行。相应地,本公开实施例所提供的页面显示装置也可以设置于不同于服务器105且能够与终端设备101、102、103和/或服务器105通信的服务器或服务器集群中。
应该理解,图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要,可以具有任意数目的终端设备、网络和服务器。
以下将基于图1描述的场景,通过图2~图6对公开实施例的页面显示方法进行详细描述。
图2示意性示出了根据本公开实施例的页面显示方法的流程图。
如图2所示,该实施例的页面显示方法包括操作S210~操作S240。
在操作S210,获取显示界面的多个业务组件,其中,多个业务组件均为预先经过封装的可配置的组件,每个业务组件中包括多个用于显示的元素,每个元素包括多个配置项。
在一些实施例中,显示界面是指呈现文字、图形等信息的可视化的信息载体,可以是网页页面,也可以是客户端页面。页面上还可以呈现组件,组件(Component)一般指可复用的数据对象,其能够完成某种功能并可以对外提供数据接口以使用该功能。一些情况下,当用户需要使用组件对应的业务或功能时,可以是用户点击该组件对应的图标,根据组件与外部接口(以下简称接口)的对应关系,通过该接口访问数据。例如,业务组件指块、列表、导航等常用的业务组件。页面中的元素通常包括:文本、图像、表格、表单、视频等。在用户选中一个元素时,能够通过修改元素的配置项,对业务组件中的元素进行调整配置,以便展现不同的形态或样式及数据等内容。配置项可以直接在代码中固定写死,也可以通过接口网络请求从管理后台获取,通过接口获取,可以再系统运行过程中让运维管理员进行实时的配置项修改,达到根据具体情况人为控制的目的,具有更强的可控性、灵活性。
其中,一般页面分为视图文件、样式文件和逻辑文件三部分,本公开实施例的组件配置于视图文件中,而不是耦合在css文件或者js函数中,以便于复用,从而用户可以更方便、显示的使用页面媒体查询能力。
在操作S220,响应于针对每个元素的多个配置项的配置操作,生成每个元素的配置数据。
在一些实施例中,用户可以根据显示界面的设计,修改元素中多个配置项的配置数据,作为适配于当前页面的业务组件中元素的配置数据。
例如,配置项可以为min-width:页面最小宽度;max-width:页面最大宽度;width:页面宽度;min-height:页面最小高度;max-height:页面最大高度;height:页面高度;orientation:屏幕方向。
在操作S230,获取每个元素的配置目标及与该配置目标对应的配置阈值,其中,配置目标为页面元素或设备屏幕的之一。
在一些实施例中,在配置目标为页面元素(即元素本身)的情况下,该显示界面中元素的不同配置项均有对应的第一配置阈值(即配置阈值);在配置目标为设备屏幕的情况下,该显示界面中元素的不同配置项均有对应的第二配置阈值。根据配置目标的不同,可以变换元素对应的配置阈值控制不同元素的显示或隐藏。
在操作S240,根据配置数据和配置阈值,控制元素在显示界面上显示或隐藏。
在一些实施例中,根据显示界面设置的配置阈值,和业务组件中元素实际的配置数据进行计算,判断元素是否显示。
可以理解的是,将页面功能组件化后配置于视图文件中,且设置配置目标,根据配置目标对应的配置阈值和配置数据进行计算,选择元素的显示和隐藏。一方面,通过组件对页面媒体查询能力进行封装,便于复用;另一方面,将配置目标分为:元素本身和设备屏幕,可以针对元素自身的配置项设置规则,也可以针对设备屏幕的配置项设置规则,更加的灵活,提高页面显示方法的适用性。同时,该组件不是耦合在css文件或者js函数中,便于复用。
根据本公开实施例,获取显示界面的多个业务组件之后还包括:
分别获取每个业务组件中的元素,元素包括一个外层元素和M个内层元素;其中,外层元素和M个内层元素的配置目标可以为页面元素或设备屏幕中的任意一种。
其中,元素中M个内层元素按比例设置,其中,M个内层元素的比例之和为一。
例如,一个页面的导航栏中显示的是学校,在导航栏中需要显示学校对应的每个学院,将每个学院做成表格进行显示,那可以将导航栏作为外层元素,表格作为内层元素,实现元素的嵌套,满足局部组件样式的改变。
外层元素可以包括两个内层元素,两个内层元素默认按百分比左右排列,一个内层元素为外层元素的70%,另一个内层元素为外层元素的30%。
需要说明的是,以上是两层元素嵌套,也可以进行三层甚至四层嵌套,本公开实施例对内层元素的数量不做具体的限定,且每一层嵌套都可以设置不同的配置项,进而可以达到多种组合。
图3示意性示出了根据本公开实施例的配置目标存在与否时如何确定配置目标的判断流程图;
如图3所示,该实施例的页面显示方法还包括操作S310~操作S330。
在操作S310,确定配置目标是否存在。
在操作S320,确定配置目标存在的情况下,则按照预先设置的配置目标获取与该配置目标对应的配置阈值。
在操作S330,确定配置目标不存在的情况下,则按照设备屏幕的配置目标获取与该配置目标对应的配置阈值。
在一些实施例中,为了确保配置属性的正确性,通过属性检查器对用户属性进行检查,确保后续逻辑处理正确性。如果配置目标是设备屏幕或页面元素中的之一,则按照此配置目标进行显示。如果配置目标不存在或着不是设备屏幕或页面元素中的之一,则默认配置目标为设备屏幕。
根据本公开实施例,属性检查器也会对配置项进行检查。检查width、min-width、max-width、height、min-height、max-height是否存在,且是否是数值类型,单位是否为px、em和rem其中之一,若是则使用此数值,若不是设置默认单位为px。如果都不存在,以显示逻辑处理。同时也检出orientation是否有值且为portrait、landscape其中之一,如不是默认为portrait。
根据本公开实施例,该方法还包括对配置项的单位进行检查。用户在使用时根据业务自身的单位属性设置系统统一的单位,单位转化器会对用户输入的单位进行统一转化,用户可用单位包括px、rem、em。判断单位是否为px、rein、em中的一种,如果不是默认为px;如果是px,不进行转换;如果是rem或em则把rem或em转换成px单位。
图4示意性示出了根据本公开实施例的配置目标控制元素在显示界面上显示或隐藏的判断流程图;
如图4所示,该实施例的根据配置数据和配置阈值,控制元素在显示界面上显示或隐藏包括操作S410~操作S470。
在操作S410,确定配置目标为页面元素或设备屏幕。
在操作S420,在确定配置目标为页面元素的情况下,获取与页面元素对应的第一配置阈值。
在操作S430,在元素的配置数据满足第一配置阈值要求的情况下,在显示界面上显示该元素。
在操作S440,在元素的配置数据不满足第一配置阈值要求的情况下,在显示界面上显示该元素。
在一些实施例中,以上述配置项为例,设置了配置目标为页面元素,则min-width、max-width、width、min-height、max-height、height、orientation都是针对元素本身,例如,min-width的第一配置阈值为300px,max-width第一配置阈值为600px,那么当元素实际的配置数据的宽度为300px-600px之间时显示此元素,不在此范围内则不显示此元素;如果用width配置项,那就是元素宽度等于配置项的width时显示此元素,否则不显示,高度配置项与宽度配置项类似,orientation配置是根据元素本身高宽比进行判定,如果高/宽大于1定位为竖向,其余为横向,元素根据计算得到的横竖向进行元素的显示与否。
在操作S450,在确定配置目标为设备屏幕的情况下,获取与设备屏幕对应的第二配置阈值。
在操作S460,在元素的配置数据满足第二配置阈值要求的情况下,在显示界面上显示该元素。
在操作S470,在元素的配置数据满足第二配置阈值要求的情况下,在显示界面上显示该元素。
在一些实施例中,设置了配置目标为设备屏幕,例如,min-width的第二配置阈值为300px,max-width的第二配置阈值为600px,那么当设备的屏幕宽度为300px-600px之间时显示此元素,不在此范围内则不显示此元素,如果用width配置项,那就是屏幕宽度等于配置项的width时显示此元素,否则不显示,高度配置项与宽度配置项类似,orientation配置是根据屏幕的横屏或者竖屏进行元素的显示控制与否。
图5示意性示出了根据本公开实施例的内外层元素显示或隐藏的判断流程图。
如图5所示,该实施例的根据配置数据和配置阈值,控制元素在显示界面上显示或隐藏还包括操作S510~操作S530。
在操作S510,确定外层元素是否显示。
在操作S520,在外层元素隐藏的情况下,则M个内层元素也隐藏。
在操作S530,在外层元素显示的情况下,则分别计算M个内层元素显示或隐藏。
在一些实施例中,在外层元素隐藏的情况下,则内层元素无需计算默认为隐藏。在外层元素显示的情况下,则分别计算内层元素是否显示。
图6示意性示出了根据本公开实施例的内层元素显示或隐藏方法的流程图。
如图6所示,该实施例的在外层元素显示的情况下,则分别计算M个内层元素显示或隐藏包括操作S610~操作S640。
在操作S610,分别获取M个内层元素的百分比,得到目标比例。
在操作S620,将每个外层元素的配置数据分别乘以目标比例,得到目标数据。
在操作S630,获取内层元素的目标阈值。
在操作S640,根据目标阈值和目标数据,控制内层元素在显示界面上显示或隐藏。
在一些实施例中,以上述配置项中内外两层元素设置的比例为例,进行说明。外层元素的配置目标为设备屏幕,外层元素配置项的第二配置阈值为min-width是400px,也就是说当元素配置数据的宽度大于400px时,外层元素显示出来。对内层第二个元素(默认宽度30%那个元素)用本公开实施例的组件进行包裹,将其配置目标设置为页面元素,元素配置项的第一配置阈值min-width为200px,也就是说当此元素的宽度大于等于200px的时候才显示此元素,即外层元素的宽度*30%≥200时显示此内层元素,从而达到外层依据屏幕控制,内层根据元素大小进行控制。
根据本公开实施例,该方法还包括:在元素的配置数据均为零的情况下,则控制元素在显示界面上显示。
在一些实施例中,通过规则处理器根据用户输入的属性生成规则处理逻辑。如果orientation、width、min-width、max-width、height、min-height、max-height均无值,规则处理器返回结果true,表示显示元素。
如果width存在,且配置目标为设备屏幕,则计算当前页面宽度是否等于width,如果等于,规则处理器返回结果true,表示显示元素。如果配置目标为页面元素,则计算当前元素的宽度是否等于width,如果等于,规则处理器返回结果true,表示显示元素。如果width不存在,min-width和max-width存在一种或者都存在,在target为设备屏幕时计算页面宽度是否符合min-width和max-width的约束,如果符合,规则处理器返回结果true,表示显示元素。否则返回结果false,表示隐藏元素。
如果height存在,且配置目标为设备屏幕,则计算当前页面高度是否等于height,如果等于规则处理器返回结果true,表示显示元素。如果配置目标为页面元素,则计算当前元素的高度是否等于height,如果等于,规则处理器返回记过true,表示显示元素。如果height不存在,min-height和max-height存在一种或者都存在,在配置目标为页面元素时,计算页面高度是否符合min-height和max-height的约束,如果符合规则处理器返回true,表示显示元素。否则返回false,表示隐藏元素。
如果orientation存在,判断当前页面朝向是否和orientation配置一致,如果一致,规则处理器返回结果true,表示显示元素,否则返回结果false,标识隐藏元素。如果orientation不存在,且配置目标为页面元素时,则判断当前元素的朝向是否和orientation配置一致,如果一致规则处理器返回结果true,表示显示元素,否则返回false,隐藏元素。
如果是以上情况以外的混和情况,则取以上结果的并集作为最终结果,规则处理器返回结果true,表示显示元素,否则返回结果false,隐藏元素。
根据本公开实施例,该方法还包括:在一个业务组件中元素显示的情况下,通过事件发生器显示另一个业务组件中的一个或多个元素。
在一些实施例中,当规则处理器根据属性计算完处理逻辑后,事件发生器将根据规则处理结果设置样式,并将结果以事件的形式发布出去,外部组件可以订阅此事件进行后续处理。每个元素经过一系列的单位转换、规则处理后会得到一个是否显示的结果,在得到这个结果后会将这个结果以事件的形式发送出去,其它的组件可以监测本组件发送的事件,根据事件的结果进行本身的逻辑处理,比如本组件进行一系列计算后是显示状态,其它组件监测到这个事件后,会根据事件的结果显示自身的某些内容,从而进行多个组件之间的联动显示效果。
基于上述页面显示方法,本公开还提供了一种页面显示装置。以下将结合图7对该装置进行详细描述。
图7示意性示出了根据本公开实施例的页面显示装置的结构框图。
如图7所示,该实施例的页面显示装置700包括第一获取模块710、处理模块720、第二获取模块730和控制模块740。
第一获取模块710用于获取显示界面的多个业务组件,其中,多个业务组件均为预先经过封装的可配置的组件,每个业务组件中包括多个用于显示的元素,每个元素包括多个配置项。在一实施例中,第一获取模块710可以用于执行前文描述的操作S210,在此不再赘述。
处理模块720用于响应于针对每个元素的多个配置项的配置操作,生成每个元素的配置数据。在一实施例中,处理模块720可以用于执行前文描述的操作S220,在此不再赘述。
第二获取模块730用于获取每个元素的配置目标及与该配置目标对应的配置阈值,其中,配置目标为页面元素或设备屏幕的之一。在一实施例中,第二获取模块730可以用于执行前文描述的操作S230,在此不再赘述。
控制模块740用于获取每个元素的配置目标及与该配置目标对应的配置阈值,其中,配置目标为页面元素或设备屏幕的之一。在一实施例中,控制模块740可以用于执行前文描述的操作S240,在此不再赘述。
根据本公开的实施例,第一获取模块710、处理模块720、第二获取模块730和控制模块740中的任意多个模块可以合并在一个模块中实现,或者其中的任意一个模块可以被拆分成多个模块。或者,这些模块中的一个或多个模块的至少部分功能可以与其他模块的至少部分功能相结合,并在一个模块中实现。根据本公开的实施例,第一获取模块710、处理模块720、第二获取模块730和控制模块740中的至少一个可以至少被部分地实现为硬件电路,例如现场可编程门阵列(FPGA)、可编程逻辑阵列(PLA)、片上系统、基板上的系统、封装上的系统、专用集成电路(ASIC),或可以通过对电路进行集成或封装的任何其他的合理方式等硬件或固件来实现,或以软件、硬件以及固件三种实现方式中任意一种或以其中任意几种的适当组合来实现。或者,第一获取模块710、处理模块720、第二获取模块730和控制模块740中的至少一个可以至少被部分地实现为计算机程序模块,当该计算机程序模块被运行时,可以执行相应的功能。
图8示意性示出了根据本公开实施例的适于实现页面显示方法的电子设备的方框图。
如图8所示,根据本公开实施例的电子设备900包括处理器901,其可以根据存储在只读存储器(ROM)902中的程序或者从存储部分908加载到随机访问存储器(RAM)903中的程序而执行各种适当的动作和处理。处理器901例如可以包括通用微处理器(例如CPU)、指令集处理器和/或相关芯片组和/或专用微处理器(例如,专用集成电路(ASIC))等等。处理器901还可以包括用于缓存用途的板载存储器。处理器901可以包括用于执行根据本公开实施例的方法流程的不同动作的单一处理单元或者是多个处理单元。
在RAM 903中,存储有电子设备900操作所需的各种程序和数据。处理器901、ROM902以及RAM 903通过总线904彼此相连。处理器901通过执行ROM 902和/或RAM 903中的程序来执行根据本公开实施例的方法流程的各种操作。需要注意,所述程序也可以存储在除ROM 902和RAM 903以外的一个或多个存储器中。处理器901也可以通过执行存储在所述一个或多个存储器中的程序来执行根据本公开实施例的方法流程的各种操作。
根据本公开的实施例,电子设备900还可以包括输入/输出(I/O)接口905,输入/输出(I/O)接口905也连接至总线904。电子设备900还可以包括连接至I/O接口905的以下部件中的一项或多项:包括键盘、鼠标等的输入部分906;包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分907;包括硬盘等的存储部分908;以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分909。通信部分909经由诸如因特网的网络执行通信处理。驱动器910也根据需要连接至I/O接口905。可拆卸介质911,诸如磁盘、光盘、磁光盘、半导体存储器等等,根据需要安装在驱动器910上,以便于从其上读出的计算机程序根据需要被安装入存储部分908。
本公开还提供了一种计算机可读存储介质,该计算机可读存储介质可以是上述实施例中描述的设备/装置/系统中所包含的;也可以是单独存在,而未装配入该设备/装置/系统中。上述计算机可读存储介质承载有一个或者多个程序,当上述一个或者多个程序被执行时,实现根据本公开实施例的方法。
根据本公开的实施例,计算机可读存储介质可以是非易失性的计算机可读存储介质,例如可以包括但不限于:便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。例如,根据本公开的实施例,计算机可读存储介质可以包括上文描述的ROM 902和/或RAM 903和/或ROM 902和RAM 903以外的一个或多个存储器。
本公开的实施例还包括一种计算机程序产品,其包括计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。当计算机程序产品在计算机系统中运行时,该程序代码用于使计算机系统实现本公开实施例所提供的物品推荐方法。
在该计算机程序被处理器901执行时执行本公开实施例的系统/装置中限定的上述功能。根据本公开的实施例,上文描述的系统、装置、模块、单元等可以通过计算机程序模块来实现。
在一种实施例中,该计算机程序可以依托于光存储器件、磁存储器件等有形存储介质。在另一种实施例中,该计算机程序也可以在网络介质上以信号的形式进行传输、分发,并通过通信部分909被下载和安装,和/或从可拆卸介质911被安装。该计算机程序包含的程序代码可以用任何适当的网络介质传输,包括但不限于:无线、有线等等,或者上述的任意合适的组合。
在这样的实施例中,该计算机程序可以通过通信部分909从网络上被下载和安装,和/或从可拆卸介质911被安装。在该计算机程序被处理器901执行时,执行本公开实施例的系统中限定的上述功能。根据本公开的实施例,上文描述的系统、设备、装置、模块、单元等可以通过计算机程序模块来实现。
根据本公开的实施例,可以以一种或多种程序设计语言的任意组合来编写用于执行本公开实施例提供的计算机程序的程序代码,具体地,可以利用高级过程和/或面向对象的编程语言、和/或汇编/机器语言来实施这些计算程序。程序设计语言包括但不限于诸如Java,C++,python,“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中,远程计算设备可以通过任意种类的网络,包括局域网(LAN)或广域网(WAN),连接到用户计算设备,或者,可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图或流程图中的每个方框、以及框图或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
本领域技术人员可以理解,本公开的各个实施例和/或权利要求中记载的特征可以进行多种组合或/或结合,即使这样的组合或结合没有明确记载于本公开中。特别地,在不脱离本公开精神和教导的情况下,本公开的各个实施例和/或权利要求中记载的特征可以进行多种组合和/或结合。所有这些组合和/或结合均落入本公开的范围。
以上对本公开的实施例进行了描述。但是,这些实施例仅仅是为了说明的目的,而并非为了限制本公开的范围。尽管在以上分别描述了各实施例,但是这并不意味着各个实施例中的措施不能有利地结合使用。本公开的范围由所附权利要求及其等同物限定。不脱离本公开的范围,本领域技术人员可以做出多种替代和修改,这些替代和修改都应落在本公开的范围之内。
Claims (14)
1.一种页面显示方法,包括:
获取显示界面的多个业务组件,其中,所述多个业务组件均为预先经过封装的可配置的组件,每个所述业务组件中包括多个用于显示的元素,每个所述元素包括多个配置项;
响应于针对每个所述元素的多个配置项的配置操作,生成每个所述元素的配置数据;
获取每个所述元素的配置目标及与该配置目标对应的配置阈值,其中,所述配置目标为页面元素或设备屏幕的之一;
根据所述配置数据和所述配置阈值,控制所述元素在所述显示界面上显示或隐藏。
2.根据权利要求1所述的方法,其中,在确定所述配置目标为页面元素的情况下,所述根据所述配置数据和所述配置阈值,控制所述元素在所述显示界面上显示或隐藏包括:
获取与所述页面元素对应的第一配置阈值;
在所述元素的配置数据满足所述第一配置阈值要求的情况下,在所述显示界面上显示该元素;
在所述元素的配置数据不满足所述第一配置阈值要求的情况下,在所述显示界面上显示该元素。
3.根据权利要求2所述的方法,其中,在确定所述配置目标为设备屏幕的情况下,所述根据所述配置数据和所述配置阈值,控制所述元素在所述显示界面上显示或隐藏包括:
获取与所述设备屏幕对应的第二配置阈值;
在所述元素的配置数据满足所述第二配置阈值要求的情况下,在所述显示界面上显示该元素;
在所述元素的配置数据满足所述第二配置阈值要求的情况下,在所述显示界面上显示该元素。
4.根据权利要求1所述的方法,其中,所述获取显示界面的多个业务组件之后还包括:
分别获取每个所述业务组件中的元素,所述元素包括一个外层元素和M个内层元素;
其中,所述外层元素和M个内层元素的所述配置目标可以为页面元素或设备屏幕中的任意一种。
5.根据权利要求4所述的方法,其中,元素中M个内层元素按比例设置,其中,M个内层元素的比例之和为一。
6.根据权利要求5所述的方法,其中,根据所述配置数据和所述配置阈值,控制所述元素在所述显示界面上显示或隐藏还包括:
在所述外层元素隐藏的情况下,则所述M个内层元素也隐藏;
在所述外层元素显示的情况下,则分别计算所述M个内层元素显示或隐藏。
7.根据权利要求6所述的方法,其中,所述在所述外层元素显示的情况下,则分别计算所述M个内层元素显示或隐藏包括:
分别获取所述M个内层元素的百分比,得到目标比例;
将所述每个外层元素的配置数据分别乘以所述目标比例,得到目标数据;
获取所述内层元素的目标阈值;
根据所述目标阈值和所述目标数据,控制所述内层元素在所述显示界面上显示或隐藏。
8.根据权利要求1所述的方法,其中,该方法还包括:
确定所述配置目标存在的情况下,则按照预先设置的所述配置目标获取与该配置目标对应的配置阈值;
确定所述配置目标不存在的情况下,则按照所述设备屏幕的配置目标获取与该配置目标对应的配置阈值。
9.根据权利要求1所述的方法,其中,该方法还包括:
在所述元素的配置数据均为零的情况下,则控制所述元素在所述显示界面上显示。
10.根据权利要求1所述的方法,其中,该方法还包括:
在一个所述业务组件中元素显示的情况下,通过事件发生器显示另一个所述业务组件中的一个或多个元素。
11.一种页面显示装置,包括:
第一获取模块,用于获取显示界面的多个业务组件,其中,所述多个业务组件均为预先经过封装的可配置的组件,每个所述业务组件中包括多个用于显示的元素,每个所述元素包括多个配置项;
处理模块,用于响应于针对每个所述元素的多个配置项的配置操作,生成每个所述元素的配置数据;
第二获取模块,用于获取每个所述元素的配置目标及与该配置目标对应的配置阈值,其中,所述配置目标为页面元素或设备屏幕的之一;以及
控制模块,用于根据所述配置数据和所述配置阈值,控制所述元素在所述显示界面上显示或隐藏。
12.一种电子设备,包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,
其中,当所述一个或多个程序被所述一个或多个处理器执行时,使得所述一个或多个处理器执行根据权利要求1~10中任一项所述的方法。
13.一种计算机可读存储介质,其上存储有可执行指令,该指令被处理器执行时使处理器执行根据权利要求1~10中任一项所述的方法。
14.一种计算机程序产品,包括计算机程序,所述计算机程序被处理器执行时实现根据权利要求1~10中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310655700.3A CN116560546A (zh) | 2023-06-05 | 2023-06-05 | 页面显示方法、装置、设备、介质和程序产品 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310655700.3A CN116560546A (zh) | 2023-06-05 | 2023-06-05 | 页面显示方法、装置、设备、介质和程序产品 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN116560546A true CN116560546A (zh) | 2023-08-08 |
Family
ID=87491595
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202310655700.3A Pending CN116560546A (zh) | 2023-06-05 | 2023-06-05 | 页面显示方法、装置、设备、介质和程序产品 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116560546A (zh) |
-
2023
- 2023-06-05 CN CN202310655700.3A patent/CN116560546A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP2021072089A (ja) | ウェブページレンダリング方法、装置、電子設備、記憶媒体及びプログラム | |
EP2189929A1 (en) | Popup window for error correction | |
CN111045653B (zh) | 系统生成方法、装置、计算机可读介质及电子设备 | |
US9633386B1 (en) | Display of items from search | |
CN109582317B (zh) | 用于调试寄宿应用的方法和装置 | |
US10951486B2 (en) | Terminal device, UI expansion method, and UI expansion program | |
CN113434241A (zh) | 页面跳转方法及装置 | |
CN113505302A (zh) | 支持动态获取埋点数据的方法、装置、系统及电子设备 | |
US10606618B2 (en) | Contextual assistance system | |
CN112395027A (zh) | 微件界面生成方法、装置、存储介质与电子设备 | |
US20100169457A1 (en) | Social user script service by service proxy | |
CN111010453B (zh) | 服务请求处理方法、系统、电子设备及计算机可读介质 | |
US20150012354A1 (en) | Method and System for Placing and Presenting Advertisements | |
CN116560546A (zh) | 页面显示方法、装置、设备、介质和程序产品 | |
CN110888583B (zh) | 页面显示方法、系统、装置和电子设备 | |
CN114510309B (zh) | 动画效果的设置方法、装置、设备及介质 | |
CN112965699B (zh) | 前端页面生成方法、装置、计算机系统和可读存储介质 | |
CN113553123B (zh) | 数据处理方法、装置、电子设备及存储介质 | |
CN115312208B (zh) | 接诊数据展示方法、装置、设备、介质 | |
CN113779133B (zh) | 数据处理方法、装置、电子设备、存储介质及程序产品 | |
CN114417091A (zh) | 数据筛选方法、装置、电子设备及存储介质 | |
CN116774984A (zh) | 日历展示组件处理方法、装置、电子设备及存储介质 | |
CN113779133A (zh) | 数据处理方法、装置、电子设备、存储介质及程序产品 | |
CN114385170A (zh) | 表单生成方法、装置、设备、介质和程序产品 | |
CN114035792A (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 |