CN111736939A - 一种页面自适应调整方法、装置、存储介质及计算机设备 - Google Patents
一种页面自适应调整方法、装置、存储介质及计算机设备 Download PDFInfo
- Publication number
- CN111736939A CN111736939A CN202010578065.XA CN202010578065A CN111736939A CN 111736939 A CN111736939 A CN 111736939A CN 202010578065 A CN202010578065 A CN 202010578065A CN 111736939 A CN111736939 A CN 111736939A
- Authority
- CN
- China
- Prior art keywords
- size information
- page
- component
- common component
- common
- 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 39
- 230000003044 adaptive effect Effects 0.000 claims description 21
- 238000009825 accumulation Methods 0.000 claims description 16
- 238000004891 communication Methods 0.000 claims description 15
- 238000000605 extraction Methods 0.000 claims description 8
- 238000012545 processing Methods 0.000 claims description 7
- 230000005540 biological transmission Effects 0.000 claims description 6
- 230000008859 change Effects 0.000 claims description 3
- 238000004590 computer program Methods 0.000 claims 1
- 238000005516 engineering process Methods 0.000 abstract description 4
- 230000010354 integration Effects 0.000 description 7
- 230000008901 benefit Effects 0.000 description 3
- 230000008602 contraction Effects 0.000 description 2
- 238000010586 diagram Methods 0.000 description 2
- 239000000284 extract Substances 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000004458 analytical method Methods 0.000 description 1
- 238000012790 confirmation Methods 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 238000007726 management method Methods 0.000 description 1
- 238000013507 mapping Methods 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 238000011022 operating instruction Methods 0.000 description 1
- 230000008569 process Effects 0.000 description 1
- 230000001172 regenerating effect Effects 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
Images
Classifications
-
- 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
Abstract
本发明公开了一种页面自适应调整方法、装置、存储介质及计算机设备,涉及计算机技术领域,主要目的在于通过公共组件信息和相对尺寸信息,自适应调整页面,通过页面表格展示更多公共组件,减少滚动条的出现,从而提高页面查看效率且利用区块链技术提高页面信息安全性。所述方法包括:提取待调整页面中各公共组件对应的相对尺寸信息;根据相对尺寸信息以及获取的屏幕尺寸信息,得到各公共组件的尺寸信息;利用各公共组件的水平尺寸信息以及预先建立的页面表格,对各公共组件进行坐标定位,得到页面表格中每行的公共组件以及公共组件的位置坐标;根据各公共组件的尺寸信息以及位置坐标,对待调整页面进行自适应调整。本发明适用于页面的自适应调整。
Description
技术领域
本发明涉及计算机技术领域,特别是涉及一种页面自适应调整方法、装置、存储介质及计算机设备。
背景技术
随着互联网技术的发展,门户集成网站越来越广泛的应用于政府和企业的形象展示、宣传推广等多种用途。其通过将应用系统、数据资源、网络资源集成在统一的信息门户之下,实现统一的“人的集成、界面集成、流程集成、业务集成、消息集成、应用集成”,为企业员工、合作伙伴、社会公众提供统一信息资源访问入口,并根据用户的角色不同,提供个性化的服务。
目前,用户在通过手机或者电脑进行页面的浏览时,由于使用显示器的尺寸大小不同,会造成页面显示公共组件的尺寸过大或者过小;并且每行显示公共组件过多或者过少,导致页面出现滚动条,降低了用户查看页面的效率。
发明内容
有鉴于此,本发明提供一种页面自适应调整方法、装置、存储介质及计算机设备,主要目的在于能够通过提取待调整页面的公共组件信息和相对尺寸信息,实现页面的自适应调整,并建立页面表格,在每行展示更多公共组件,减少滚动条的出现,提高页面查看效率。
依据本发明一个方面,提供了一种页面自适应调整方法,包括:
提取待调整页面中各公共组件对应的相对尺寸信息,其中,所述相对尺寸信息为公共组件尺寸信息与屏幕尺寸信息的比值;
根据各公共组件的相对尺寸信息以及获取的屏幕尺寸信息,得到各公共组件的尺寸信息,其中,所述各公共组件的尺寸信息包括所述各公共组件的水平尺寸信息;
利用所述各公共组件的水平尺寸信息以及预先建立的页面表格,对所述各公共组件进行坐标定位,得到所述页面表格中每行的公共组件以及所述公共组件的位置坐标;
根据所述各公共组件的尺寸信息以及位置坐标,对所述待调整页面进行自适应调整。
进一步地,所述屏幕尺寸信息包括屏幕水平尺寸信息,所述利用所述各公共组件的水平尺寸信息以及预先建立的页面表格,对所述各公共组件进行坐标定位,得到所述页面表格每行公共组件的位置坐标,包括:
在所述待调整页面建立页面表格,其中,所述页面表格的水平尺寸信息与所述屏幕水平尺寸信息相等;
在所述页面表格各行中对所述公共组件的水平尺寸信息进行逐个累加,并将当前公共组件的累加结果作为下一公共组件的位置坐标;
判断所述累加结果是否大于所述页面表格的水平尺寸信息;
若是,则切换至所述页面表格的下一行重新执行累加操作。
进一步地,所述根据各公共组件的相对尺寸信息以及获取的屏幕尺寸信息,得到各公共组件的尺寸信息,包括:
根据所述屏幕尺寸信息,在当前公共组件对应的至少一个相对尺寸信息中匹配相应的相对尺寸信息;
将所述相对尺寸信息与获取的屏幕尺寸信息的乘积确定为所述公共组件的尺寸信息。
进一步地,所述提取待调整页面中各公共组件对应的相对尺寸信息,包括:
在所述待调整页面的结构代码中提取公共组件标识;
解析所述待调整页面的样式文件;
根据所述公共组件标识在所述样式文件中查找所述公共组件对应的相对尺寸信息。
可选地,所述根据所述各公共组件的尺寸信息以及位置坐标,对所述待调整页面进行自适应调整之前,所述方法还包括:
获取所述待调整页面中查询框容器的水平尺寸信息和查询框组件的水平尺寸信息;
将所述查询框容器的水平尺寸信息与所述查询框组件的水平尺寸信息进行对比;
根据所述对比结果,配置相应的查询条件显示数量。
可选地,所述根据所述各公共组件的尺寸信息以及位置坐标,对所述待调整页面进行自适应调整之前,所述方法还包括:
创建事件监听器,将页面调整指令作为所述事件监听器的传递参数,其中,所述页面调整指令包括预设菜单栏的状态变更指令;
当监听到所述页面调整指令时,对当前页面进行自适应调整。
可选地,所述在所述待调整页面的结构代码中提取公共组件标识之前,所述方法还包括:
将所述待调整页面的结构代码以及样式文件存储于区块链网络的指定区块中。
依据本发明二个方面,提供了一种页面自适应调整装置,包括:
提取单元,用于提取待调整页面中各公共组件对应的相对尺寸信息,其中,所述相对尺寸信息为公共组件尺寸信息与屏幕尺寸信息的比值;
处理单元,用于根据各公共组件的相对尺寸信息以及获取的屏幕尺寸信息,得到各公共组件的尺寸信息,其中,所述各公共组件的尺寸信息包括所述各公共组件的水平尺寸信息;
定位单元,用于利用所述各公共组件的水平尺寸信息以及预先建立的页面表格,对所述各公共组件进行坐标定位,得到所述页面表格中每行的公共组件以及所述公共组件的位置坐标;
调整单元,用于根据所述各公共组件的尺寸信息以及位置坐标,对所述待调整页面进行自适应调整。
进一步地,所述定位单元,包括:
建立模块,用于在所述待调整页面建立页面表格,其中,所述页面表格的水平尺寸信息与所述屏幕水平尺寸信息相等;
累加模块,用于在所述页面表格各行中对所述公共组件的水平尺寸信息进行逐个累加,并将当前公共组件的累加结果作为下一公共组件的位置坐标;
判断模块,用于判断所述累加结果是否大于所述页面表格的水平尺寸信息;
切换模块,用于若是,则切换至所述页面表格的下一行重新执行累加操作。
进一步地,所述处理单元,包括:
匹配模块,用于根据所述屏幕尺寸信息,在当前公共组件对应的至少一个相对尺寸信息中匹配相应的相对尺寸信息;
确定模块,用于将所述相对尺寸信息与获取的屏幕尺寸信息的乘积确定为所述公共组件的尺寸信息。
进一步地,所述提取单元,包括:
提取模块,用于在所述待调整页面的结构代码中提取公共组件标识;
解析模块,用于解析所述待调整页面的样式文件;
查找模块,用于根据所述公共组件标识在所述样式文件中查找所述公共组件对应的相对尺寸信息。
可选地,所述装置还包括:
获取单元,用于获取所述待调整页面中查询框容器的水平尺寸信息和查询框组件的水平尺寸信息;
对比单元,用于将所述查询框容器的水平尺寸信息与所述查询框组件的水平尺寸信息进行对比;
配置单元,用于根据所述对比结果,配置相应的查询条件显示数量。
可选地,所述装置还包括:创建单元,
所述创建单元,用于创建事件监听器,将页面调整指令作为所述事件监听器的传递参数,其中,所述页面调整指令包括预设菜单栏的状态变更指令;
所述调整单元具体还用于当监听到所述页面调整指令时,对当前页面进行自适应调整。
可选地,所述装置还包括:
存储单元,用于将所述待调整页面的结构代码以及样式文件存储于区块链网络的指定区块中。
依据本发明第三方面,提供了一种存储介质,所述存储介质中存储有至少一可执行指令,所述执行指令使处理器执行以下步骤:提取待调整页面中各公共组件对应的相对尺寸信息,其中,所述相对尺寸信息为公共组件尺寸信息与屏幕尺寸信息的比值;根据各公共组件的相对尺寸信息以及获取的屏幕尺寸信息,得到各公共组件的尺寸信息,其中,所述各公共组件的尺寸信息包括所述各公共组件的水平尺寸信息;利用所述各公共组件的水平尺寸信息以及预先建立的页面表格,对所述各公共组件进行坐标定位,得到所述页面表格中每行的公共组件以及所述公共组件的位置坐标;根据所述各公共组件的尺寸信息以及位置坐标,对所述待调整页面进行自适应调整。
依据本发明第四方面,提供了一种计算机设备,包括处理器、存储器、通信接口和通信总线所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信,所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行以下步骤:提取待调整页面中各公共组件对应的相对尺寸信息,其中,所述相对尺寸信息为公共组件尺寸信息与屏幕尺寸信息的比值;根据各公共组件的相对尺寸信息以及获取的屏幕尺寸信息,得到各公共组件的尺寸信息,其中,所述各公共组件的尺寸信息包括所述各公共组件的水平尺寸信息;利用所述各公共组件的水平尺寸信息以及预先建立的页面表格,对所述各公共组件进行坐标定位,得到所述页面表格中每行的公共组件以及所述公共组件的位置坐标;根据所述各公共组件的尺寸信息以及位置坐标,对所述待调整页面进行自适应调整。
本发明提供一种页面自适应调整方法、装置、存储介质及计算机设备,与现有技术用户在通过手机或者电脑进行页面的浏览时,由于显示器的屏幕尺寸大小不同,会造成页面显示公共组件的尺寸过大或者过小;并且每行显示公共组件过多或者过少,导致页面出现滚动条相比,本发明通过提取待调整页面中各公共组件对应的相对尺寸信息;根据相对尺寸信息以及获取的屏幕尺寸信息,得到各公共组件的尺寸信息;利用各公共组件的水平尺寸信息以及预先建立的页面表格,对各公共组件进行坐标定位,得到页面表格中每行的公共组件以及公共组件的位置坐标;根据各公共组件的尺寸信息以及位置坐标,对待调整页面进行自适应调整。从而能够通过提取待调整页面的公共组件信息和相对尺寸信息,实现页面的自适应调整,并建立页面表格,在每行展示更多公共组件,减少滚动条的出现,提高页面查看效率。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1示出了本发明实施例提供的一种页面自适应调整方法流程图;
图2示出了本发明实施例提供的另一种页面自适应调整方法流程图;
图3示出了本发明实施例提供的一种页面自适应调整装置的结构示意图;
图4示出了本发明实施例提供的一种计算机设备的实体结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
如背景技术所述,目前,用户在通过手机或者电脑进行页面的浏览时,由于使用显示器的尺寸大小不同,会造成页面显示公共组件的尺寸过大或者过小;并且每行显示公共组件过多或者过少,导致页面出现滚动条,降低了用户浏览页面的效率。
为了解决上述问题,本发明实施例提供了一种页面自适应调整方法,如图1所示,所述方法包括:
101、提取待调整页面中各公共组件对应的相对尺寸信息。
其中,所述相对尺寸信息为公共组件尺寸信息与屏幕尺寸信息的比值。所述各公共组件的相对尺寸信息具体可以通过所述待调整页面的页面样式文件获取,所述页面样式文件中包括至少一个公共组件的至少一个相对尺寸信息。所述公共组件可以通过所述待调整页面的页面结构文件获取,包括选项按钮,复选框等,所述页面至少包括一个公共组件。具体地,根据所述待调整页面的样式文件或者样式代码,可以检索获取所有的公共组件信息,并相应获取各个公共组件信息对应的相对尺寸信息,使公共组件呈现适应的尺寸,以提高用户查看页面的效率。
102、根据各公共组件的相对尺寸信息以及获取的屏幕尺寸信息,得到各公共组件的尺寸信息。
其中,所述各公共组件的尺寸信息包括所述各公共组件的水平尺寸信息。对于本发明实施例,各公共组件的相对尺寸信息具体可以为各公共组件与不同屏幕尺寸的比值。如对于按钮a,所述相对尺寸信息可以包括:12#01545、14#01664,即所述按钮a在12英寸屏幕时的相对尺寸信息为0.1545,在14英寸屏幕时的相对尺寸信息为0.1664。所述屏幕尺寸信息可以在本地的系统配置文件中查找。
具体地,可以读取本地的设备配置文件得到屏幕尺寸信息,根据所述屏幕尺寸信息在所述待调整页面的样式文件中匹配各公共组件对应的相对尺寸信息。如当前屏幕尺寸信息为5.3英寸,则可以在页面样式文件中查找各公共组件在屏幕尺寸信息为5.3英寸时对应的相对尺寸信息。在得到各公共组件的相对尺寸信息后,还可以根据各公共组件的相对尺寸信息以及当前屏幕尺寸信息,得到各公共组件的尺寸信息,即各公共组件在当前屏幕中的实际显示尺寸。本发明实施例通过得到各公共组件的相对尺寸信息,进而得到各公共组件的尺寸信息,从而能够根据不同的屏幕进行公共组件尺寸的自适应,避免公共组件的显示尺寸过大或者过小,影响页面查看的效率。
103、利用所述各公共组件的水平尺寸信息以及预先建立的页面表格,对所述各公共组件进行坐标定位,得到所述页面表格中每行的公共组件以及所述公共组件的位置坐标。
其中,所述各公共组件的尺寸信息包括水平尺寸信息。所述页面表格可以为1列N行表格,所述页面表格的水平尺寸信息与所述屏幕的水平尺寸信息相等。所述对所述各公共组件进行坐标定位,得到所述页面表格中每行的公共组件以及所述公共组件的位置坐标具体可以包括:对页面表格中每一行的所述公共组件的水平尺寸信息进行累加处理,将当前累加结果确定为下一公共组件的位置坐标。例如,建立1列2行的页面表格,所述页面表格的水平尺寸信息为70px,公共组件包括4个水平尺寸信息为25px的查询框,则确定第一公共组件的位置坐标为0px,累加第一公共组件的水平尺寸信息后,将得到的25px确定为第二公共组件的位置坐标,累加第二公共组件的水平尺寸信息后,将得到的50px确定为第三公共组件的位置坐标,累加第三公共组件的水平尺寸信息后,得到的累加结果为75px,超过了所述页面表格的水平尺寸信息,则将第四公共组件切换至页面表格的第二行重新确定位置坐标。
对于本发明实施例,通过在预设页面表格的每一行最大化排布公共组件,从而可以实现在当前屏幕内最大化呈现要素,以便于消除或者尽量减少滚动条的出现,提高页面的查看效率。
104、根据所述各公共组件的尺寸信息以及位置坐标,对所述待调整页面进行自适应调整。
其中,所述对所述待调整页面进行自适应调整具体可以包括,按照所述公共组件的尺寸信息以及所述位置坐标信息,重新生成所述页面。在实际应用场景中,接收页面后,为了更好的在本地屏幕上进行展示,本发明实施例通过提取公共组件以及各公共组件的相对尺寸信息,得到各公共组件的实际尺寸,以使得所述公共组件的尺寸更适应当前屏幕尺寸;另外,还利用上述公共组件的实际显示尺寸,在预先建立的页面表格中横向最大化排布,从而避免出现滚动条,提高用户查看页面的效率。
本发明提供一种页面自适应调整方法,能够通过提取待调整页面中各公共组件对应的相对尺寸信息;根据相对尺寸信息以及获取的屏幕尺寸信息,得到各公共组件的尺寸信息;利用各公共组件的水平尺寸信息以及预先建立的页面表格,对各公共组件进行坐标定位,得到页面表格中每行的公共组件以及公共组件的位置坐标;根据各公共组件的尺寸信息以及位置坐标,对待调整页面进行自适应调整。从而能够通过提取待调整页面的公共组件信息和相对尺寸信息,实现页面的自适应调整,并建立页面表格,在每行展示更多公共组件,减少滚动条的出现,提高页面查看效率。
本发明实施例提供了另一种页面自适应调整方法,如图2所示,该方法包括:
201、提取待调整页面中各公共组件对应的相对尺寸信息。
本步骤与图1所示的步骤101方法相同,在此不再赘述。
对于本发明实施例,所述步骤201具体可以包括:在所述待调整页面的结构代码中提取公共组件标识;解析所述待调整页面的样式文件;根据所述公共组件标识在所述样式文件中查找所述公共组件对应的相对尺寸信息。
其中,页面结构代码中可以具体定义有所述待调整页面的各公共组件。页面样式文件具体可以定义有所述待调整页面中各公共组件的相对尺寸信息。所述页面样式文件、页面结构代码与所述待调整页面具有一对一的映射关系,通过页面标识可以在本地查找与所述待调整页面对应的页面样式文件。具体地,可以在本地查找并解析所述待调整页面的页面样式文件,在所述页面结构代码中提取所有的公共组件标识,利用所述公共组件标识,在所述页面样式文件中查找所有公共组件,并提取各公共组件对应的相对尺寸信息。例如,在所述页面结构代码中提取一个确认按钮组件的标识“submit”,则可以根据所述标识在所述页面样式文件中查找对应的相对尺寸信息为“12#01545、14#01664”,从而实现提取每个公共组件的相对尺寸信息,以便于根据所述相对尺寸信息得到每个公共组件对应的尺寸信息,进行页面的适应性调整,以提高页面的查看效率。
202、根据各公共组件的相对尺寸信息以及获取的屏幕尺寸信息,得到各公共组件的尺寸信息。
本步骤与图1所示的步骤102方法相同,在此不再赘述。
对于本发明实施例,所述步骤202具体可以包括:根据所述屏幕尺寸信息,在当前公共组件对应的至少一个相对尺寸信息中匹配相应的相对尺寸信息;将所述相对尺寸信息与获取的屏幕尺寸信息的乘积确定为所述公共组件的尺寸信息。
其中,所述各公共组件的相对尺寸信息具体可以为各公共组件的尺寸信息与所述屏幕尺寸信息的比值,具体可以如下所示:
其中,P为某公共组件的相对尺寸信息,c为所述公共组件的尺寸信息,v为当前屏幕尺寸信息。通过上述公式可知,所述各公共组件的尺寸信息等于所述公共组件的相对尺寸信息与当前屏幕尺寸信息的乘积,具体可以为:
c=P·v
根据上述公式、某一公共组件对应的相对尺寸信息以及当前屏幕的尺寸信息,可以得到所述公共组件的尺寸信息,以便于根据所述尺寸信息对所述公共组件进行调整,使得所述公共组件能够适应当前屏幕的尺寸,提高页面查看的效率。
203、利用所述各公共组件的水平尺寸信息以及预先建立的页面表格,对所述各公共组件进行坐标定位,得到所述页面表格中每行的公共组件以及所述公共组件的位置坐标。
本步骤与图1所示的步骤103方法相同,在此不再赘述。
对于本发明实施例,所述步骤203具体可以包括:在所述待调整页面建立页面表格,其中,所述页面表格的水平尺寸信息与所述屏幕水平尺寸信息相等;在所述页面表格各行中对所述公共组件的水平尺寸信息进行逐个累加,并将当前公共组件的累加结果作为下一公共组件的位置坐标;判断所述累加结果是否大于所述页面表格的水平尺寸信息;若是,则切换至所述页面表格的下一行重新执行累加操作。
其中,所述屏幕尺寸信息包括屏幕水平尺寸信息,表格布局是页面布局的一种常用形式,可以通过table标签和tr标签等标签实现在页面中建立页面表格,将公共组件在所述页面表格中进行呈现。所述页面表格可以包括至少一行和至少一列,所述页面表格的尺寸可以根据页面设计需要进行调整,本发明实施例不做具体指定。对于本发明实施例,在所述待调整页面中建立页面表格,以便于将整个页面划分为多行,并将所述公共组件在每一行中最大化排列,从而实现在一幅屏幕中呈现最多元素,以避免或减少滚动条的出现,提高用户查看页面的效率。
204、获取所述待调整页面中查询框容器的水平尺寸信息和查询框组件的水平尺寸信息;将所述查询框容器的水平尺寸信息与所述查询框组件的水平尺寸信息进行对比;根据所述对比结果,配置相应的查询条件显示数量。
其中,所述查询框组件具体可以为文本框组件,所述查询框容器具体可以为一个容器组件,所述查询框组件可以嵌入所述查询框容器组件中,以实现多个查询框组件的层叠管理。所述查询框容器的水平尺寸信息和所述查询框组件的水平尺寸信息具体可以在所述待调整页面的页面样式文件中获取。所述将所述查询框容器的水平尺寸信息与所述查询框组件的水平尺寸信息进行对比,根据所述对比结果,配置相应的查询条件显示数量具体可以包括:当查询框容器宽度小于或者等于2倍的查询框宽度时,每行显示1个查询条件;当查询框容器宽度大于2倍查询框宽度,且小于或者等于3倍的查询框宽度时,每行显示2个查询条件;当查询框容器宽度大于3倍查询框宽度,且小于或者等于4倍的查询框宽度时,每行显示3个查询条件;当查询框容器宽度大于4倍查询框宽度,且小于或者等于5倍的查询框宽度时,每行显示4个查询条件。另外,需要说明的是,若所述待调整页面中的查询框容器内有多个查询框组件时,则每个查询框组件宽度的最大值不大于查询框容器宽度/每行查询框个数。从而可以实现在一个屏幕中显示查询条件,避免出现横向滚动条,以提高页面查看的效率。
205、创建事件监听器,将页面调整指令作为所述事件监听器的传递参数;当监听到所述页面调整指令时,对当前页面进行自适应调整。
其中,所述页面调整指令包括预设菜单栏的状态变更指令。所述菜单栏可以为显示在所述待调整页面左侧或者右侧,可以收缩和打开的菜单栏。所述菜单栏的状态可以包括收缩和打开两种,分别通过0和1两个状态位表示,当所述菜单栏的状态位为0时,可以判定所述菜单栏为收缩状态,当所述菜单栏显示样式的状态位为1时,可以判定所述菜单栏为打开状态。当所述菜单栏为收缩时,无需对所述页面进行自适应调整;当所述菜单栏为打开时,可以对所述待调整页面进行自适应调整,以避免所述菜单栏遮挡页面元素,影响用户查看所述页面。
另外,对于本发明实施例,可以利用Java语言创建事件监听器。所述事件监听器可以由事件类和监听接口组成,自定义一个事件前,必须提供一个事件的监听接口以及一个事件类,所述监听接口可以继承java.util.EventListener的类,事件类可以继承java.util.EventObject的类。另外,可以将所述页面调整指令作为所述事件监听器的传递参数,所述页面调整指令具体可以包括点击、滚轮、按键等所有调整页面尺寸的指令,本发明实施例在此不做具体限定。当监听到所述页面调整指令时,可以对所述页面进行自适应调整,所述自适应调整的具体过程与图1所示的步骤101~104相同,在此不再赘述。
206、将所述待调整页面的结构代码以及样式文件存储于区块链网络的指定区块中。
其中,本发明所指区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(Blockchain),本质上是一个去中心化的数据库,是一串使用密码学方法相关联产生的数据块,每一个数据块中包含了一批次网络交易的信息,用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层等。具体地,可以将所述待调整页面的结构代码以及样式文件存储于区块链网络的指定区块中,从而提高页面信息的安全性和私密性。
进一步地,作为图1的具体实现,本发明实施例提供了一种页面自适应调整装置,如图3所示,所述装置包括:提取单元31、处理单元32、定位单元33和调整单元34。
所述提取单元31,可以用于提取待调整页面中各公共组件对应的相对尺寸信息,其中,所述相对尺寸信息为公共组件尺寸信息与屏幕尺寸信息的比值;
所述处理单元32,可以用于根据各公共组件的相对尺寸信息以及获取的屏幕尺寸信息,得到各公共组件的尺寸信息,其中,所述各公共组件的尺寸信息包括所述各公共组件的水平尺寸信息;
所述定位单元33,可以用于利用所述各公共组件的水平尺寸信息以及预先建立的页面表格,对所述各公共组件进行坐标定位,得到所述页面表格中每行的公共组件以及所述公共组件的位置坐标;
所述调整单元34,可以用于根据所述各公共组件的尺寸信息以及位置坐标,对所述待调整页面进行自适应调整。
进一步地,所述定位单元33,包括:
建立模块331,可以用于在所述待调整页面建立页面表格,其中,所述页面表格的水平尺寸信息与所述屏幕水平尺寸信息相等;
累加模块332,可以用于在所述页面表格各行中对所述公共组件的水平尺寸信息进行逐个累加,并将当前公共组件的累加结果作为下一公共组件的位置坐标;
判断模块333,可以用于判断所述累加结果是否大于所述页面表格的水平尺寸信息;
切换模块334,可以用于若是,则切换至所述页面表格的下一行重新执行累加操作。
进一步地,所述处理单元32,包括:
匹配模块321,可以用于根据所述屏幕尺寸信息,在当前公共组件对应的至少一个相对尺寸信息中匹配相应的相对尺寸信息;
确定模块322,可以用于将所述相对尺寸信息与获取的屏幕尺寸信息的乘积确定为所述公共组件的尺寸信息。
进一步地,所述提取单元31,包括:
提取模块311,可以用于在所述待调整页面的结构代码中提取公共组件标识;
解析模块312,可以用于解析所述待调整页面的样式文件;
查找模块313,可以用于根据所述公共组件标识在所述样式文件中查找所述公共组件对应的相对尺寸信息。
可选地,所述装置还包括:
获取单元35,可以用于获取所述待调整页面中查询框容器的水平尺寸信息和查询框组件的水平尺寸信息;
对比单元36,可以用于将所述查询框容器的水平尺寸信息与所述查询框组件的水平尺寸信息进行对比;
配置单元37,可以用于根据所述对比结果,配置相应的查询条件显示数量。
可选地,所述装置还包括:创建单元38,
所述创建单元38,可以用于创建事件监听器,将页面调整指令作为所述事件监听器的传递参数,其中,所述页面调整指令包括预设菜单栏的状态变更指令;
所述调整单元34具体还用于当监听到所述页面调整指令时,对当前页面进行自适应调整。
可选地,所述装置还包括:
存储单元39,可以用于将所述待调整页面的结构代码以及样式文件存储于区块链网络的指定区块中。
需要说明的是,本发明实施例提供的一种页面自适应调整装置所涉及各功能模块的其他相应描述,可以参考图1所示方法的对应描述,在此不再赘述。
基于上述如图1所示方法,相应的,本发明实施例还提供了一种存储介质,所述存储介质中存储有至少一可执行指令,所述执行指令使处理器执行以下步骤:提取待调整页面中各公共组件对应的相对尺寸信息,其中,所述相对尺寸信息为公共组件尺寸信息与屏幕尺寸信息的比值;根据各公共组件的相对尺寸信息以及获取的屏幕尺寸信息,得到各公共组件的尺寸信息,其中,所述各公共组件的尺寸信息包括所述各公共组件的水平尺寸信息;利用所述各公共组件的水平尺寸信息以及预先建立的页面表格,对所述各公共组件进行坐标定位,得到所述页面表格中每行的公共组件以及所述公共组件的位置坐标;根据所述各公共组件的尺寸信息以及位置坐标,对所述待调整页面进行自适应调整。
基于上述如图1所示方法和如图3所示装置的实施例,本发明实施例还提供了一种计算机设备,如图4所示,处理器(processor)41、通信接口(Communications Interface)42、存储器(memory)43、以及通信总线44。其中:处理器41、通信接口42、以及存储器43通过通信总线44完成相互间的通信。通信接口44,用于与其它设备比如用户端或其它服务器等的网元通信。处理器41,用于执行程序,具体可以执行上述页面自适应调整方法实施例中的相关步骤。具体地,程序可以包括程序代码,该程序代码包括计算机操作指令。处理器41可能是中央处理器CPU,或者是特定集成电路ASIC(Application Specific IntegratedCircuit),或者是被配置成实施本发明实施例的一个或多个集成电路。
终端包括的一个或多个处理器,可以是同一类型的处理器,如一个或多个CPU;也可以是不同类型的处理器,如一个或多个CPU以及一个或多个ASIC。存储器43,用于存放程序。存储器43可能包含高速RAM存储器,也可能还包括非易失性存储器(non-volatilememory),例如至少一个磁盘存储器。程序具体可以用于使得处理器41执行以下操作:提取待调整页面中各公共组件对应的相对尺寸信息,其中,所述相对尺寸信息为公共组件尺寸信息与屏幕尺寸信息的比值;根据各公共组件的相对尺寸信息以及获取的屏幕尺寸信息,得到各公共组件的尺寸信息,其中,所述各公共组件的尺寸信息包括所述各公共组件的水平尺寸信息;利用所述各公共组件的水平尺寸信息以及预先建立的页面表格,对所述各公共组件进行坐标定位,得到所述页面表格中每行的公共组件以及所述公共组件的位置坐标;根据所述各公共组件的尺寸信息以及位置坐标,对所述待调整页面进行自适应调整。
通过本发明的技术方案,能够提取待调整页面中各公共组件对应的相对尺寸信息,其中,所述相对尺寸信息为公共组件尺寸信息与屏幕尺寸信息的比值;根据各公共组件的相对尺寸信息以及获取的屏幕尺寸信息,得到各公共组件的尺寸信息,其中,所述各公共组件的尺寸信息包括所述各公共组件的水平尺寸信息;利用所述各公共组件的水平尺寸信息以及预先建立的页面表格,对所述各公共组件进行坐标定位,得到所述页面表格中每行的公共组件以及所述公共组件的位置坐标;根据所述各公共组件的尺寸信息以及位置坐标,对所述待调整页面进行自适应调整。从而通过提取待调整页面的公共组件信息和相对尺寸信息,实现页面的自适应调整,并建立页面表格,在每行展示更多公共组件,减少滚动条的出现,提高页面查看效率。
显然,本领域的技术人员应该明白,上述的本发明的各模块或各步骤可以用通用的计算装置来实现,它们可以集中在单个的计算装置上,或者分布在多个计算装置所组成的网络上,可选地,它们可以用计算装置可执行的程序代码来实现,从而,可以将它们存储在存储装置中由计算装置来执行,并且在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤,或者将它们分别制作成各个集成电路模块,或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样,本发明不限制于任何特定的硬件和软件结合。
以上所述仅为本发明的优选实施例而已,并不用于限制本发明,对于本领域的技术人员来说,本发明可以有各种更改和变化。凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包括在本发明的保护范围之内。
Claims (10)
1.一种页面自适应调整方法,其特征在于,包括:
提取待调整页面中各公共组件对应的相对尺寸信息,其中,所述相对尺寸信息为公共组件尺寸信息与屏幕尺寸信息的比值;
根据所述各公共组件对应的相对尺寸信息以及获取的屏幕尺寸信息,得到各公共组件的尺寸信息,其中,所述各公共组件的尺寸信息包括所述各公共组件的水平尺寸信息;
利用所述各公共组件的水平尺寸信息以及预先建立的页面表格,对所述各公共组件进行坐标定位,得到所述页面表格中每行的公共组件以及所述公共组件的位置坐标;
根据所述各公共组件的尺寸信息以及位置坐标,对所述待调整页面进行自适应调整。
2.根据权利要求1所述的方法,其特征在于,所述屏幕尺寸信息包括屏幕水平尺寸信息,所述利用所述各公共组件的水平尺寸信息以及预先建立的页面表格,对所述各公共组件进行坐标定位,得到所述页面表格中每行的公共组件以及所述公共组件的位置坐标,包括:
在所述待调整页面建立页面表格,其中,所述页面表格的水平尺寸信息与所述屏幕水平尺寸信息相等;
在所述页面表格各行中对所述公共组件的水平尺寸信息进行逐个累加,并将当前公共组件的累加结果作为下一公共组件的位置坐标;
判断所述累加结果是否大于所述页面表格的水平尺寸信息;
若是,则切换至所述页面表格的下一行重新执行累加操作。
3.根据权利要求1所述的方法,其特征在于,所述根据所述各公共组件对应的相对尺寸信息以及获取的屏幕尺寸信息,得到各公共组件的尺寸信息,包括:
根据所述屏幕尺寸信息,在当前公共组件对应的至少一个相对尺寸信息中匹配相应的相对尺寸信息;
将所述相对尺寸信息与获取的屏幕尺寸信息的乘积确定为所述公共组件的尺寸信息。
4.根据权利要求1所述的方法,其特征在于,所述提取待调整页面中各公共组件对应的相对尺寸信息,包括:
在所述待调整页面的结构代码中提取公共组件标识;
解析所述待调整页面的样式文件;
根据所述公共组件标识在所述样式文件中查找所述公共组件对应的相对尺寸信息。
5.根据权利要求1所述的方法,其特征在于,所述根据所述各公共组件的尺寸信息以及位置坐标,对所述待调整页面进行自适应调整之前,所述方法还包括:
获取所述待调整页面中查询框容器的水平尺寸信息和查询框组件的水平尺寸信息;
将所述查询框容器的水平尺寸信息与所述查询框组件的水平尺寸信息进行对比;
根据所述对比结果,配置相应的查询条件显示数量。
6.根据权利要求1所述的方法,其特征在于,所述根据所述各公共组件的尺寸信息以及位置坐标,对所述待调整页面进行自适应调整之前,所述方法还包括:
创建事件监听器,将页面调整指令作为所述事件监听器的传递参数,其中,所述页面调整指令包括预设菜单栏的状态变更指令;
当监听到所述页面调整指令时,对当前页面进行自适应调整。
7.根据权利要求4所述的方法,其特征在于,所述在所述待调整页面的结构代码中提取公共组件标识之前,所述方法还包括:
将所述待调整页面的结构代码以及样式文件存储于区块链网络的指定区块中。
8.一种页面自适应调整装置,其特征在于,包括:
提取单元,用于提取待调整页面中各公共组件对应的相对尺寸信息,其中,所述相对尺寸信息为公共组件尺寸信息与屏幕尺寸信息的比值;
处理单元,用于根据各公共组件的相对尺寸信息以及获取的屏幕尺寸信息,得到各公共组件的尺寸信息,其中,所述各公共组件的尺寸信息包括所述各公共组件的水平尺寸信息;
定位单元,用于利用所述各公共组件的水平尺寸信息以及预先建立的页面表格,对所述各公共组件进行坐标定位,得到所述页面表格中每行的公共组件以及所述公共组件的位置坐标;
调整单元,用于根据所述各公共组件的尺寸信息以及位置坐标,对所述待调整页面进行自适应调整。
9.一种存储介质,其上存储有计算机程序,所述存储介质中存储有至少一可执行指令,所述执行指令使处理器执行如权利要求1-7中任一项所述的页面自适应调整方法对应的操作。
10.一种计算机设备,包括处理器、存储器、通信接口和通信总线所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信,所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行如权利要求1-7中任一项所述的页面自适应调整方法对应的操作。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010578065.XA CN111736939A (zh) | 2020-06-23 | 2020-06-23 | 一种页面自适应调整方法、装置、存储介质及计算机设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010578065.XA CN111736939A (zh) | 2020-06-23 | 2020-06-23 | 一种页面自适应调整方法、装置、存储介质及计算机设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN111736939A true CN111736939A (zh) | 2020-10-02 |
Family
ID=72650607
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010578065.XA Pending CN111736939A (zh) | 2020-06-23 | 2020-06-23 | 一种页面自适应调整方法、装置、存储介质及计算机设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111736939A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112631475A (zh) * | 2020-12-29 | 2021-04-09 | 安徽鸿程光电有限公司 | 工具栏的调节方法、装置、设备及计算机可读存储介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105740315A (zh) * | 2015-12-31 | 2016-07-06 | 焦点科技股份有限公司 | 一种多种屏幕响应式网页布局调整的方法 |
CN106873991A (zh) * | 2017-01-20 | 2017-06-20 | 腾讯科技(深圳)有限公司 | 页面生成方法和装置 |
CN110007999A (zh) * | 2019-04-15 | 2019-07-12 | 成都四方伟业软件股份有限公司 | 页面布局方法、装置及计算机可读存储介质 |
CN110020307A (zh) * | 2017-11-30 | 2019-07-16 | 阿里巴巴集团控股有限公司 | 一种客户端视图的绘制方法和装置 |
-
2020
- 2020-06-23 CN CN202010578065.XA patent/CN111736939A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105740315A (zh) * | 2015-12-31 | 2016-07-06 | 焦点科技股份有限公司 | 一种多种屏幕响应式网页布局调整的方法 |
CN106873991A (zh) * | 2017-01-20 | 2017-06-20 | 腾讯科技(深圳)有限公司 | 页面生成方法和装置 |
CN110020307A (zh) * | 2017-11-30 | 2019-07-16 | 阿里巴巴集团控股有限公司 | 一种客户端视图的绘制方法和装置 |
CN110007999A (zh) * | 2019-04-15 | 2019-07-12 | 成都四方伟业软件股份有限公司 | 页面布局方法、装置及计算机可读存储介质 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112631475A (zh) * | 2020-12-29 | 2021-04-09 | 安徽鸿程光电有限公司 | 工具栏的调节方法、装置、设备及计算机可读存储介质 |
CN112631475B (zh) * | 2020-12-29 | 2022-11-11 | 安徽鸿程光电有限公司 | 工具栏的调节方法、装置、设备及计算机可读存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11546418B2 (en) | Method, client, server, and system for sharing content | |
US11816530B2 (en) | Computer configured to display multimedia content | |
US10268774B2 (en) | Method and device for displaying a web page | |
US20150199541A1 (en) | Method and system for secured communication of personal information | |
US20150169710A1 (en) | Method and apparatus for providing search results | |
US20140095308A1 (en) | Advertisement distribution apparatus and advertisement distribution method | |
CN109428877B (zh) | 一种用于通过用户设备访问业务系统的方法和装置 | |
US9578119B2 (en) | Method, server, and client for pushing and displaying splash screen | |
CN105677787B (zh) | 信息搜索装置及信息搜索方法 | |
CN106503111B (zh) | 网页转码方法、装置及客户终端 | |
CN111402120A (zh) | 一种标注图像处理方法及装置 | |
CN106993009A (zh) | 一种在浏览器中加载网页的方法和装置 | |
CN102523296B (zh) | 无线网页浏览资源优化方法、装置及系统 | |
CN106992975A (zh) | 恶意网址识别方法及装置 | |
CN112685493A (zh) | 报表处理方法、装置、电子设备及存储介质 | |
CN104461537B (zh) | 一种基于浏览器内核的多业务集成系统 | |
CN107729924B (zh) | 图片复审概率区间生成方法及图片复审判定方法 | |
CN110457434B (zh) | 基于搜索的网页取证方法、装置、可读存储介质及服务器 | |
CN111651749A (zh) | 基于密码找回账号的方法、装置、计算机设备及存储介质 | |
CN111858278A (zh) | 基于大数据处理的日志分析方法、系统及可读存储装置 | |
CN111736939A (zh) | 一种页面自适应调整方法、装置、存储介质及计算机设备 | |
EP3564833B1 (en) | Method and device for identifying main picture in web page | |
US20150110361A1 (en) | System and method for collection and validation of nutritional data | |
CN108011936A (zh) | 用于推送信息的方法和装置 | |
CN102289479A (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 | ||
TA01 | Transfer of patent application right | ||
TA01 | Transfer of patent application right |
Effective date of registration: 20220523 Address after: 518000 China Aviation Center 2901, No. 1018, Huafu Road, Huahang community, Huaqiang North Street, Futian District, Shenzhen, Guangdong Province Applicant after: Shenzhen Ping An medical and Health Technology Service Co.,Ltd. Address before: Room 12G, Area H, 666 Beijing East Road, Huangpu District, Shanghai 200001 Applicant before: PING AN MEDICAL AND HEALTHCARE MANAGEMENT Co.,Ltd. |
|
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20201002 |