CN110990746A - 页面加载方法、装置、系统、存储介质、电子设备 - Google Patents

页面加载方法、装置、系统、存储介质、电子设备 Download PDF

Info

Publication number
CN110990746A
CN110990746A CN201911240919.7A CN201911240919A CN110990746A CN 110990746 A CN110990746 A CN 110990746A CN 201911240919 A CN201911240919 A CN 201911240919A CN 110990746 A CN110990746 A CN 110990746A
Authority
CN
China
Prior art keywords
page
data
loading
loaded
sending
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
Application number
CN201911240919.7A
Other languages
English (en)
Inventor
莫玮
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Tongbang Zhuoyi Technology Co Ltd
Original Assignee
Beijing Tongbang Zhuoyi Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing Tongbang Zhuoyi Technology Co Ltd filed Critical Beijing Tongbang Zhuoyi Technology Co Ltd
Priority to CN201911240919.7A priority Critical patent/CN110990746A/zh
Publication of CN110990746A publication Critical patent/CN110990746A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G06F16/972Access to data in other repository systems, e.g. legacy data or dynamic Web page generation
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9574Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本发明实施例是关于一种页面加载方法、装置、系统、存储介质、电子设备,涉及计算机技术领域,该页面加载方法包括:接收页面应用前端发送的页面加载请求,确定所述页面加载请求包括的待加载页面所需的页面数据的数据类型;根据所述数据类型获取所述页面数据;其中,所述数据类型包括动态数据和/或静态数据;将所述页面数据发送至页面应用前端,以使所述页面应用前端根据所述页面数据对所述待加载页面进行加载。本发明实施例提高了页面的加载速度。

Description

页面加载方法、装置、系统、存储介质、电子设备
技术领域
本发明涉及计算机技术领域,具体而言,涉及一种页面加载方法、页面加载装置、页面加载系统、计算机可读存储介质以及电子设备。
背景技术
随着计算机技术的飞速发展,使用计算机设备或者移动设备等进行上网的行为也日益增多。在上网过程中,大多数可以通过用户与前端交互,前端与后端服务器之间交互,从而实现用户的上网行为。即当用户在前端界面上触发一系列的操作后,会向服务器发送对应的请求指令,再根据服务器返回的指令显示数据等。
目前互联网行业使用最多的前后端系统,一般按职责笼统的分为前端和后端两个角色。其中,前端负责页面的绘制、业务数据的加载以及页面交互处理等等;后端也可以称为服务器端,负责对接业务系统、数据以及一些相关的其他服务,处理所有业务逻辑以及数据存储等等。
发明人在使用上述前后端系统时,发现上述系统至少存在如下缺陷:由于服务端需要对接业务系统、数据以及一些相关的其他服务,处理所有业务逻辑以及数据存储等等,因此导致服务端负担过重,进而影响页面的加载速度。
需要说明的是,在上述背景技术部分发明的信息仅用于加强对本发明的背景的理解,因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。
发明内容
本发明的目的在于提供一种页面加载系统、页面加载方法、页面加载装置、计算机可读存储介质以及电子设备,进而至少在一定程度上克服由于相关技术的限制和缺陷而导致的页面加载速度较低的问题。
根据本公开的一个方面,提供一种页面加载方法,应用于前台服务框,所述页面加载方法包括:
接收页面应用前端发送的页面加载请求,确定所述页面加载请求包括的待加载页面所需的页面数据的数据类型;其中,所述数据类型包括动态数据和/或静态数据;
根据所述数据类型获取所述页面数据;
将所述页面数据发送至页面应用前端,以使所述页面应用前端根据所述页面数据对所述待加载页面进行加载。
在本公开的一种示例性实施例中,获取所述页面数据包括:
向页面应用后端发送与所述页面数据对应的数据获取请求,
接收所述页面应用后端响应所述数据获取请求获取的所述页面数据。
在本公开的一种示例性实施例中,根据所述数据类型获取所述页面数据包括:
当所述页面数据的数据类型为静态数据时,向中台服务框发送与所述页面数据对应的静态数据获取请求;以及
当所述页面数据的数据类型为动态数据时,向页面应用后端发送与所述页面数据对应的动态数据获取请求。
在本公开的一种示例性实施例中,所述页面加载方法还包括:
当所述页面加载请求包括多个待加载页面时,将与各所述待加载页面对应的静态数据获取请求以及动态数据获取请求以多线程的异步处理方式分别发送至中台服务框以及页面应用后端。
根据本公开的一个方面,提供一种页面加载方法,应用中台服务框,所述页面加载方法包括:
接收前台服务框根据待加载页面所需的页面数据的数据类型发送的获取页面数据的数据获取请求;
响应所述数据获取请求从数据库中获取所述页面数据;
将所述页面数据发送至所述前台服务框,以使所述前台服务框将所述页面数据发送至页面应用前端,并使得所述页面应用前端根据所述页面数据对待加载页面进行加载。
根据本公开的一个方面,提供一种页面加载装置,应用于前台服务框,所述页面加载装置包括:
数据类型确定模块,用于接收页面应用前端发送的页面加载请求,确定所述页面加载请求包括的待加载页面所需的页面数据的数据类型;其中,所述数据类型包括动态数据和/或静态数据;
第一数据获取模块,用于根据所述数据类型获取所述页面数据;
第一数据发送模块,用于将所述页面数据发送至页面应用前端,以使所述页面应用前端根据所述页面数据对所述待加载页面进行加载。
根据本公开的一个方面,提供一种页面加载装置,应用中台服务框,所述页面加载装置包括:
获取请求接收模块,用于接收前台服务框根据待加载页面所需的页面数据的数据类型发送的获取页面数据的数据获取请求;
第二数据获取模块,用于页面数据响应所述数据获取请求从数据库中获取所述页面数据;
第二数据发送模块,用于将所述页面数据发送至所述前台服务框,以使所述前台服务框将所述页面数据发送至页面应用前端,并使得所述页面应用前端根据所述页面数据对待加载页面进行加载。
根据本公开的一个方面,提供一种页面加载系统,包括:
页面应用前端,用于发起页面加载请求,并根据接收到的页面数据对待加载页面进行加载;
前台服务框,与所述页面应用前端通信连接,用于接收所述页面加载请求,并确定所述页面加载请求包括的待加载页面所需的页面数据的数据类型;以及获取所述页面数据,并将所述页面数据发送至页面应用前端;
页面应用后端,与所述前台服务框通信连接,用于获取所述页面数据,并将所述页面数据发送至所述前台服务框。
在本公开的一种示例性实施例中,所述页面加载系统还包括:
中台服务框,与所述前台服务框通信连接,用于接收前台服务框在所述页面数据的数据类型为静态数据时,发送的与所述页面数据对应的静态数据获取请求;以及
将所述静态数据发送至所述前台服务框。
根据本公开的一个方面,提供一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现上述任意一项所述的页面加载方法。
根据本公开的一个方面,提供一种电子设备,包括:
处理器;以及
存储器,用于存储所述处理器的可执行指令;
其中,所述处理器配置为经由执行所述可执行指令来执行上述任意一项所述的页面加载方法。
本发明实施例提供的一种页面加载方法,一方面,通过接收页面应用前端发送的页面加载请求,确定所述页面加载请求包括的待加载页面所需的页面数据的数据类型;然后根据所述数据类型获取所述页面数据;最后将所述页面数据发送至页面应用前端,以使所述页面应用前端根据所述页面数据对所述待加载页面进行加载;解决了现有技术中由于服务端需要对接业务系统、数据以及一些相关的其他服务,处理所有业务逻辑以及数据存储等等,因此导致服务端负担过重,进而影响页面的加载速度的问题,提高了页面的加载速度;另一方面,由于前台服务框可以根据接收到的页面加载请求确定页面加载请求中包括的待加载页面所需要的页面数据的数据类型;并根据数据类型获取相应的页面数据,使得数据类型的确定以及转发都可以通过前台服务框进行处理,不再需要通过现有技术中所提及的服务端进行处理,因此可以降低服务端的负担;再一方面,通过根据数据类型获取页面数据,再将页面数据发送至页面应用前端,以使页面应用前端根据页面数据对待加载页面进行加载,提高了页面数据的获取效率,同时也可以提高页面加载的准确率。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本发明。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本发明的实施例,并与说明书一起用于解释本发明的原理。显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1示意性示出根据本发明示例实施例的一种前后端系统示例图。
图2示意性示出根据本发明示例实施例的一种页面加载系统的示例图。
图3示意性示出根据本发明示例实施例的一种页面加载方法的流程图。
图4示意性示出根据本发明示例实施例的另一种页面加载方法的流程图。
图5示意性示出根据本发明示例实施例的另一种页面加载方法的流程图。
图6示意性示出根据本发明示例实施例的一种页面加载装置的框图。
图7示意性示出根据本发明示例实施例的另一种页面加载装置的框图。
图8示意性示出根据本发明示例实施例的一种用于实现上述页面加载方法的电子设备。
具体实施方式
现在将参考附图更全面地描述示例实施方式。然而,示例实施方式能够以多种形式实施,且不应被理解为限于在此阐述的范例;相反,提供这些实施方式使得本发明将更加全面和完整,并将示例实施方式的构思全面地传达给本领域的技术人员。所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施方式中。在下面的描述中,提供许多具体细节从而给出对本发明的实施方式的充分理解。然而,本领域技术人员将意识到,可以实践本发明的技术方案而省略所述特定细节中的一个或更多,或者可以采用其它的方法、组元、装置、步骤等。在其它情况下,不详细示出或描述公知技术方案以避免喧宾夺主而使得本发明的各方面变得模糊。
此外,附图仅为本发明的示意性图解,并非一定是按比例绘制。图中相同的附图标记表示相同或类似的部分,因而将省略对它们的重复描述。附图中所示的一些方框图是功能实体,不一定必须与物理或逻辑上独立的实体相对应。可以采用软件形式来实现这些功能实体,或在一个或多个硬件模块或集成电路中实现这些功能实体,或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。
目前互联网行业使用最多的前后端系统,交互设计如图1所示,只按职责笼统的分为前端和后端两个角色,具体职责描述如下:
前端110,用于负责页面的绘制、业务数据的加载、页面交互处理等;其中,前端例如可以包括移动客户端111、Html5112、小程序113以及其他容器114等等。
后端120,也可叫做服务端(Java服务),负责对接业务系统130、数据库140和一些相关的其他系统150,处理所有业务逻辑,数据存储;另外还需要根据前端需求,给各个页面或操作提供对应的Http接口。
但是,一方面,从后端角色定位上来看,无论是业务数据还是静态数据又或者是业务逻辑处理,全部堆积在服务端,虽然可以通过良好的服务端架构设计来实现,但是服务端角色的定位很不清晰,以现有的设计来看,什么角色都是,什么都需要做,因此导致后端的压力较大。
另一方面,从前端需求实现上来看,前端的数据来源完全取决于服务端的Http接口,若想要增减字段,必须依赖服务端接口的修改支持,因此修改程序较为繁琐。
进一步的,从前端研发技术发展来看,前端研发的工作永远只局限于页面加载和操作,技术面太窄,很不利与研发的技术培养和职业发展。
本示例实施方式中首先提供了一种页面加载系统。参考图2所示,该页面加载系统可以包括页面应用前端210、前台服务框220以及页面应用后端230。其中:
页面应用前端210,可以用于发起页面加载请求,并根据接收到的页面数据对待加载页面进行加载。
前台服务框220,与所述页面应用前端210通信连接,可以用于接收所述页面加载请求,并确定所述页面加载请求中包括的待加载页面所需要的页面数据的数据类型;以及获取与所述页面数据,并将所述页面数据发送至页面应用前端。
页面应用后端230,与所述前台服务框220通信连接,可以用于获取所述页面数据,并将所述页面数据发送至所述前台服务框。
上述一种页面加载系统中,一方面,当页面应用前端发起页面加载请求时,前台服务框可以根据接收到的页面加载请求确定页面加载请求中包括的待加载页面所需要的页面数据的数据类型;并从页面应用后端获取页面数据,然后再将页面数据发送至页面应用前端;最后页面应用前端再根据接收到的页面数据对待加载页面进行加载;解决了现有技术中由于服务端需要对接业务系统、数据以及一些相关的其他服务,处理所有业务逻辑以及数据存储等等,因此导致服务端负担过重,进而影响页面的加载速度的问题,提高了页面的加载速度;另一方面,由于前台服务框可以根据接收到的页面加载请求确定页面加载请求中包括的待加载页面所需要的页面数据的数据类型;并从页面应用后端获取页面数据,再将页面数据发送至页面应用前端,使得页面应用后端仅需要从业务系统和/或数据库中获取对应的页面数据,并将页面数据发送至前台服务框即可,大大的降低了页面应用后端的负担。
以下,对图2示出的页面加载系统中包括的各个部分进行详细的解释以及说明。
首先,上述页面应用前端210例如可以是用户可见可操作性的客户端页面,例如电脑浏览器的网页211、手机App2012中的网页,电脑中的软件客户端213等。该页面应用前端可以用于负责页面加载和用户操作。
其次,上述前台服务框220例如可以是Node前台服务,其中,Node,即Node.js,是一个基于Chrome V8引擎的JavaScript运行环境,使用了一个事件驱动、非阻塞式I/O的模型。也可以简单理解为可以使用JavaScript开发服务端应用的框架。其中,该前台服务框220例如可以包括转发模块221、数据聚合模块222、业务处理模块223以及降级策略模块224等等。
进一步的,转发模块221可以用于接收所述页面加载请求,以及将页面数据发送至页面应用前端;数据聚合模块222可以用于对页面数据进行封装得到封装数据;业务处理模块223可以用于确定页面加载请求中包括的待加载页面所需要的页面数据的数据类型。
更进一步的,前台服务框还包括Http接口,前台服务框可以通过Http接口接收页面加载请求,并通过Http接口将页面数据发送至页面应用前端。其中,上述Http即HyperText Transfer Protocol,超文本传输协议,是一个简单的请求-响应协议,它通常运行在TCP之上。它指定了客户端可能发送给服务器什么样的消息以及得到什么样的响应。
并且,为了可以进一步的减少页面应用后端(服务器端)230的压力,该前台服务框220还可以在确定页面数据的数据类型为静态数据时,生成与页面数据对应的静态数据获取请求;以及在确定页面数据的数据类型为动态数据时,生成与页面数据对应的动态数据获取请求;并且,当页面加载请求包括多个待加载页面时,将与各待加载页面对应的静态数据获取请求和/或动态数据获取请求以多线程的异步处理方式分别发送至中台服务框和/或页面应用后端。通过该方法,可以提高静态数据以及动态数据的获取速度,进而提高页面的加载速度。
此处需要补充说明的是,通过增加前台服务框,接替了原来服务端为前端提供接口服务的所有工作,该角色由前端研发负责,如果前端页面有数据优化或变更需求,在前台服务框对其进行处理即可,不用再需要通过页面应用后端对其进行处理,提高了处理速度,同时也可以进一步的降低页面应用后端的系统负担。
在本示例实施例中,继续参考图2所示,上述页面加载系统还可以包括:中台服务框240,与所述前台服务框通信连接,用于接收前台服务框在确定所述数据类型为静态数据时,发送的获取页面数据的数据获取请求,并将获取到的页面数据发送至前台服务框。具体的,中台服务框(Node中台服务),是搭建在前端和后端之间的,提供常用基础服务或者能力的系统。
进一步的,继续参考图2所示,该页面加载系统还可以包括Redis缓存250以及配置中心260,分别与所述中台服务框通信连接,分别用于对页面数据进行存储。其中,当数据类型为静态数据时,该页面数据例如可以包括配置类数据,也可以是其他不需要实时更新的数据,本示例对此不做特殊限制。另外,该页面加载系统还可以包括其他系统,该其他系统可以用于对其他不需要实时更新的数据进行存储。
此处需要补充说明的是,Redis缓存250以及配置中心260可以是包含在中台服务框内部的,也可以是独立于中台服务框的,本示例对此不做特殊限制。
最后,上述页面应用后端230也称作服务端,是为客户端服务的,服务的内容诸如向客户端提供资源,保存客户端数据。常见的服务端是用Java、C++或者PHP等计算机语言开发的。
此处需要补充说明的是,由于上述页面数据可以包括动态数据以及静态数据;因此,为了可以进一步的减少页面应用后端的负担,可以仅仅是从页面应用后端中获取对应的静态数据。具体的,获取所述页面数据,并将所述页面数据发送至所述前台服务框包括:接收所述动态数据获取请求,并将获取到的动态数据发送至所述前台服务框。
此处需要补充说明的是,上述中台服务框的职责也可以由原有的页面应用后端来替代,因为都是操作最底层的数据源获取数据,可以算作是服务端的职责范围。因此,为了减少开发工作量,并降低系统的复杂程度,可以将中台服务框以及页面应用后端进行合并;但是,为了减少页面应用后端的负担,并且提高组件数据的获取速度,则可以分别设置中台服务框以及页面应用后端,用户可以根据需要,自行设置,本示例对此不做特殊限制。
进一步的,为了可以便于对动态组件数据进行存储,继续参考图2所示,该页面加载系统还包括:业务系统270以及数据库280,分别与所述页面应用后端通信连接,分别用于对所述动态组件数据进行存储。
图3示意性示出根据本发明实例实施例的一种页面加载方法的流程图。参考图3所示,该页面加载方法可以应用于前台服务框,可以包括步骤S310-步骤S330,以下进行详细说明。
在步骤S310中,接收页面应用前端发送的页面加载请求,确定所述页面加载请求中包括的待加载页面所需要的页面数据的数据类型;其中,所述数据类型包括动态数据和/或静态数据。
在本示例实施例中,首先,接收页面应用前端(例如可以是手机)发送的对某一页面进行加载的页面加载请求,然后可以根据该加载请求中包括的待加载页面的URL确定该待加载页面所需要的页面数据的数据类型。其中,该页面数据例如可以包括页面的具体框架结构、各个框架结构中所包括的具体内容,例如标题以及标题下对应的具体内容等等。
在步骤S320中,根据所述数据类型获取所述页面数据。
在本示例实施例中,首先,可以根据页面数据的数据类型向页面应用后端发送与页面数据对应的数据获取请求,并接收页面应用后端响应所述数据获取请求获取的所述页面数据。通过该方法,使得页面应用后端仅需要从业务系统和/或数据库中获取对应的组件数据,并将组件数据发送至前台服务框即可,大大的降低了页面应用后端的负担。另外,当接收到该页面数据以后,还可以对该页面数据进行封装得到封装数据。通过该方法,可以避免由于未经封装直接将数据发送至页面应用前端进而使得页面加载出现错误的问题。
进一步的,为了可以进一步的减少页面应用后端的压力,根据所述数据类型获取所述页面数据可以包括:当所述页面数据为静态数据时,向中台服务框发送与所述页面数据对应的静态数据获取请求;以及在确定所述页面数据为动态数据时,向页面应用后端发送与所述页面数据对应的动态数据获取请求。并且,当页面加载请求包括多个待加载页面时,可以将与各待加载页面对应的静态数据获取请求以及动态数据获取请求以多线程的异步处理方式分别发送至中台服务框以及页面应用后端。通过该方式,可以提高页面数据的获取速度,进而提高页面的加载速度。
在步骤S330中,将所述页面数据发送至页面应用前端,以使所述页面应用前端根据所述页面数据对所述待加载页面进行加载。
在图3示意性示出的实施例中,一方面,通过接收页面应用前端发送的页面加载请求,确定所述页面加载请求包括的待加载页面所需的页面数据的数据类型;然后根据所述数据类型获取所述页面数据;最后将所述页面数据发送至页面应用前端,以使所述页面应用前端根据所述页面数据对所述待加载页面进行加载;解决了现有技术中由于服务端需要对接业务系统、数据以及一些相关的其他服务,处理所有业务逻辑以及数据存储等等,因此导致服务端负担过重,进而影响页面的加载速度的问题,提高了页面的加载速度;另一方面,由于前台服务框可以根据接收到的页面加载请求确定页面加载请求中包括的待加载页面所需要的页面数据的数据类型;并根据数据类型获取相应的页面数据,使得数据类型的确定以及转发都可以通过前台服务框进行处理,不再需要通过现有技术中所提及的服务端进行处理,因此可以降低服务端的负担;再一方面,通过根据数据类型获取页面数据,再将页面数据发送至页面应用前端,以使页面应用前端根据页面数据对待加载页面进行加载,提高了页面数据的获取效率,同时也可以提高页面加载的准确率。
图4示意性示出根据本发明实例实施例的一种页面加载方法的流程图。参考图4所示,该页面加载方法可以应用于中台服务框,可以包括步骤S410-步骤S430,以下进行详细说明。
在步骤S410中,接收前台服务框根据待加载页面所需的页面数据的数据类型发送的获取页面数据的数据获取请求。
在步骤S420中,响应所述数据获取请求从数据库中获取所述页面数据。
在步骤S430中,将所述页面数据发送至所述前台服务框,以使所述前台服务框将所述页面数据发送至页面应用前端,并使得所述页面应用前端根据所述页面数据对待加载页面进行加载。
在图4示意性示出的实施例中,由于该数据获取请求是前台服务框根据待加载页面所需的页面数据的数据类型发送的,因此不仅可以提高页面数据的获取速度,进而提高了页面加载的速度;也可以减少了页面应用后端的负担。
以下,结合图5对本发明示例实施例的页面加载方法进行进一步的解释以及说明。参考图5所示,该页面加载方法可以包括以下步骤:
步骤S510,用户使用App打开页面,页面应用前端210通过Http接口向前台服务框220发起单接口数据请求;
步骤S520,前台服务框220接收到页面应用前端210的数据请求,根据不同的页面或者操作接口分析具体需要的页面数据;
步骤S530,前台服务框220在确定所述页面数据为静态数据时,向中台服务框240发送静态数据获取请求;
步骤S540,前台服务框220在确定所述页数据为动态数据时,向页面应用后端230发送动态数据获取请求;
步骤S550,中台服务框240将静态数据发送至前台服务框220;
步骤S560,页面应用后端230将动态数据发送至前台服务框220;
步骤S570,中台服务框对静态数据以及动态数据进行封装得到封装数据,并将封装数据发送至页面应用前端210;
步骤S580,页面应用前端根据封装数据对页面进行加载。
此处需要补充说明的是,步骤S530以及步骤S540是以多线程异步的方式同时进行的,此处标明序号仅仅是为了叙述方便,并无先后之分。并且,如果仅需要动态组件数据或者仅需要静态组件数据时,则仅需要进行任一步骤即可。另外,步骤S550以及步骤S560与步骤S530以及步骤S540的情况类似,此处不再赘述。
本发明实例实施例提出的页面加载方法,至少具有以下优点:
一方面,系统设计创新:抛弃传统的只有前端和后端的固有系统交互设计,利用近几年新出的Node.js技术,创造了角色更加细分的、职责更加明确的、新型的前后端系统交互设计。
另一方面,数据流程创新:前端获取页面数据或者操作数据不再是单一的请求后端,后端也不再是所有数据全都拉取处理下发给前端;现在是按角色分工,按需去拉取当前页面需要的数据,再将数据聚合后下发给前端。
本发明还提供了一种页面加载装置,应用于前台服务框。参考图6所示,该页面加载装置包括数据类型确定模块610、第一数据获取模块620以及第一数据发送模块630。其中:
数据类型确定模块610可以用于接收页面应用前端发送的页面加载请求,确定所述页面加载请求包括的待加载页面所需的页面数据的数据类型;其中,所述数据类型包括动态数据和/或静态数据。
第一数据获取模块620可以用于根据所述数据类型获取所述页面数据。
第一数据发送模块640可以用于将所述页面数据发送至页面应用前端,以使所述页面应用前端根据所述页面数据对所述待加载页面进行加载。
在本发明的一种示例性实施例中,获取所述页面数据包括:
向页面应用后端发送与所述页面数据对应的数据获取请求,接收所述页面应用后端响应所述数据获取请求获取的所述页面数据。
在本发明的一种示例性实施例中,根据所述数据类型获取所述页面数据包括:
当所述页面数据的数据类型为静态数据时,向中台服务框发送与所述页面数据对应的静态数据获取请求;以及
当所述页面数据的数据类型为动态数据时,向页面应用后端发送与所述页面数据对应的动态数据获取请求。
在本发明的一种示例性实施例中,所述页面加载装置还包括:
数据获取请求模块,可以用于当所述页面加载请求包括多个待加载页面时,将与各所述待加载页面对应的静态数据获取请求以及动态数据获取请求以多线程的异步处理方式分别发送至中台服务框以及页面应用后端。
本发明还提供了另一种页面加载装置,应用中台服务框。参考图7所示,该页面加载装置可以包括获取请求接收模块710、第二数据获取模块720以及第二数据发送模块730。其中:
获取请求接收模块710可以用于接收前台服务框根据待加载页面所需的页面数据的数据类型发送的获取页面数据的数据获取请求。
第二数据获取模块720可以用于响应所述数据获取请求从数据库中获取所述页面数据。
第二数据发送模块730可以用于将所述页面数据发送至所述前台服务框,以使所述前台服务框将所述页面数据发送至页面应用前端,并使得所述页面应用前端根据所述页面数据对待加载页面进行加载。
上述页面加载装置中各模块的具体细节已经在对应的页面加载方法中进行了详细的描述,因此此处不再赘述。
应当注意,尽管在上文详细描述中提及了用于动作执行的设备的若干模块或者单元,但是这种划分并非强制性的。实际上,根据本发明的实施方式,上文描述的两个或更多模块或者单元的特征和功能可以在一个模块或者单元中具体化。反之,上文描述的一个模块或者单元的特征和功能可以进一步划分为由多个模块或者单元来具体化。
此外,尽管在附图中以特定顺序描述了本发明中方法的各个步骤,但是,这并非要求或者暗示必须按照该特定顺序来执行这些步骤,或是必须执行全部所示的步骤才能实现期望的结果。附加的或备选的,可以省略某些步骤,将多个步骤合并为一个步骤执行,以及/或者将一个步骤分解为多个步骤执行等。
在本发明的示例性实施例中,还提供了一种能够实现上述方法的电子设备。
所属技术领域的技术人员能够理解,本发明的各个方面可以实现为系统、方法或程序产品。因此,本发明的各个方面可以具体实现为以下形式,即:完全的硬件实施方式、完全的软件实施方式(包括固件、微代码等),或硬件和软件方面结合的实施方式,这里可以统称为“电路”、“模块”或“系统”。
下面参照图8来描述根据本发明的这种实施方式的电子设备800。图8显示的电子设备800仅仅是一个示例,不应对本发明实施例的功能和使用范围带来任何限制。
如图8所示,电子设备800以通用计算设备的形式表现。电子设备800的组件可以包括但不限于:上述至少一个处理单元810、上述至少一个存储单元820、连接不同系统组件(包括存储单元820和处理单元810)的总线830。
其中,所述存储单元存储有程序代码,所述程序代码可以被所述处理单元810执行,使得所述处理单元810执行本说明书上述“示例性方法”部分中描述的根据本发明各种示例性实施方式的步骤。例如,所述处理单元810可以执行如图3中所示的步骤S310:接收页面应用前端发送的页面加载请求,确定所述页面加载请求包括的待加载页面所需的页面数据的数据类型;其中,所述数据类型包括动态数据和/或静态数据;步骤S320:根据所述数据类型获取所述页面数据;步骤S330:将所述页面数据发送至页面应用前端,以使所述页面应用前端根据所述页面数据对所述待加载页面进行加载。
所述处理单元810还可以执行如图4中所示的步骤S410:接收前台服务框根据待加载页面所需的页面数据的数据类型发送的获取页面数据的数据获取请求;步骤S420:响应所述数据获取请求从数据库中获取所述页面数据;步骤S430:将所述页面数据发送至所述前台服务框,以使所述前台服务框将所述页面数据发送至页面应用前端,并使得所述页面应用前端根据所述页面数据对待加载页面进行加载。
存储单元820可以包括易失性存储单元形式的可读介质,例如随机存取存储单元(RAM)8201和/或高速缓存存储单元8202,还可以进一步包括只读存储单元(ROM)8203。
存储单元820还可以包括具有一组(至少一个)程序模块8205的程序/实用工具8204,这样的程序模块8205包括但不限于:操作系统、一个或者多个应用程序、其它程序模块以及程序数据,这些示例中的每一个或某种组合中可能包括网络环境的实现。
总线830可以为表示几类总线结构中的一种或多种,包括存储单元总线或者存储单元控制器、外围总线、图形加速端口、处理单元或者使用多种总线结构中的任意总线结构的局域总线。
电子设备800也可以与一个或多个外部设备900(例如键盘、指向设备、蓝牙设备等)通信,还可与一个或者多个使得用户能与该电子设备800交互的设备通信,和/或与使得该电子设备800能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口850进行。并且,电子设备800还可以通过网络适配器860与一个或者多个网络(例如局域网(LAN),广域网(WAN)和/或公共网络,例如因特网)通信。如图所示,网络适配器860通过总线830与电子设备800的其它模块通信。应当明白,尽管图中未示出,可以结合电子设备800使用其它硬件和/或软件模块,包括但不限于:微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。
通过以上的实施方式的描述,本领域的技术人员易于理解,这里描述的示例实施方式可以通过软件实现,也可以通过软件结合必要的硬件的方式来实现。因此,根据本发明实施方式的技术方案可以以软件产品的形式体现出来,该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM,U盘,移动硬盘等)中或网络上,包括若干指令以使得一台计算设备(可以是个人计算机、服务器、终端装置、或者网络设备等)执行根据本发明实施方式的方法。
在本发明的示例性实施例中,还提供了一种计算机可读存储介质,其上存储有能够实现本说明书上述方法的程序产品。在一些可能的实施方式中,本发明的各个方面还可以实现为一种程序产品的形式,其包括程序代码,当所述程序产品在终端设备上运行时,所述程序代码用于使所述终端设备执行本说明书上述“示例性方法”部分中描述的根据本发明各种示例性实施方式的步骤。
描述了根据本发明的实施方式的用于实现上述方法的程序产品,其可以采用便携式紧凑盘只读存储器(CD-ROM)并包括程序代码,并可以在终端设备,例如个人电脑上运行。然而,本发明的程序产品不限于此,在本文件中,可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
所述程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以为但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括:具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。
计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了可读程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。可读信号介质还可以是可读存储介质以外的任何可读介质,该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。
可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于无线、有线、光缆、RF等等,或者上述的任意合适的组合。
可以以一种或多种程序设计语言的任意组合来编写用于执行本发明操作的程序代码,所述程序设计语言包括面向对象的程序设计语言—诸如Java、C++等,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中,远程计算设备可以通过任意种类的网络,包括局域网(LAN)或广域网(WAN),连接到用户计算设备,或者,可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。
此外,上述附图仅是根据本发明示例性实施例的方法所包括的处理的示意性说明,而不是限制目的。易于理解,上述附图所示的处理并不表明或限制这些处理的时间顺序。另外,也易于理解,这些处理可以是例如在多个模块中同步或异步执行的。
本领域技术人员在考虑说明书及实践这里发明的发明后,将容易想到本发明的其他实施例。本申请旨在涵盖本发明的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本发明的一般性原理并包括本发明未发明的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本发明的真正范围和精神由权利要求指出。

Claims (11)

1.一种页面加载方法,其特征在于,应用于前台服务框,所述页面加载方法包括:
接收页面应用前端发送的页面加载请求,确定所述页面加载请求包括的待加载页面所需的页面数据的数据类型;其中,所述数据类型包括动态数据和/或静态数据;
根据所述数据类型获取所述页面数据;
将所述页面数据发送至页面应用前端,以使所述页面应用前端根据所述页面数据对所述待加载页面进行加载。
2.根据权利要求1所述的页面加载方法,其特征在于,获取所述页面数据包括:
向页面应用后端发送与所述页面数据对应的数据获取请求;
接收所述页面应用后端响应所述数据获取请求获取的所述页面数据。
3.根据权利要求1所述的页面加载方法,其特征在于,根据所述数据类型获取所述页面数据包括:
当所述页面数据的数据类型为静态数据时,向中台服务框发送与所述页面数据对应的静态数据获取请求;以及
当所述页面数据的数据类型为动态数据时,向页面应用后端发送与所述页面数据对应的动态数据获取请求。
4.根据权利要求3所述的页面加载方法,其特征在于,所述页面加载方法还包括:
当所述页面加载请求包括多个待加载页面时,将与各所述待加载页面对应的静态数据获取请求以及动态数据获取请求以多线程的异步处理方式分别发送至中台服务框以及页面应用后端。
5.一种页面加载方法,其特征在于,应用中台服务框,所述页面加载方法包括:
接收前台服务框根据待加载页面所需的页面数据的数据类型发送的获取页面数据的数据获取请求;
响应所述数据获取请求从数据库中获取所述页面数据;
将所述页面数据发送至所述前台服务框,以使所述前台服务框将所述页面数据发送至页面应用前端,并使得所述页面应用前端根据所述页面数据对待加载页面进行加载。
6.一种页面加载装置,其特征在于,应用于前台服务框,所述页面加载装置包括:
数据类型确定模块,用于接收页面应用前端发送的页面加载请求,确定所述页面加载请求包括的待加载页面所需的页面数据的数据类型;其中,所述数据类型包括动态数据和/或静态数据;
第一数据获取模块,用于根据所述数据类型获取所述页面数据;
第一数据发送模块,用于将所述页面数据发送至页面应用前端,以使所述页面应用前端根据所述页面数据对所述待加载页面进行加载。
7.一种页面加载装置,其特征在于,应用中台服务框,所述页面加载装置包括:
获取请求接收模块,用于接收前台服务框根据待加载页面所需的页面数据的数据类型发送的获取页面数据的数据获取请求;
第二数据获取模块,用于响应所述数据获取请求从数据库中获取所述页面数据;
第二数据发送模块,用于将所述页面数据发送至所述前台服务框,以使所述前台服务框将所述页面数据发送至页面应用前端,并使得所述页面应用前端根据所述页面数据对待加载页面进行加载。
8.一种页面加载系统,其特征在于,包括:
页面应用前端,用于发起页面加载请求,并根据接收到的页面数据对待加载页面进行加载;
前台服务框,与所述页面应用前端通信连接,用于接收所述页面加载请求,并确定所述页面加载请求包括的待加载页面所需的页面数据的数据类型;以及获取所述页面数据,并将所述页面数据发送至页面应用前端;
页面应用后端,与所述前台服务框通信连接,用于获取所述页面数据,并将所述页面数据发送至所述前台服务框。
9.根据权利要求8所述的页面加载系统,其特征在于,所述页面加载系统还包括:
中台服务框,与所述前台服务框通信连接,用于接收前台服务框在所述页面数据的数据类型为静态数据时,发送的与所述页面数据对应的静态数据获取请求;以及
将所述静态数据发送至所述前台服务框。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1-5任一项所述的页面加载方法。
11.一种电子设备,其特征在于,包括:
处理器;以及
存储器,用于存储所述处理器的可执行指令;
其中,所述处理器配置为经由执行所述可执行指令来执行权利要求1-5任一项所述的页面加载方法。
CN201911240919.7A 2019-12-06 2019-12-06 页面加载方法、装置、系统、存储介质、电子设备 Pending CN110990746A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201911240919.7A CN110990746A (zh) 2019-12-06 2019-12-06 页面加载方法、装置、系统、存储介质、电子设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201911240919.7A CN110990746A (zh) 2019-12-06 2019-12-06 页面加载方法、装置、系统、存储介质、电子设备

Publications (1)

Publication Number Publication Date
CN110990746A true CN110990746A (zh) 2020-04-10

Family

ID=70090634

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201911240919.7A Pending CN110990746A (zh) 2019-12-06 2019-12-06 页面加载方法、装置、系统、存储介质、电子设备

Country Status (1)

Country Link
CN (1) CN110990746A (zh)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111666068A (zh) * 2020-06-01 2020-09-15 北京软通智慧城市科技有限公司 一种平台开发框架、构建方法、设备及介质
CN111723263A (zh) * 2020-06-19 2020-09-29 北京同邦卓益科技有限公司 网页数据处理方法、装置、设备及存储介质
CN111880840A (zh) * 2020-07-24 2020-11-03 北京达佳互联信息技术有限公司 数据获取方法、装置、电子设备及存储介质
CN113448649A (zh) * 2021-07-06 2021-09-28 聚好看科技股份有限公司 一种基于Redis的首页数据加载的服务器及方法

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108881396A (zh) * 2018-05-24 2018-11-23 平安普惠企业管理有限公司 网络数据的加载方法、装置、设备和计算机存储介质
CN109241477A (zh) * 2018-07-27 2019-01-18 沈文策 一种网站页面加载方法、装置、电子设备及存储介质
CN109857486A (zh) * 2019-02-02 2019-06-07 北京字节跳动网络技术有限公司 一种程序页面数据的处理方法、装置、设备和介质
CN110347493A (zh) * 2019-07-16 2019-10-18 广州虎牙科技有限公司 页面数据的处理方法、显示方法、装置、设备及存储介质
CN110442811A (zh) * 2019-08-14 2019-11-12 广州虎牙科技有限公司 一种页面的处理方法、装置、计算机设备和存储介质

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108881396A (zh) * 2018-05-24 2018-11-23 平安普惠企业管理有限公司 网络数据的加载方法、装置、设备和计算机存储介质
CN109241477A (zh) * 2018-07-27 2019-01-18 沈文策 一种网站页面加载方法、装置、电子设备及存储介质
CN109857486A (zh) * 2019-02-02 2019-06-07 北京字节跳动网络技术有限公司 一种程序页面数据的处理方法、装置、设备和介质
CN110347493A (zh) * 2019-07-16 2019-10-18 广州虎牙科技有限公司 页面数据的处理方法、显示方法、装置、设备及存储介质
CN110442811A (zh) * 2019-08-14 2019-11-12 广州虎牙科技有限公司 一种页面的处理方法、装置、计算机设备和存储介质

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111666068A (zh) * 2020-06-01 2020-09-15 北京软通智慧城市科技有限公司 一种平台开发框架、构建方法、设备及介质
CN111666068B (zh) * 2020-06-01 2023-07-04 北京软通智慧科技有限公司 一种平台开发框架、构建方法、设备及介质
CN111723263A (zh) * 2020-06-19 2020-09-29 北京同邦卓益科技有限公司 网页数据处理方法、装置、设备及存储介质
CN111723263B (zh) * 2020-06-19 2024-04-05 北京同邦卓益科技有限公司 网页数据处理方法、装置、设备及存储介质
CN111880840A (zh) * 2020-07-24 2020-11-03 北京达佳互联信息技术有限公司 数据获取方法、装置、电子设备及存储介质
CN113448649A (zh) * 2021-07-06 2021-09-28 聚好看科技股份有限公司 一种基于Redis的首页数据加载的服务器及方法

Similar Documents

Publication Publication Date Title
CN110990746A (zh) 页面加载方法、装置、系统、存储介质、电子设备
US11144711B2 (en) Webpage rendering method, device, electronic apparatus and storage medium
US10951552B2 (en) Generation of a chatbot interface for an application programming interface
CN111158818B (zh) 一种页面渲染方法和装置
CN109542427B (zh) 一种系统定制方法、装置及电子设备和存储介质
US10277743B1 (en) Configurable natural language contact flow
CN107608801B (zh) 原生页面与html5页面通信方法、装置、介质和设备
CN111443909B (zh) 用于生成页面的方法及装置
CN109582317B (zh) 用于调试寄宿应用的方法和装置
CN109815405B (zh) 灰度分流方法与系统
CN113031946A (zh) 一种渲染页面组件的方法和装置
CN113050940A (zh) 小程序的预览方法、相关装置及计算机程序产品
CN112395027A (zh) 微件界面生成方法、装置、存储介质与电子设备
WO2023284505A1 (zh) 扫码支付的方法及装置
CN108694120B (zh) 测试服务组件的方法和装置
CN111767229A (zh) 性能测试方法、装置和设备
CN112395098B (zh) 应用程序接口调用方法、装置、存储介质和电子设备
CN113553123B (zh) 数据处理方法、装置、电子设备及存储介质
US20190188623A1 (en) Cognitive and dynamic business process generation
CN111600920B (zh) 基于js的数据请求代理方法、装置、设备及可读存储介质
CN112486482A (zh) 一种页面展示方法和装置
CN110807535A (zh) 统一预约平台的构建方法、构建装置和统一预约平台系统
CN112416739B (zh) 测试方法、装置以及电子设备
CN113448578A (zh) 页面数据处理方法、处理系统、电子设备和可读存储介质
CN113905040A (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