CN116796086B - 页面展示方法、装置、设备及存储介质 - Google Patents
页面展示方法、装置、设备及存储介质 Download PDFInfo
- Publication number
- CN116796086B CN116796086B CN202310493054.5A CN202310493054A CN116796086B CN 116796086 B CN116796086 B CN 116796086B CN 202310493054 A CN202310493054 A CN 202310493054A CN 116796086 B CN116796086 B CN 116796086B
- Authority
- CN
- China
- Prior art keywords
- data
- height
- page
- content
- target
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 92
- 230000008859 change Effects 0.000 claims abstract description 88
- 238000012512 characterization method Methods 0.000 claims description 18
- 238000012856 packing Methods 0.000 claims description 15
- 238000004590 computer program Methods 0.000 claims description 8
- 230000004044 response Effects 0.000 claims description 8
- 238000012545 processing Methods 0.000 abstract description 7
- 230000000875 corresponding effect Effects 0.000 description 23
- 230000008569 process Effects 0.000 description 16
- 238000004891 communication Methods 0.000 description 6
- 238000010586 diagram Methods 0.000 description 5
- 230000004913 activation Effects 0.000 description 4
- 230000006870 function Effects 0.000 description 4
- 238000011161 development Methods 0.000 description 3
- 238000006243 chemical reaction Methods 0.000 description 2
- 230000001276 controlling effect Effects 0.000 description 2
- 238000013461 design Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 238000012423 maintenance Methods 0.000 description 2
- 238000012544 monitoring process Methods 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 1
- 230000006835 compression Effects 0.000 description 1
- 238000007906 compression Methods 0.000 description 1
- 230000002596 correlated effect Effects 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000007689 inspection Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000004806 packaging method and process Methods 0.000 description 1
- 238000003672 processing method Methods 0.000 description 1
- 238000013522 software testing Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明涉及数据处理领域,提供一种页面展示方法、装置、设备及存储介质,其中方法包括在企业内部知识产权网站的页面展示窗口发生高度变化后,对变化后高度可变的第二元素中内容区域的目标高度自动确定并对内容区域的目标高度限制,方便用户查看到内容数据,若第二元素的数据源的类型为第二类型,在变化后内容区域可展示的数据条数小于变化前所展示的内容数据中的数据条数时,可以直接从变化前内容区域的内容数据中获取部分内容数据并展示在变化后内容区域,不需要重新从服务端重新请求数据。并且保持第一元素的高度、内容区域中展示区域的高度固定,解决页面展示窗口所展示的页面也随着整体缩放导致用户无法看清的问题,实现了页面清晰展示。
Description
技术领域
本发明涉及数据处理领域,尤其涉及一种页面展示方法、装置、设备及存储介质。
背景技术
目前,许多企业的知识产权业务可以通过登录企业内部的知识产权网站来处理,该知识产权网站是能够提供全面的知识产权服务的网站,可以辅助企业方便快速地处理大量的知识产权业务。现有技术中,在知识产权网站的页面展示窗口缩放的情况下,页面展示窗口所展示的页面也随着页面展示窗口整体缩放,这就造成页面中的文字一起缩放,如果页面中的文字太小,用户可能无法看清,导致用户体验较差。
发明内容
本发明提供一种页面展示方法、装置、设备及存储介质,用以解决现有技术中页面展示窗口所展示的页面也随着页面展示窗口整体缩放导致用户无法看清的缺陷,实现页面的清晰展示。
本发明提供一种页面展示方法,包括:
在监测到企业内部知识产权网站中第一页面的页面展示窗口发生高度变化后,获取监测到的变化后所述页面展示窗口的目标高度;其中,所述页面展示窗口当前展示的元素包括第一元素和第二元素,所述第一元素的高度固定,所述第二元素的高度可变,所述第二元素中包括内容区域,所述内容区域的高度可变,所述内容区域包括多个展示区域,每个所述展示区域用于展示一条内容数据,所述展示区域的高度固定为第一预设高度;
基于所述页面展示窗口的目标高度、至少部分所述第一元素的高度以及所述第一预设高度,确定所述内容区域的目标高度,在所述内容区域的目标高度下所述内容区域中可展示的数据条数大于或者等于预设条数;
基于所述内容区域的目标高度以及所述第一预设高度,确定第一数据条数,所述第一数据条数是变化后所述内容区域中可展示的数据条数;以及,确定第二数据条数,所述第二数据条数是第一内容数据中的数据条数,所述第一内容数据是变化前所述内容区域所展示的内容数据;
确定所述第二元素的数据源的类型,所述数据源的类型包括表征所述数据源的重要性程度的第一类型和第二类型,所述第一类型表征的所述重要性程度高于所述第二类型表征的所述重要性程度;
若所述第二元素的数据源的类型为所述第二类型且所述第一数据条数小于所述第二数据条数,从所述第一内容数据中获取部分内容数据作为第二内容数据,所述第二内容数据中的数据条数等于所述第一数据条数;以及,在变化后所述内容区域中展示所述第二内容数据。
根据本发明提供的一种页面展示方法,所述基于所述页面展示窗口的目标高度、至少部分所述第一元素的高度以及所述第一预设高度,确定所述内容区域的目标高度,包括:
基于所述页面展示窗口的目标高度以及至少部分所述第一元素的高度,确定所述第二元素的目标高度;
将所述第二元素的目标高度减去第二预设高度,得到第一高度;
将所述第一预设高度与所述预设条数的乘积作为所述内容区域的最小高度;
若所述第一高度小于所述最小高度,将所述最小高度作为所述内容区域的目标高度;
若所述第一高度大于或者等于所述最小高度,将所述第一高度作为所述内容区域的目标高度;
所述的页面展示方法还包括:
若所述第一高度小于所述最小高度,在所述页面展示窗口展示滚动条,所述滚动条用于响应用户的滚动操作,控制所述第一页面在所述页面展示窗口的展示内容。
根据本发明提供的一种页面展示方法,所述基于所述页面展示窗口的目标高度和至少部分所述第一元素的高度,确定所述第二元素的目标高度,包括:
对所述页面展示窗口当前展示的所有所述第二元素进行分类,得到至少一个元素类别,其中,高度范围相同的所述第二元素属于同一所述元素类别;
针对每个所述元素类别执行以下操作:
从所述元素类别选择一个所述第二元素作为目标元素;
确定所述目标元素对应的元素集合;所述元素集合为第一集合或者第二集合;所述第一集合包括与所述目标元素共同形成所述页面展示窗口的目标高度的所述第一元素;所述第二集合包括与所述目标元素共同形成所述页面展示窗口的目标高度的所述第一元素和所述第二元素;
在所述元素集合为所述第一集合的情况下,将所述页面展示窗口的目标高度减去所述第一集合中所有所述第一元素的高度以及第三预设高度,得到第二高度;将所述第二高度作为所述目标元素的第一目标高度;将所述目标元素的第一目标高度作为所述目标元素所属的所述元素类别中所述第二元素的目标高度;
在所述元素集合为所述第二集合的情况下,将所述页面展示窗口的目标高度减去所述第二集合中所有所述第一元素的高度以及第四预设高度,得到第三高度;基于所述第三高度以及所述目标元素与所述元素集合中所述第二元素的高度比,确定所述目标元素的第二目标高度;将所述目标元素的第二目标高度作为所述目标元素所属的所述元素类别中所述第二元素的目标高度。
根据本发明提供的一种页面展示方法,还包括:
若所述第二元素的数据源的类型为所述第二类型且所述第一数据条数大于或者等于所述第二数据条数,在变化后所述内容区域中展示所述第一内容数据。
根据本发明提供的一种页面展示方法,所述第二元素中包含翻页控件,所述翻页控件用于展示数据总条数和页码,并响应用户的翻页操作进行翻页;
所述的页面展示方法还包括:
若所述第二元素的数据源的类型为所述第一类型且所述第一数据条数与第三数据条数不同,基于变化前所述翻页控件展示的数据总条数以及所述第一数据条数,确定变化后所述翻页控件展示的页码;其中,所述第三数据条数是变化前所述内容区域中可展示的数据条数;
向服务端发送携带所述第一数据条数的数据请求,所述数据请求用于指示所述服务端根据所述数据请求获取第三内容数据,并生成所述数据请求对应的反馈信息;其中,所述第三内容数据是变化后所述内容区域所展示的内容数据,所述第三内容数据中的数据条数等于或者小于所述第一数据条数,所述反馈信息中携带所述第三内容数据的获取结果;
接收所述服务端发送的所述反馈信息;
若所述反馈信息中携带获取到的所述第三内容数据,在变化后所述内容区域中展示所述第三内容数据。
根据本发明提供的一种页面展示方法,所述第一类型的所述数据源包括企业内部的知识产权数据;
所述第二类型的所述数据源包括以下至少一种:通知公告,未读消息,记事数据以及常用链接。
根据本发明提供的一种页面展示方法,所述获取监测到的变化后所述页面展示窗口的目标高度之后,还包括:
确定所述知识产权网站的页面展示形式,所述页面展示形式包括第一展示形式和第二展示形式,所述第一展示形式是在所述知识产权网站的导航栏下方展示单个页面的内容信息,所述第二展示形式是在所述导航栏下方展示标签目录以及所述标签目录中激活标签对应的标签页的内容信息;
基于所述页面展示形式获得所述第一元素;其中,在所述第一展示形式下,所述第一元素至少包括所述导航栏;在所述第二展示形式下,所述第一元素至少包括所述导航栏和所述标签目录。
根据本发明提供的一种页面展示方法,所述确定所述知识产权网站的页面展示形式,包括:
检测所述第一页面中是否包含表征所述第二展示形式的第一参数;
若检测到所述第一参数,确定所述知识产权网站的页面展示形式为所述第二展示形式;
若未检测到所述第一参数,确定所述知识产权网站的页面展示形式为所述第一展示形式。
根据本发明提供的一种页面展示方法,所述知识产权网站的页面展示形式是通过如下方式获得的:
检测所述知识产权网站的配置文件中是否配置第二参数、第三参数和第四参数,所述第二参数用于配置采用所述第二展示形式的所述标签页,所述第三参数用于配置所述标签页中的按钮集,所述第四参数用于生成所述标签目录;
若是,基于所述第二参数、所述第三参数和所述第四参数,对所述知识产权网站的项目文件进行打包得到第一打包文件,所述第一打包文件用于部署所述第二展示形式的所述知识产权网站;
否则,对所述知识产权网站的项目文件进行打包得到第二打包文件,所述第二打包文件用于部署所述第一展示形式的所述知识产权网站。
本发明还提供一种页面展示装置,包括:
窗口高度获得模块,用于在监测到企业内部知识产权网站中第一页面的页面展示窗口发生高度变化后,获取监测到的变化后所述页面展示窗口的目标高度;其中,所述页面展示窗口当前展示的元素包括第一元素和第二元素,所述第一元素的高度固定,所述第二元素的高度可变,所述第二元素中包括内容区域,所述内容区域的高度可变,所述内容区域包括多个展示区域,每个所述展示区域用于展示一条内容数据,所述展示区域的高度固定为第一预设高度;
区域高度确定模块,用于基于所述页面展示窗口的目标高度、至少部分所述第一元素的高度以及所述第一预设高度,确定所述内容区域的目标高度,在所述内容区域的目标高度下所述内容区域中可展示的数据条数大于或者等于预设条数;
条数确定模块,用基于所述内容区域的目标高度以及所述第一预设高度,确定第一数据条数,所述第一数据条数是变化后所述内容区域中可展示的数据条数;以及,确定第二数据条数,所述第二数据条数是第一内容数据中的数据条数,所述第一内容数据是变化前所述内容区域所展示的内容数据;
类型确定模块,用于确定所述第二元素的数据源的类型,所述数据源的类型包括表征所述数据源的重要性程度的第一类型和第二类型,所述第一类型表征的所述重要性程度高于所述第二类型表征的所述重要性程度;
内容展示模块,用于若所述第二元素的数据源的类型为所述第二类型且所述第一数据条数小于所述第二数据条数,从所述第一内容数据中获取部分内容数据作为第二内容数据,所述第二内容数据中的数据条数等于所述第一数据条数;以及,在变化后所述内容区域中展示所述第二内容数据。
本发明还提供一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现如上述任一种所述页面展示方法。
本发明还提供一种非暂态计算机可读存储介质,其上存储有计算机程序,该计算机程序被处理器执行时实现如上述任一种所述页面展示方法。
本发明提供的页面展示方法,在企业内部知识产权网站的第一页面的页面展示窗口发生高度变化后,可以对变化后高度可变的第二元素中内容区域的目标高度自动确定并对内容区域的目标高度限制,在内容区域的目标高度下内容区域中可展示的数据条数大于或者等于预设条数,从而可以方便用户查看到内容数据,若第二元素的数据源的类型为第二类型,则第二元素的数据源的重要性程度较低,在变化后内容区域可展示的数据条数小于变化前内容区域所展示的内容数据中的数据条数时,内容区域的目标高度不足以将变化前内容区域的内容数据全部展示,可以直接从变化前内容区域的内容数据中获取部分内容数据并展示在变化后内容区域,如此,就不需要重新从服务端重新请求数据,不仅可以快速完成页面展示窗口变化后的页面展示,而且可以减轻服务端的负担,并且,可以保持第一元素的高度、第二元素的内容区域中每条内容数据的展示区域的高度固定,从而可以保持内容数据的展示大小不变,实现了页面的清晰展示,可读性更好,提升了用户体验。
附图说明
为了更清楚地说明本发明或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本发明提供的页面展示方法的流程示意图之一;
图2是本发明提供的页面展示窗口的示意图之一;
图3是本发明提供的页面展示窗口的示意图之二;
图4是本发明提供的页面展示窗口的示意图之三;
图5是本发明提供的页面展示窗口的示意图之四;
图6是本发明提供的页面展示方法的流程示意图之二;
图7是本发明提供的页面展示装置的结构示意图;
图8是本发明提供的电子设备的结构示意图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚,下面将结合本发明中的附图,对本发明中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
下面结合图1至图6描述本发明的页面展示方法。
本实施例提供的一种页面展示方法,可以由计算机或者手机等电子设备执行,如图1所示,至少包括如下步骤:
步骤110、在监测到企业内部知识产权网站中第一页面的页面展示窗口发生高度变化后,获取监测到的变化后页面展示窗口的目标高度;其中,页面展示窗口当前展示的元素包括第一元素和第二元素,第一元素的高度固定,第二元素的高度可变,第二元素中包括内容区域,内容区域的高度可变,内容区域包括多个展示区域,每个展示区域用于展示一条内容数据,展示区域的高度固定为第一预设高度。
其中,企业内部知识产权网站是企业内部使用的处理知识产权业务的知识产权网站。具体实施中,可以通过打开知识产权网站的浏览器中的监听函数,来监测知识产权网站的页面展示窗口是否发生高度变化。其中的监听函数可以是能够监听页面展示窗口发生高度变化事件的函数window.addEventListener。页面展示窗口的目标高度即页面展示窗口发生高度变化后页面展示窗口的高度。页面展示窗口的目标高度可以通过监听函数获得。
页面展示窗口当前展示的元素中包括第一元素和第二元素,第一元素的高度固定,第二元素的高度可变,在实际应用中,可以预先设置第一页面中哪些元素为第一元素,哪些元素为第二元素。随着页面展示窗口的缩放,页面展示窗口的高度发生变化,由于第一元素的高度固定,不会随着页面展示窗口的高度变化而变化,如此,可以使得第一元素中所展示的内容数据的展示大小保持不变。第二元素的高度则可以随着页面展示窗口的高度变化而发生变化,即第二元素的高度可变,该第二元素中包括高度可变的内容区域,该内容区域的高度可以随着第二元素的高度变化而变化,但是,该内容区域中每条内容数据的展示区域的高度固定,且该展示区域的高度为第一预设高度,如此,可以使得内容区域中每条内容数据的展示大小保持不变。
步骤120、基于页面展示窗口的目标高度、至少部分第一元素的高度以及第一预设高度,确定内容区域的目标高度,在内容区域的目标高度下内容区域中可展示的数据条数大于或者等于预设条数。
第二元素的目标高度是页面展示窗口发生高度变化后第二元素的高度。第二元素的高度可以随着页面展示窗口的高度变化而实时更新。内容区域的目标高度是页面展示窗口变化后内容区域的高度。内容区域的高度可以随着第二元素的高度变化而实时更新。另外,由于内容区域主要是用来展示内容数据的,为方便用户查看,可以对内容区域的目标高度进行限制,在内容区域的目标高度下内容区域中可展示的数据条数大于或者等于预设条数,该预设条数可以根据实际需求进行设置,示例性的,预设条数为3,那么,内容区域的目标高度下内容区域中至少可以展示3条内容数据。其中,内容区域中可展示的数据条数与每条内容数据的展示区域的高度相关。由于第一元素和第二元素可以共同布局形成页面展示窗口当前展示的内容,且第一元素的高度固定,因此,可以结合页面展示窗口的目标高度、某些第一元素的高度以及第一预设高度,来准确确定内容区域的目标高度。
步骤130、基于内容区域的目标高度以及第一预设高度,确定第一数据条数,第一数据条数是变化后内容区域中可展示的数据条数;以及,确定第二数据条数,第二数据条数是第一内容数据中的数据条数,第一内容数据是变化前内容区域所展示的内容数据。
变化后内容区域中可展示的数据条数,也即第一数据条数,可以是变化后内容区域中可展示的每页内容数据的数据条数。由于内容区域的高度是有限的,当需要展示的数据条数较多时,可以在内容区域分页展示,内容区域中可展示的每页内容数据的数据条数与内容区域的高度以及内容区域中每条内容数据的展示区域的高度相关,由于内容区域中每条内容数据的展示区域的高度固定,因此,内容区域中可展示的每页内容数据的数据条数随着内容区域的高度变化而变化。内容区域中可展示的每页内容数据的数据条数也称单页条数。基于此,本步骤中,可以基于内容区域的目标高度,以及每条内容数据的展示区域的高度,即第一预设高度,来准确确定变化后内容区域中每页内容数据的数据条数,得到第一数据条数。具体的,可以计算内容区域的目标高度与第一预设高度的比值,对该比值向下取整得到第一数据条数。向下取整是指取小于该比值的最大整数。
步骤140、确定第二元素的数据源的类型,数据源的类型包括表征数据源的重要性程度的第一类型和第二类型,第一类型表征的重要性程度高于第二类型表征的重要性程度。
在实际应用中,可以按照第二元素的数据源的重要性程度不同,将第二元素的数据源分成两类,即第一类型和第二类型。在企业的知识产权业务中,重要性程度较高的数据源可以是企业内部的知识产权数据。示例性的,第一类型的数据源包括:用户待办的知识产权任务的数据,以当前时刻为结束时刻的目标时间段内接收到的官文的数据,等等。其中,知识产权任务可以包括提案审批,检索,委托受理,官文处理任务,等等。其中的提案可以包括发明新型专利的提案、外观设计专利的提案、专利查新的提案,等等。发明新型专利包括发明专利和实用新型专利。其中,提案审批是对提案进行审批。检索则是检索提案相关的文件。委托受理是将案件委托给代理机构。官文处理任务是处理知识产权局下发的官文(即官方文件)。
而第二类型的数据源可以包括以下至少一种:通知公告,未读消息,记事数据以及常用链接,等等。
参见图2示例的页面展示窗口200,页面展示窗口200中展示有第一页面的业务数据展示控件210、消息展示控件220、记事便签控件230、常用工具控件240以及通知公告控件250。
其中,业务数据展示控件210用于展示企业内部的知识产权数据,例如用户待办的知识产权任务的数据,以当前时刻为结束时刻的目标时间段内接收到的官文的数据,等等。示例性的,图2中业务数据展示控件210包括带页签的第一卡片,不同的页签用于展示待办的不同任务的数据。第一卡片包括第一卡片的标题区域211,位于第一卡片的标题区域211下方的页签头部区域212以及位于页签头部区域212下方的内容区域。这里,第一卡片中的内容区域包括多条内容数据的展示区域。图2中内容区域为表格213的数据区域。表格213的数据区域中的一行为一条内容数据的展示区域。
第一卡片的标题区域211用于展示第一卡片的标题,图2中以待办事项为第一卡片的标题进行示意。页签头部区域212用于展示多个页签的名称,示例性的,页签的名称命名格式为:任务的名称(任务的数量),图2中以检索(15)和委托受理(3)进行示意。第一卡片的内容区域用于展示多个页签中当前选择的页签中待办的知识产权任务的数据,图2中当前选择的是“检索(15)”这个页签,相应的,第一卡片的内容区域中展示9条待办的检索的数据,一条待办的检索的数据包括任务名称、任务期限、流程名称、流程期限、管理编号、案件名称和操作控件。其中,任务期限即任务需要完成的期限。流程名称是任务所在流程的名称,图中以发明新型提案审批这一流程的名称为例进行示意。流程期限是任务所在流程需要完成的期限。管理编号是需要检索的提案的编号。案件名称是需要检索的提案的名称。操作控件214在图2中以办理为名称进行示意,操作控件用于响应用户的点击操作,提供检索的任务处理页面。图2中展示的9条待办的检索的数据依次为:
任务名称:检索,任务期限:2023-4-15,流程名称:发明新型提案审批,流程期限:2023-5-15,管理编号:I20230212,案件名称:数据传输方法和操作控件。
任务名称:检索,任务期限:2023-4-27,流程名称:发明新型提案审批,流程期限:2023-5-27,管理编号:I20230216,案件名称:数据处理方法和操作控件。
任务名称:检索,任务期限:2023-5-26,流程名称:发明新型提案审批,流程期限:2023-6-26,管理编号:I20230218,案件名称:人脸识别技术和操作控件。
任务名称:检索,任务期限:2023-5-26,流程名称:发明新型提案审批,流程期限:2023-6-26,管理编号:I20230219,案件名称:图像压缩技术和操作控件。
任务名称:检索,任务期限:2023-5-29,流程名称:发明新型提案审批,流程期限:2023-6-29,管理编号:I20230226,案件名称:图像裁剪方法和操作控件。
任务名称:检索,任务期限:2023-6-15,流程名称:发明新型提案审批,流程期限:2023-7-15,管理编号:I20230312,案件名称:语音识别方法和操作控件。
任务名称:检索,任务期限:2023-6-16,流程名称:发明新型提案审批,流程期限:2023-7-16,管理编号:I20230313,案件名称:车辆控制方法和操作控件。
任务名称:检索,任务期限:2023-6-20,流程名称:发明新型提案审批,流程期限:2023-7-20,管理编号:I20230314,案件名称:视频监控技术和操作控件。
任务名称:检索,任务期限:2023-6-29,流程名称:发明新型提案审批,流程期限:2023-7-29,管理编号:I20230316,案件名称:软件测试技术和操作控件。
消息展示控件220用于展示未读消息。消息展示控制220包括第二卡片,第二卡片包括第二卡片的标题区域和位于第二卡片的标题区域下方的内容区域。第二卡片的标题区域用于展示第二卡片的标题。第二卡片中的内容区域用于展示未读消息。图2中以未读消息为第二卡片的标题进行示意,并以消息一、消息二、消息三、消息四、消息五、消息六、消息七和消息八这8条2023-03-28日接收的未读消息进行示意。
记事便签控件230用于展示记事数据。记事便签控件230包括第三卡片,第三卡片包括第三卡片的标题区域和位于第三卡片的标题区域下方的内容区域。第三卡片的标题区域用于展示第三卡片的标题。第三卡片中的内容区域用于展示记事数据。图2中以记事便签为第三卡片的标题进行示意。第三卡片中的内容区域以2023-03-28日的三条记事数据为例进行示意,依次为上午11点开会,下午2点汇报工作,下午4点开会。记事便签控件230还包括位于第三卡片的标题区域的新增记事控件233,该新增记事控件233用于增加记事数据。响应于对新增记事控件233的点击操作,展示用于供用户新增记事数据的第一输入框,从第一输入框中获取新增的记事数据并且在第三卡片中的内容区域展示新增的记事数据。如此,用户可以通过记事便签控件230方便地进行记事。
如图2所示,记事便签控件230还可以包括每条记事数据对应的删除记事控件232,删除记事控件232用于删除对应的记事数据。响应于对删除记事控件232的点击操作,将被点击的删除记事控件232对应的记事数据删除。
如图2所示,记事便签控件230还可以包括每条记事数据对应的修改记事控件231,修改记事控件231用于修改对应的记事数据。响应于对修改记事控件231的点击操作,展示用于供用户修改记事数据的第二输入框,从第二输入框中获取修改的记事数据并更新修改记事控件231对应的记事数据。
如此,用户还可以对记事数据进行修改和删除,非常方便。
常用工具控件240用于展示常用链接,例如可以展示知识产权局的链接,专利检索网站的链接,等等。常用工具控件240包括第四卡片,第四卡片包括第四卡片的标题区域和位于第四卡片的标题区域下方的内容区域。第四卡片的标题区域用于展示第四卡片的标题。第四卡片中的内容区域用于展示常用链接。图2中以常用工具为第四卡片的标题进行示意。图2中以第一常用链接、第二常用链接、第三常用链接、第四常用链接、第五常用链接和第六常用链接为例示意第四卡片中的内容区域展示的6条常用链接。
通知公告控件250用于展示企业的通知公告。通知公告控件250包括第五卡片,第五卡片包括第五卡片的标题区域和位于第五卡片的标题区域下方的内容区域。第五卡片的标题区域用于展示第五卡片的标题。第五卡片中的内容区域用于展示通知公告。图2中以通知公告为第五卡片的标题进行示意。图2中以2023-03-28日的第一公告、2023-03-20日的第二公告、2023-03-20日的第三公告、2023-01-28日的第四公告、2023-01-20日的第五公告、2023-01-13日的第六公告、2023-01-10日的第七公告、2023-01-03日的第八公告为例示意第五卡片中的内容区域展示的8条通知公告。
图2中的页面展示窗口200中展示的业务数据展示控件210、消息展示控件220、记事便签控件230、常用工具控件240以及通知公告控件250可以为第二元素。
步骤150、若第二元素的数据源的类型为第二类型且第一数据条数小于第二数据条数,从第一内容数据中获取部分内容数据作为第二内容数据,第二内容数据中的数据条数等于第一数据条数;以及,在变化后内容区域中展示第二内容数据。
若第二元素的数据源的类型为第二类型,说明第二元素的数据源的重要性程度较低,对用户来说,并非主要关注的数据。在第一数据条数小于变化前内容区域所展示的内容数据的数据条数(即第二数据条数)时,说明在内容区域的目标高度下,内容区域的目标高度不足以将变化前内容区域的内容数据全部展示,此时,可以直接从变化前内容区域的内容数据中获取部分内容数据,并展示在变化后内容区域,如此,就不需要重新从服务端重新请求数据,不仅可以快速完成页面展示窗口变化后的页面展示,而且可以减轻服务端的负担。
举例来说,消息展示控件220、记事便签控件230、常用工具控件240以及通知公告控件250的数据源的类型为第二类型,因此,页面展示窗口200的高度从图2缩小到图3所示的状态时,消息展示控件220、记事便签控件230、常用工具控件240以及通知公告控件250均展示变化前展示的3条内容数据。
本实施例中,在企业内部知识产权网站的第一页面的页面展示窗口发生高度变化后,可以对变化后高度可变的第二元素中内容区域的目标高度自动确定并对内容区域的目标高度限制,在内容区域的目标高度下内容区域中可展示的数据条数大于或者等于预设条数,从而可以方便用户查看到内容数据,若第二元素的数据源的类型为第二类型,则第二元素的数据源的重要性程度较低,在变化后内容区域可展示的数据条数小于变化前内容区域所展示的内容数据中的数据条数时,内容区域的目标高度不足以将变化前内容区域的内容数据全部展示,可以直接从变化前内容区域的内容数据中获取部分内容数据并展示在变化后内容区域,如此,就不需要重新从服务端重新请求数据,不仅可以快速完成页面展示窗口高度变化后的页面展示,而且可以减轻服务端的负担,并且,可以保持第一元素的高度、第二元素的内容区域中每条内容数据的展示区域的高度固定,从而可以保持内容数据的展示大小不变,实现了页面的清晰展示,可读性更好,提升了用户体验。
本实施例中的知识产权网站可以是基于React框架实现,该React框架无需做浏览器兼容配置,省时省力。
在示例性实施例中,基于页面展示窗口的目标高度、至少部分第一元素的高度以及第一预设高度,确定内容区域的目标高度,包括:基于页面展示窗口的目标高度以及至少部分第一元素的高度,确定第二元素的目标高度;将第二元素的目标高度减去第二预设高度,得到第一高度;将第一预设高度与预设条数的乘积作为内容区域的最小高度;若第一高度小于最小高度,将最小高度作为内容区域的目标高度;若第一高度大于或者等于最小高度,将第一高度作为内容区域的目标高度。相应的,本实施例的页面展示方法还可以包括:若第一高度小于最小高度,在页面展示窗口展示滚动条,滚动条用于响应用户的滚动操作,控制第一页面在页面展示窗口的展示内容。
在实际应用中,可以预先设置第二预设高度,第二预设高度是第二元素中不随页面展示窗口的高度变化而变化的高度部分。以图2所示的业务数据展示控件210为例,第二预设高度包括第一卡片的标题区域211的高度,页签头部区域212的高度,表格213的表头的高度,表格213与页签头部区域212的间距,翻页控件215与表格213底部的间距,以及第一卡片的底部与翻页控件215之间的间距之和。
第二元素的目标高度是变化后第二元素的高度。第二元素的高度随着页面展示窗口的高度变化而实时更新。由于第一元素和第二元素可以共同布局形成页面展示窗口当前展示的内容,且第一元素的高度固定,因此,可以结合页面展示窗口的目标高度以及某些第一元素的高度,得到第二元素的目标高度。
其中,翻页控件215用于展示数据总条数和页码,并响应用户的翻页操作进行翻页,从而跳转到其它页码。翻页控件215中以展示的数据总条数为15,页码包括页码1和2进行示意。
第二元素中内容区域的目标高度包括9条检索的数据的展示区域的高度。因此,将第二元素的目标高度减去上述第二预设高度,得到第一高度,该第一高度表征第二元素中剩余可用高度,结合第一高度即可得到内容区域的目标高度。由于内容区域的目标高度可展示的内容数据的数据条数至少为预设条数,因此,内容区域有一个最小高度的限制,每条内容数据的展示区域的高度与预设条数的乘积即内容区域的最小高度。
如果第一高度小于内容区域的最小高度,说明第一高度较小,不足以展示预设条数的内容数据,此时,可以将内容区域的最小高度作为内容区域的目标高度,这种情况下,页面展示窗口的展示内容就会增多,可以在页面展示窗口展示滚动条,用户可以通过滚动条进行滚动操作,控制第一页面在页面展示窗口的展示内容。
如果第一高度大于内容区域的最小高度,说明第一高度足以展示预设条数的内容数据,此时,可以直接将第一高度作为内容区域的目标高度,这种情况下,就无需提供滚动条,减少了资源消耗,且页面视觉效果更好,从而提升了用户体验。
在示例性实施例中,页面展示方法还可以包括:若第二元素的数据源的类型为第二类型且第一数据条数大于或者等于第二数据条数,在变化后内容区域中展示第一内容数据。
若第二元素的数据源的类型为第二类型,在第一数据条数大于或者等于第一内容数据中的数据条数(即第二数据条数)时,说明在内容区域的目标高度下,内容区域的目标高度足以将变化前内容区域的内容数据全部展示,此时,可以直接将变化前内容区域的内容数据全部展示在变化后内容区域。以记事便签控件230为例,页面展示窗口200的高度从图2缩小到图3所示的状态时,图3中展示的仍是变化前记事便签控件230展示的3条记事数据。如此,不需要重新从服务端重新请求数据,从而可以快速完成页面展示窗口高度变化后的页面展示,进一步减轻服务端的负担。
在示例性实施例中,获得页面展示窗口的目标高度之后,还可以包括:确定知识产权网站的页面展示形式,页面展示形式包括第一展示形式和第二展示形式,第一展示形式是在知识产权网站的导航栏下方展示单个页面的内容信息,第二展示形式是在导航栏下方展示标签目录以及标签目录中激活标签对应的标签页的内容信息。基于页面展示形式获得第一元素;其中,在第一展示形式下,第一元素至少包括导航栏;在第二展示形式下,第一元素至少包括导航栏和标签目录。
如图2所示,第一页面包括导航栏270,在导航栏270中提供了多个选项,图2中示意的多个选项包括工作桌面、提案管理、专利管理、商标管理和版权管理。具体实施中,响应用户对导航栏中工作桌面这一选项的选择操作,提供工作桌面。响应用户对导航栏中提案管理这一选项的选择操作,提供对提案进行管理的页面。响应用户对导航栏中专利管理这一选项的选择操作,提供对专利案件进行管理的页面。响应用户对导航栏中商标管理这一选项的选择操作,提供对商标案件进行管理的页面。响应用户对导航栏中版权管理这一选项的选择操作,提供对版权进行管理的页面。在第二展示形式下,导航栏270下方包括标签目录280,标签目录280中包括每个标签页对应的标签。激活标签是指标签目录280中被选中的标签。激活标签对应的标签页是当前需要展示的标签页。图2所示状态下,标签目录280中我的桌面这一标签为激活标签,因此展示我的桌面对应的标签页。在点击管理编号I20230212后,如图4所示,标签目录280中则包括我的桌面和I20230212这两个标签,I20230212为激活标签,因此,可以展示I20230212对应的标签页,该标签页用于展示管理编号为I20230212的提案对应的提案信息。其中,导航栏的高度和标签目录的高度是固定的,因此,在第二展示形式下,第一元素至少包括导航栏和标签目录。
如果采用第一展示形式,如图5所示,在导航栏270下方直接展示I20230212对应的标签页中的提案信息。因此,在第一展示形式下,第一元素至少包括导航栏,不包括标签目录。
本实施例中,可以结合知识产权网站的页面展示形式来准确获得第一元素,使得后续可以准确确定第二元素的目标高度。
在示例性实施例中,获取监测到的变化后页面展示窗口的目标高度之后,还可以包括:检测第一页面中是否包含表征第二展示形式的第一参数;若检测到第一参数,确定知识产权网站的页面展示形式为第二展示形式;若未检测到第一参数,确定知识产权网站的页面展示形式为第一展示形式。
在第二展示形式下,多个标签页切换的过程中,切换之前的标签页被缓存下来,当缓存的标签页对应的标签被激活时,则可以展示缓存的标签页。
在实际应用中,需要缓存的标签页中包括需要缓存的标记参数,该标记参数表征采用第二展示形式展示,因此,可以将该标记参数作为第一参数,第一参数以KeepAliveContext表示。本实施例中,通过检测第一页面中是否包含表征第二展示形式的第一参数来检测知识产权网站的页面展示形式,逻辑简单,效率更高。
在示例性实施例中,知识产权网站的页面展示形式是通过如下方式获得的:检测知识产权网站的配置文件中是否配置第二参数、第三参数和第四参数,第二参数用于配置采用第二展示形式的标签页,第三参数用于配置标签页中的按钮集,第四参数用于生成标签目录;若是,基于第二参数、第三参数和第四参数,对知识产权网站的项目文件进行打包得到第一打包文件,第一打包文件用于部署第二展示形式的知识产权网站;否则,对知识产权网站的项目文件进行打包得到第二打包文件,第二打包文件用于部署第一展示形式的知识产权网站。
现有技术中,在知识产权网站的开发阶段,通常是分别开发两套不同展示形式的知识产权网站的项目文件,对每套知识产权网站的项目文件分别进行打包。开发两套知识产权网站的项目文件需要投入的资源相对增多,成本增加,且维护起来麻烦,如果需要修改,可能需要同时修改两套知识产权网站的项目文件的代码,导致出错几率增加。
本实施例中,只需要一套知识产权网站的项目文件即可,只需要对知识产权网站的配置文件进行修改即可,如果需要第二展示形式,则可以在配置文件中配置上述第二参数、第三参数和第四参数,在打包时,可以检测知识产权网站的配置文件中是否配置第二参数、第三参数和第四参数,若是,则可以基于第二参数、第三参数和第四参数,对知识产权网站的项目文件进行打包得到第一打包文件,将该第一打包文件部署到服务端即可。若没有检测到第二参数、第三参数和第四参数,说明需要第一展示形式,则可以直接对知识产权网站的项目文件进行打包得到第二打包文件,将该第二打包文件部署到服务端即可。
第二参数以keepalive表示。第三参数以tabsLayout表示。第四参数以getCustomTabs表示。
其中,第三参数配置的按钮集可以包括:用于关闭激活标签对应的标签页左侧标签页的第一按钮,用于关闭激活标签对应的标签页右侧标签页的第二按钮,等等。
第四参数中包含用于生成标签目录的代码,因此可以基于该代码生成标签目录。
本实施例中,通过检测一套知识产权网站的项目文件的配置文件中第二参数、第三参数和第四参数的配置情况,可以获得第一展示形式和第二展示形式这两种展示形式的知识产权网站,如此,可以根据用户需求自由切换两种展示形式,只需开发和维护一套知识产权网站的项目文件,大大提高了开发效率,降低了开发和维护的成本。
本实施例中,通过对配置文件中简单的进行三个参数的配置就可以实现不同展示形式的切换,操作非常简便,且只需要维护一套代码。
在示例性实施例中,第二元素中包含翻页控件,翻页控件用于展示数据总条数和页码,并响应用户的翻页操作进行翻页。参见图2所示的翻页控件215。如图6所示,本实施例提供的页面展示方法还可以包括:
步骤610、若第二元素的数据源的类型为第一类型且第一数据条数与第三数据条数不同,基于变化前翻页控件展示的数据总条数以及第一数据条数,确定变化后翻页控件展示的页码;其中,第三数据条数是变化前内容区域中可展示的数据条数。
步骤620、向服务端发送携带第一数据条数的数据请求,数据请求用于指示服务端根据数据请求获取第三内容数据,并生成数据请求对应的反馈信息;其中,第三内容数据是变化后内容区域所展示的内容数据,第三内容数据中的数据条数等于或者小于第一数据条数,反馈信息中携带第三内容数据的获取结果。
步骤630、接收服务端发送的反馈信息。
步骤640、若反馈信息中携带获取到的第三内容数据,在变化后内容区域中展示第三内容数据。
若第二元素的数据源的类型为第一类型,说明第二元素的数据源的重要性程度较高,对用户来说,是主要关注的数据。如果变化后的第一数据条数与变化后的第三数据条数相比发生变化,由于翻页控件展示的数据总条数不变,则需要更新翻页控件的页码,参见图3,翻页控件215的页码更新为5页,并重新向服务端请求数据,从而适应页面展示窗口的高度变化。基于此,可以向服务端重新发送数据请求,该数据请求中携带第一数据条数。服务端接收到数据请求后,可以从数据请求中解析出第一数据条数,按照第一数据条数获取变化后内容区域所展示的内容数据(即第三内容数据)。第三内容数据的获取结果包括三种,第一种是获取到第三内容数据且第三内容数据中的数据条数等于第一数据条数,第二种是获取到第三内容数据且第三内容数据中的数据条数小于第一数据条数,第三种是未获取到第三内容数据。服务端可以生成数据请求对应的反馈信息,该反馈信息中携带第三内容数据的获取结果。在接收服务端发送的反馈信息后,可以对反馈信息进行解析,获得第三内容数据的获取结果,若反馈信息中携带获取到的第三内容数据,就可以在变化后内容区域中展示第三内容数据。
需要说明的是,变化后内容区域中展示第三内容数据为第一页的内容数据。如果需要查看其它页的内容数据,则可以通过翻页控件进行翻页。
本实施例中,对于重要性程度较高的数据源,则可以更新翻页控件的页码,并重新从服务端请求数据,从而可以使用户通过翻页控件查看到每页内容数据,避免重要数据的遗漏。
在示例性实施例中,基于变化后页面展示窗口的目标高度和至少部分第一元素的高度,确定变化后第二元素的目标高度,可以包括:
第一步、对页面展示窗口当前展示的所有第二元素进行分类,得到至少一个元素类别,其中,高度范围相同的第二元素属于同一元素类别。
第二步、针对每个元素类别执行以下操作:
首先,从元素类别选择一个第二元素作为目标元素。
其次,确定目标元素对应的元素集合;元素集合为第一集合或者第二集合;第一集合包括与目标元素共同形成页面展示窗口的目标高度的第一元素;第二集合包括与目标元素共同形成页面展示窗口的目标高度的第一元素和第二元素。
在元素集合为第一集合的情况下,将页面展示窗口的目标高度减去第一集合中所有第一元素的高度以及第三预设高度,得到第二高度;将第二高度作为目标元素的第一目标高度;将目标元素的第一目标高度作为目标元素所属的元素类别中第二元素的目标高度。其中,第三预设高度为固定高度,包括与目标元素、第一集合中所有第一元素共同形成页面展示窗口的目标高度的间距,例如页面中相邻的元素之间的间距。
在元素集合为第二集合的情况下,将页面展示窗口的目标高度减去第二集合中所有第一元素的高度以及第四预设高度,得到第三高度;基于第三高度以及目标元素与元素集合中第二元素的高度比,确定目标元素的第二目标高度;将目标元素的第二目标高度作为目标元素所属的元素类别中第二元素的目标高度。其中,第四预设高度为固定高度,包括与目标元素、第一集合中所有第一元素、第二元素共同形成页面展示窗口的目标高度的间距,例如页面中相邻的元素之间的间距。其中的高度比可以从初始的第一页面中获得。
举例来说,参见图2所示的页面展示窗口200,业务数据展示控件210属于一个元素类别。消息展示控件220、记事便签控件230和常用工具控件240可以是高度范围相同的第二元素,属于同一元素类别。
以业务数据展示控件210形成的元素类别为例,可以选择业务数据展示控件210为目标元素,参见图2,业务数据展示控件210、导航栏270、标签目录280、消息展示控件220、业务数据展示控件210与标签目录280之间的间距、业务数据展示控件210与消息展示控件220之间的间距、消息展示控件220与第一页面底部的间距共同形成页面展示窗口的目标高度,因此,可以将页面展示窗口的目标高度减去导航栏270的高度、标签目录280的高度、业务数据展示控件210与标签目录280之间的间距、业务数据展示控件210与消息展示控件220之间的间距、消息展示控件220与第一页面底部的间距,得到第三高度。然后,获取业务数据展示控件210和消息展示控件220的高度比,按照高度比和第三高度,即可得到业务数据展示控件210的目标高度。
本实施例中,通过将高度范围相同的第二元素分为一个元素类别,可以将元素类别中的一个第二元素作为目标元素,通过确定该目标元素就可以确定所属元素类别的所有第二元素的目标高度,大大提升了处理效率。
在示例性实施例,如图2所示,页面展示窗口200中还展示有第一页面的快捷入口控件260,该快捷入口控件260用于展示多个第二页面的快捷入口。快捷入口控件260包括第六卡片,第六卡片包括第六卡片的标题区域和位于第六卡片的标题区域下方的内容区域。第六卡片的标题区域用于展示第六卡片的标题。第六卡片中的内容区域用于展示第二页面的快捷入口。图2中以快捷入口为第六卡片的标题进行示意。图2中示意的快捷入口可以为用于新建外观设计提案的页面的快捷入口,还可以为用于新建发明新型提案的页面的快捷入口。快捷入口控件可以为高度固定的第一元素。本实施例中,通过快捷入口控件可以快速进入第二页面。
下面对本发明提供的页面展示装置进行描述,下文描述的页面展示装置与上文描述的页面展示方法可相互对应参照。
本实施例提供一种页面展示装置,如图7所示,包括:
窗口高度获得模块701,用于在监测到企业内部知识产权网站中第一页面的页面展示窗口发生高度变化后,获取监测到的变化后页面展示窗口的目标高度;其中,页面展示窗口当前展示的元素包括第一元素和第二元素,第一元素的高度固定,第二元素的高度可变,第二元素中包括内容区域,内容区域的高度可变,内容区域包括多个展示区域,每个展示区域用于展示一条内容数据,展示区域的高度固定为第一预设高度;
区域高度确定模块702,用于基于页面展示窗口的目标高度、至少部分第一元素的高度以及第一预设高度,确定内容区域的目标高度,在内容区域的目标高度下内容区域中可展示的数据条数大于或者等于预设条数;
条数确定模块703,用于基于内容区域的目标高度以及第一预设高度,确定第一数据条数,第一数据条数是变化后内容区域中可展示的数据条数;以及,确定第二数据条数,第二数据条数是第一内容数据中的数据条数,第一内容数据是变化前内容区域所展示的内容数据;
类型确定模块704,用于确定第二元素的数据源的类型,数据源的类型包括表征数据源的重要性程度的第一类型和第二类型,第一类型表征的重要性程度高于第二类型表征的重要性程度;
内容展示模块705,用于若第二元素的数据源的类型为第二类型且第一数据条数小于第二数据条数,从第一内容数据中获取部分内容数据作为第二内容数据,第二内容数据中的数据条数等于第一数据条数;以及,在变化后内容区域中展示第二内容数据。
在示例性实施中,区域高度确定模块702,具体用于:
基于页面展示窗口的目标高度以及至少部分第一元素的高度,确定第二元素的目标高度;
将第二元素的目标高度减去第二预设高度,得到第一高度;
将第一预设高度与预设条数的乘积作为内容区域的最小高度;
若第一高度小于最小高度,将最小高度作为内容区域的目标高度;
若第一高度大于或者等于最小高度,将第一高度作为内容区域的目标高度;
内容展示模块705,还用于若第一高度小于最小高度,在页面展示窗口展示滚动条,滚动条用于响应用户的滚动操作,控制第一页面在页面展示窗口的展示内容。
在示例性实施例中,区域高度确定模块702具体用于:
对页面展示窗口当前展示的所有第二元素进行分类,得到至少一个元素类别,其中,高度范围相同的第二元素属于同一元素类别;
针对每个元素类别执行以下操作:
从元素类别选择一个第二元素作为目标元素;
确定目标元素对应的元素集合;元素集合为第一集合或者第二集合;第一集合包括与目标元素共同形成页面展示窗口的目标高度的第一元素;第二集合包括与目标元素共同形成页面展示窗口的目标高度的第一元素和第二元素;
在元素集合为第一集合的情况下,将页面展示窗口的目标高度减去第一集合中所有第一元素的高度以及第三预设高度,得到第二高度;将第二高度作为目标元素的第一目标高度;将目标元素的第一目标高度作为目标元素所属的元素类别中第二元素的目标高度;
在元素集合为第二集合的情况下,将页面展示窗口的目标高度减去第二集合中所有第一元素的高度以及第四预设高度,得到第三高度;基于第三高度以及目标元素与元素集合中第二元素的高度比,确定目标元素的第二目标高度;将目标元素的第二目标高度作为目标元素所属的元素类别中第二元素的目标高度。
在示例性实施例中,内容展示模块705,还用于:
若第二元素的数据源的类型为第二类型且第一数据条数大于或者等于第一内容数据中的数据条数,在变化后内容区域中展示第一内容数据。
在示例性实施例中,第二元素中包含翻页控件,翻页控件用于展示数据总条数和页码,并响应用户的翻页操作进行翻页;
内容展示模块705,还用于:
若第二元素的数据源的类型为第一类型且第一数据条数与第三数据条数不同,基于变化前翻页控件展示的数据总条数以及第一数据条数,确定变化后翻页控件展示的页码;其中,第三数据条数是变化前内容区域中可展示的数据条数;
向服务端发送携带第一数据条数的数据请求,数据请求用于指示服务端根据数据请求获取第三内容数据,并生成数据请求对应的反馈信息;其中,第三内容数据是变化后内容区域所展示的内容数据,第三内容数据中的数据条数等于或者小于第一数据条数,反馈信息中携带第三内容数据的获取结果;
接收服务端发送的反馈信息;
若反馈信息中携带获取到的第三内容数据,在变化后内容区域中展示第三内容数据。
在示例性实施例中,第一类型的数据源包括企业内部的知识产权数据;
第二类型的数据源包括以下至少一种:通知公告,未读消息,记事数据以及常用链接。
在示例性实施例中,页面展示装置还包括元素获得模块;元素获得模块用于:
确定知识产权网站的页面展示形式,页面展示形式包括第一展示形式和第二展示形式,第一展示形式是在知识产权网站的导航栏下方展示单个页面的内容信息,第二展示形式是在导航栏下方展示标签目录以及标签目录中激活标签对应的标签页的内容信息;
基于页面展示形式获得第一元素;其中,在第一展示形式下,第一元素至少包括导航栏;在第二展示形式下,第一元素至少包括导航栏和标签目录。
在示例性实施例中,元素获得模块,具体用于:检测第一页面中是否包含表征第二展示形式的第一参数;若检测到第一参数,确定知识产权网站的页面展示形式为第二展示形式;若未检测到第一参数,确定知识产权网站的页面展示形式为第一展示形式。
在示例性实施例中,知识产权网站的页面展示形式是通过如下方式获得的:
检测知识产权网站的配置文件中是否配置第二参数、第三参数和第四参数,第二参数用于配置采用第二展示形式的标签页,第三参数用于配置标签页中的按钮集,第四参数用于生成标签目录;若是,基于第二参数、第三参数和第四参数,对知识产权网站的项目文件进行打包得到第一打包文件,第一打包文件用于部署第二展示形式的知识产权网站;否则,对知识产权网站的项目文件进行打包得到第二打包文件,第二打包文件用于部署第一展示形式的知识产权网站。
图8示例了一种电子设备的实体结构示意图,如图8所示,该电子设备可以包括:处理器(processor)810、通信接口(Communications Interface)820、存储器(memory)830和通信总线840,其中,处理器810,通信接口820,存储器830通过通信总线840完成相互间的通信。处理器810可以调用存储器830中的逻辑指令,以执行页面展示方法,该方法包括:
在监测到企业内部知识产权网站中第一页面的页面展示窗口发生高度变化后,获取监测到的变化后页面展示窗口的目标高度;其中,页面展示窗口当前展示的元素包括第一元素和第二元素,第一元素的高度固定,第二元素的高度可变,第二元素中包括内容区域,内容区域的高度可变,内容区域包括多个展示区域,每个展示区域用于展示一条内容数据,展示区域的高度固定为第一预设高度;
基于页面展示窗口的目标高度、至少部分第一元素的高度以及第一预设高度,确定内容区域的目标高度,在内容区域的目标高度下内容区域中可展示的数据条数大于或者等于预设条数;
基于内容区域的目标高度以及第一预设高度,确定第一数据条数,第一数据条数是变化后内容区域中可展示的数据条数;以及,确定第二数据条数,第二数据条数是第一内容数据中的数据条数,第一内容数据是变化前内容区域所展示的内容数据;
确定第二元素的数据源的类型,数据源的类型包括表征数据源的重要性程度的第一类型和第二类型,第一类型表征的重要性程度高于第二类型表征的重要性程度;
若第二元素的数据源的类型为第二类型且第一数据条数小于第二数据条数,从第一内容数据中获取部分内容数据作为第二内容数据,第二内容数据中的数据条数等于第一数据条数;以及,在变化后内容区域中展示第二内容数据。
此外,上述的存储器830中的逻辑指令可以通过软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
另一方面,本发明还提供一种计算机程序产品,计算机程序产品包括存储在非暂态计算机可读存储介质上的计算机程序,计算机程序包括程序指令,当程序指令被计算机执行时,计算机能够执行上述各方法所提供的页面展示方法,该方法包括:
在监测到企业内部知识产权网站中第一页面的页面展示窗口发生高度变化后,获取监测到的变化后页面展示窗口的目标高度;其中,页面展示窗口当前展示的元素包括第一元素和第二元素,第一元素的高度固定,第二元素的高度可变,第二元素中包括内容区域,内容区域的高度可变,内容区域包括多个展示区域,每个展示区域用于展示一条内容数据,展示区域的高度固定为第一预设高度;
基于页面展示窗口的目标高度、至少部分第一元素的高度以及第一预设高度,确定内容区域的目标高度,在内容区域的目标高度下内容区域中可展示的数据条数大于或者等于预设条数;
基于内容区域的目标高度以及第一预设高度,确定第一数据条数,第一数据条数是变化后内容区域中可展示的数据条数;以及,确定第二数据条数,第二数据条数是第一内容数据中的数据条数,第一内容数据是变化前内容区域所展示的内容数据;
确定第二元素的数据源的类型,数据源的类型包括表征数据源的重要性程度的第一类型和第二类型,第一类型表征的重要性程度高于第二类型表征的重要性程度;
若第二元素的数据源的类型为第二类型且第一数据条数小于第二数据条数,从第一内容数据中获取部分内容数据作为第二内容数据,第二内容数据中的数据条数等于第一数据条数;以及,在变化后内容区域中展示第二内容数据。
又一方面,本发明还提供一种非暂态计算机可读存储介质,其上存储有计算机程序,该计算机程序被处理器执行时实现以执行上述各提供的页面展示方法,该方法包括:
在监测到企业内部知识产权网站中第一页面的页面展示窗口发生高度变化后,获取监测到的变化后页面展示窗口的目标高度;其中,页面展示窗口当前展示的元素包括第一元素和第二元素,第一元素的高度固定,第二元素的高度可变,第二元素中包括内容区域,内容区域的高度可变,内容区域包括多个展示区域,每个展示区域用于展示一条内容数据,展示区域的高度固定为第一预设高度;
基于页面展示窗口的目标高度、至少部分第一元素的高度以及第一预设高度,确定内容区域的目标高度,在内容区域的目标高度下内容区域中可展示的数据条数大于或者等于预设条数;
基于内容区域的目标高度以及第一预设高度,确定第一数据条数,第一数据条数是变化后内容区域中可展示的数据条数;以及,确定第二数据条数,第二数据条数是第一内容数据中的数据条数,第一内容数据是变化前内容区域所展示的内容数据;
确定第二元素的数据源的类型,数据源的类型包括表征数据源的重要性程度的第一类型和第二类型,第一类型表征的重要性程度高于第二类型表征的重要性程度;
若第二元素的数据源的类型为第二类型且第一数据条数小于第二数据条数,从第一内容数据中获取部分内容数据作为第二内容数据,第二内容数据中的数据条数等于第一数据条数;以及,在变化后内容区域中展示第二内容数据。
以上所描述的装置实施例仅仅是示意性的,其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下,即可以理解并实施。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到各实施方式可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件。基于这样的理解,上述技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在计算机可读存储介质中,如ROM/RAM、磁碟、光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行各个实施例或者实施例的某些部分所述的方法。
最后应说明的是:以上实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。
Claims (11)
1.一种页面展示方法,其特征在于,包括:
在监测到企业内部知识产权网站中第一页面的页面展示窗口发生高度变化后,获取监测到的变化后所述页面展示窗口的目标高度;其中,所述页面展示窗口当前展示的元素包括第一元素和第二元素,所述第一元素的高度固定,所述第二元素的高度可变,所述第二元素中包括内容区域,所述内容区域的高度可变,所述内容区域包括多个展示区域,每个所述展示区域用于展示一条内容数据,所述展示区域的高度固定为第一预设高度;
基于所述页面展示窗口的目标高度、至少部分所述第一元素的高度以及所述第一预设高度,确定所述内容区域的目标高度,在所述内容区域的目标高度下所述内容区域中可展示的数据条数大于或者等于预设条数;
基于所述内容区域的目标高度以及所述第一预设高度,确定第一数据条数,所述第一数据条数是变化后所述内容区域中可展示的数据条数;以及,确定第二数据条数,所述第二数据条数是第一内容数据中的数据条数,所述第一内容数据是变化前所述内容区域所展示的内容数据;
确定所述第二元素的数据源的类型,所述数据源的类型包括表征所述数据源的重要性程度的第一类型和第二类型,所述第一类型表征的所述重要性程度高于所述第二类型表征的所述重要性程度;
若所述第二元素的数据源的类型为所述第二类型且所述第一数据条数小于所述第二数据条数,从所述第一内容数据中获取部分内容数据作为第二内容数据,所述第二内容数据中的数据条数等于所述第一数据条数;以及,在变化后所述内容区域中展示所述第二内容数据;
其中,所述知识产权网站的页面展示形式包括第一展示形式和第二展示形式,所述第一展示形式是在所述知识产权网站的导航栏下方展示单个页面的内容信息,所述第二展示形式是在所述导航栏下方展示标签目录以及所述标签目录中激活标签对应的标签页的内容信息;所述页面展示形式是通过如下方式获得的:检测所述知识产权网站的配置文件中是否配置第二参数、第三参数和第四参数,所述第二参数用于配置采用所述第二展示形式的所述标签页,所述第三参数用于配置所述标签页中的按钮集,所述第四参数用于生成所述标签目录;若是,基于所述第二参数、所述第三参数和所述第四参数,对所述知识产权网站的项目文件进行打包得到第一打包文件,所述第一打包文件用于部署所述第二展示形式的所述知识产权网站;否则,对所述知识产权网站的项目文件进行打包得到第二打包文件,所述第二打包文件用于部署所述第一展示形式的所述知识产权网站。
2.根据权利要求1所述的页面展示方法,其特征在于,所述基于所述页面展示窗口的目标高度、至少部分所述第一元素的高度以及所述第一预设高度,确定所述内容区域的目标高度,包括:
基于所述页面展示窗口的目标高度以及至少部分所述第一元素的高度,确定所述第二元素的目标高度;
将所述第二元素的目标高度减去第二预设高度,得到第一高度;
将所述第一预设高度与所述预设条数的乘积作为所述内容区域的最小高度;
若所述第一高度小于所述最小高度,将所述最小高度作为所述内容区域的目标高度;
若所述第一高度大于或者等于所述最小高度,将所述第一高度作为所述内容区域的目标高度;
所述的页面展示方法还包括:
若所述第一高度小于所述最小高度,在所述页面展示窗口展示滚动条,所述滚动条用于响应用户的滚动操作,控制所述第一页面在所述页面展示窗口的展示内容。
3.根据权利要求2所述的页面展示方法,其特征在于,所述基于所述页面展示窗口的目标高度和至少部分所述第一元素的高度,确定所述第二元素的目标高度,包括:
对所述页面展示窗口当前展示的所有所述第二元素进行分类,得到至少一个元素类别,其中,高度范围相同的所述第二元素属于同一所述元素类别;
针对每个所述元素类别执行以下操作:
从所述元素类别选择一个所述第二元素作为目标元素;
确定所述目标元素对应的元素集合;所述元素集合为第一集合或者第二集合;所述第一集合包括与所述目标元素共同形成所述页面展示窗口的目标高度的所述第一元素;所述第二集合包括与所述目标元素共同形成所述页面展示窗口的目标高度的所述第一元素和所述第二元素;
在所述元素集合为所述第一集合的情况下,将所述页面展示窗口的目标高度减去所述第一集合中所有所述第一元素的高度以及第三预设高度,得到第二高度;将所述第二高度作为所述目标元素的第一目标高度;将所述目标元素的第一目标高度作为所述目标元素所属的所述元素类别中所述第二元素的目标高度;
在所述元素集合为所述第二集合的情况下,将所述页面展示窗口的目标高度减去所述第二集合中所有所述第一元素的高度以及第四预设高度,得到第三高度;基于所述第三高度以及所述目标元素与所述元素集合中所述第二元素的高度比,确定所述目标元素的第二目标高度;将所述目标元素的第二目标高度作为所述目标元素所属的所述元素类别中所述第二元素的目标高度。
4.根据权利要求1所述的页面展示方法,其特征在于,还包括:
若所述第二元素的数据源的类型为所述第二类型且所述第一数据条数大于或者等于所述第二数据条数,在变化后所述内容区域中展示所述第一内容数据。
5.根据权利要求1所述的页面展示方法,其特征在于,所述第二元素中包含翻页控件,所述翻页控件用于展示数据总条数和页码,并响应用户的翻页操作进行翻页;
所述的页面展示方法还包括:
若所述第二元素的数据源的类型为所述第一类型且所述第一数据条数与第三数据条数不同,基于变化前所述翻页控件展示的数据总条数以及所述第一数据条数,确定变化后所述翻页控件展示的页码;其中,所述第三数据条数是变化前所述内容区域中可展示的数据条数;
向服务端发送携带所述第一数据条数的数据请求,所述数据请求用于指示所述服务端根据所述数据请求获取第三内容数据,并生成所述数据请求对应的反馈信息;其中,所述第三内容数据是变化后所述内容区域所展示的内容数据,所述第三内容数据中的数据条数等于或者小于所述第一数据条数,所述反馈信息中携带所述第三内容数据的获取结果;
接收所述服务端发送的所述反馈信息;
若所述反馈信息中携带获取到的所述第三内容数据,在变化后所述内容区域中展示所述第三内容数据。
6.根据权利要求1至5任一项所述的页面展示方法,其特征在于,所述第一类型的所述数据源包括企业内部的知识产权数据;
所述第二类型的所述数据源包括以下至少一种:通知公告,未读消息,记事数据以及常用链接。
7.根据权利要求1至5任一项所述的页面展示方法,其特征在于,所述获取监测到的变化后所述页面展示窗口的目标高度之后,还包括:
确定所述知识产权网站的页面展示形式,基于所述页面展示形式获得所述第一元素;其中,在所述第一展示形式下,所述第一元素至少包括所述导航栏;在所述第二展示形式下,所述第一元素至少包括所述导航栏和所述标签目录。
8.根据权利要求7所述的页面展示方法,其特征在于,所述确定所述知识产权网站的页面展示形式,包括:
检测所述第一页面中是否包含表征所述第二展示形式的第一参数;
若检测到所述第一参数,确定所述知识产权网站的页面展示形式为所述第二展示形式;
若未检测到所述第一参数,确定所述知识产权网站的页面展示形式为所述第一展示形式。
9.一种页面展示装置,其特征在于,包括:
窗口高度获得模块,用于在监测到企业内部知识产权网站中第一页面的页面展示窗口发生高度变化后,获取监测到的变化后所述页面展示窗口的目标高度;其中,所述页面展示窗口当前展示的元素包括第一元素和第二元素,所述第一元素的高度固定,所述第二元素的高度可变,所述第二元素中包括内容区域,所述内容区域的高度可变,所述内容区域包括多个展示区域,每个所述展示区域用于展示一条内容数据,所述展示区域的高度固定为第一预设高度;
区域高度确定模块,用于基于所述页面展示窗口的目标高度、至少部分所述第一元素的高度以及所述第一预设高度,确定所述内容区域的目标高度,在所述内容区域的目标高度下所述内容区域中可展示的数据条数大于或者等于预设条数;
条数确定模块,用基于所述内容区域的目标高度以及所述第一预设高度,确定第一数据条数,所述第一数据条数是变化后所述内容区域中可展示的数据条数;以及,确定第二数据条数,所述第二数据条数是第一内容数据中的数据条数,所述第一内容数据是变化前所述内容区域所展示的内容数据;
类型确定模块,用于确定所述第二元素的数据源的类型,所述数据源的类型包括表征所述数据源的重要性程度的第一类型和第二类型,所述第一类型表征的所述重要性程度高于所述第二类型表征的所述重要性程度;
内容展示模块,用于若所述第二元素的数据源的类型为所述第二类型且所述第一数据条数小于所述第二数据条数,从所述第一内容数据中获取部分内容数据作为第二内容数据,所述第二内容数据中的数据条数等于所述第一数据条数;以及,在变化后所述内容区域中展示所述第二内容数据;
其中,所述知识产权网站的页面展示形式包括第一展示形式和第二展示形式,所述第一展示形式是在所述知识产权网站的导航栏下方展示单个页面的内容信息,所述第二展示形式是在所述导航栏下方展示标签目录以及所述标签目录中激活标签对应的标签页的内容信息;所述页面展示形式是通过如下方式获得的:检测所述知识产权网站的配置文件中是否配置第二参数、第三参数和第四参数,所述第二参数用于配置采用所述第二展示形式的所述标签页,所述第三参数用于配置所述标签页中的按钮集,所述第四参数用于生成所述标签目录;若是,基于所述第二参数、所述第三参数和所述第四参数,对所述知识产权网站的项目文件进行打包得到第一打包文件,所述第一打包文件用于部署所述第二展示形式的所述知识产权网站;否则,对所述知识产权网站的项目文件进行打包得到第二打包文件,所述第二打包文件用于部署所述第一展示形式的所述知识产权网站。
10.一种电子设备,包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现如权利要求1至8任一项所述页面展示方法。
11.一种非暂态计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现如权利要求1至8任一项所述页面展示方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310493054.5A CN116796086B (zh) | 2023-05-05 | 2023-05-05 | 页面展示方法、装置、设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310493054.5A CN116796086B (zh) | 2023-05-05 | 2023-05-05 | 页面展示方法、装置、设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN116796086A CN116796086A (zh) | 2023-09-22 |
CN116796086B true CN116796086B (zh) | 2023-11-14 |
Family
ID=88042895
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202310493054.5A Active CN116796086B (zh) | 2023-05-05 | 2023-05-05 | 页面展示方法、装置、设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116796086B (zh) |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102117290A (zh) * | 2009-12-30 | 2011-07-06 | 北京搜狗科技发展有限公司 | 一种展现网页中页面元素的方法及系统 |
CN108038134A (zh) * | 2017-11-20 | 2018-05-15 | 东软集团股份有限公司 | 页面展示的方法、装置和存储介质以及电子设备 |
CN109033056A (zh) * | 2018-07-24 | 2018-12-18 | 郑州云海信息技术有限公司 | 一种页面自适应的分页表格实现方法及系统 |
CN111143731A (zh) * | 2019-12-19 | 2020-05-12 | 浙江大华技术股份有限公司 | 一种网页界面缩放时的显示方法、装置及终端设备 |
WO2021042680A1 (zh) * | 2019-09-06 | 2021-03-11 | 青岛海信传媒网络技术有限公司 | 用户界面显示方法及显示设备 |
CN115237522A (zh) * | 2022-07-22 | 2022-10-25 | 上海哔哩哔哩科技有限公司 | 页面自适应展示方法及装置 |
-
2023
- 2023-05-05 CN CN202310493054.5A patent/CN116796086B/zh active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102117290A (zh) * | 2009-12-30 | 2011-07-06 | 北京搜狗科技发展有限公司 | 一种展现网页中页面元素的方法及系统 |
CN108038134A (zh) * | 2017-11-20 | 2018-05-15 | 东软集团股份有限公司 | 页面展示的方法、装置和存储介质以及电子设备 |
CN109033056A (zh) * | 2018-07-24 | 2018-12-18 | 郑州云海信息技术有限公司 | 一种页面自适应的分页表格实现方法及系统 |
WO2021042680A1 (zh) * | 2019-09-06 | 2021-03-11 | 青岛海信传媒网络技术有限公司 | 用户界面显示方法及显示设备 |
CN111143731A (zh) * | 2019-12-19 | 2020-05-12 | 浙江大华技术股份有限公司 | 一种网页界面缩放时的显示方法、装置及终端设备 |
CN115237522A (zh) * | 2022-07-22 | 2022-10-25 | 上海哔哩哔哩科技有限公司 | 页面自适应展示方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
CN116796086A (zh) | 2023-09-22 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9749198B2 (en) | Methods and systems for monitoring computer systems using wireless devices | |
CN113987074A (zh) | 分布式服务全链路监控方法、装置、电子设备及存储介质 | |
CN109710370B (zh) | 会话列表显示方法、装置和电子设备 | |
CN111190888A (zh) | 一种管理图数据库集群的方法和装置 | |
US9542365B1 (en) | Methods for generating e-mail message interfaces | |
US10354208B2 (en) | System and method for defining run books | |
CN111949347A (zh) | 弹窗信息展示方法、装置及电子设备 | |
US20100186004A1 (en) | Data analysis system and method | |
CN110175306A (zh) | 一种广告信息的处理方法及装置 | |
CN115357761A (zh) | 链路追踪方法、装置、电子设备及存储介质 | |
CN113923175A (zh) | 通讯会话的管理方法及装置 | |
CN109902726B (zh) | 简历信息处理方法及装置 | |
US20060059033A1 (en) | Interaction object | |
CN110086848A (zh) | 网络请求的发送方法、装置、计算机设备及存储介质 | |
CN113595886A (zh) | 即时通讯消息的处理方法、装置、电子设备及存储介质 | |
CN116796086B (zh) | 页面展示方法、装置、设备及存储介质 | |
JPH10171705A (ja) | ハイパーページシステム及びそのプログラムを記録した記録媒体 | |
CN113378346A (zh) | 模型仿真的方法和装置 | |
CN110796543A (zh) | 基于关系网络的定制信息获取方法、装置及电子设备 | |
LU501006B1 (en) | Atmospheric environment quality management method, electronic equipment and storage system | |
CN109391537B (zh) | 一种信息处理方法、装置和计算机存储介质 | |
CN112395109B (zh) | 剪贴板内容处理方法和装置 | |
CN110224921B (zh) | 发送包含招聘信息的邮件的方法、装置、介质、电子设备 | |
CN113342619A (zh) | 日志监控方法、系统、电子设备及可读介质 | |
CN113449886A (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 |