页面创建方法、页面布局方法及装置与流程

文档序号:17473932发布日期:2019-04-20 06:00阅读:249来源:国知局
页面创建方法、页面布局方法及装置与流程

本公开涉及页面处理技术领域,尤其涉及一种页面创建方法、页面布局方法及装置。



背景技术:

目前,随着页面上业务的增多,页面的逻辑越来越复杂,页面对应的代码量越来越大。以视频播放页为例,该页面的业务包括:播放、弹幕、评论、分享、音乐标签、点赞、踩、广告等业务。该页面的代码中,针对每个业务,需要设置该业务的业务逻辑代码,还要设置该业务的位置、该业务针对各事件的处理逻辑等,且各业务相关的代码混合在一起,导致页面代码量过大。且创建页面时,需要从大量代码中寻找各业务的相应代码,并依次调用,降低了页面的创建效率和维护效率。



技术实现要素:

本公开旨在至少在一定程度上解决相关技术中的技术问题之一。

为此,本公开的第一个目的在于提出一种页面创建方法,用于解决现有技术中页面创建效率差、维护效率差的问题。

本公开的第二个目的在于提出一种页面布局方法。

本公开的第三个目的在于提出一种页面创建装置。

本公开的第四个目的在于提出一种页面布局装置。

本公开的第五个目的在于提出另一种页面创建装置。

本公开的第六个目的在于提出另一种页面布局装置。

本公开的第七个目的在于提出一种非临时性计算机可读存储介质。

本公开的第八个目的在于提出另一种非临时性计算机可读存储介质。

为达上述目的,本公开第一方面实施例提出了一种页面创建方法,包括:

获取页面创建请求,所述页面创建请求中包括:待创建的页面的标识;

根据所述标识,获取所述页面对应的布局信息,所述布局信息中包括:至少一个块信息;所述块信息中包括:块的位置以及标识;

根据所述块的标识对所述块进行调用,获取与所述块对应的页面内容;

将所述块对应的页面内容显示在所述块的位置所指示的页面区域上,生成所述待创建的页面。

进一步的,所述块为单个块或者子布局,所述子布局中包括:多个块信息;

当所述块为子布局时,所述根据所述块的标识对所述块进行调用,获取与所述块对应的页面内容,包括:

根据所述子布局的标识对所述子布局进行调用,获取所述子布局中的各个块信息;

根据所述子布局中各个块的标识,对各个块进行调用,获取与各个块对应的页面内容;

根据各个块的位置,对各个块对应的页面内容进行整合,得到子布局对应的页面内容。

进一步的,生成所述待创建的页面之后,还包括:

检测是否存在与所述页面相关的事件;

若存在与所述页面相关的事件,则将所述事件发送给各个块,以使各个块对对应的页面内容执行与所述事件相应的操作。

进一步的,所述布局信息中还包括:共享块信息,所述共享块信息中包括:共享块的标识,所述共享块中包括有块的共享信息;

所述的方法还包括:

判断是否接收到块的共享信息修改请求,所述共享信息修改请求中包括:所述块对应的页面内容中的修改内容;

在接收到所述共享信息修改请求时,根据所述修改内容对所述共享信息进行更新,以使观察所述共享信息的块获取所述修改内容,根据所述修改内容对自身对应的页面内容进行更新。

进一步的,所述块中包括:与所述块对应的页面内容相关的各个业务的接口调用函数、对所述接口调用函数的返回结果的处理逻辑、以及与各个事件相应的处理逻辑。

本公开实施例的页面创建方法,通过获取页面创建请求,页面创建请求中包括:待创建的页面的标识;根据标识,获取页面对应的布局信息,布局信息中包括:至少一个块信息;块信息中包括:块的位置以及标识;根据块的标识对块进行调用,获取与块对应的页面内容;将块对应的页面内容显示在块的位置所指示的页面区域上,生成待创建的页面,其中,各个块的分离,实现了各个业务代码之间的分离,方便了对各个业务的调用等操作,从而提高了页面的创建效率和维护效率。

为达上述目的,本公开第二方面实施例提出了一种页面布局方法,包括:

确定依据待布局的页面划分出的块信息,以及块对应的页面内容;所述块信息中包括:块的位置以及标识;所述块的位置用于指示所述块对应的页面内容在所述页面上的页面区域;

建立所述块与所述块对应的页面内容之间的调用关系;

存储所述页面对应的布局信息,所述布局信息中包括:至少一个块信息;

根据页面创建请求,反馈所述布局信息,用于依据所述布局信息生成所述页面。

进一步的,所述块为单个块或者子布局,所述子布局中包括:多个块信息;

子布局信息,以及子布局对应的页面内容的确定方式为,

获取各个块中满足整合规则的至少一个块;

将所述至少一个块进行整合,生成子布局以及对应的子布局信息;所述子布局信息中包括:子布局的位置以及标识;所述子布局的位置根据所述子布局中各个块的位置确定;

所述子布局对应的页面内容,根据所述子布局中各个块对应的页面内容确定。

本公开实施例的页面布局方法,通过确定依据待布局的页面划分出的块信息,以及块对应的页面内容;块信息中包括:块的位置以及标识;块的位置用于指示块对应的页面内容在页面上的页面区域;建立块与块对应的页面内容之间的调用关系;存储页面对应的布局信息,布局信息中包括:至少一个块信息;根据页面创建请求,反馈布局信息,用于依据布局信息生成页面,其中,各个块的分离,实现了各个业务代码之间的分离,方便了对各个业务的调用等操作,从而提高了页面的创建效率和维护效率。

为达上述目的,本公开第三方面实施例提出了一种页面创建装置,包括:

获取模块,用于获取页面创建请求,所述页面创建请求中包括:待创建的页面的标识;

所述获取模块,还用于根据所述标识,获取所述页面对应的布局信息,所述布局信息中包括:至少一个块信息;所述块信息中包括:块的位置以及标识;

调用模块,用于根据所述块的标识对所述块进行调用,获取与所述块对应的页面内容;

生成模块,用于将所述块对应的页面内容显示在所述块的位置所指示的页面区域上,生成所述待创建的页面。

进一步的,所述块为单个块或者子布局,所述子布局中包括:多个块信息;

当所述块为子布局时,所述调用模块具体用于,

根据所述子布局的标识对所述子布局进行调用,获取所述子布局中的各个块信息;

根据所述子布局中各个块的标识,对各个块进行调用,获取与各个块对应的页面内容;

根据各个块的位置,对各个块对应的页面内容进行整合,得到子布局对应的页面内容。

进一步的,所述的装置还包括:检测模块和发送模块;

所述检测模块,用于检测是否存在与所述页面相关的事件;

所述发送模块,用于在存在与所述页面相关的事件时,将所述事件发送给各个块,以使各个块对对应的页面内容执行与所述事件相应的操作。

进一步的,所述布局信息中还包括:共享块信息,所述共享块信息中包括:共享块的标识,所述共享块中包括有块的共享信息;

所述的装置还包括:判断模块和更新模块;

所述判断模块,用于判断是否接收到块的共享信息修改请求,所述共享信息修改请求中包括:所述块对应的页面内容中的修改内容;

所述更新模块,用于在接收到所述共享信息修改请求时,根据所述修改内容对所述共享信息进行更新,以使观察所述共享信息的块获取所述修改内容,根据所述修改内容对自身对应的页面内容进行更新。

进一步的,所述块中包括:与所述块对应的页面内容相关的各个业务的接口调用函数、对所述接口调用函数的返回结果的处理逻辑、以及与各个事件相应的处理逻辑。

本公开实施例的页面创建装置,通过获取页面创建请求,页面创建请求中包括:待创建的页面的标识;根据标识,获取页面对应的布局信息,布局信息中包括:至少一个块信息;块信息中包括:块的位置以及标识;根据块的标识对块进行调用,获取与块对应的页面内容;将块对应的页面内容显示在块的位置所指示的页面区域上,生成待创建的页面,其中,各个块的分离,实现了各个业务代码之间的分离,方便了对各个业务的调用等操作,从而提高了页面的创建效率和维护效率。

为达上述目的,本公开第四方面实施例提出了一种页面布局装置,包括:

确定模块,用于确定依据待布局的页面划分出的块信息,以及块对应的页面内容;所述块信息中包括:块的位置以及标识;所述块的位置用于指示所述块对应的页面内容在所述页面上的页面区域;

建立模块,用于建立所述块与所述块对应的页面内容之间的调用关系;

存储模块,用于存储所述页面对应的布局信息,所述布局信息中包括:至少一个块信息;

发送模块,用于根据页面创建请求,反馈所述布局信息,用于依据所述布局信息生成所述页面。

进一步的,所述块为单个块或者子布局,所述子布局中包括:多个块信息;

子布局信息,以及子布局对应的页面内容的确定方式为,

获取各个块中满足整合规则的至少一个块;

将所述至少一个块进行整合,生成子布局以及对应的子布局信息;所述子布局信息中包括:子布局的位置以及标识;所述子布局的位置根据所述子布局中各个块的位置确定;

根据各个子布局信息以及未整合的块信息,生成所述页面对应的布局信息。

本公开实施例的页面布局装置,通过确定依据待布局的页面划分出的块信息,以及块对应的页面内容;块信息中包括:块的位置以及标识;块的位置用于指示块对应的页面内容在页面上的页面区域;建立块与块对应的页面内容之间的调用关系;存储页面对应的布局信息,布局信息中包括:至少一个块信息;根据页面创建请求,反馈布局信息,用于依据布局信息生成页面,其中,各个块的分离,实现了各个业务代码之间的分离,方便了对各个业务的调用等操作,从而提高了页面的创建效率和维护效率。

为达上述目的,本公开第五方面实施例提出了另一种页面创建装置,包括:存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现如上所述的页面创建方法。

为达上述目的,本公开第六方面实施例提出了另一种页面布局装置,包括:存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现如上所述的页面布局方法。

为了实现上述目的,本公开第七方面实施例提出了一种非临时性计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如上所述的页面创建方法。

为了实现上述目的,本公开第八方面实施例提出了另一种非临时性计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如上所述的页面布局方法。

本公开附加的方面和优点将在下面的描述中部分给出,部分将从下面的描述中变得明显,或通过本公开的实践了解到。

附图说明

本公开上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解,其中:

图1为本公开实施例提供的一种页面创建方法的流程示意图;

图2为待创建的页面的示意图;

图3为图2中页面对应的根布局的示意图;

图4为视频播放页的创建示意图;

图5为本公开实施例提供的另一种页面创建方法的流程示意图;

图6为本公开实施例提供的另一种页面创建方法的流程示意图;

图7为本公开实施例提供的一种页面布局方法的流程示意图;

图8为本公开实施例提供的一种页面创建装置的结构示意图;

图9为本公开实施例提供的另一种页面创建装置的结构示意图;

图10为本公开实施例提供的另一种页面创建装置的结构示意图;

图11为本公开实施例提供的一种页面布局装置的结构示意图;

图12为本公开实施例提供的另一种页面创建装置的结构示意图。

具体实施方式

下面详细描述本公开的实施例,所述实施例的示例在附图中示出,其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的,旨在用于解释本公开,而不能理解为对本公开的限制。

下面参考附图描述本公开实施例的页面创建方法、页面布局方法及装置。

图1为本公开实施例提供的一种页面创建方法的流程示意图。如图1所示,该页面创建方法包括以下步骤:

s101、获取页面创建请求,页面创建请求中包括:待创建的页面的标识。

本公开提供的页面创建方法的执行主体为页面创建装置,页面创建装置具体可以为用于显示页面的软件、安装所述软件的硬件设备、或者所述软件对应的后台服务器等。其中,软件例如可以为浏览器等。本实施例中,获取页面创建请求的方式可以为,接收到用户通过点击链接等发送的页面打开请求。

其中,待创建的页面的标识例如可以为,待创建的页面的链接地址等。

s102、根据标识,获取页面对应的布局信息,布局信息中包括:至少一个块信息;块信息中包括:块的位置以及标识。

本实施例中,页面布局信息的生成过程可以由页面布局装置来执行,页面布局装置可以为页面的开发平台、开发软件等软件,或者安装有所述软件的硬件设备,或者可以为开发人员或者页面提供商。页面布局装置生成页面布局信息的过程具体可以为,确定依据待布局的页面划分出的块信息,以及块(block)对应的页面内容;块信息中包括:块的位置以及标识;块的位置用于指示块对应的页面内容在页面上的页面区域;建立块与块对应的页面内容之间的调用关系;存储页面对应的布局信息,布局信息中包括:至少一个块信息。存储页面对应的布局信息后,页面布局装置还可以获取页面创建请求,根据页面创建请求,向页面创建装置反馈布局信息,用于依据布局信息生成页面。

本实施例中,块中可以包括:与块对应的页面内容相关的各个业务的接口调用函数、对接口调用函数的返回结果的处理逻辑、以及与各个事件相应的处理逻辑。其中,业务的接口调用函数用于调用业务的处理逻辑,获取返回结果。

本实施例中,块可以为单个块或者子布局,子布局中包括:多个块信息。子布局信息,以及子布局对应的页面内容的确定方式为,获取各个块中满足整合规则的至少一个块;将至少一个块进行整合,生成子布局以及对应的子布局信息;子布局信息中包括:子布局的位置以及标识;子布局的位置根据子布局中各个块的位置确定;子布局对应的页面内容,根据子布局中各个块对应的页面内容确定。其中,整合规则例如可以为,将个人信息块、标签hashtag块、视频信息块、音乐信息块和底部块整合到底部子布局中。

本实施例中,页面对应的布局信息,也可以称为页面的根布局信息。根布局(blockmanager)中可以包括有各个块的位置以及调用关系。其中,调用关系可以用块的标识来表示。块的标识例如可以为,块的名称、块的调用地址等。其中,常用的几种根布局类型例如可以为,水平线性布局(linearlayout_h)、垂直线性布局(linearlayout_v)、帧布局(framelayout)、滚动视图布局(scrollview)、xml布局、view对象的自定义根布局等。

本实施例中,常用的几种子布局例如可以为,垂直滚动子布局(verticalscrollblockgroup)、垂直线性子布局(verticallinearblockgroup)、帧子布局(framelayoutblockgroup)、协调子布局(coordinatorblockgroup)、自定义子布局等。其中,协调子布局用于协调头部子布局、底部子布局、吸顶子布局之间的显示问题,例如,什么情况下显示哪种或者哪几种子布局。本实施例中,还支持新建子布局,以及对已有子布局的类型等进行重新定义得到的子布局。新建子布局的方式为,通过子布局创建函数来创建子布局。其中,子布局创建函数例如可以为createblockbyid等。已有子布局查找函数例如可以为findviewbyid等。

本实施例中,待创建的页面例如可以如图2所示。图3为图2中页面对应的根布局的示意图。其中,图3中根布局包括:顶部块、播放块、手势块、评论块和底部子布局。其中,底部子布局中包括:个人信息块、hashtag块、视频信息块、音乐信息块和底部块。其中,各个块以及子布局对应的页面内容可以如图2中所示。

s103、根据块的标识对块进行调用,获取与块对应的页面内容。

本实施例中,块可以为单个块或者子布局,子布局中可以包括:多个块信息。对应的,当块为子布局时,页面创建装置根据块的标识对块进行调用,获取与块对应的页面内容的过程具体可以为,根据子布局的标识对子布局进行调用,获取子布局中的各个块信息;根据子布局中各个块的标识,对各个块进行调用,获取与各个块对应的页面内容;根据各个块的位置,对各个块对应的页面内容进行整合,得到子布局对应的页面内容。其中,页面创建装置还可以将子布局中各个块的位置进行整合,得到子布局的位置。

s104、将块对应的页面内容显示在块的位置所指示的页面区域上,生成待创建的页面。

本实施例中,当页面的开发模式为模型-视图-表现层模式(mvp)时,各个块的接口调用函数、对接口调用函数的返回结果的处理逻辑、与各个事件相应的处理逻辑是混合在一起的,得到页面代码,导致页面代码量过大;且创建页面时,需要从页面代码查找到各业务的相应代码并运行,查找时间长,导致页面创建效率低。而本申请中,每个块的接口调用函数、对接口调用函数的返回结果的处理逻辑、与各个事件相应的处理逻辑是封装在块中的,且各个块的调用关系以及位置是封装在根布局中的,页面代码中包括有根布局的调用关系等就可以,大大减少了页面代码量;且创建页面时,直接调用根布局就可以,不需要查找等操作,大大提高了页面创建效率。

例如,如图4所示,为视频播放页的创建示意图。在图4中,视频播放页上包括有播放view内容、弹幕view内容、评论view内容、分享view内容、点赞view内容等页面内容。其中,播放view内容与播放块对应,弹幕view内容与弹幕块对应,评论view内容与评论块对应,分享view内容与分享块对应,点赞view内容与点赞块对应。各个块对应的页面内容进行整合得到视频播放页,进而在显示屏上显示视频播放页。

本公开实施例的页面创建方法,通过获取页面创建请求,页面创建请求中包括:待创建的页面的标识;根据标识,获取页面对应的布局信息,布局信息中包括:至少一个块信息;块信息中包括:块的位置以及标识;根据块的标识对块进行调用,获取与块对应的页面内容;将块对应的页面内容显示在块的位置所指示的页面区域上,生成待创建的页面,其中,各个块的分离,实现了各个业务代码之间的分离,方便了对各个业务的调用等操作,从而提高了页面的创建效率和维护效率。

图5为本公开实施例提供的另一种页面创建方法的流程示意图,如图5所示,在图1所示实施例的基础上,步骤104之后,所述的方法还可以包括以下步骤:

s105、检测是否存在与页面相关的事件。

本实施例中,页面中还可以设置有事件检测组件,该组件用于检测是否存在与页面相关的事件。页面创建装置可以通过调用该组件,来获取与页面相关的事件。其中,与页面相关的事件例如可以为,灭屏事件等。事件检测组件例如可以为lifecyclefragment组件等。

s106、若存在与页面相关的事件,则将事件发送给各个块,以使各个块对对应的页面内容执行与事件相应的操作。

本实施例中,页面创建装置执行步骤106的过程具体可以为,在存在与页面相关的事件时,将事件发送给根布局,由根布局将事件分发给各个块,以使各个块对对应的页面内容执行与事件相应的操作。

其中,当页面创建装置检测到灭屏事件时,可以将该事件发送给各个块,使得各个块对对应的页面执行与事件相关的操作。例如,将该事件发送给播放块,暂停对视频的播放操作。

本实施例中,当检测到与页面相关的事件时,可以将事件发送给各个块,使得各个块对对应的页面内容执行与事件相关的操作,从而能够及时对事件进行响应,避免例如灭屏时视频继续播放的情况。

图6为本公开实施例提供的另一种页面创建方法的流程示意图,如图6所示,在图1所示实施例的基础上,布局信息中还可以包括:共享块信息,共享块信息中包括:共享块的标识,共享块中包括有块的共享信息。对应的,步骤104之后,所述的方法还可以包括以下步骤:

s107、判断是否接收到块的共享信息修改请求,共享信息修改请求中包括:块对应的页面内容中的修改内容。

s108、在接收到共享信息修改请求时,根据修改内容对共享信息进行更新,以使观察共享信息的块获取修改内容,根据修改内容对自身对应的页面内容进行更新。

本实施例中,共享信息中可以包括:各个块的所有信息,或者各个块中与其他块具有关联关系的信息。

本实施例中,共享块例如可以为白板组件,白板组件为独立于各个块的组件,各个块能够与白板组件进行通信,对白板组件中的共享信息进行更新。其次,各个块也可以实时观察白板组件中的共享信息,判断白板组件的共享信息中是否有发生修改的内容,若存在,根据发生修改的内容,判断块是否进行相应的操作等。例如,当用户对点赞view内容中的点赞按钮进行操作后,若底部view内容中包括有心形标记,该标记在用户点赞后需要点亮,则底部view内容对应的底部块需要执行心形标记点亮操作。

本实施例中,当白板组件中的某个内容进行修改后,可以将修改后的内容共享给各个块,使得各个块根据修改后的内容判断是否进行相应的操作,从而避免在页面代码中查找与该修改后的内容相关的代码,并进行操作,从而提高了页面的创建效率和维护效率。

图7为本公开实施例提供的一种页面布局方法的流程示意图。如图7所示,该页面布局方法包括以下步骤:

s701、确定依据待布局的页面划分出的块信息,以及块对应的页面内容;块信息中包括:块的位置以及标识;块的位置用于指示块对应的页面内容在页面上的页面区域。

本公开提供的页面布局方法的执行主体为页面布局装置,页面布局装置可以为页面的开发平台、开发软件等软件,或者安装有所述软件的硬件设备,或者可以为开发人员或者页面提供商。其中,块中可以包括:与块对应的页面内容相关的各个业务的接口调用函数、对接口调用函数的返回结果的处理逻辑、以及与页面的各个事件相应的处理逻辑。

本实施例中,对待布局的页面进行块划分的方式例如可以为,按照业务对页面进行划分,如图2所示,页面中按照业务可以分为顶部、播放、手势、评论、底部、个人信息、标签hashtag、视频信息、音乐信息等,则可以将页面划分为顶部块对应的页面内容、播放块对应的页面内容、手势块对应的页面内容、评论块对应的页面内容、个人信息块对应的页面内容、标签hashtag块对应的页面内容、视频信息块对应的页面内容、音乐信息块对应的页面内容等。

本实施例中,针对每个块对应的页面内容,页面布局装置可以获取与页面内容相关的各个业务;获取各个业务的接口调用函数,以及对接口调用函数的返回结果的处理逻辑;获取与各个业务相关的事件,获取事件相应的处理逻辑;进而生成页面内容对应的块。

s702、建立块与块对应的页面内容之间的调用关系。

本实施例中,通过建立块与块对应的页面内容之间的调用关系,使得页面创建装置在调用块时,可以获取到与块对应的页面内容。

s703、存储页面对应的布局信息,布局信息中包括:至少一个块信息。

s704、根据页面创建请求,反馈布局信息,用于依据布局信息生成页面。

进一步的,块可以为单个块或者子布局,为了减少块的数量,可以将部分符合预设整合规则的块整合成子布局。对应的,子布局信息,以及子布局对应的页面内容的确定方式为,获取各个块中满足整合规则的至少一个块;将至少一个块进行整合,生成子布局以及对应的子布局信息;子布局信息中包括:子布局的位置以及标识;子布局的位置根据子布局中各个块的位置确定;子布局对应的页面内容,根据子布局中各个块对应的页面内容确定。

本实施例中,生成页面对应的布局信息后,页面布局装置可以接收浏览器发送的页面创建请求,根据该页面创建请求,返回布局信息给浏览器,使得浏览器根据页面对应的布局信息,生成页面并进行显示。其中,浏览器在接收到用户通过点击链接等发送的页面打开请求时,向页面布局装置发送页面创建请求。

本公开实施例的页面布局方法,通过确定依据待布局的页面划分出的块信息,以及块对应的页面内容;块信息中包括:块的位置以及标识;块的位置用于指示块对应的页面内容在页面上的页面区域;建立块与块对应的页面内容之间的调用关系;存储页面对应的布局信息,布局信息中包括:至少一个块信息;根据页面创建请求,反馈布局信息,用于依据布局信息生成页面,其中,各个块的分离,实现了各个业务代码之间的分离,方便了对各个业务的调用等操作,从而提高了页面的创建效率和维护效率。

图8为本公开实施例提供的一种页面创建装置的结构示意图。如图8所示,包括:获取模块81、调用模块82和生成模块83。

其中,获取模块81,用于获取页面创建请求,所述页面创建请求中包括:待创建的页面的标识;

所述获取模块81,还用于根据所述标识,获取所述页面对应的布局信息,所述布局信息中包括:至少一个块信息;所述块信息中包括:块的位置以及标识;

调用模块82,用于根据所述块的标识对所述块进行调用,获取与所述块对应的页面内容;

生成模块83,用于将所述块对应的页面内容显示在所述块的位置所指示的页面区域上,生成所述待创建的页面。

本公开提供的页面创建装置具体可以为用于显示页面的软件、安装所述软件的硬件设备、或者所述软件对应的后台服务器等。其中,软件例如可以为浏览器等。本实施例中,获取页面创建请求的方式可以为,接收到用户通过点击链接等发送的页面打开请求。其中,待创建的页面的标识例如可以为,待创建的页面的链接地址等。

本实施例中,页面布局信息的生成过程可以由页面布局装置来执行,页面布局装置可以为页面的开发平台、开发软件等软件,或者安装有所述软件的硬件设备,或者可以为开发人员或者页面提供商。页面布局装置生成页面布局信息的过程具体可以为,确定依据待布局的页面划分出的块信息,以及块(block)对应的页面内容;块信息中包括:块的位置以及标识;块的位置用于指示块对应的页面内容在页面上的页面区域;建立块与块对应的页面内容之间的调用关系;存储页面对应的布局信息,布局信息中包括:至少一个块信息。存储页面对应的布局信息后,页面布局装置还可以获取页面创建请求,根据页面创建请求,向页面创建装置反馈布局信息,用于依据布局信息生成页面。

本实施例中,块中可以包括:与块对应的页面内容相关的各个业务的接口调用函数、对接口调用函数的返回结果的处理逻辑、以及与各个事件相应的处理逻辑。其中,业务的接口调用函数用于调用业务的处理逻辑,获取返回结果。

本实施例中,块可以为单个块或者子布局,子布局中包括:多个块信息。子布局信息,以及子布局对应的页面内容的确定方式为,获取各个块中满足整合规则的至少一个块;将至少一个块进行整合,生成子布局以及对应的子布局信息;子布局信息中包括:子布局的位置以及标识;子布局的位置根据子布局中各个块的位置确定;子布局对应的页面内容,根据子布局中各个块对应的页面内容确定。其中,整合规则例如可以为,将个人信息块、标签hashtag块、视频信息块、音乐信息块和底部块整合到底部子布局中。

本实施例中,块可以为单个块或者子布局,子布局中可以包括:多个块信息。对应的,当块为子布局时,页面创建装置根据块的标识对块进行调用,获取与块对应的页面内容的过程具体可以为,根据子布局的标识对子布局进行调用,获取子布局中的各个块信息;根据子布局中各个块的标识,对各个块进行调用,获取与各个块对应的页面内容;根据各个块的位置,对各个块对应的页面内容进行整合,得到子布局对应的页面内容。其中,页面创建装置还可以将子布局中各个块的位置进行整合,得到子布局的位置。

本公开实施例的页面创建装置,通过获取页面创建请求,页面创建请求中包括:待创建的页面的标识;根据标识,获取页面对应的布局信息,布局信息中包括:至少一个块信息;块信息中包括:块的位置以及标识;根据块的标识对块进行调用,获取与块对应的页面内容;将块对应的页面内容显示在块的位置所指示的页面区域上,生成待创建的页面,其中,各个块的分离,实现了各个业务代码之间的分离,方便了对各个业务的调用等操作,从而提高了页面的创建效率和维护效率。

进一步的,结合参考图9,在图8所示实施例的基础上,所述的装置还可以包括:检测模块84和发送模块85;

其中,所述检测模块84,用于检测是否存在与所述页面相关的事件;

所述发送模块85,用于在存在与所述页面相关的事件时,将所述事件发送给各个块,以使各个块对对应的页面内容执行与所述事件相应的操作。

本实施例中,页面中还可以设置有事件检测组件,该组件用于检测是否存在与页面相关的事件。页面创建装置可以通过调用该组件,来获取与页面相关的事件。其中,与页面相关的事件例如可以为,灭屏事件等。事件检测组件例如可以为lifecyclefragment组件等。

本实施例中,发送模块85具体可以用于,在存在与页面相关的事件时,将事件发送给根布局,由根布局将事件分发给各个块,以使各个块对对应的页面内容执行与事件相应的操作。

其中,当页面创建装置检测到灭屏事件时,可以将该事件发送给各个块,使得各个块对对应的页面执行与事件相关的操作。例如,将该事件发送给播放块,暂停对视频的播放操作。

本实施例中,当检测到与页面相关的事件时,可以将事件发送给各个块,使得各个块对对应的页面内容执行与事件相关的操作,从而能够及时对事件进行响应,避免例如灭屏时视频继续播放的情况。

进一步的,结合参考图10,在图8所示实施例的基础上,布局信息中还可以包括:共享块信息,共享块信息中包括:共享块的标识,共享块中包括有块的共享信息。对应的,所述的装置还可以包括:判断模块86和更新模块87;

其中,所述判断模块86,用于判断是否接收到块的共享信息修改请求,所述共享信息修改请求中包括:所述块对应的页面内容中的修改内容;

所述更新模块87,用于在接收到所述共享信息修改请求时,根据所述修改内容对所述共享信息进行更新,以使观察所述共享信息的块获取所述修改内容,根据所述修改内容对自身对应的页面内容进行更新。

本实施例中,共享信息中可以包括:各个块的所有信息,或者各个块中与其他块具有关联关系的信息。

本实施例中,共享块例如可以为白板组件,白板组件为独立于各个块的组件,各个块能够与白板组件进行通信,对白板组件中的共享信息进行更新。其次,各个块也可以实时观察白板组件中的共享信息,判断白板组件的共享信息中是否有发生修改的内容,若存在,根据发生修改的内容,判断块是否进行相应的操作等。例如,当用户对点赞view内容中的点赞按钮进行操作后,若底部view内容中包括有心形标记,该标记在用户点赞后需要点亮,则底部view内容对应的底部块需要执行心形标记点亮操作。

本实施例中,当白板组件中的某个内容进行修改后,可以将修改后的内容共享给各个块,使得各个块根据修改后的内容判断是否进行相应的操作,从而避免在页面代码中查找与该修改后的内容相关的代码,并进行操作,从而提高了页面的创建效率和维护效率。

图11为本公开实施例提供的一种页面布局装置的结构示意图。如图11所示,包括:确定模块111、建立模块112、存储模块113和发送模块114。

其中,确定模块111,用于确定依据待布局的页面划分出的块信息,以及块对应的页面内容;所述块信息中包括:块的位置以及标识;所述块的位置用于指示所述块对应的页面内容在所述页面上的页面区域;

建立模块112,用于建立所述块与所述块对应的页面内容之间的调用关系;

存储模块113,用于存储所述页面对应的布局信息,所述布局信息中包括:至少一个块信息;

发送模块114,用于根据页面创建请求,反馈所述布局信息,用于依据所述布局信息生成所述页面。

本公开提供的页面布局装置可以为页面的开发平台、开发软件等软件,或者安装有所述软件的硬件设备,或者可以为开发人员或者页面提供商。其中,块中可以包括:与块对应的页面内容相关的各个业务的接口调用函数、对接口调用函数的返回结果的处理逻辑、以及与页面的各个事件相应的处理逻辑。

本实施例中,对待布局的页面进行块划分的方式例如可以为,按照业务对页面进行划分,如图2所示,页面中按照业务可以分为顶部、播放、手势、评论、底部、个人信息、标签hashtag、视频信息、音乐信息等,则可以将页面划分为顶部块对应的页面内容、播放块对应的页面内容、手势块对应的页面内容、评论块对应的页面内容、个人信息块对应的页面内容、标签hashtag块对应的页面内容、视频信息块对应的页面内容、音乐信息块对应的页面内容等。

本实施例中,针对每个块对应的页面内容,页面布局装置可以获取与页面内容相关的各个业务;获取各个业务的接口调用函数,以及对接口调用函数的返回结果的处理逻辑;获取与各个业务相关的事件,获取事件相应的处理逻辑;进而生成页面内容对应的块。

进一步的,块可以为单个块或者子布局,为了减少块的数量,可以将部分符合预设整合规则的块整合成子布局。对应的,子布局信息,以及子布局对应的页面内容的确定方式为,获取各个块中满足整合规则的至少一个块;将至少一个块进行整合,生成子布局以及对应的子布局信息;子布局信息中包括:子布局的位置以及标识;子布局的位置根据子布局中各个块的位置确定;子布局对应的页面内容,根据子布局中各个块对应的页面内容确定。

本实施例中,生成页面对应的布局信息后,页面布局装置可以接收浏览器发送的页面创建请求,根据该页面创建请求,返回布局信息给浏览器,使得浏览器根据页面对应的布局信息,生成页面并进行显示。其中,浏览器在接收到用户通过点击链接等发送的页面打开请求时,向页面布局装置发送页面创建请求。

本公开实施例的页面布局装置,通过确定依据待布局的页面划分出的块信息,以及块对应的页面内容;块信息中包括:块的位置以及标识;块的位置用于指示块对应的页面内容在页面上的页面区域;建立块与块对应的页面内容之间的调用关系;存储页面对应的布局信息,布局信息中包括:至少一个块信息;根据页面创建请求,反馈布局信息,用于依据布局信息生成页面,其中,各个块的分离,实现了各个业务代码之间的分离,方便了对各个业务的调用等操作,从而提高了页面的创建效率和维护效率。

图12为本公开实施例提供的另一种页面创建装置的结构示意图。该页面创建装置包括:

存储器1001、处理器1002及存储在存储器1001上并可在处理器1002上运行的计算机程序。

处理器1002执行所述程序时实现上述实施例中提供的页面创建方法。

进一步地,页面创建装置还包括:

通信接口1003,用于存储器1001和处理器1002之间的通信。

存储器1001,用于存放可在处理器1002上运行的计算机程序。

存储器1001可能包含高速ram存储器,也可能还包括非易失性存储器(non-volatilememory),例如至少一个磁盘存储器。

处理器1002,用于执行所述程序时实现上述实施例所述的页面创建方法。

如果存储器1001、处理器1002和通信接口1003独立实现,则通信接口1003、存储器1001和处理器1002可以通过总线相互连接并完成相互间的通信。所述总线可以是工业标准体系结构(industrystandardarchitecture,简称为isa)总线、外部设备互连(peripheralcomponent,简称为pci)总线或扩展工业标准体系结构(extendedindustrystandardarchitecture,简称为eisa)总线等。所述总线可以分为地址总线、数据总线、控制总线等。为便于表示,图12中仅用一条粗线表示,但并不表示仅有一根总线或一种类型的总线。

可选的,在具体实现上,如果存储器1001、处理器1002及通信接口1003,集成在一块芯片上实现,则存储器1001、处理器1002及通信接口1003可以通过内部接口完成相互间的通信。

处理器1002可能是一个中央处理器(centralprocessingunit,简称为cpu),或者是特定集成电路(applicationspecificintegratedcircuit,简称为asic),或者是被配置成实施本公开实施例的一个或多个集成电路。

本公开还提供一种页面布局装置,包括:存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序。处理器执行所述程序时实现上述实施例中提供的页面布局方法。

本公开还提供一种非临时性计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如上所述的页面创建方法或者页面布局方法。

本公开还提供一种计算机程序产品,当所述计算机程序产品中的指令处理器执行时,实现如上所述的页面创建方法或者页面布局方法。

在本说明书的描述中,参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本公开的至少一个实施例或示例中。在本说明书中,对上述术语的示意性表述不必须针对的是相同的实施例或示例。而且,描述的具体特征、结构、材料或者特点可以在任一个或多个实施例或示例中以合适的方式结合。此外,在不相互矛盾的情况下,本领域的技术人员可以将本说明书中描述的不同实施例或示例以及不同实施例或示例的特征进行结合和组合。

此外,术语“第一”、“第二”仅用于描述目的,而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此,限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。在本公开的描述中,“多个”的含义是至少两个,例如两个,三个等,除非另有明确具体的限定。

流程图中或在此以其他方式描述的任何过程或方法描述可以被理解为,表示包括一个或更多个用于实现定制逻辑功能或过程的步骤的可执行指令的代码的模块、片段或部分,并且本公开的优选实施方式的范围包括另外的实现,其中可以不按所示出或讨论的顺序,包括根据所涉及的功能按基本同时的方式或按相反的顺序,来执行功能,这应被本公开的实施例所属技术领域的技术人员所理解。

在流程图中表示或在此以其他方式描述的逻辑和/或步骤,例如,可以被认为是用于实现逻辑功能的可执行指令的定序列表,可以具体实现在任何计算机可读介质中,以供指令执行系统、装置或设备(如基于计算机的系统、包括处理器的系统或其他可以从指令执行系统、装置或设备取指令并执行指令的系统)使用,或结合这些指令执行系统、装置或设备而使用。就本说明书而言,"计算机可读介质"可以是任何可以包含、存储、通信、传播或传输程序以供指令执行系统、装置或设备或结合这些指令执行系统、装置或设备而使用的装置。计算机可读介质的更具体的示例(非穷尽性列表)包括以下:具有一个或多个布线的电连接部(电子装置),便携式计算机盘盒(磁装置),随机存取存储器(ram),只读存储器(rom),可擦除可编辑只读存储器(eprom或闪速存储器),光纤装置,以及便携式光盘只读存储器(cdrom)。另外,计算机可读介质甚至可以是可在其上打印所述程序的纸或其他合适的介质,因为可以例如通过对纸或其他介质进行光学扫描,接着进行编辑、解译或必要时以其他合适方式进行处理来以电子方式获得所述程序,然后将其存储在计算机存储器中。

应当理解,本公开的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式中,多个步骤或方法可以用存储在存储器中且由合适的指令执行系统执行的软件或固件来实现。如,如果用硬件来实现和在另一实施方式中一样,可用本领域公知的下列技术中的任一项或他们的组合来实现:具有用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路,具有合适的组合逻辑门电路的专用集成电路,可编程门阵列(pga),现场可编程门阵列(fpga)等。

本技术领域的普通技术人员可以理解实现上述实施例方法携带的全部或部分步骤是可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,该程序在执行时,包括方法实施例的步骤之一或其组合。

此外,在本公开各个实施例中的各功能单元可以集成在一个处理模块中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个模块中。上述集成的模块既可以采用硬件的形式实现,也可以采用软件功能模块的形式实现。所述集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时,也可以存储在一个计算机可读取存储介质中。

上述提到的存储介质可以是只读存储器,磁盘或光盘等。尽管上面已经示出和描述了本公开的实施例,可以理解的是,上述实施例是示例性的,不能理解为对本公开的限制,本领域的普通技术人员在本公开的范围内可以对上述实施例进行变化、修改、替换和变型。

当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1