CN112241498B - 页面内容显示方法、装置、可读存储介质和计算机设备 - Google Patents
页面内容显示方法、装置、可读存储介质和计算机设备 Download PDFInfo
- Publication number
- CN112241498B CN112241498B CN201910650075.7A CN201910650075A CN112241498B CN 112241498 B CN112241498 B CN 112241498B CN 201910650075 A CN201910650075 A CN 201910650075A CN 112241498 B CN112241498 B CN 112241498B
- Authority
- CN
- China
- Prior art keywords
- page
- page data
- target
- sub
- column
- 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 56
- 238000004590 computer program Methods 0.000 claims description 11
- 238000010586 diagram Methods 0.000 description 33
- 238000003745 diagnosis Methods 0.000 description 6
- 238000004364 calculation method Methods 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 238000010276 construction Methods 0.000 description 2
- 238000011161 development Methods 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 238000011160 research Methods 0.000 description 2
- 230000001360 synchronised effect Effects 0.000 description 2
- 238000012800 visualization Methods 0.000 description 2
- 230000001174 ascending effect Effects 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 238000001514 detection method Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 238000012549 training Methods 0.000 description 1
Classifications
-
- 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
Abstract
本申请涉及一种页面内容显示方法、装置、计算机可读存储介质和计算机设备,该方法包括:获取当前页面数据,当前页面数据包括第一页面数据和项目标签栏,项目标签栏包括至少一个子栏目标识;在当前页面展示第一页面数据和项目标签栏;获取作用于项目标签栏的选择指令,根据选择指令确定目标子栏目标识,根据目标子栏目标识获取对应的第二页面数据,第二页面数据与第一页面数据具有关联关系;从第一页面数据中获取第一目标页面数据,从第二页面数据中获取第二目标页面数据;在当前页面的第一位置区域展示第一目标页面数据,在当前页面的第二位置区域展示第二目标页面数据。本申请提供的方案提高栏目内容切换效率。
Description
技术领域
本申请涉及计算机技术领域,特别是涉及一种页面内容显示方法、装置、计算机可读存储介质和计算机设备。
背景技术
传统技术中,由于移动端设备的屏幕大小的限制,因此直接展示在用户眼前的内容相当有限,当用户切换栏目时,如从当前栏目切换到目标栏目,当前屏幕显示的内容没有发生任何变化,当前屏幕依然显示的是当前栏目的内容,用户需要手动向上滑动屏幕才能显示该目标栏目对应的内容,操作繁琐,导致栏目内容切换效率低。
发明内容
基于此,有必要针对上述技术问题,提供一种页面内容显示方法、装置、计算机可读存储介质和计算机设备,在进行页面栏目内容切换时,能够快速定位显示目标栏目的内容,无需用户进行额外的手动滑动屏幕操作,提高栏目内容切换效率。
一种页面内容显示方法,包括:
获取当前页面数据,当前页面数据包括第一页面数据和项目标签栏,项目标签栏包括至少一个子栏目标识;
在当前页面展示第一页面数据和项目标签栏;
获取作用于项目标签栏的选择指令,根据选择指令确定目标子栏目标识,根据目标子栏目标识获取对应的第二页面数据,第二页面数据与第一页面数据具有关联关系;
从第一页面数据中获取第一目标页面数据,从第二页面数据中获取第二目标页面数据;
在当前页面的第一位置区域展示第一目标页面数据,在当前页面的第二位置区域展示第二目标页面数据。
一种页面内容显示装置,该装置包括:
第一页面数据获取模块,用于获取当前页面数据,当前页面数据包括第一页面数据和项目标签栏,项目标签栏包括至少一个子栏目标识;
第一页面数据展示模块,用于在当前页面展示第一页面数据和项目标签栏;
第二页面数据获取模块,用于获取作用于项目标签栏的选择指令,根据选择指令确定目标子栏目标识,根据目标子栏目标识获取对应的第二页面数据,第二页面数据与第一页面数据具有关联关系;
目标页面数据确定模块,用于从第一页面数据中获取第一目标页面数据,从第二页面数据中获取第二目标页面数据;
目标页面数据展示模块,用于在当前页面的第一位置区域展示第一目标页面数据,在当前页面的第二位置区域展示第二目标页面数据。
一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,该处理器执行所述程序时实现以下步骤:
获取当前页面数据,当前页面数据包括第一页面数据和项目标签栏,项目标签栏包括至少一个子栏目标识;
在当前页面展示第一页面数据和项目标签栏;
获取作用于项目标签栏的选择指令,根据选择指令确定目标子栏目标识,根据目标子栏目标识获取对应的第二页面数据,第二页面数据与第一页面数据具有关联关系;
从第一页面数据中获取第一目标页面数据,从第二页面数据中获取第二目标页面数据;
在当前页面的第一位置区域展示第一目标页面数据,在当前页面的第二位置区域展示第二目标页面数据。
一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时,使得处理器执行以下步骤:
获取当前页面数据,当前页面数据包括第一页面数据和项目标签栏,项目标签栏包括至少一个子栏目标识;
在当前页面展示第一页面数据和项目标签栏;
获取作用于项目标签栏的选择指令,根据选择指令确定目标子栏目标识,根据目标子栏目标识获取对应的第二页面数据,第二页面数据与第一页面数据具有关联关系;
从第一页面数据中获取第一目标页面数据,从第二页面数据中获取第二目标页面数据;
在当前页面的第一位置区域展示第一目标页面数据,在当前页面的第二位置区域展示第二目标页面数据。
上述页面内容显示方法、装置、计算机可读存储介质和计算机设备,在未进行任何栏目切换时,当前页面展示第一页面数据和项目标签栏,当检测到作用于项目标签栏的选择指令后,根据选择指令确定目标子栏目标识,根据目标子栏目标识获取对应的第二页面数据,其中第一页面数据和第二页面数据具有关联关系。因为终端设备的当前页面的展示区域有限,因此无法将第一页面数据和第二页面数据全部展示在当前页面中,需从第一页面数据中获取第一目标页面数据,从第二页面数据中获取第二目标页面数据。最后,在当前页面的第一位置区域展示第一目标页面数据,在当前页面的第二位置区域展示第二目标页面数据。在进行页面栏目内容切换时,能够快速定位在当前页面的指定位置显示目标栏目的内容,无需用户通过额外的手动滑动屏幕操作才能显示目标栏目的内容,不仅节省了用户操作成本,而且还提高了栏目内容切换效率。
附图说明
图1为一个实施例中页面内容显示方法的应用环境图;
图2为一个实施例中页面内容显示方法的流程示意图;
图2A为一个实施例中当前页面的界面示意图;
图2B为另一个实施例中当前页面的界面示意图;
图3为一个实施例中第二页面数据获取步骤的流程示意图;
图4为一个实施例中选择指令获取步骤的流程示意图;
图5为一个实施例中目标页面数据获取步骤的流程示意图;
图5A为一个实施例中页面内容显示方法对应的操作模型示意图;
图5B为另一个实施例中页面内容显示方法对应的操作模型示意图;
图6为一个实施例中目标页面区域确定步骤的流程示意图;
图7为另一个实施例中目标页面区域确定步骤的流程示意图;
图7A为一个实施例中待显示的第二页面的界面示意图;
图8为另一个实施例中页面内容显示方法的流程示意图;
图9为又一个实施例中页面内容显示方法的流程示意图;
图10A为一个实施例中股票应用的界面示意图;
图10B为另一个实施例中股票应用的界面示意图;
图11为一个实施例中页面内容显示装置的结构框图;
图12为一个实施例中第二页面数据获取模块的结构框图;
图13为一个实施例中目标页面数据确定模块的结构框图;
图14为一个实施例中第二目标页面数据确定单元的结构框图;
图15为一个实施例中第二目标页面数据确定单元的结构框图;
图16为一个实施例中页面内容显示装置的结构框图;
图17为另一个实施例中页面内容显示装置的结构框图;
图18为一个实施例中计算机设备的结构框图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处所描述的具体实施例仅仅用以解释本申请,并不用于限定本申请。
图1为一个实施例中页面内容显示方法的应用环境图。参照图1,该页面内容显示方法应用于页面内容显示系统。该页面内容显示系统包括终端110和服务器120。终端110和服务器120通过网络连接。终端110具体可以是台式终端或移动终端,移动终端具体可以手机、平板电脑、笔记本电脑等中的至少一种。服务器120可以用独立的服务器或者是多个服务器组成的服务器集群来实现。
具体地,终端110向服务器120发送请求,服务器120根据终端110发送的请求返回当前页面数据,该当前页面数据包括第一页面数据和项目标签栏,项目标签栏包括至少一个子栏目标识。终端110接收到当前页面数据,在当前页面展示第一页面数据和项目标签栏,获取作用于项目标签栏的选择指令,根据选择指令确定目标子栏目标识,根据目标子栏目标识获取对应的第二页面数据,第二页面数据与第一页面数据具有关联关系,从第一页面数据中获取第一目标页面数据,从第二页面数据中获取第二目标页面数据,在当前页面的第一位置区域展示第一目标页面数据,在当前页面的第二位置区域展示第二目标页面数据。
如图2所示,在一个实施例中,提供了一种页面内容显示方法。本实施例主要以该方法应用于上述图1中的终端110来举例说明。参照图2,该页面内容显示方法具体包括如下步骤:
步骤202,获取当前页面数据,当前页面数据包括第一页面数据和项目标签栏,项目标签栏包括至少一个子栏目标识。
其中,页面数据是与页面生成有关的数据,页面是指呈现文字、图形等信息的可视化的信息载体,可以是网页页面,也可以是客户端页面,如培训客户端对应的课程选择页面,股票客户端对应的个股展示页面。根据开发语言和开发环境的不同,可以为不同类型的页面。
在一个实施例中,当需要生成页面时,可以由终端向服务器发送页面生成请求,页面生成请求可携带页面属性信息,页面属性信息是指与页面元素相关的信息,其中页面元素包括页面大小、页面风格、页面颜色等规定页面基础信息的元素,也包括文字、表格、视频、音频等呈现在页面上的内容,还可包括与页面相关的信息,如产品信息,如股票主页面、个股展示页面、项目标签栏等,或适用范围,如适用年龄、性别等,服务器可根据页面生成请求返回对应的当前页面数据。
在另一个实施例中,终端可预先存储或者缓存不同来源的页面数据,根据来源标识从缓存的不同来源的页面数据获取匹配的页面数据,将匹配获取到的页面数据作为当前页面数据。
其中,所谓当前页面数据是指终端当前请求需要的页面数据,当前页面数据包括第一页面数据和项目标签栏,这里的第一页面数据是指页面属性信息相关的数据,可以是与页面大小、页面风格、页面颜色等相关的数据,还可以是产品通用信息相关的数据,如股票应用APP的股票主页面对应的页面数据可以为第一页面数据,或者股票应用APP的个股页面上的与个股相关的趋势图等也可以为第一页面数据。
而项目标签栏是为各个子栏目提供切换入口,项目标签栏中包括至少一个子栏目标识,子栏目标识用来唯一标识子栏目。不同的子栏目对应不同的页面数据,可通过项目标签栏进行不同子栏目的切换,项目标签栏与第一页面数据无关,不同的当前页面数据可以包括相同的项目标签栏。项目标签栏包括多个子栏目标识,子栏目标识用来标识子栏目,子栏目可以是股票应用app中新闻、诊股、资金、简况等,而项目标签栏由新闻、诊股、资金、简况等组成的集合。
步骤204,在当前页面展示第一页面数据和项目标签栏。
其中,当前页面是指终端正在显示的页面,页面是指呈现文字、图形等信息的可视化的信息载体,可以是网页页面,也可以是客户端页面。具体地,终端在获取到当前页面数据后,在当前页面展示第一页面数据和项目标签栏,其中第一页面数据和项目标签栏在当前页面的展示位置可自定义,自定义可以根据产品实际需求或者实际应用场景进行设置,例如项目标签栏在当前页面的尾端展示,当前页面的其他位置展示第一页面数据对应的页面内容。在一个实施例中,可如图2A所示,图2A示出一个实施例中当前页面的界面示意图,图2A示出的当前页面中的项目标签栏在当前页面的最下方展示,项目标签栏包括多个子栏目标识,分别为新闻、诊股、资金、简况,而第一页面数据在当前页面的其他区域展示。
步骤206,获取作用于项目标签栏的选择指令,根据选择指令确定目标子栏目标识,根据目标子栏目标识获取对应的第二页面数据,第二页面数据与第一页面数据具有关联关系。
其中,终端在当前页面展示项目标签栏后,可根据对项目标签栏的子栏目标识进行操作触发生成选择指令,具体可以是获取作用于当前页面设置的项目标签栏中目标子项目控件的点击操作或者语音操作,根据点击操作或者语音操作触发生成选择指令,其中选择指令包括目标子栏目标识。这里的目标子栏目标识是用来唯一标识选择指令对应的子栏目的。因此,可根据选择指令确定目标子栏目标识。进一步地,可根据目标子栏目标识获取对应的第二页面数据。
具体地,终端可将目标子栏目标识通过页面数据获取请求发送至服务器,服务器根据页面数据获取请求中的目标子栏目标识返回对应的第二页面数据。这里的第二页面数据是指与目标子栏目相关的页面数据,即第二页面数据为目标子栏目需要展示的页面数据。其中,第一页面数据与第二页面数据具有关联关系,所谓关联关系是指第一页面数据和第二页面数据之间存在一定的关联性,即第一页面数据和第二页面数据之间存在密切联系。第二页面数据可以是第一页面数据的辅助性数据,例如第一页面数据为产品基本信息对应的页面数据,则第二页面数据可以是产品扩展信息对应的页面数据。例如,图2A中的当前页面为股票移动端的某个股票对应的页面,当前页面的第一页面数据为股票a对应的基本信息,如k线图,买入价格,卖出价格等等。从当前页面显示的项目标签栏中选择的目标子栏目为“新闻”,则目标子栏目新闻对应的第二页面数据是关于股票a的所有新闻,即股票a的所有新闻组成目标子栏目新闻对应的第二页面数据。
在另一个实施例中,终端中预先存储了项目标签中的所有子栏目对应的页面数据,组成页面数据集合,因此可根据目标子栏目标识直接从预存的页面数据集合中获取与目标子栏目标识对应的第二页面数据。
步骤208,从第一页面数据中获取第一目标页面数据,从第二页面数据中获取第二目标页面数据。
其中,在获取到第一页面数据和第二页面数据后,由于终端设备的屏幕大小的限制,无法将第一页面数据和第二页面数据全部展示在终端的屏幕可见区域中。因此,需要从第一页面数据中获取第一目标页面数据,从第二页面数据中获取第二目标页面数据,在终端的屏幕可见区域展示第一目标页面数据和第二目标页面数据。
在一个实施例中,从第一页面数据中获取第一目标页面数据的获取方式具体可以是先确定第一目标页面数据在当前页面对应的第一显示高度,再从第一页面数据中获取与第一显示高度匹配的第一目标页面数据,其中确定第一目标页面数据在当前页面对应的第一显示高度可自定义,自定义可以是先根据第二目标页面数据的页面高度、项目标签栏的高度和当前页面的总页面高度确定得到第一目标页面数据对应的第一显示高度,或者还可以是直接获取第一目标页面数据对应的预设第一显示高度,或者还可以是计算第二目标页面数据的页面高度、项目标签栏的高度分别占当前页面的总页面高度的比例,根据比例再计算第一目标页面数据对应的第一显示高度。
例如,根据第二目标页面数据的页面高度、项目标签栏的高度和当前页面的总页面高度确定得到第一目标页面数据对应的第一显示高度可以是将当前页面的总页面高度与第二目标页面数据的页面高度、项目标签栏的高度的差值作为第一目标页面数据对应的第一显示高度。
其中,从第一页面数据中获取与第一显示高度匹配的第一目标页面数据可以是,在确定第一目标页面数据对应的第一显示高度后,按照当前页面显示的第一页面数据的浏览顺序,从下到上的顺序,从第一页面数据中获取与第一显示高度匹配的第一目标页面数据,也就是说,第一目标页面数据在第一显示高度对应的区域中显示。在另一个实施例中,从第二页面数据中获取第二目标页面数据的获取方式具体可以是先确定第二目标页面数据在当前页面对应的第二显示高度,再从第二页面数据中获取与第二显示高度匹配的第二目标页面数据。或者从第二页面数据中获取第二目标页面数据的获取方式还可以是根据第二页面数据的各个子页面数据与第一页面数据之间的关联度,根据关联度从各个子页面数据确定目标子页面数据,将目标子页面数据作为第二目标页面数据。具体地,确定第二目标页面数据在当前页面对应的第二显示高度可自定义,在一个实施例中,自定义可以是获取第二目标页面数据对应的预设第二显示高度;在另一个实施例中,第二显示高度确定方式自定义还可以是根据第一目标页面数据的页面高度、项目标签栏的高度和当前页面的总页面高度确定得到第二目标页面数据对应的第二显示高度;在又一个实施例中,第二显示高度确定方式自定义还可以是根据第二页面数据的各个子页面数据与第一页面数据之间的关联度,根据关联度从各个子页面数据确定目标子页面数据,将目标子页面数据对应的区域显示高度作为第二显示高度;在再一个实施例中,第二显示高度确定方式自定义还可以是计算第一目标页面数据的页面高度、项目标签栏的高度分别占当前页面的总页面高度的比例,根据比例再计算第二目标页面数据对应的第二显示高度。
进一步地,从第二页面数据中获取第二目标页面数据的获取方式还可以是根据第二页面数据的各个子页面数据与第一页面数据之间的关联度,其中,关联度计算方式可自定义,自定义可以是计算各个子页面数据与第一页面数据之间的匹配度,或者还可以是计算各个子页面数据与第一页面数据之间的相似度,再根据关联度从各个子页面数据确定目标子页面数据,如,将关联度大于预设阈值的子页面数据确定为目标子页面数据,由目标子页面数据组成第二目标页面数据。在一个实施例中,从第二页面数据中获取第二目标页面数据的获取方式还可以是根据第二页面数据中各个子页面数据对应的用户关注度,根据用户关注度从各个子页面数据中确定目标子页面数据,将目标子页面数据作为第二目标页面数据。也就是说,第二目标页面数据为第二页面数据中用户最为关注的数据,关注度比较高的页面数据。
步骤210,在当前页面的第一位置区域展示第一目标页面数据,在当前页面的第二位置区域展示第二目标页面数据。
其中,由于终端设备的屏幕大小的限制,无法将第一页面数据和第二页面数据全部展示在终端的屏幕可见区域中,因此在终端的屏幕可见区域展示第一目标页面数据和第二目标页面数据,具体可以将终端的屏幕可见区域划分为第一位置区域、项目标签栏展示区域和第二位置区域,第一位置区域用来展示第一目标页面数据,第二位置区域用来展示第二目标页面数据。其中,第一位置区域和第二位置区域在终端屏幕可见区域的确定方式可以是先确定第二目标页面数据的第二显示高度,将第二显示高度确定为第二位置区域,再根据当前页面的总页面高度、第二位置区域和项目标签栏展示区域确定第一位置区域。进一步地,在当前页面的第一位置区域展示第一目标页面数据,第二位置区域展示第二目标页面数据,以及项目标签栏展示区域展示项目标签栏。在一个实施例中,可如图2B所示,图2B示出一个实施例中当前页面的界面示意图,图2B的当前页面划分为三个区域,分别为第一位置区域、项目标签栏展示区域和第二位置区域,在第一位置区域展示第一目标页面数据,第二位置区域展示第二目标页面数据,在项目标签栏展示区域展示项目标签栏。
在一个实施例中,如图2A所示,终端在当前页面的下方展示项目标签栏,在当前页面的其余页面展示第一页面数据,当终端检测到作用于项目标签栏的选择指令后,当前页面的展示区域立马切分为三个区域,分别为第一位置区域、项目标签栏展示区域和第二位置区域,如图2B所示,在当前页面的第一位置区域展示第一目标页面数据,在当前页面的第二位置区域展示第二目标页面数据,在当前页面的项目标签栏展示区域展示项目标签栏。通过图2A和图2B可见,在进行当前页面的页面栏目内容切换时,能够快速定位显示目标子栏目的内容,即当前页面既能显示切换前的第一页面数据中的第一目标页面数据,又能显示切换后目标子栏目对应的第二页面数据中的第二目标页面数据,无需用户再点击栏目切换后,还需要进行额外的手动滑动屏幕操作,从而提高栏目内容切换效率。
上述页面内容显示方法,在未进行任何栏目切换时,当前页面展示第一页面数据和项目标签栏,当检测到作用于项目标签栏的选择指令后,根据选择指令确定目标子栏目标识,根据目标子栏目标识获取对应的第二页面数据,其中第一页面数据和第二页面数据具有关联关系。因为终端设备的当前页面的展示区域有限,因此无法将第一页面数据和第二页面数据全部展示在当前页面中,需从第一页面数据中获取第一目标页面数据,从第二页面数据中获取第二目标页面数据。最后,在当前页面的第一位置区域展示第一目标页面数据,在当前页面的第二位置区域展示第二目标页面数据。在进行页面栏目内容切换时,能够快速定位在当前页面的指定位置显示目标栏目的内容,无需用户通过额外的手动滑动屏幕操作才能显示目标栏目的内容,不仅节省了用户操作成本,而且还提高了栏目内容切换效率。
在一个实施例中,如图3所示,根据目标子栏目标识获取对应的第二页面数据,包括:
步骤302,生成携带目标子栏目标识的页面数据获取请求。
其中,页面数据获取请求是用于请求与目标子栏目标识对应的页面数据的,终端可以向服务器发送页面数据获取请求,请求服务器返回与目标子栏目标识对应的第二页面数据。具体地,终端在获取作用于项目标签栏的选择指令,根据选择指令确定目标子栏目标识后,生成页面数据获取请求,页面数据获取请求携带目标子栏目标识,将生成的页面数据获取请求发送至服务器。其中,终端在获取作用于项目标签栏操作的同时,触发生成页面数据获取请求,页面数据获取请求携带目标子栏目标识。
步骤304,将页面数据获取请求发送至服务器,接收服务器根据页面数据获取请求返回的目标子栏目标识对应的第二页面数据。
具体地,终端生成携带目标子栏目标识的页面数据获取请求后,将页面数据获取请求发送至服务器,服务器接收到终端发送的页面数据获取请求,根据页面数据获取请求中携带的目标子栏目标识查找匹配的第二页面数据。进一步地,将与目标子栏目标识匹配的第二页面数据返回至终端。其中,不同子栏目标识对应的第二页面数据不同,服务器可预先存储各个子栏目标识和对应的第二页面数据之间的存储关系,一旦服务器接收到终端发送的页面数据获取请求后,立马可根据页面数据获取请求携带的目标子栏目标识,根据存储关系查找与目标子栏目标识匹配的第二页面数据,并将查找到的与目标子栏目标识匹配的第二页面数据返回至终端。进一步地,终端接收到服务器返回的与目标子栏目标识匹配的第二页面数据后,可存储目标子栏目标识与对应的第二页面数据。
在一个实施例中,如图4所示,获取作用于项目标签栏的选择指令,包括:
步骤402,获取作用于当前页面设置的项目标签栏中目标子项目控件的操作。
其中,项目标签栏包括至少一个子栏目标识,子栏目标识用来唯一标识子栏目的,即项目标签栏中包括至少一个子栏目,当当前页面展示项目标签栏时,项目标签栏包括各个子栏目的控件,在当前页面设置各个子栏目的控件供终端用户选择目标子栏目,即各个子栏目的控件组成项目标签栏。具体地,在当前页面展示的项目标签栏包括多个子栏目控件,如图2A所示,图2A中的项目标签栏中的新闻、诊股、资金、简况分别为一个子栏目,各个子栏目都存在对应的控件,终端可获取作用于当前页面设置的项目标签栏中的目标子栏目控件的操作,操作可以是点击操作或者是语音操作。
步骤404,根据操作触发生成选择指令,选择指令包括目标子项目控件对应的目标子栏目标识。
具体地,终端在获取作用于当前页面设置的项目标签栏中的目标子栏目控件的操作后,可根据操作触发生成选择指令。其中,由于选择指令是作用于项目标签栏中的目标子栏目控件的操作触发生成的,因此触发生成的选择指令中携带目标子栏目标识,这里的目标子栏目标识用于唯一标识目标子栏目控件对应的目标子栏目的。进一步地,终端在获取作用于当前页面设置的项目标签栏中的目标子栏目控件的操作的同时生成页面数据获取请求,将目标子栏目标识携带在页面数据获取请求中,向服务器发送页面数据获取请求,服务器再根据页面数据获取请求中的目标子栏目标识返回对应的第二页面数据。
在一个实施例中,如图5所示,从第一页面数据中获取第一目标页面数据,从第二页面数据中获取第二目标页面数据,包括:
步骤502,获取目标子栏目标识对应的预设显示高度、当前页面对应的总页面高度和项目标签栏对应的标签栏高度。
其中,不同子栏目可对应不同或者相同的预设显示高度,具体可根据产品实际需求或者应用场景设置不同子栏目对应不同的预设显示高度或者不同子栏目对应相同的预设显示高度。这里的预设显示高度可与子栏目标识进行绑定,预设显示高度可预先设定,可根据业务需求或者终端设备的总屏幕高度进行设定。
具体地,终端可预先存储各个子栏目标识对应的预设显示高度,根据目标子栏目标识获取对应的预设显示高度,或者向服务器请求返回与目标子栏目标识对应的预设显示高度。同时,终端获取当前页面对应的总页面高度,即屏幕可见区域的区域大小。由于在当前页面展示项目标签栏,项目标签栏在当前页面也占据一定的区域,因此获取项目标签栏对应的标签栏高度,标签栏高度为项目标签栏的展示区域大小。
步骤504,在隐藏区域加载第二页面数据,形成待显示的第二页面。
其中,这里的隐藏区域为屏幕不可见区域,即除了当前页面之外的其他区域。具体地,终端接收到服务器返回的与目标子栏目标识对应的第二页面数据后,在隐藏区域加载第二页面数据,形成待显示的第二页面。也就是说,终端在获取到目标子栏目标识对应的第二页面数据后,在屏幕不可见区域载入第二页面数据,在屏幕不可见区域形成了待显示的第二页面,第二页面为第二页面数据形成的还没显示的页面,即该第二页面在隐藏区域显示,而不在当前页面显示。如图5A所示,图5A示出一个实施例中页面内容显示方法对应的操作模型示意图。图5A示出的示意图包括2个区域,分别为屏幕可见区域(当前页面)和屏幕不可见区域(隐藏区域),在屏幕可见区域显示第一页面数据和项目标签栏,终端获取到目标子栏目标识对应的第二页面数据后,在屏幕不可见区域加载目标子栏目标识,形成了待显示的第二页面,第二页面也是一个页面,只不过没有展示在终端用户眼前。
步骤506,从第二页面中确定与预设显示高度相同的目标页面区域。
步骤508,将目标页面区域对应的子页面数据作为第二目标页面数据。
具体地,终端在获取到目标子栏目标识对应的预设显示高度后,由于需要在预设显示高度对应的区域内展示第二页面数据中的第二目标页面数据,因此可根据目标子栏目标识对应的预设显示高度从第二页面中获取相同高度的目标页面区域。其中,根据预设显示高度从第二页面中的获取相同高度的目标页面区域的方式可自定义,自定义可以是按照第二页面的浏览顺序,从上到下获取与预设显示高度相同的区域,作为目标页面区域,或者还可以是第二页面预先包括多个子页面区域,各个子页面区域与预设显示高度相同,从多个子页面区域中选择目标页面区域。其中,从多个子页面区域中选择目标页面区域具体可以是计算各个子页面区域对应的子页面数据与第一页面数据之间的关联度,根据关联度从各个子页面区域中确定目标页面区域。
进一步地,在从第二页面中确定与预设显示高度相同的目标页面区域后,将目标页面区域对应的子页面数据作为第二目标页面数据。例如,如图5A和图5B所示,图5B示出一个实施例中页面内容显示方法对应的操作模型示意图,图5B示出的示意图包括屏幕可见区域和屏幕不可见区域,屏幕可见区域包括3个区域,分别为项目标签栏对应的标签栏区域、第一目标页面数据对应的第一展示区域和第二目标页面数据对应的第二展示区域,第二展示区域对应的高度为预设显示高度,可从屏幕不可见区域中确定与预设显示高度相同的目标页面区域,如图5A中的虚拟框a框住的区域为目标页面区域,将目标页面区域对应的子页面数据作为第二目标页面数据,在图5B中的第二目标页面数据对应的第二展示区域显示第二目标页面数据。
步骤510,根据预设显示高度、标签栏高度和总页面高度确定子页面高度。
步骤512,按照当前页面末端向上的顺序,从第一页面数据中获取与子页面高度匹配的第一目标页面数据。
具体地,由于终端设备的屏幕大小的限制,展示的页面内容数据有限,无法将所有的页面数据全部展示在当前页面中,因此为了能够在当前页面展示目标页面数据,当前页面包括第一目标页面数据对应的第一展示区域,项目标签栏对应的标签栏区域和第二目标页面数据对应的第二展示区域,各个展示区域存在对应的显示高度。因此,可根据目标子栏目标识的预设显示高度、标签栏高度和总页面高度确定子页面高度,其中,确定方式可自定义,自定义可以是将总页面高度与预设显示高度、标签栏高度的差值作为子页面高度,还可以是计算预设显示高度、标签栏高度占总页面高度的比值,再根据比值计算得到子页面高度。这里的子页面高度对应的区域用来展示第一页面数据中的第一目标页面数据。
进一步地,在确定第一目标页面数据对应的第一展示区域对应的子页面高度后,需要从第一页面数据中获取与子页面高度匹配的第一目标页面数据,具体可以是按照当前页面末端向上的顺序,从当前页面确定与子页面高度匹配的子页面区域,将与子页面高度匹配的子页面区域对应的子页面数据作为第一目标页面数据。如图5A和图5B所示,图5A示出的示意图中的虚线框b为当前页面中与子页面高度匹配的子页面区域,将子页面区域对应的子页面数据作为第一目标页面数据,在图5B中的第一目标页面数据对应的第一展示区域进行显示。
在一个实施例中,如图6所示,从第二页面中确定与预设显示高度相同的目标页面区域,包括:
步骤602,获取第二页面中与预设显示高度相同的各个子页面区域。
步骤604,计算各个子页面区域对应的子页面数据与第一页面数据之间的关联度。
步骤606,根据关联度从各个子页面区域中确定目标页面区域。
其中,由于第一页面数据和第二页面数据之间具有关联关系,因此可根据关联关系确定展示在当前页面的第二目标页面数据,例如,将第二页面数据中与第一页面数据关联关系较为密切的数据展示在当前页面中。
具体地,在获取目标子栏目标识对应的预设显示高度后,根据预设显示高度将第二页面划分为多个与预设显示高度相同的子页面区域,获取第二页面中与预设显示高度相同的各个子页面区域。由于各个子页面区域都存在对应的子页面数据,计算各个子页面区域对应的子页面数据与第一页面数据之间的关联度,计算方式可自定义,自定义可以是计算各个子页面区域对应的子页面数据与第一页面数据之间的相似度,或者是计算各个子页面区域对应的子页面数据与第一页面数据之间的匹配度等。
进一步地,当计算得到各个子页面区域对应的子页面数据与第一页面数据之间的关联度后,根据关联度可以从各个子页面区域中确定目标页面区域,如当关联度大于预设关联度的子页面区域作为目标页面区域,或者将各个子页面区域对应的关联度进行排列,将关联度排列最前对应的子页面区域作为目标页面区域。最后,将目标页面区域对应的子页面区域作为第二目标页面数据,在当前页面的指定位置显示该第二目标页面数据。
在一个实施例中,如图7所示,从第二页面中确定与预设显示高度相同的目标页面区域,包括:
步骤702,获取第二页面对应的起始位置。
步骤704,根据起始位置和预设显示高度计算得到终止位置。
步骤706,根据起始位置和终止位置形成目标页面区域。
具体地,从第二页面中确定与预设显示高度相同的目标页面区域可以按照第二页面的浏览顺序,从上到下获取与预设显示高度相同的目标页面区域。具体地,获取第二页面对应的起始位置,将第二页面对应的起始位置作为目标页面区域的起始位置,根据起始位置和预设显示高度计算目标页面区域的终止位置,也就是说终止位置与起始位置之间的位置差距与预设显示高度相同。
进一步地,在确定目标页面区域的起始位置和终止位置后,将起始位置和终止位置形成的区域作为与预设显示高度相同的目标页面区域。如图7A所示,图7A示出一个实施例中待显示的第二页面的界面示意图,图7A示出的界面是目标子栏目标识对应的第二页面数据对应的待显示的第二页面,获取第二页面的起始位置为图7A中的位置a,将位置a作为目标页面区域的起始位置,根据起始位置和预设显示高度计算得到目标页面区域的终止位置为位置b,因此将位置a和位置b之间的区域作为目标页面区域,即图7A中的阴影部分为目标页面区域。
在一个实施例中,如图8所示,页面内容显示方法还包括:
步骤802,创建视图控件,根据视图控件生成当前页面。
步骤804,获取视图控件对应的预设移动方向,预设移动方向为预设水平移动方向和预设竖直移动方向中的至少一种。
其中,这里的视图控件是用来展示当前页面的页面数据的,是一个可以滚动的视图控件,如ScrollView视图控件,当展示的页面数据比较多时,超出屏幕可见区域时,用户可通过滚动手势来查看屏幕可见区域以外的内容。具体可以是,创建视图控件,将获取到的当前页面数据加载到创建好的视图控件,通过视图控件生成当前页面数据对应的当前页面。
其中,由于视图控件包括多个属性参数,各个属性参数存在不同的功能,获取视图控件对应的预设移动方向,可通过获取视图控件相关属性参数确定视图控件对应的预设移动方向。这里的预设移动方向为预设水平移动方向和预设竖直移动方向中的至少一个中,具体可根据产品实际需求或者应用场景进行设置。通常终端设备的预设移动方向为预设竖直移动方向,竖直移动方向更符合用户体验和用户操作。
步骤806,获取第二目标页面数据对应的第二目标页面数据显示高度。
步骤808,将第二目标页面数据显示高度作为视图控件在预设移动方向的移动位置参数,视图控件根据移动位置参数确定当前页面的第二位置区域。
具体地,获取第二目标页面数据对应的第二目标页面数据显示高度,第二目标页面数据显示高度即为第二目标页面数据对应的第二展示区域对应的显示高度,由于视图控件中包括各个不同功能的属性参数,如控制移动方向的属性参数,控制当前页面移动范围的属性参数,因此可获取视图控件控制在预设移动方向的属性参数,将获取到的第二目标页面数据显示高度作为视图控件在预设移动方向的移动位置参数。进一步地,视图控件根据移动位置参数确定当前页面的第二位置区域,第二位置区域用来展示第二目标页面数据的,即为第二目标页面数据对应的第二展示区域。其中,通过设置视图控件在预设移动方向的移动位置,视图控件可自动定位到指定位置,无需用户慢慢滑动从而定位到指定位置,因此可直接在当前页面的指定位置,即第二位置区域上显示目标子栏目标识对应的第二目标页面数据。
步骤810,获取当前页面对应的总页面区域和项目标签栏对应的标签栏区域。
步骤812,根据总页面区域、第二位置区域和标签栏区域确定当前页面的第一位置区域。
其中,由于当前页面需要展示第二目标页面数据、项目标签栏和第一目标页面数据,而第二目标页面数据、项目标签栏和第一目标页面数据在当前页面的不同位置进行展示,因此在确定第二目标页面数据展示的第二位置区域后,需要根据第二位置区域、项目标签栏对应的标签栏区域和当前页面的总页面区域确定用于展示第一目标页面数据的第一位置区域。其中,当前页面的标签栏区域用于展示项目标签栏,当前页面的总页面区域为当前页面的总展示区域,超过该总展示区域则无法展示在终端用户眼前。
具体地,获取当前页面对应的总页面区域和当前页面中项目标签栏对应的标签栏区域,根据总页面区域、第二位置区域和标签栏区域确定当前页面的第一位置区域,具体可以是将总页面区域和第二位置区域、标签栏区域的差值作为第一位置区域,或者还可以是计算第二位置区域和标签栏区域占总页面区域的比值,根据比值再计算第一位置区域。进一步地,在进行栏目切换时,终端可将第一目标页面数据在当前页面的第一位置区域进行展示,将第二目标页面数据在当前页面的第二位置区域进行展示,因此,进行栏目切换时,当前页面不仅可以展示切换前的部分页面数据,还可以展示切换后的目标子栏目标识对应的部分页面数据,无需用户手动滑动屏幕才能显示切换后的目标子栏目标识的页面数据。
在一个实施例中,如图9所示,页面内容显示方法还包括:
步骤902,获取作用于当前子栏目页面的退出指令,根据退出指令获取当前子栏目标识和当前子栏目数据对应的当前子栏目数据显示高度。
步骤904,存储当前子栏目标识和当前子栏目数据显示高度之间的存储关系。
其中,当前子栏目页面有设置退出当前子栏目页面对应的控件,通过对当前子栏目页面设置的退出控件进行操作,触发生成退出指令。其中,操作可以是对退出控件进行点击操作或者是语音操作。具体地,终端获取作用于当前子栏目页面的退出指令,由于该退出指令是用来退出当前子栏目页面的,因此可根据退出指令获取当前子栏目标识和当前子栏目数据对应的当前子栏目数据显示高度。所谓当前子栏目数据显示高度是指当前子栏目页面对应的当前子栏目数据的显示高度。进一步地,终端获取到当前子栏目标识和当前子栏目数据显示高度后,将当前子栏目标识和当前子栏目数据显示高度进行存储,在存储的时候可将当前子栏目标识和对应的当前子栏目数据建立对应关系进行存储,以便终端再次检测到作用于当前子栏目页面的进入指令时,可根据进入指令直接获取与当前子栏目标识对应的当前子栏目数据显示高度,根据当前子栏目数据显示高度恢复当前子栏目页面退出前的位置。
步骤906,当检测到作用于目标子栏目页面的进入指令,进入指令携带目标子栏目标识,根据存储关系获取与目标子栏目标识对应的目标子栏目数据显示高度,根据目标子栏目数据显示高度确定当前页面中对应的第二位置区域,在当前页面的第二位置区域展示与目标子栏目标识对应的目标子栏目数据。
其中,终端的当前页面展示的项目标签栏包括多个子栏目标识对应的控件,可通过对各个子栏目标识对应的控件操作进入对应的子栏目页面。当终端检测到作用于项目标签栏的子栏目控件的操作,根据操作触发生成进入指令。由于进入指令是用于请求进入对应的子栏目页面的,因此进入指令携带目标子栏目标识,终端一旦检测到作用于目标子栏目页面的进入指令后,获取进入指令携带的目标子栏目标识。
其中,由于终端预先存储子栏目标识和对应的子栏目数据显示高度之间的关系,因此可通过该存储关系获取与目标子栏目标识对应的目标子栏目数据显示高度,进一步地,根据目标子栏目数据显示高度确定当前页面中对应的第二位置区域,再在当前页面的第二位置区域展示与与目标子栏目标识对应的目标子栏目数据。也就是说,当终端用户在某个子栏目页面中进行浏览时,退出了该子栏目页面,可将该子栏目页面对应的标识和浏览的高度大小进行保存,当终端检测到再次进入该子栏目页面的指令后,可以恢复上次该子栏目页面退出前的浏览状况。在一个实施例中,第一页面数据包括资源信息、产品基本信息中的至少一种信息,第二页面数据包括资源辅助信息、产品扩展信息中的至少一种信息。
其中,这里的资源信息可以是但不限于股票k线图、股票买入金额、股票卖出金额、股票成交量等,例如,第一页面数据可以是股票移动端APP中某个个股相关的信息,如股票k线图、股票买入金额、股票卖出金额、股票成交量等。而产品基本信息是指产品的常规信息,如产品介绍信息、产品展示信息等等。
而第二页面数据和第一页面数据具有关联关系,即第二页面数据和第一页面数据之间存在密切关系,第二页面数据可以是第一页面数据的补充信息,第二页面数据还可以是第一页面数据的辅助性信息,或者第二页面数据还可以是第一页面数据的扩展信息。例如,当第一页面数据为股票移动端APP中某个个股的相关信息,如K线图、买入金额、卖出金额等等,而第二页面数据可以是该个股的辅助信息,如新闻、资金信息、简况、诊股等等。
在一个具体实施例中,提供了一种页面内容显示方法,本实施例主要以该方法应用于上述图1中的终端110来举例说明,具体包括以下步骤:
1、获取当前页面数据,当前页面数据包括第一页面数据和项目标签栏,项目标签栏包括至少一个子栏目标识。
2、在当前页面展示第一页面数据和项目标签栏。
3、获取作用于项目标签栏的选择指令,根据选择指令确定目标子栏目标识,根据目标子栏目标识获取对应的第二页面数据,第二页面数据与第一页面数据具有关联关系。
在一个实施例中,第一页面数据包括资源信息、产品基本信息中的至少一种信息,第二页面数据包括资源辅助信息、产品扩展信息中的至少一种信息。
3-1、获取作用于当前页面设置的项目标签栏中目标子项目控件的操作,根据操作触发生成选择指令,选择指令包括目标子项目控件对应的目标子栏目标识。
3-2、生成携带目标子栏目标识的页面数据获取请求,将页面数据获取请求发送至服务器,接收服务器根据页面数据获取请求返回的目标子栏目标识对应的第二页面数据。
4、从第一页面数据中获取第一目标页面数据,从第二页面数据中获取第二目标页面数据。
4-1、获取目标子栏目标识对应的预设显示高度、当前页面对应的总页面高度和项目标签栏对应的标签栏高度。
4-2、在隐藏区域加载第二页面数据,形成待显示的第二页面。
4-3、从第二页面中确定与预设显示高度相同的目标页面区域。
4-3-1、获取第二页面中与预设显示高度相同的各个子页面区域,计算各个子页面区域对应的子页面数据与第一页面数据之间的关联度,根据关联度从各个子页面区域中确定目标页面区域。
4-3-2、获取第二页面对应的起始位置,根据起始位置和预设显示高度计算得到终止位置,根据起始位置和终止位置形成目标页面区域。
4-4、将目标页面区域对应的子页面数据作为第二目标页面数据。
4-5、根据预设显示高度、标签栏高度和总页面高度确定子页面高度。
4-6、按照当前页面末端向上的顺序,从第一页面数据中获取与子页面高度匹配的第一目标页面数据。
5、创建视图控件,根据视图控件生成当前页面。
6、获取视图控件对应的预设移动方向,预设移动方向为预设水平移动方向和预设竖直移动方向中的至少一种。
7、获取第二目标页面数据对应的第二目标页面数据显示高度。
8、将第二目标页面数据显示高度作为视图控件在预设移动方向的移动位置参数,视图控件根据移动位置参数确定当前页面的第二位置区域。
9、获取当前页面对应的总页面区域和项目标签栏对应的标签栏区域。
10、根据总页面区域、第二位置区域和标签栏区域确定当前页面的第一位置区域。
11、在当前页面的第一位置区域展示第一目标页面数据,在当前页面的第二位置区域展示第二目标页面数据。
12、获取作用于当前子栏目页面的退出指令,根据退出指令获取当前子栏目标识和当前子栏目数据对应的当前子栏目数据显示高度。
13、存储当前子栏目标识和当前子栏目数据显示高度之间的存储关系。
14、当检测到作用于目标子栏目页面的进入指令,进入指令携带目标子栏目标识,根据存储关系获取与目标子栏目标识对应的目标子栏目数据显示高度,根据目标子栏目数据显示高度确定当前页面中对应的第二位置区域,在当前页面的第二位置区域展示与目标子栏目标识对应的目标子栏目数据。
在一个应用在股票移动端APP的实际应用场景中,如图10A和图10B所示,图10A和图10B示出一个实施例中股票应用的界面示意图,图10A示出股票a的当前页面,当前页面显示股票a的基本信息,如k线图、最高价格、最低价格、成交量、成交额等等,当前页面的下方还包括项目标签栏,项目标签栏包括多个子项目,如新闻、诊股、资金、简况。当终端用户在研究股票a时,可结合各个子项目对应的内容进行研究,如终端用户想结合子项目资金下的内容进行研究,因此终端用户对项目标签栏的资金进行点击操作,当前页面在指定的区域显示子栏目资金下的部分内容,在另一块区域显示股票a的部分基本信息,如图10B所示,当前页面的第一位置区域显示股票a的部分基本信息,项目标签栏从当前页面的下方移动到指定位置进行显示,而当前页面的第二位置显示子栏目资金下的部分内容。在进行栏目切换的过程,不仅能够在当前页面快速定位显示出目标子栏目对应的关键内容,而且也无需终端用户进行额外的手动滑动屏幕操作,从而节省了用户操作成本的同时提高了栏目切换效率。
应该理解的是,虽然上述流程图中的各个步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,这些步骤可以以其它的顺序执行。而且,上述流程图中的至少一部分步骤可以包括多个子步骤或者多个阶段,这些子步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,这些子步骤或者阶段的执行顺序也不必然是依次进行,而是可以与其它步骤或者其它步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
在一个实施例中,如图11所示,提供了一种页面内容显示装置1100,该装置包括:
第一页面数据获取模块1102,用于获取当前页面数据,当前页面数据包括第一页面数据和项目标签栏,项目标签栏包括至少一个子栏目标识。
第一页面数据展示模块1104,用于在当前页面展示第一页面数据和项目标签栏。
第二页面数据获取模块1106,用于获取作用于项目标签栏的选择指令,根据选择指令确定目标子栏目标识,根据目标子栏目标识获取对应的第二页面数据,第二页面数据与第一页面数据具有关联关系。
目标页面数据确定模块1108,用于从第一页面数据中获取第一目标页面数据,从第二页面数据中获取第二目标页面数据。
目标页面数据展示模块1110,用于在当前页面的第一位置区域展示第一目标页面数据,在当前页面的第二位置区域展示第二目标页面数据。
在一个实施例中,如图12所示,第二页面数据获取模块1106包括:
获取请求生成单元1106a,用于生成携带目标子栏目标识的页面数据获取请求。
获取请求发送单元1106b,用于将页面数据获取请求发送至服务器,接收服务器根据页面数据获取请求返回的目标子栏目标识对应的第二页面数据。
在一个实施例中,第二页面数据获取模块还用于获取作用于当前页面设置的项目标签栏中目标子项目控件的操作,根据操作触发生成选择指令,选择指令包括目标子项目控件对应的目标子栏目标识。
在一个实施例中,如图13所示,目标页面数据确定模块1108包括:
显示高度获取单元1108a,用于获取目标子栏目标识对应的预设显示高度、当前页面对应的总页面高度和项目标签栏对应的标签栏高度。
第二页面数据加载单元1108b,用于在隐藏区域加载第二页面数据,形成待显示的第二页面。
第二目标页面数据确定单元1108c,用于从第二页面中确定与预设显示高度相同的目标页面区域,将目标页面区域对应的子页面数据作为第二目标页面数据。
子页面高度确定单元1108d,用于根据预设显示高度、标签栏高度和总页面高度确定子页面高度。
第一目标页面数据生成单元1108e,用于按照当前页面末端向上的顺序,从第一页面数据中获取与子页面高度匹配的第一目标页面数据。
在一个实施例中,如图14所示,第二目标页面数据确定单元1108c包括:
子页面区域获取子单元1402,用于获取第二页面中与预设显示高度相同的各个子页面区域。
关联度计算子单元1404,用于计算各个子页面区域对应的子页面数据与第一页面数据之间的关联度。
目标页面区域确定子单元1406,用于根据关联度从各个子页面区域中确定目标页面区域。
在一个实施例中,如图15所示,第二目标页面数据确定单元1108c包括:
起始位置获取子单元1502,用于获取第二页面对应的起始位置。
终止位置确定子单元1504,用于根据起始位置和预设显示高度计算得到终止位置。
目标页面区域形成子单元1506,用于根据起始位置和终止位置形成目标页面区域。
在一个实施例中,如图16所示,页面内容显示装置1100还包括:
视图控件创建模块1602,用于创建视图控件,根据视图控件生成当前页面。
预设移动方向获取模块1604,用于获取视图控件对应的预设移动方向,预设移动方向为预设水平移动方向和预设竖直移动方向中的至少一种。
显示高度获取模块1606,用于获取第二目标页面数据对应的第二目标页面数据显示高度。
第二位置区域确定模块1608,用于将第二目标页面数据显示高度作为视图控件在预设移动方向的移动位置参数,视图控件根据移动位置参数确定当前页面的第二位置区域。
显示高度获取模块1606还用于获取当前页面对应的总页面区域和项目标签栏对应的标签栏区域。
第一位置区域确定模块1610,用于根据总页面区域、第二位置区域和标签栏区域确定当前页面的第一位置区域。
在一个实施例中,如图17所示,页面内容显示装置1100还包括:
退出指令获取模块1702,用于获取作用于当前子栏目页面的退出指令,根据退出指令获取当前子栏目标识和当前子栏目数据对应的当前子栏目数据显示高度。
子栏目数据存储模块1704,用于存储当前子栏目标识和当前子栏目数据显示高度之间的存储关系。
进入指令检测模块1706,用于当检测到作用于当前子栏目页面的进入指令,进入指令携带当前子栏目标识,根据存储关系获取与当前子栏目标识对应的当前子栏目数据显示高度,根据当前子栏目数据显示高度确定当前页面的第二位置区域,在当前页面的第二位置区域展示与当前子栏目标识对应的当前子栏目数据。
在一个实施例中,第一页面数据包括资源信息、产品基本信息中的至少一种信息,第二页面数据包括资源辅助信息、产品扩展信息中的至少一种信息。
图18示出了一个实施例中计算机设备的内部结构图。该计算机设备具体可以是图1中的终端110。如图18所示,该计算机设备包括该计算机设备包括通过系统总线连接的处理器、存储器、网络接口、输入装置和显示屏。其中,存储器包括非易失性存储介质和内存储器。该计算机设备的非易失性存储介质存储有操作系统,还可存储有计算机程序,该计算机程序被处理器执行时,可使得处理器实现页面内容显示方法。该内存储器中也可储存有计算机程序,该计算机程序被处理器执行时,可使得处理器执行页面内容显示方法。计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏,计算机设备的输入装置可以是显示屏上覆盖的触摸层,也可以是计算机设备外壳上设置的按键、轨迹球或触控板,还可以是外接的键盘、触控板或鼠标等。
本领域技术人员可以理解,图18中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的计算机设备的限定,具体的计算机设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
在一个实施例中,本申请提供的页面内容显示装置可以实现为一种计算机程序的形式,计算机程序可在如图18所示的计算机设备上运行。计算机设备的存储器中可存储组成该页面内容显示装置的各个程序模块,比如,图11所示的第一页面数据获取模块、第一页面数据展示模块、第二页面数据获取模块、目标页面数据确定模块和目标页面数据展示模块。各个程序模块构成的计算机程序使得处理器执行本说明书中描述的本申请各个实施例的页面内容显示方法中的步骤。
例如,图18所示的计算机设备可以通过如图11所示的页面内容显示装置中的第一页面数据获取模块执行获取当前页面数据,当前页面数据包括第一页面数据和项目标签栏,项目标签栏包括至少一个子栏目标识。计算机设备可通过第一页面数据展示模块执行在当前页面展示第一页面数据和项目标签栏。计算机设备可通过第二页面数据获取模块执行获取作用于项目标签栏的选择指令,根据选择指令确定目标子栏目标识,根据目标子栏目标识获取对应的第二页面数据,第二页面数据与第一页面数据具有关联关系。计算机设备可通过目标页面数据确定模块执行从第一页面数据中获取第一目标页面数据,从第二页面数据中获取第二目标页面数据。计算机设备可通过目标页面数据展示模块执行在当前页面的第一位置区域展示第一目标页面数据,在当前页面的第二位置区域展示第二目标页面数据。
在一个实施例中,提供了一种计算机设备,包括存储器和处理器,存储器存储有计算机程序,计算机程序被处理器执行时,使得处理器执行上述页面内容显示方法的步骤。此处页面内容显示方法的步骤可以是上述各个实施例的页面内容显示方法中的步骤。
在一个实施例中,提供了一种计算机可读存储介质,存储有计算机程序,计算机程序被处理器执行时,使得处理器执行上述页面内容显示方法的步骤。此处页面内容显示方法的步骤可以是上述各个实施例的页面内容显示方法中的步骤。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的程序可存储于一非易失性计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用,均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限,RAM以多种形式可得,诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。
以上实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本申请的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对本申请专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本申请构思的前提下,还可以做出若干变形和改进,这些都属于本申请的保护范围。因此,本申请专利的保护范围应以所附权利要求为准。
Claims (15)
1.一种页面内容显示方法,包括:
获取当前页面数据,所述当前页面数据包括第一页面数据和项目标签栏,所述项目标签栏包括至少一个子栏目标识;
在当前页面展示所述第一页面数据和所述项目标签栏;
获取作用于所述项目标签栏的选择指令,根据所述选择指令确定目标子栏目标识,根据所述目标子栏目标识获取对应的第二页面数据,所述第二页面数据与所述第一页面数据具有关联关系;
从所述第一页面数据中获取第一目标页面数据,从所述第二页面数据中获取第二目标页面数据,包括:获取所述目标子栏目标识对应的预设显示高度、所述当前页面对应的总页面高度和所述项目标签栏对应的标签栏高度;在隐藏区域加载所述第二页面数据,形成待显示的第二页面;从所述第二页面中确定与所述预设显示高度相同的目标页面区域;将所述目标页面区域对应的子页面数据作为所述第二目标页面数据;根据所述预设显示高度、所述标签栏高度和所述总页面高度确定子页面高度;按照所述当前页面末端向上的顺序,从所述第一页面数据中获取与所述子页面高度匹配的第一目标页面数据;
在所述当前页面的第一位置区域展示所述第一目标页面数据,在所述当前页面的第二位置区域展示所述第二目标页面数据。
2.根据权利要求1所述的方法,其特征在于,所述根据所述目标子栏目标识获取对应的第二页面数据,包括:
生成携带所述目标子栏目标识的页面数据获取请求;
将所述页面数据获取请求发送至服务器,接收所述服务器根据所述页面数据获取请求返回的所述目标子栏目标识对应的所述第二页面数据。
3.根据权利要求1所述的方法,其特征在于,所述获取作用于所述项目标签栏的选择指令,包括:
获取作用于所述当前页面设置的所述项目标签栏中目标子项目控件的操作;
根据所述操作触发生成所述选择指令,所述选择指令包括目标子项目控件对应的目标子栏目标识。
4.根据权利要求1所述的方法,其特征在于,第二页面预先包括多个子页面区域,所述从所述第二页面中确定与所述预设显示高度相同的目标页面区域;将所述目标页面区域对应的子页面数据作为所述第二目标页面数据包括:计算各个子页面区域对应的子页面数据与第一页面数据之间的关联度,根据关联度从各个子页面区域中确定目标页面区域。
5.根据权利要求4所述的方法,其特征在于,所述从所述第二页面中确定与所述预设显示高度相同的目标页面区域,包括:
获取所述第二页面中与所述预设显示高度相同的各个子页面区域;
计算各个所述子页面区域对应的子页面数据与所述第一页面数据之间的关联度;
根据所述关联度从各个所述子页面区域中确定目标页面区域。
6.根据权利要求4所述的方法,其特征在于,所述从所述第二页面中确定与所述预设显示高度相同的目标页面区域,包括:
获取所述第二页面对应的起始位置;
根据所述起始位置和所述预设显示高度计算得到终止位置;
根据所述起始位置和所述终止位置形成所述目标页面区域。
7.根据权利要求1所述的方法,其特征在于,所述方法还包括:
创建视图控件,根据所述视图控件生成所述当前页面;
获取所述视图控件对应的预设移动方向,所述预设移动方向为预设水平移动方向和预设竖直移动方向中的至少一种;
获取所述第二目标页面数据对应的第二目标页面数据显示高度;
将所述第二目标页面数据显示高度作为所述视图控件在所述预设移动方向的移动位置参数,所述视图控件根据所述移动位置参数确定所述当前页面的第二位置区域;
获取所述当前页面对应的总页面区域和所述项目标签栏对应的标签栏区域;
根据所述总页面区域、所述第二位置区域和所述标签栏区域确定所述当前页面的第一位置区域。
8.根据权利要求1所述的方法,其特征在于,所述方法还包括:
获取作用于当前子栏目页面的退出指令,根据所述退出指令获取当前子栏目标识和当前子栏目数据对应的当前子栏目数据显示高度;
存储所述当前子栏目标识和所述当前子栏目数据显示高度之间的存储关系;
当检测到作用于目标子栏目页面的进入指令,所述进入指令携带目标子栏目标识,根据所述存储关系获取与所述目标子栏目标识对应的目标子栏目数据显示高度,根据所述目标子栏目数据显示高度确定所述当前页面中对应的第二位置区域,在所述当前页面的第二位置区域展示与所述目标子栏目标识对应的目标子栏目数据。
9.根据权利要求1所述的方法,其特征在于,所述第一页面数据包括资源信息、产品基本信息中的至少一种信息,所述第二页面数据包括资源辅助信息、产品扩展信息中的至少一种信息。
10.一种页面内容显示装置,其特征在于,所述装置包括:
第一页面数据获取模块,用于获取当前页面数据,所述当前页面数据包括第一页面数据和项目标签栏,所述项目标签栏包括至少一个子栏目标识;
第一页面数据展示模块,用于在当前页面展示所述第一页面数据和所述项目标签栏;
第二页面数据获取模块,用于获取作用于所述项目标签栏的选择指令,根据所述选择指令确定目标子栏目标识,根据所述目标子栏目标识获取对应的第二页面数据,所述第二页面数据与所述第一页面数据具有关联关系;
目标页面数据确定模块,用于从所述第一页面数据中获取第一目标页面数据,从所述第二页面数据中获取第二目标页面数据,包括:显示高度获取单元,用于获取所述目标子栏目标识对应的预设显示高度、所述当前页面对应的总页面高度和所述项目标签栏对应的标签栏高度;第二页面数据加载单元,用于在隐藏区域加载所述第二页面数据,形成待显示的第二页面;第二目标页面数据确定单元,用于从所述第二页面中确定与所述预设显示高度相同的目标页面区域,将所述目标页面区域对应的子页面数据作为所述第二目标页面数据;子页面高度确定单元,用于根据所述预设显示高度、所述标签栏高度和所述总页面高度确定子页面高度;第一目标页面数据生成单元,用于按照所述当前页面末端向上的顺序,从所述第一页面数据中获取与所述子页面高度匹配的第一目标页面数据;
目标页面数据展示模块,用于在所述当前页面的第一位置区域展示所述第一目标页面数据,在所述当前页面的第二位置区域展示所述第二目标页面数据。
11.根据权利要求10所述的装置,其特征在于,所述第二页面数据获取模块包括:
获取请求生成单元,用于生成携带所述目标子栏目标识的页面数据获取请求;
获取请求发送单元,用于将所述页面数据获取请求发送至服务器,接收所述服务器根据所述页面数据获取请求返回的所述目标子栏目标识对应的所述第二页面数据。
12.根据权利要求10所述的装置,其特征在于,所述第二页面数据获取模块还用于获取作用于所述当前页面设置的所述项目标签栏中目标子项目控件的操作,根据所述操作触发生成所述选择指令,所述选择指令包括目标子项目控件对应的目标子栏目标识。
13.根据权利要求10所述的装置,其特征在于,第二页面预先包括多个子页面区域,所述目标页面数据确定模块还用于计算各个子页面区域对应的子页面数据与第一页面数据之间的关联度,根据关联度从各个子页面区域中确定目标页面区域。
14.一种计算机可读存储介质,存储有计算机程序,所述计算机程序被处理器执行时,使得所述处理器执行如权利要求1至9中任一项所述方法的步骤。
15.一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,所述计算机程序被所述处理器执行时,使得所述处理器执行如权利要求1至9中任一项所述方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910650075.7A CN112241498B (zh) | 2019-07-18 | 2019-07-18 | 页面内容显示方法、装置、可读存储介质和计算机设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910650075.7A CN112241498B (zh) | 2019-07-18 | 2019-07-18 | 页面内容显示方法、装置、可读存储介质和计算机设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112241498A CN112241498A (zh) | 2021-01-19 |
CN112241498B true CN112241498B (zh) | 2023-12-29 |
Family
ID=74168118
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910650075.7A Active CN112241498B (zh) | 2019-07-18 | 2019-07-18 | 页面内容显示方法、装置、可读存储介质和计算机设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112241498B (zh) |
Families Citing this family (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112748843B (zh) * | 2021-01-29 | 2022-06-03 | 腾讯科技(深圳)有限公司 | 页面切换方法、装置、计算机设备和存储介质 |
CN112905075B (zh) * | 2021-02-24 | 2022-06-07 | 富途网络科技(深圳)有限公司 | 页面显示方法、装置及介质 |
CN114416229A (zh) * | 2021-12-16 | 2022-04-29 | 青岛海尔科技有限公司 | 界面的显示方法、装置、终端设备和服务器 |
CN114491349B (zh) * | 2022-02-15 | 2023-09-19 | 北京字跳网络技术有限公司 | 页面显示方法、装置、电子设备、存储介质和程序产品 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106293352A (zh) * | 2015-05-21 | 2017-01-04 | 华为软件技术有限公司 | 页面构建方法、终端及服务器 |
CN108664304A (zh) * | 2018-05-03 | 2018-10-16 | 广州腾讯科技有限公司 | 应用程序处理方法、装置、存储介质和计算机设备 |
CN109428967A (zh) * | 2017-08-24 | 2019-03-05 | 阿里巴巴集团控股有限公司 | 消息内容展示方法及装置 |
CN109917985A (zh) * | 2019-02-22 | 2019-06-21 | 网易(杭州)网络有限公司 | 信息交互方法及装置、介质和计算设备 |
-
2019
- 2019-07-18 CN CN201910650075.7A patent/CN112241498B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106293352A (zh) * | 2015-05-21 | 2017-01-04 | 华为软件技术有限公司 | 页面构建方法、终端及服务器 |
CN109428967A (zh) * | 2017-08-24 | 2019-03-05 | 阿里巴巴集团控股有限公司 | 消息内容展示方法及装置 |
CN108664304A (zh) * | 2018-05-03 | 2018-10-16 | 广州腾讯科技有限公司 | 应用程序处理方法、装置、存储介质和计算机设备 |
CN109917985A (zh) * | 2019-02-22 | 2019-06-21 | 网易(杭州)网络有限公司 | 信息交互方法及装置、介质和计算设备 |
Also Published As
Publication number | Publication date |
---|---|
CN112241498A (zh) | 2021-01-19 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN112241498B (zh) | 页面内容显示方法、装置、可读存储介质和计算机设备 | |
US10896049B2 (en) | Correlating user interface design types to user groups | |
US11226834B2 (en) | Adjusting emphasis of user interface elements based on user attributes | |
US11119793B2 (en) | Custom user interface design based on metrics from another communication channel | |
CA2847063C (en) | Tablet web visual browsing | |
US9507480B1 (en) | Interface optimization application | |
US9633392B2 (en) | Integrated finding experience systems and methods | |
US10922737B2 (en) | Interactive product recommendation method and non-transitory computer-readable medium | |
CN108595697B (zh) | 网页集成方法、装置及系统 | |
CN111338690A (zh) | 小程序店铺页面配置方法、装置、计算机设备和存储介质 | |
US11526570B2 (en) | Page-based prediction of user intent | |
CN113076731A (zh) | 报告文件生成方法、装置、计算机设备和存储介质 | |
KR101685288B1 (ko) | 컨텐츠 표시 제어 방법 및 컨텐츠 표시 제어 방법을 수행하는 사용자 단말 | |
US8725583B2 (en) | Determining use of a display characteristic | |
US7774698B2 (en) | System and method for generating a frameless web display | |
US8756494B2 (en) | Methods and systems for designing documents with inline scrollable elements | |
CN109145241B (zh) | 浏览器及浏览器的内容展现管理方法 | |
JP7230439B2 (ja) | 情報処理装置及びプログラム | |
US20190265846A1 (en) | Date entry user interface | |
CN107818000B (zh) | 一种页面表格的操作方法及装置 | |
KR101976306B1 (ko) | 웹 페이지 작성 지원 장치, 및 기억 매체 | |
KR20220026832A (ko) | 언택트 비즈니스를 위한 모바일 기반의 pr 전자 브로슈어 자동 디자인 방법, 장치 및 컴퓨터프로그램 | |
KR20220032428A (ko) | 비대면 온라인 기반의 개인 pr용 전자소개서 공유서비스 제공방법 | |
US20240012850A1 (en) | Graphical user interface with insight hub and insight carousel | |
CN111753113A (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 |