技术领域technical field
本发明涉及应用程序的技术领域，尤其涉及一种页面加载方法、装置、设备及可读存储介质。The present invention relates to the technical field of application programs, and in particular, to a page loading method, apparatus, device and readable storage medium.
背景技术Background technique
App(Application，应用程序)开发中，页面的加载方式为从一个页面 (Activity)跳转到另外一个页面(Activity)，即在跳转页面时，客户端向服务端请求加载跳转后的页面所需的数据，并根据请求到的数据渲染页面，然后加载显示渲染后的页面。In the development of App (Application), the loading method of the page is to jump from one page (Activity) to another page (Activity), that is, when jumping the page, the client requests the server to load the page after the jump. The required data, and render the page according to the requested data, and then load and display the rendered page.
目前APP首页的加载方式是在广告页面显示超时或者用户选择跳过广告页面时，向服务端请求加载APP首页所需的数据，并基于加载APP首页所需的数据进行首页加载，由于加载APP首页所需的数据较多，页面加载时间较长，降低了页面之间的跳转流畅度，用户体验不好。At present, the loading method of the APP homepage is to request the server for the data required to load the APP homepage when the advertisement page displays time-out or when the user chooses to skip the advertisement page, and load the homepage based on the data required to load the APP homepage. The required data is more, and the page loading time is longer, which reduces the smoothness of jumping between pages, and the user experience is not good.
因此，如何提高App首页的加载速度，提高页面之间的跳转流畅度是目前亟待解决的问题。Therefore, how to improve the loading speed of the App home page and how to improve the smoothness of jumping between pages is an urgent problem to be solved at present.
发明内容SUMMARY OF THE INVENTION
本发明的主要目的在于提供一种页面加载方法、装置、设备及可读存储介质，旨在提高App首页的加载速度，提高页面之间的跳转流畅度。The main purpose of the present invention is to provide a page loading method, device, device and readable storage medium, aiming at improving the loading speed of the App home page and the smoothness of jumping between pages.
为实现上述目的，本发明提供一种页面加载方法，所述页面加载方法包括以下步骤：In order to achieve the above object, the present invention provides a page loading method, the page loading method includes the following steps:
当监测到预设应用程序启动时，向服务器请求加载开屏子页面、广告子页面和应用首页所需的页面配置数据；When monitoring the startup of the preset application, request the server to load the page configuration data required by the screen-opening sub-page, the advertisement sub-page and the application home page;
依据所述页面配置数据，形成包含有开屏子页面、广告子页面和应用首页的一组合应用页面；According to the page configuration data, a combined application page including a screen opening sub-page, an advertisement sub-page and an application home page is formed;
依次加载并显示所述组合应用页面中的开屏子页面、广告子页面和应用首页。The screen-opening sub-page, the advertisement sub-page and the application home page in the combined application page are sequentially loaded and displayed.
可选地，依据所述页面配置数据，形成包含有开屏子页面、广告子页面和应用首页的一组合应用页面的步骤包括：Optionally, according to the page configuration data, the step of forming a combined application page including a screen opening sub-page, an advertisement sub-page and an application home page includes:
从所述页面配置数据中获取开屏子页面、广告子页面和应用首页各自对应的卡片列表配置信息；Obtain the card list configuration information corresponding to the screen-opening sub-page, the advertisement sub-page and the application home page from the page configuration data;
从开屏子页面、广告子页面和应用首页各自对应的卡片列表配置信息中读取各卡片的布局元信息和数据元信息；Read the layout meta information and data meta information of each card from the corresponding card list configuration information of the screen-opening sub-page, the advertisement sub-page and the application home page;
按照各卡片的布局元信息，形成开屏子页面、广告子页面和应用首页各自对应的各卡片布局；According to the layout meta information of each card, form the respective card layouts corresponding to the screen-opening sub-page, the advertisement sub-page and the application home page;
将各卡片布局对应的数据元信息填充至各卡片布局中，形成包含有开屏子页面、广告子页面和应用首页的一组合应用页面。The data element information corresponding to each card layout is filled into each card layout to form a combined application page including a screen opening sub-page, an advertisement sub-page and an application home page.
可选地，所述依次加载并显示所述组合应用页面中的开屏子页面、广告子页面和应用首页的步骤包括：Optionally, the step of sequentially loading and displaying the screen-opening sub-page, the advertisement sub-page and the application home page in the combined application page includes:
加载并显示所述组合应用页面中的开屏子页面，并在所述开屏子页面的显示时长达到对应的显示持续时间时，隐藏所述开屏子页面；Loading and displaying the screen-opening sub-page in the combined application page, and hiding the screen-opening sub-page when the display duration of the screen-opening sub-page reaches the corresponding display duration;
在隐藏所述开屏子页面之后，加载并显示所述组合应用页面中的广告子页面，并在所述广告子页面的显示时长达到对应的显示持续时间时，隐藏所述广告子页面；After hiding the screen-opening sub-page, load and display the advertisement sub-page in the combined application page, and hide the advertisement sub-page when the display duration of the advertisement sub-page reaches the corresponding display duration;
在隐藏所述广告子页面之后，加载并显示所述组合应用页面中的应用首页。After the advertisement sub-page is hidden, the application home page in the combined application page is loaded and displayed.
可选地，所述向服务器请求加载开屏子页面、广告子页面和应用首页所需的页面配置数据的步骤之前，还包括：Optionally, before the step of requesting the server to load the page configuration data required by the screen-opening sub-page, the advertisement sub-page and the application home page, the method further includes:
确定预设存储区域中是否存储有包含有开屏子页面、广告子页面和应用首页的一组合应用页面；Determine whether the preset storage area stores a combination of application pages including screen-opening sub-pages, advertisement sub-pages, and application home pages;
若预设存储区域中存储有包含有开屏子页面、广告子页面和应用首页的一组合应用页面，则依次加载并显示所述组合应用页面中的开屏子页面、广告子页面和应用首页；If the preset storage area stores a combined application page including a screen-opening sub-page, an advertisement sub-page and an application home page, the screen-opening sub-page, the advertisement sub-page and the application home page in the combined application page are sequentially loaded and displayed. ;
若预设存储区域中未存储有包含有开屏子页面、广告子页面和应用首页的一组合应用页面，则执行步骤：向服务器请求加载开屏子页面、广告子页面和应用首页所需的页面配置数据。If the preset storage area does not store a combined application page including the screen-opening sub-page, the advertisement sub-page and the application home page, perform the steps: request the server to load the screen-opening sub-page, the advertisement sub-page and the application home page required for loading Page configuration data.
可选地，所述依次加载并显示所述组合应用页面中的开屏子页面、广告子页面和应用首页的步骤之后，还包括：Optionally, after the step of sequentially loading and displaying the screen-opening sub-page, the advertisement sub-page and the application home page in the combined application page, the method further includes:
接收服务器发送的各应用页面的页面配置数据，并依据各应用页面的页面配置数据，生成各渲染页面，且存储所述各渲染页面；Receive the page configuration data of each application page sent by the server, generate each rendered page according to the page configuration data of each application page, and store the each rendered page;
当监测到页面跳转指令时，依据所述页面跳转指令从所述各渲染页面中读取对应的渲染页面，并显示所述渲染页面。When a page jump instruction is detected, the corresponding rendered page is read from each of the rendered pages according to the page jump instruction, and the rendered page is displayed.
可选地，所述依次加载并显示所述组合应用页面中的开屏子页面、广告子页面和应用首页的步骤之后，还包括：Optionally, after the step of sequentially loading and displaying the screen-opening sub-page, the advertisement sub-page and the application home page in the combined application page, the method further includes:
接收服务器发送的页面更新请求，并依据所述页面更新请求中的页面配置更新数据，更新存储在预设存储区域中的组合应用页面。Receive a page update request sent by the server, and update the combined application page stored in the preset storage area according to the page configuration update data in the page update request.
可选地，依据所述页面更新请求中的页面配置更新数据，更新存储在预设存储区域中的组合应用页面的步骤包括：Optionally, according to the page configuration update data in the page update request, the step of updating the combined application page stored in the preset storage area includes:
依据所述页面配置更新数据中的页面层级标签，确定存储在预设存储区域中组合应用页面内的待更新子页面According to the page level label in the page configuration update data, determine the sub-page to be updated in the combined application page stored in the preset storage area
依据所述页面配置更新数据中所述待更新子页面的卡片列表配置信息，更新所述组合应用页面内的待更新子页面。According to the card list configuration information of the to-be-updated sub-page in the page configuration update data, the to-be-updated sub-page in the combined application page is updated.
此外，为实现上述目的，本发明还提供一种页面加载装置，所述页面加载装置包括：In addition, in order to achieve the above object, the present invention also provides a page loading device, and the page loading device includes:
请求模块，用于当监测到预设应用程序启动时，向服务器请求加载开屏子页面、广告子页面和应用首页所需的页面配置数据；The request module is used to request the server to load the page configuration data required by the screen-opening sub-page, the advertisement sub-page and the application home page when the startup of the preset application is detected;
页面形成模块，用于依据所述页面配置数据，形成包含有开屏子页面、广告子页面和应用首页的一组合应用页面；a page forming module, configured to form a combined application page including a screen-opening sub-page, an advertisement sub-page and an application home page according to the page configuration data;
加载显示模块，用于依次加载并显示所述组合应用页面中的开屏子页面、广告子页面和应用首页。The loading and displaying module is used for sequentially loading and displaying the screen-opening sub-page, the advertisement sub-page and the application home page in the combined application page.
此外，为实现上述目的，本发明还提供一种页面加载设备，所述页面加载设备包括处理器、存储器、以及存储在所述存储器上并可被所述处理器执行的页面加载程序，其中所述页面加载程序被所述处理器执行时，实现如上述的页面加载方法的步骤。In addition, in order to achieve the above object, the present invention also provides a page loading device, the page loading device includes a processor, a memory, and a page loading program stored on the memory and executable by the processor, wherein the When the page loading program is executed by the processor, the steps of the above page loading method are implemented.
此外，为实现上述目的，本发明还提供一种可读存储介质，所述可读存储介质上存储有页面加载程序，其中所述页面加载程序被处理器执行时，实现如上述的页面加载方法的步骤。In addition, in order to achieve the above object, the present invention also provides a readable storage medium, where a page loading program is stored on the readable storage medium, wherein when the page loading program is executed by a processor, the above-mentioned page loading method is implemented A step of.
本发明提供一种页面加载方法、装置、设备及可读存储介质，本发明在启动应用程序时，向服务器请求加载开屏子页面、广告子页面和应用首页所需的页面配置数据，并基于该页面配置数据形成一包含有开屏子页面、广告子页面和应用首页的组合应用页面，然后依次加载并显示组合应用页面中的开屏子页面、广告子页面和应用首页，由于开屏子页面、广告子页面和应用首页被配置在一个页面内，不涉及页面之间的切换，且应用首页在应用程序启动时形成，而不是在广告页面展示结束之后，才请求对应的数据执行页面加载操作，有效的提高应用首页的加载速度，提高页面之间的跳转流畅度。The present invention provides a page loading method, device, device and readable storage medium. When starting an application program, the present invention requests the server to load page configuration data required by the screen-opening sub-page, the advertisement sub-page and the application home page, and based on the The page configuration data forms a combined application page including a screen-opening sub-page, an advertisement sub-page and an application home page, and then loads and displays the screen-opening sub-page, advertisement sub-page and application home page in the combined application page in turn. The page, the advertisement sub-page and the application home page are configured in one page, which does not involve switching between pages, and the application home page is formed when the application starts, instead of requesting the corresponding data to execute page loading after the advertisement page is displayed. operation, effectively improve the loading speed of the home page of the application, and improve the smoothness of jumping between pages.
附图说明Description of drawings
图1为本发明各实施例涉及的页面加载设备的硬件结构示意图；1 is a schematic diagram of a hardware structure of a page loading device involved in various embodiments of the present invention;
图2为本发明页面加载方法第一实施例的流程示意图；FIG. 2 is a schematic flowchart of a first embodiment of a page loading method according to the present invention;
图3为本发明第一实施例中步骤S102的细化流程示意图；FIG. 3 is a schematic diagram of a refinement flow of step S102 in the first embodiment of the present invention;
图4为本发明页面加载方法第三实施例的流程示意图；4 is a schematic flowchart of a third embodiment of a page loading method according to the present invention;
图5为本发明页面加载装置第一实施例的功能模块示意图。FIG. 5 is a schematic diagram of functional modules of the first embodiment of the page loading apparatus of the present invention.
本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。The realization, functional characteristics and advantages of the present invention will be further described with reference to the accompanying drawings in conjunction with the embodiments.
具体实施方式Detailed ways
应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。It should be understood that the specific embodiments described herein are only used to explain the present invention, but not to limit the present invention.
本发明实施例涉及的页面加载方法主要应用于页面加载设备，该页面加载设备可以是PC(个人计算机personal computer)、便携计算机、移动终端等具有显示和处理功能的设备。The page loading method involved in the embodiment of the present invention is mainly applied to a page loading device, and the page loading device may be a PC (personal computer), a portable computer, a mobile terminal and other devices with display and processing functions.
参照图1，图1为本发明实施例方案中涉及的页面加载设备的硬件结构示意图。本发明实施例中，页面加载设备可以包括处理器1001(例如中央处理器Central ProcessingUnit、CPU)，通信总线1002，用户接口1003，网络接口1004，存储器1005。其中，通信总线1002用于实现这些组件之间的连接通信；用户接口1003可以包括显示屏(Display)、输入单元比如键盘(Keyboard)；网络接口1004可选的可以包括标准的有线接口、无线接口(如 WI-FI接口)；存储器1005可以是高速RAM存储器，也可以是稳定的存储器(non-volatile memory)，例如磁盘存储器，存储器1005可选的还可以是独立于前述处理器1001的存储装置。本领域技术人员可以理解，图1中示出的硬件结构并不构成对本发明的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。Referring to FIG. 1 , FIG. 1 is a schematic diagram of a hardware structure of a page loading device involved in an embodiment of the present invention. In this embodiment of the present invention, the page loading device may include a processor 1001 (eg, Central Processing Unit, CPU), a communication bus 1002 , a user interface 1003 , a network interface 1004 , and a memory 1005 . Wherein, the communication bus 1002 is used to realize the connection and communication between these components; the user interface 1003 may include a display screen (Display), an input unit such as a keyboard (Keyboard); the network interface 1004 may optionally include a standard wired interface, a wireless interface (such as a WI-FI interface); the memory 1005 can be a high-speed RAM memory, or a non-volatile memory, such as a disk memory, and the memory 1005 can optionally be a storage device independent of the aforementioned processor 1001 . Those skilled in the art can understand that the hardware structure shown in FIG. 1 does not constitute a limitation of the present invention, and may include more or less components than those shown in the drawings, or combine some components, or arrange different components.
继续参照图1，图1中作为一种可读存储介质的存储器1005可以包括操作系统、网络通信模块以及页面加载程序。在图1中，网络通信模块主要用于连接服务器，与服务器进行数据通信；而处理器1001可以调用存储器1005 中存储的页面加载程序，并执行本发明实施例提供的页面加载方法。Continuing to refer to FIG. 1 , the memory 1005 as a readable storage medium in FIG. 1 may include an operating system, a network communication module and a page loading program. In FIG. 1 , the network communication module is mainly used to connect to the server and perform data communication with the server; and the processor 1001 can call the page loading program stored in the memory 1005 and execute the page loading method provided by the embodiment of the present invention.
本发明实施例提供了一种页面加载方法。The embodiment of the present invention provides a page loading method.
参照图2，图2为本发明页面加载方法第一实施例的流程示意图。Referring to FIG. 2 , FIG. 2 is a schematic flowchart of a first embodiment of a page loading method according to the present invention.
本实施例中，该页面加载方法由页面加载设备实现，该页面加载设备可以是PC、掌上电脑和平板电脑等终端设备，可选为图1所示的设备，所述页面加载方法包括以下步骤：In this embodiment, the page loading method is implemented by a page loading device. The page loading device may be a terminal device such as a PC, a handheld computer, a tablet computer, etc., and may be the device shown in FIG. 1 , and the page loading method includes the following steps :
步骤S101，当监测到预设应用程序启动时，向服务器请求加载开屏子页面、广告子页面和应用首页所需的页面配置数据；Step S101, when monitoring the startup of the preset application, request the server to load the page configuration data required by the screen-opening sub-page, the advertisement sub-page and the application home page;
步骤S102，依据页面配置数据，形成包含有开屏子页面、广告子页面和应用首页的一组合应用页面；Step S102, according to the page configuration data, form a combined application page including a screen opening sub-page, an advertisement sub-page and an application home page;
步骤S103，依次加载并显示组合应用页面中的开屏子页面、广告子页面和应用首页。Step S103, loading and displaying the screen-opening sub-page, the advertisement sub-page and the application home page in the combined application page in sequence.
目前APP首页的加载方式是在广告页面显示超时或者用户选择跳过广告页面时，向服务端请求加载APP首页所需的数据，并基于加载APP首页所需的数据进行首页加载，由于加载APP首页所需的数据较多，页面加载时间较长，降低了页面之间的跳转流畅度，用户体验不好。考虑到上述问题，本实施例中提出一种页面加载方法，以下详细介绍页面加载方法的具体步骤：At present, the loading method of the APP homepage is to request the server for the data required to load the APP homepage when the advertisement page displays time-out or when the user chooses to skip the advertisement page, and load the homepage based on the data required to load the APP homepage. The required data is more, and the page loading time is longer, which reduces the smoothness of jumping between pages, and the user experience is not good. Considering the above problems, a page loading method is proposed in this embodiment, and the specific steps of the page loading method are described in detail below:
步骤S101，当监测到预设应用程序启动时，向服务器请求加载开屏子页面、广告子页面和应用首页所需的页面配置数据；Step S101, when monitoring the startup of the preset application, request the server to load the page configuration data required by the screen-opening sub-page, the advertisement sub-page and the application home page;
本实施例中，该开屏子页面、广告子页面和应用首页被设计在一个页面(Activity)里面，即服务器中配置有加载开屏子页面、广告子页面和应用首页所需的页面配置数据，且该页面配置数据包括加载开屏子页面所需的卡片列表配置信息和开屏子页面标签、加载广告子页面所需的卡片列表配置信息和广告子页面标签以及加载应用首页所需的卡片列表配置信息和应用首页标签，卡片的配置信息包括布局元信息和数据元信息，通过该页面配置数据可形成包含开屏页面层、广告页面层和应用首页层的一应用页面，且开屏页面层位于应用页面的最高层、广告页面层位于应用页面的中间层以及应用首页成位于APP页面的最底层。In this embodiment, the screen-opening sub-page, the advertisement sub-page and the application home page are designed in one page (Activity), that is, the server is configured with page configuration data required for loading the screen-opening sub-page, the advertisement sub-page and the application home page , and the page configuration data includes the card list configuration information and the screen-opening sub-page tags required for loading the screen-opening sub-page, the card list configuration information and advertising sub-page tags required for loading the advertising sub-page, and the cards required for loading the application home page List configuration information and application homepage labels. The configuration information of the card includes layout meta information and data meta information. Through this page configuration data, an application page can be formed including the screen opening page layer, the advertising page layer and the application home page layer, and the screen opening page can be formed. The layer is located at the top layer of the application page, the advertising page layer is located in the middle layer of the application page, and the application home page is located at the bottom layer of the APP page.
本实施例中，设备安装有若干应用程序，当监测到预设应用程序启动时，向服务器请求加载开屏子页面、广告子页面和应用首页所需的页面配置数据，即设备监测到预设应用程序启动时，从本地获取开屏子页面标签、广告子页面标签和应用首页标签，并生成携带有该开屏子页面标签、广告子页面标签和应用首页标签的页面配置数据的获取请求，并将该获取请求发送至服务器，服务器接收该获取请求，并依据该获取请求给设备返回对应的页面配置数据，即从该获取请求中提取开屏子页面标签、广告子页面标签和APP首页标签，并从服务器的数据库中获取包含有开屏子页面标签、广告子页面标签和应用首页标签的页面配置数据，然后将该页面配置数据返回给设备，设备接收服务器基于该获取请求返回的页面配置数据。In this embodiment, the device is installed with several application programs. When monitoring the startup of the preset application program, it requests the server to load the page configuration data required for the screen-opening sub-page, the advertisement sub-page and the application home page, that is, the device detects that the preset application program is loaded. When the application starts, it obtains the opening sub-page label, the advertisement sub-page label and the application homepage label from the local, and generates a request for obtaining the page configuration data carrying the opening sub-page label, the advertisement sub-page label and the application homepage label, Send the acquisition request to the server, the server receives the acquisition request, and returns the corresponding page configuration data to the device according to the acquisition request, that is, extracts the screen-opening sub-page tag, the advertisement sub-page tag and the APP homepage tag from the acquisition request. , and obtain the page configuration data including the screen-opening sub-page label, the advertisement sub-page label and the application home page label from the database of the server, and then return the page configuration data to the device, and the device receives the page configuration returned by the server based on the obtaining request. data.
步骤S102，依据页面配置数据，形成包含有开屏子页面、广告子页面和应用首页的一组合应用页面；Step S102, according to the page configuration data, form a combined application page including a screen opening sub-page, an advertisement sub-page and an application home page;
本实施例中，设备从服务器中请求到加载开屏子页面、广告子页面和应用首页所需的页面配置数据之后，依据该页面配置数据，形成包含有开屏子页面、广告子页面和应用首页的一组合应用页面，其中，开屏子页面位于组合应用页面的最高层、广告子页面位于组合应用页面的中间层和应用首页位于组合应用页面的最低层。In this embodiment, after the device requests from the server the page configuration data required for loading the screen-opening sub-page, the advertisement sub-page, and the application homepage, according to the page configuration data, the device forms the screen-opening sub-page, the advertisement sub-page and the application page according to the page configuration data. A combined application page of the home page, wherein the screen opening sub-page is located at the top layer of the combined application page, the advertisement sub-page is located in the middle layer of the combined application page, and the application home page is located at the lowest layer of the combined application page.
具体地，参照图2，步骤S102包括：Specifically, referring to FIG. 2, step S102 includes:
步骤S1021，从页面配置数据中获取开屏子页面、广告子页面和应用首页各自对应的卡片列表配置信息；Step S1021, obtaining the card list configuration information corresponding to the screen-opening sub-page, the advertisement sub-page and the application home page from the page configuration data;
本实施例中，设备从服务器中请求到加载开屏子页面、广告子页面和应用首页所需的页面配置数据之后，从该页面配置数据中获取加载开屏子页面、广告子页面和应用首页所需的各自对应的卡片列表配置信息，具体为按照开屏子页面、广告子页面和应用首页的先后顺序，依次从页面配置数据中获取加载开屏子页面所需的卡片列表配置信息，即包含有开屏子页面标签的卡片列表配置信息，加载广告子页面所需的卡片列表配置信息，即包含有广告子页面标签的卡片列表配置信息，以及加载应用首页所需的卡片列表配置信息，即包含有应用首页标签的卡片列表配置信息；或者同时从该页面配置数据中获取开屏子页面、广告子页面和应用首页的卡片列表配置信息。其中，卡片列表配置信息包含有布局元信息和数据元信息，该布局元信息用于描述页面的卡片布局，该数据元信息用于填充对应的卡片布局，数据元信息包括但不限于数字、英文、中文、图片和tab内容。In this embodiment, after the device requests the page configuration data required for loading the screen-opening sub-page, the advertisement sub-page and the application home page from the server, it obtains the loading screen-opening sub-page, the advertisement sub-page and the application home page from the page configuration data The required corresponding card list configuration information, specifically, according to the order of the screen-opening sub-page, the advertisement sub-page and the application home page, obtain the card list configuration information required to load the screen-opening sub-page from the page configuration data in turn, namely The card list configuration information that contains the label of the opening sub-page, the card list configuration information required to load the advertisement sub-page, that is, the card list configuration information that contains the label of the advertisement sub-page, and the card list configuration information required to load the application home page, That is, the card list configuration information including the application home page label; or the card list configuration information of the screen-opening sub-page, the advertisement sub-page and the application home page is obtained from the configuration data of the page at the same time. The card list configuration information includes layout meta information and data meta information, the layout meta information is used to describe the card layout of the page, the data meta information is used to fill the corresponding card layout, and the data meta information includes but is not limited to numbers, English , Chinese, pictures and tab content.
步骤S1022，从开屏子页面、广告子页面和应用首页各自对应的卡片列表配置信息中读取各卡片的布局元信息和数据元信息；Step S1022, read the layout meta information and data meta information of each card from the card list configuration information corresponding to the screen opening sub-page, the advertisement sub-page and the application home page;
本实施例中，设备从开屏子页面、广告子页面和应用首页各自对应的卡片列表配置信息中读取各卡片的布局元信息和数据元信息，即按照开屏子页面、广告子页面和应用首页的先后顺序，先从卡片列表配置信息中读取属于开屏子页面的各卡片的布局元信息和数据元信息，再从卡片列表配置信息中读取属于广告子页面的各卡片的布局元信息和数据元信息，最后从卡片列表配置信息中读取属于应用首页的各卡片的布局元信息和数据元信息。In this embodiment, the device reads the layout meta-information and data element information of each card from the card list configuration information corresponding to the screen-opening sub-page, the advertisement sub-page, and the application home page, that is, according to the screen-opening sub-page, the advertisement sub-page and the corresponding card list configuration information. Apply the order of the home page, first read the layout meta information and data meta information of each card belonging to the opening sub page from the card list configuration information, and then read the layout of each card belonging to the advertisement sub page from the card list configuration information meta information and data meta information, and finally read the layout meta information and data meta information of each card belonging to the application home page from the card list configuration information.
步骤S1023，按照各卡片的布局元信息，形成开屏子页面、广告子页面和应用首页各自对应的各卡片布局；Step S1023, according to the layout meta information of each card, form the respective card layouts corresponding to the screen opening sub-page, the advertisement sub-page and the application home page;
本实施例中，设备按照各卡片的布局元信息，形成开屏子页面、广告子页面和应用首页各自对应的各卡片布局，即按照开屏子页面、广告子页面和应用首页的先后顺序，先按照属于开屏子页面的各卡片的布局元信息，形成属于开屏子页面的各卡片布局，再按照属于广告子页面的各卡片的布局元信息，形成属于广告子页面的各卡片布局，最后按照属于应用首页的各卡片的布局元信息，形成属于应用首页的各卡片布局。In this embodiment, the device forms respective card layouts corresponding to the screen-opening sub-page, the advertisement sub-page and the application home page according to the layout meta information of each card, that is, according to the order of the screen-opening sub-page, the advertisement sub-page and the application home page, First, according to the layout meta information of each card belonging to the opening subpage, form the layout of each card belonging to the opening subpage, and then form the layout of each card belonging to the advertisement subpage according to the layout meta information of each card belonging to the advertisement subpage. Finally, according to the layout meta information of each card belonging to the application home page, the layout of each card belonging to the application home page is formed.
步骤S1024，将各卡片布局对应的数据元信息填充至各卡片布局中，形成包含有开屏子页面、广告子页面和应用首页的一组合应用页面。In step S1024, the data element information corresponding to each card layout is filled into each card layout to form a combined application page including a screen opening sub-page, an advertisement sub-page and an application home page.
本实施例中，设备将各卡片布局对应的数据元信息填充至各卡片布局中，形成包含有开屏子页面、广告子页面和应用首页的一组合应用页面，即按照开屏子页面、广告子页面和应用首页的先后顺序，先将属于开屏子页面的各卡片布局的数据元信息，填充至属于开屏子页面的各卡片布局中，形成开屏子页面，再将属于广告子页面的各卡片布局的数据元信息，填充至属于广告子页面的各卡片布局中，形成广告子页面，最后将属于应用首页的各卡片布局的数据元信息，填充至属于应用首页的各卡片布局中，形成应用首页；形成开屏子页面、广告子页面和应用首页之后，形成包含有开屏子页面、广告子页面和应用首页的一组合应用页面，此时，开屏子页面位于组合应用页面的最高层、广告子页面位于组合应用页面的中间层和应用首页位于组合应用页面的最低层。In this embodiment, the device fills the data element information corresponding to each card layout into each card layout to form a combined application page including the screen-opening sub-page, the advertisement sub-page and the application home page, that is, according to the screen-opening sub-page, the advertisement sub-page and the application home page The sequence of the sub-pages and the application home page, first fill the data element information of each card layout belonging to the screen-opening sub-page into each card layout belonging to the screen-opening sub-page to form the screen-opening sub-page, and then add the sub-pages belonging to the advertisement sub-page The data element information of each card layout that belongs to the advertisement sub-page is filled into each card layout belonging to the advertisement sub-page to form an advertisement sub-page, and finally the data element information of each card layout belonging to the application home page is filled into each card layout belonging to the application home page. , form the application home page; after forming the screen-opening sub-page, the advertisement sub-page and the application home page, a combined application page including the screen-opening sub-page, the advertisement sub-page and the application home page is formed. At this time, the screen-opening sub-page is located on the combined application page The top layer of the combined application page, the advertisement subpage is located in the middle layer of the combined application page, and the application home page is located at the lowest layer of the combined application page.
具体实施中，获取设备的当前可用CPU资源，并确定当前可用CPU资源是否超过预设CPU资源，如果当前可用CPU资源超过预设CPU资源，则同时执行开屏子页面、广告子页面和应用首页的形成操作，如果当前可用CPU 资源低于预设CPU资源，则先执行开屏子页面的形成操作，再执行广告子页面的形成操作，然后执行应用首页的形成操作。需要说明的是，上述预设CPU 资源可由本领域技术人员基于实际情况进行设置，本实施例对此不作具体限定。In the specific implementation, the currently available CPU resources of the device are obtained, and it is determined whether the currently available CPU resources exceed the preset CPU resources. If the currently available CPU resources exceed the preset CPU resources, the screen opening sub-page, the advertisement sub-page and the application home page are simultaneously executed. If the currently available CPU resources are lower than the preset CPU resources, first perform the formation operation of the screen-opening sub-page, then perform the formation operation of the advertisement sub-page, and then perform the formation operation of the application home page. It should be noted that, the above-mentioned preset CPU resources can be set by those skilled in the art based on the actual situation, which is not specifically limited in this embodiment.
步骤S103，依次加载并显示组合应用页面中的开屏子页面、广告子页面和应用首页。Step S103, loading and displaying the screen-opening sub-page, the advertisement sub-page and the application home page in the combined application page in sequence.
本实施例中，设备在形成组合应用页面之后，依次加载并显示组合应用页面中的开屏子页面、广告子页面和应用首页，具体地，先加载并显示组合应用页面中的开屏子页面，即将开屏子页面的层级状态置为可见状态，而将广告子页面和应用首页的层级状态置为隐藏状态；在该开屏子页面的显示时长达到对应的显示持续时间时，隐藏该开屏子页面，并在隐藏该开屏子页面之后，加载并显示该组合应用页面中的广告子页面，即将开屏子页面和应用首页的层级状态置为隐藏状态，而将广告子页面的层级状态置为可见状态；在该广告子页面的显示时长达到对应的显示持续时间时，隐藏该广告子页面，并在隐藏该广告子页面之后，加载并显示该组合应用页面中的应用首页，即将开屏子页面和广告子页面的层级状态置为隐藏状态，而将应用首页的层级状态置为可见状态。将该组合应用页面中的开屏子页面、广告子页面和应用首页存储至预设存储区域。In this embodiment, after forming the combined application page, the device sequentially loads and displays the screen-opening sub-page, the advertisement sub-page and the application homepage in the combined application page. Specifically, the screen-opening sub-page in the combined application page is loaded and displayed first. , that is, set the hierarchical status of the screen-opening sub-page to the visible state, and set the hierarchical status of the advertisement sub-page and the application home page to the hidden state; when the display time of the screen-opening sub-page reaches the corresponding display duration, hide the open-screen sub-page. screen sub-page, and after hiding the screen-opening sub-page, load and display the advertisement sub-page in the combined application page, that is, set the hierarchical state of the screen-opening sub-page and the application home page to the hidden state, and set the level of the advertising sub-page to the hidden state. The state is set to the visible state; when the display time of the advertisement sub-page reaches the corresponding display duration, the advertisement sub-page is hidden, and after the advertisement sub-page is hidden, the application home page in the combined application page is loaded and displayed, which is about to The level status of the opening sub-page and the advertisement sub-page is set to the hidden state, and the level state of the application home page is set to the visible state. The screen-opening sub-page, the advertisement sub-page and the application home page in the combined application page are stored in the preset storage area.
具体实施中，可先依据加载开屏子页面所需的卡片列表配置信息形成开屏子页面，并显示该开屏子页面，然后在显示该开屏子页面的同时，依据加载广告子页面所需的卡片列表配置信息形成广告子页面，并在该开屏子页面的显示时长达到对应的显示持续时间时，显示该广告子页面；在显示该广告子页面的同时，依据加载应用首页所需的卡片列表配置信息形成应用首页，并在该广告子页面的显示时长达到对应的显示持续时间时，显示应用首页。即在执行一子页面显示操作的同时，执行另一子页面的形成操作。In the specific implementation, the screen-opening sub-page can be formed first according to the card list configuration information required for loading the screen-opening sub-page, and the screen-opening sub-page is displayed, and then when the screen-opening sub-page is displayed, according to the information of loading the advertisement sub-page The required card list configuration information forms an advertisement sub-page, and when the display duration of the screen-opening sub-page reaches the corresponding display duration, the advertisement sub-page is displayed; while the advertisement sub-page is displayed, according to the requirements for loading the application home page The configuration information of the card list forms the home page of the application, and when the display duration of the advertisement sub-page reaches the corresponding display duration, the home page of the application is displayed. That is, while performing the display operation of one sub-page, the forming operation of another sub-page is performed.
本实施例中，本发明在启动应用程序时，向服务器请求加载开屏子页面、广告子页面和应用首页所需的页面配置数据，并基于该页面配置数据形成一包含有开屏子页面、广告子页面和应用首页的组合应用页面，然后依次加载并显示组合应用页面中的开屏子页面、广告子页面和应用首页，由于开屏子页面、广告子页面和应用首页被配置在一个页面内，不涉及页面之间的切换，且应用首页在应用程序启动时形成，而不是在广告页面展示结束之后，才请求对应的数据执行页面加载操作，有效的提高应用首页的加载速度，提高页面之间的跳转流畅度。In this embodiment, when starting the application, the present invention requests the server to load the page configuration data required by the screen-opening sub-page, the advertisement sub-page and the application home page, and based on the page configuration data, forms a page that includes the screen-opening sub-page, The combined application page of the advertisement sub-page and the application home page, and then loads and displays the opening sub-page, the advertisement sub-page and the application home page in the combined application page in turn, because the opening sub-page, the advertisement sub-page and the application home page are configured on one page It does not involve switching between pages, and the application home page is formed when the application starts, instead of requesting the corresponding data to perform the page loading operation after the advertisement page is displayed, which effectively improves the loading speed of the application home page and improves the page load. The smoothness of jumping between.
进一步地，基于上述第一实施例，提出了本发明页面加载方法的第二实施例，与前述实施例的区别在于，步骤S101之前，该页面加载方法还包括：Further, based on the above-mentioned first embodiment, a second embodiment of the page loading method of the present invention is proposed. The difference from the previous embodiment is that before step S101, the page loading method further includes:
步骤a，确定预设存储区域中是否存储有包含有开屏子页面、广告子页面和应用首页的一组合应用页面；Step a, determining whether a combination of application pages including a screen-opening sub-page, an advertisement sub-page and an application home page is stored in the preset storage area;
本实施例中，当监测到预设应用程序启动时，设备确定预设存储区域中是否存储有包含有开屏子页面、广告子页面和应用首页的一组合应用页面，即确定预设存储区域中是否存储有包含开屏子页面标签、广告子页面标签和应用首页标签的组合应用页面，如果预设存储区域中存储有包含开屏子页面标签、广告子页面标签和应用首页标签的组合应用页面，则不需要执行组合应用页面的形成操作，而如果预设存储区域中未存储有包含开屏子页面标签、广告子页面标签和应用首页标签的组合应用页面，则需要执行组合应用页面的形成操作。In this embodiment, when monitoring the startup of a preset application program, the device determines whether a combination of application pages including a screen-opening sub-page, an advertisement sub-page and an application home page is stored in the preset storage area, that is, determines the preset storage area Whether there is a combined application page including the opening sub-page label, the advertisement sub-page label and the application home page label stored in the preset storage area, if the combination application including the opening sub-page label, the advertisement sub-page label and the application home page label is stored in the preset storage area page, you do not need to perform the formation operation of the combined application page, and if there is no combined application page including the opening sub-page label, the advertisement sub-page label and the application home page label stored in the preset storage area, you need to perform the combined application page. form operation.
步骤b，若预设存储区域中存储有包含有开屏子页面、广告子页面和应用首页的一组合应用页面，则依次加载并显示组合应用页面中的开屏子页面、广告子页面和应用首页。Step b, if the preset storage area stores a combined application page including the screen-opening sub-page, the advertisement sub-page and the application home page, then load and display the screen-opening sub-page, the advertisement sub-page and the application in the combined application page in turn. front page.
本实施例中，如果预设存储区域中存储有包含有开屏子页面、广告子页面和应用首页的一组合应用页面，则设备依次加载并显示组合应用页面中的开屏子页面、广告子页面和应用首页，具体地，先加载并显示组合应用页面中的开屏子页面，即将开屏子页面的层级状态置为可见状态，而将广告子页面和应用首页的层级状态置为隐藏状态；在该开屏子页面的显示时长达到对应的显示持续时间时，隐藏该开屏子页面，并在隐藏该开屏子页面之后，加载并显示该组合应用页面中的广告子页面，即将开屏子页面和应用首页的层级状态置为隐藏状态，而将广告子页面的层级状态置为可见状态；在该广告子页面的显示时长达到对应的显示持续时间时，隐藏该广告子页面，并在隐藏该广告子页面之后，加载并显示该组合应用页面中的应用首页，即将开屏子页面和广告子页面的层级状态置为隐藏状态，而将应用首页的层级状态置为可见状态；如果预设存储区域中未存储有包含有开屏子页面、广告子页面和应用首页的一组合应用页面，则向服务器请求加载开屏子页面、广告子页面和应用首页所需的页面配置数据，并依据页面配置数据，形成包含有开屏子页面、广告子页面和应用首页的一组合应用页面，然后依次加载并显示组合应用页面中的开屏子页面、广告子页面和应用首页。In this embodiment, if the preset storage area stores a combined application page including the screen-opening sub-page, the advertisement sub-page and the application home page, the device loads and displays the screen-opening sub-page and the advertisement sub-page in the combined application page in turn and displays it. Page and application home page, specifically, first load and display the opening sub-page in the combined application page, that is, set the hierarchical state of the opening sub-page to the visible state, and set the hierarchical state of the advertisement sub-page and the application home page to the hidden state ; When the display duration of the screen-opening sub-page reaches the corresponding display duration, hide the screen-opening sub-page, and after hiding the screen-opening sub-page, load and display the advertisement sub-page in the combined application page, which will be opened soon. The hierarchical status of the screen sub-page and the application home page is set to the hidden state, and the hierarchical status of the advertisement sub-page is set to the visible state; when the display time of the advertisement sub-page reaches the corresponding display duration, the advertisement sub-page is hidden, and After hiding the advertisement sub-page, load and display the application home page in the combined application page, that is, set the hierarchical state of the opening sub-page and the advertising sub-page to the hidden state, and set the hierarchical state of the application home page to the visible state; if If the preset storage area does not store a combined application page including the screen-opening sub-page, the advertisement sub-page and the application home page, then request the server to load the page configuration data required for the screen-opening sub-page, the advertisement sub-page and the application home page, And according to the page configuration data, a combined application page including a screen-opening sub-page, an advertisement sub-page and an application home page is formed, and then the screen-opening sub-page, the advertisement sub-page and the application home page in the combined application page are loaded and displayed in sequence.
本实施例中，本发明将包含有开屏子页面、广告子页面和应用首页的一组合应用页面存储在本地存储区域中，能够在应用程序启动时，快速的从本地存储区域中获取组合应用页面，减少开屏子页面、广告子页面和应用首页的加载时间，有效的提高页面跳转速度。In this embodiment, the present invention stores a combined application page including a screen-opening sub-page, an advertisement sub-page and an application home page in the local storage area, and can quickly acquire the combined application from the local storage area when the application is started. page, reduce the loading time of screen-opening sub-pages, advertisement sub-pages and the application home page, and effectively improve the page jump speed.
进一步地，参照图4，基于上述第一或第二实施例，提出了本发明页面加载方法的第三实施例，与前述实施例的区别在于，该步骤S103之后，该页面加载方法还包括：Further, referring to FIG. 4 , based on the above-mentioned first or second embodiment, a third embodiment of the page loading method of the present invention is proposed. The difference from the previous embodiment is that after step S103 , the page loading method further includes:
步骤S104，接收服务器发送的各应用页面的页面配置数据，并依据各应用页面的页面配置数据，生成各渲染页面，且存储各渲染页面；Step S104, receiving page configuration data of each application page sent by the server, generating each rendering page according to the page configuration data of each application page, and storing each rendering page;
本实施例中，设备显示应用首页之后，接收服务器发送的各应用页面的页面配置数据，并依据各应用页面的页面配置数据，生成各展示页面，且存储各渲染页面，即基于各页面的页面配置数据的下发顺序，执行页面组成操作和页面渲染操作，以生成各渲染页面，具体为基于各页面的页面配置数据的下发顺序，依次获取一页面的页面配置数据，并从该页面配置数据中提取布局元信息，然后按照该布局元信息，生成布局页面，并从该页面的组件配置数据中提取数据元信息，然后将该数据元信息填充至该布局页面，组成一展示页面，并对该展示页面进行渲染，以获取一渲染页面，重复执行上述步骤，生成各渲染页面。In this embodiment, after displaying the application home page, the device receives the page configuration data of each application page sent by the server, generates each display page according to the page configuration data of each application page, and stores each rendered page, that is, the page based on each page. Configure the order in which the data is issued, perform page composition operations and page rendering operations to generate each rendered page, specifically based on the order in which the page configuration data of each page is issued, obtain the page configuration data of a page in turn, and configure it from the page Extract layout meta information from the data, then generate a layout page according to the layout meta information, extract data meta information from the component configuration data of the page, and then fill the data meta information into the layout page to form a display page, and Render the display page to obtain a rendered page, and repeat the above steps to generate each rendered page.
具体实施中，获取设备的当前可用CPU资源，并确定当前可用CPU资源是否超过预设CPU资源，如果当前可用CPU资源超过预设CPU资源，则依据当前可用CPU资源确定同步执行页面数，即获取预存的当前可用CPU资源与同步执行页面数的映射关系表，并从映射关系表中，查询与当前可用CPU 资源对应的同步执行页面数，然后按照该同步执行页面数，执行对应数量页面的页面组成操作和页面渲染操作，生成各渲染页面；如果当前可用CPU资源低于预设CPU资源，则每次执行一页面的页面组成操作和页面渲染操作。其中，预设CPU资源可根据CPU总资源来设置，或者由用户根据具体需要而设置。当CPU资源未超过预设CPU资源时，可根据可用CPU资源与同步页面数量之间的映射关系确定可同时执行的同步页面数量，如在映射关系中，当可用CPU资源小于A时，对应可同时执行的同步页面数量为2；当可用CPU资源大于或者等于A，小于B时，对应可同时执行的同步页面数量为3；当可用CPU资源大于或者等于B，小于C时，对应可同时执行的同步页面数量为 4，其中，A<B<C。In the specific implementation, the currently available CPU resources of the device are obtained, and it is determined whether the currently available CPU resources exceed the preset CPU resources. The pre-stored mapping relationship table between the currently available CPU resources and the number of synchronously executed pages, and from the mapping relationship table, query the number of synchronously executed pages corresponding to the currently available CPU resources, and then execute the corresponding number of pages according to the number of synchronously executed pages. The composition operation and the page rendering operation are performed to generate each rendered page; if the current available CPU resources are lower than the preset CPU resources, the page composition operation and page rendering operation of one page are performed each time. The preset CPU resources may be set according to the total CPU resources, or set by the user according to specific needs. When the CPU resources do not exceed the preset CPU resources, the number of simultaneous pages that can be executed at the same time can be determined according to the mapping relationship between the available CPU resources and the number of synchronization pages. For example, in the mapping relationship, when the available CPU resources are less than A, the corresponding available CPU resources are The number of synchronized pages to be executed at the same time is 2; when the available CPU resources are greater than or equal to A and less than B, the corresponding number of synchronized pages that can be executed at the same time is 3; when the available CPU resources are greater than or equal to B and less than C, the corresponding number of simultaneous pages can be executed simultaneously The number of synchronized pages is 4, where A<B<C.
步骤S105，当监测到页面跳转指令时，依据页面跳转指令从各渲染页面中读取对应的渲染页面，并显示渲染页面。Step S105, when the page jump instruction is monitored, read the corresponding rendered page from each rendered page according to the page jump instruction, and display the rendered page.
本实施例中，当监测到触发的页面跳转指令时，设备依据页面跳转指令从各渲染页面中读取对应的渲染页面，并显示渲染页面，即查询查询预存的页面跳转指令与渲染页面之间的映射关系表，获取与该页面跳转指令对应的渲染页面，并显示该渲染页面。具体实施中，当监测到触发的页面跳转指令时，确定存储的各渲染页面中是否存在对应的渲染页面，如果存储的各渲染页面中不存在对应的渲染页面，则向服务器请求对应页面的页面配置数据，并基于该页面配置数据，组成展示页面，然后对该展示页面进行渲染，并显示渲染后的展示页面。进一步地，在服务器中的页面配置数据有更新时，同步更新设备中的渲染页面。In this embodiment, when a triggered page jumping instruction is detected, the device reads the corresponding rendering page from each rendering page according to the page jumping instruction, and displays the rendering page, that is, queries the pre-stored page jumping instruction and rendering The mapping relationship table between pages, obtain the rendering page corresponding to the page jump instruction, and display the rendering page. In a specific implementation, when a triggered page jump instruction is detected, it is determined whether there is a corresponding rendered page in each of the stored rendered pages, and if there is no corresponding rendered page in each of the stored rendered pages, a request for the corresponding page is sent to the server. Page configuration data, and based on the page configuration data, a display page is composed, then the display page is rendered, and the rendered display page is displayed. Further, when the page configuration data in the server is updated, the rendering page in the device is updated synchronously.
本实施例中，本发明将各渲染页面存储在设备本地，便于在监测到页面跳转指令时，快速的从存储在设备本地的各渲染页面中选择对应的渲染页面进行显示，有效的提高各页面之间的跳转流畅性。In this embodiment, the present invention stores each rendering page locally on the device, so that when a page jump instruction is monitored, the corresponding rendering page can be quickly selected from the rendering pages stored locally on the device for display, which effectively improves the performance of each rendering page. Jump fluency between pages.
进一步地，基于上述第一、第二或第三实施例，提出了本发明页面加载方法的第四实施例，与前述实施例的区别在于，该页面加载方法还包括：Further, based on the above-mentioned first, second or third embodiment, a fourth embodiment of the page loading method of the present invention is proposed. The difference from the foregoing embodiments is that the page loading method further includes:
步骤c、接收服务器发送的页面更新请求，并依据页面更新请求中的页面配置更新数据，更新存储在预设存储区域中的组合应用页面。Step c: Receive the page update request sent by the server, and update the combined application page stored in the preset storage area according to the page configuration update data in the page update request.
本实施例中，设备接收服务器发送的页面更新请求，并依据该页面更新请求中的页面配置更新数据，更新存储在预设存储区域中的组合应用页面，即从该页面更新请求中读取页面配置更新数据，并依据该页面配置更新数据中的卡片列表配置信息，更新存储在预设存储区域中的组合应用页面。In this embodiment, the device receives the page update request sent by the server, and updates the combined application page stored in the preset storage area according to the page configuration update data in the page update request, that is, reads the page from the page update request Configure update data, and update the combined application page stored in the preset storage area according to the card list configuration information in the page configuration update data.
具体地，依据该页面配置更新数据中的页面层级标签，确定存储在预设存储区域中组合应用页面内的待更新子页面，即从该页面配置更新数据中提取至少一个页面层级标签，并将该至少一个页面层级标签对应的子页面，确定为至少为一个待更新子页面；依据该页面配置更新数据中待更新子页面的卡片列表配置信息，更新该组合应用页面内的待更新子页面，即从该页面配置更新数据提取与层级层级标签对应的卡片列表配置信息，并从该卡片列表配置信息中读取各卡片的布局元信息和数据元信息，并按照各卡片的布局元信息，形成各卡片布局，最后根据各卡片的数据元信息，对应填充各卡片布局，从而形成一更新子页面，并将该待更新子页面替换为该更新子页面，以实现组合应用页面的更新。Specifically, according to the page-level tag in the page configuration update data, determine the sub-page to be updated in the combined application page stored in the preset storage area, that is, extract at least one page-level tag from the page configuration update data, and use The sub-page corresponding to the at least one page level tag is determined to be at least one sub-page to be updated; according to the card list configuration information of the sub-page to be updated in the page configuration update data, the sub-page to be updated in the combined application page is updated, That is, the card list configuration information corresponding to the hierarchical level label is extracted from the page configuration update data, and the layout meta information and data meta information of each card are read from the card list configuration information, and according to the layout meta information of each card, form For each card layout, according to the data element information of each card, correspondingly fill each card layout to form an update sub-page, and replace the to-be-updated sub-page with the update sub-page to realize the update of the combined application page.
其中，待更新子页面的具体确定方式为：从该页面配置更新数据中获取至少一个页面层级标签，并确定至少一个页面层级标签是否为开屏子页面标签、广告子页面标签和应用首页标签中的至少一个，如果页面层级标签为一个，且页面层级标签为开屏页面标签、广告页面标签或APP首页标签，则待更新子页面为开屏页面标签、广告页面标签或APP首页标签；如果页面层级标签为两个，且两个页面层级标签分别为开屏子页面标签和广告子页面标签，或者广告子页面标签和应用首页标签，或者开屏子页面标签和应用首页标签，则待更新子页面包括开屏子页面和广告子页面，或者广告子页面和应用首页，或者开屏子页面和应用首页；如果页面层级标签为三个，则待更新子页面包括开屏子页面、广告子页面和应用首页。The specific method for determining the sub-page to be updated is: obtaining at least one page-level label from the configuration update data of the page, and determining whether the at least one page-level label is one of the opening sub-page label, the advertisement sub-page label and the application home page label. At least one of , if the page level label is one, and the page level label is the opening page label, the advertisement page label or the APP homepage label, the sub-page to be updated is the opening page label, the advertisement page label or the APP homepage label; if the page There are two level labels, and the two page level labels are the opening sub-page label and the advertisement sub-page label, or the advertisement sub-page label and the application home page label, or the opening sub-page label and the application home page label, then the sub-page label to be updated is to be updated. The page includes the opening sub-page and the advertisement sub-page, or the advertisement sub-page and the application home page, or the opening sub-page and the application home page; if the page level label is three, the sub-page to be updated includes the opening sub-page and the advertisement sub-page and app homepage.
本实施例中，本发明能够在服务器中加载开屏子页面、广告子页面和应用首页所需的页面配置数据发生更新时，同步更新存储在设备本地的对应组合应用页面。In this embodiment, the present invention can synchronously update the corresponding combined application page stored locally on the device when the page configuration data required for loading the screen-opening sub-page, the advertisement sub-page and the application home page is updated in the server.
此外，本发明实施例还提供一种页面加载装置。In addition, an embodiment of the present invention also provides a page loading apparatus.
参照图5，图5为本发明页面加载装置第一实施例的功能模块示意图。Referring to FIG. 5 , FIG. 5 is a schematic diagram of functional modules of the first embodiment of the page loading apparatus of the present invention.
本发明页面加载装置为虚拟装置，存储于图1所示页面加载设备的存储器1005中，用于实现页面加载程序的所有功能；当监测到预设应用程序启动时，向服务器请求加载开屏子页面、广告子页面和应用首页所需的页面配置数据；依据所述页面配置数据，形成包含有开屏子页面、广告子页面和应用首页的一组合应用页面；依次加载并显示所述组合应用页面中的开屏子页面、广告子页面和应用首页。The page loading device of the present invention is a virtual device, which is stored in the memory 1005 of the page loading device shown in FIG. 1 and is used to realize all the functions of the page loading program; when monitoring the startup of the preset application program, it requests the server to load the opening screen Page, advertisement sub-page and page configuration data required by the application home page; according to the page configuration data, form a combined application page including the screen-opening sub-page, the advertisement sub-page and the application home page; load and display the combined application in sequence The opening sub-page, the advertisement sub-page and the application home page in the page.
具体的，本实施例中，所述页面加载装置包括：Specifically, in this embodiment, the page loading device includes:
请求模块101，用于当监测到预设应用程序启动时，向服务器请求加载开屏子页面、广告子页面和应用首页所需的页面配置数据；The requesting module 101 is configured to request the server to load the page configuration data required by the screen-opening sub-page, the advertisement sub-page and the application home page when monitoring the startup of the preset application;
页面形成模块102，用于依据所述页面配置数据，形成包含有开屏子页面、广告子页面和应用首页的一组合应用页面；The page forming module 102 is configured to form a combined application page including a screen opening sub-page, an advertisement sub-page and an application home page according to the page configuration data;
加载显示模块103，用于依次加载并显示所述组合应用页面中的开屏子页面、广告子页面和应用首页。The loading and displaying module 103 is configured to sequentially load and display the screen-opening sub-page, the advertisement sub-page and the application home page in the combined application page.
进一步地，所述页面形成模块102还用于：Further, the page forming module 102 is also used for:
从所述页面配置数据中获取开屏子页面、广告子页面和应用首页各自对应的卡片列表配置信息；Obtain the card list configuration information corresponding to the screen-opening sub-page, the advertisement sub-page and the application home page from the page configuration data;
依据开屏子页面、广告子页面和应用首页各自对应的卡片列表配置信息，形成包含有开屏子页面、广告子页面和应用首页的一组合应用页面。According to the corresponding card list configuration information of the screen-opening sub-page, the advertisement sub-page and the application home page, a combined application page including the screen-opening sub-page, the advertisement sub-page and the application home page is formed.
进一步地，所述加载显示模块103还用于：Further, the loading display module 103 is also used for:
加载并显示所述组合应用页面中的开屏子页面，并在所述开屏子页面的显示时长达到对应的显示持续时间时，隐藏所述开屏子页面；Loading and displaying the screen-opening sub-page in the combined application page, and hiding the screen-opening sub-page when the display duration of the screen-opening sub-page reaches the corresponding display duration;
在隐藏所述开屏子页面之后，加载并显示所述组合应用页面中的广告子页面，并在所述广告子页面的显示时长达到对应的显示持续时间时，隐藏所述广告子页面；After hiding the screen-opening sub-page, load and display the advertisement sub-page in the combined application page, and hide the advertisement sub-page when the display duration of the advertisement sub-page reaches the corresponding display duration;
在隐藏所述广告子页面之后，加载并显示所述组合应用页面中的应用首页。After the advertisement sub-page is hidden, the application home page in the combined application page is loaded and displayed.
进一步地，所述页面加载装置还包括：Further, the page loading device further includes:
确定模块，用于确定预设存储区域中是否存储有包含有开屏子页面、广告子页面和应用首页的一组合应用页面；A determination module, configured to determine whether a combination of application pages including a screen-opening sub-page, an advertisement sub-page and an application home page is stored in the preset storage area;
所述加载显示模块103，还用于若预设存储区域中存储有包含有开屏子页面、广告子页面和应用首页的一组合应用页面，则依次加载并显示所述组合应用页面中的开屏子页面、广告子页面和应用首页；The loading and displaying module 103 is further configured to sequentially load and display the openings in the combined application page if a combined application page including a screen-opening sub-page, an advertisement sub-page and an application home page is stored in the preset storage area. Screen sub-page, advertisement sub-page and application home page;
所述请求模块101，还用于若预设存储区域中未存储有包含有开屏子页面、广告子页面和应用首页的一组合应用页面，则向服务器请求加载开屏子页面、广告子页面和应用首页所需的页面配置数据。The requesting module 101 is further configured to request the server to load the screen-opening sub-page and the advertisement sub-page if a combined application page including the screen-opening sub-page, the advertisement sub-page and the application home page is not stored in the preset storage area and page configuration data required for the home page of the app.
进一步地，所述页面加载装置还包括：Further, the page loading device further includes:
页面渲染模块，用于接收服务器发送的各应用页面的页面配置数据，并依据各应用页面的页面配置数据，生成各渲染页面，且存储所述各渲染页面；a page rendering module, configured to receive page configuration data of each application page sent by the server, generate each rendered page according to the page configuration data of each application page, and store the each rendered page;
显示模块，用于当监测到页面跳转指令时，依据所述页面跳转指令从所述各渲染页面中读取对应的渲染页面，并显示所述渲染页面。The display module is configured to, when a page jump instruction is detected, read the corresponding rendered page from the respective rendered pages according to the page jump instruction, and display the rendered page.
进一步地，所述页面加载装置还包括：Further, the page loading device further includes:
页面更新模块，用于接收服务器发送的页面更新请求，并依据所述页面更新请求中的页面配置更新数据，更新存储在预设存储区域中的组合应用页面。The page update module is configured to receive the page update request sent by the server, and update the combined application page stored in the preset storage area according to the page configuration update data in the page update request.
进一步地，所述页面更新模块还用于：Further, the page update module is also used for:
依据所述页面配置更新数据中的页面层级标签，确定存储在预设存储区域中组合应用页面内的待更新子页面According to the page level label in the page configuration update data, determine the sub-page to be updated in the combined application page stored in the preset storage area
依据所述页面配置更新数据中所述待更新子页面的卡片列表配置信息，更新所述组合应用页面内的待更新子页面。According to the card list configuration information of the to-be-updated sub-page in the page configuration update data, the to-be-updated sub-page in the combined application page is updated.
其中，上述页面加载装置中各个模块的功能实现与上述页面加载方法实施例中各步骤相对应，其功能和实现过程在此处不再一一赘述。The function implementation of each module in the above-mentioned page loading apparatus corresponds to each step in the above-mentioned page loading method embodiment, and the functions and implementation process thereof will not be repeated here.
此外，本发明实施例还提供一种可读存储介质。In addition, an embodiment of the present invention further provides a readable storage medium.
本发明可读存储介质上存储有页面加载程序，其中所述页面加载程序被处理器执行时，实现如上述的页面加载方法的步骤。The readable storage medium of the present invention stores a page loading program, wherein when the page loading program is executed by the processor, the steps of the above-mentioned page loading method are implemented.
其中，页面加载程序被执行时所实现的方法可参照本发明页面加载方法的各个实施例，此处不再赘述。For the method implemented when the page loading program is executed, reference may be made to the various embodiments of the page loading method of the present invention, which will not be repeated here.
需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者系统不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者系统所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或者系统中还存在另外的相同要素。It should be noted that, herein, the terms "comprising", "comprising" or any other variation thereof are intended to encompass non-exclusive inclusion, such that a process, method, article or system comprising a series of elements includes not only those elements, It also includes other elements not expressly listed or inherent to such a process, method, article or system. Without further limitation, an element qualified by the phrase "comprising a..." does not preclude the presence of additional identical elements in the process, method, article or system that includes the element.
上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。The above-mentioned serial numbers of the embodiments of the present invention are only for description, and do not represent the advantages or disadvantages of the embodiments.
通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在如上所述的一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台终端设备(可以是手机，计算机，服务器，空调器，或者网络设备等)执行本发明各个实施例所述的方法。From the description of the above embodiments, those skilled in the art can clearly understand that the method of the above embodiment can be implemented by means of software plus a necessary general hardware platform, and of course can also be implemented by hardware, but in many cases the former is better implementation. Based on such understanding, the technical solutions of the present invention can be embodied in the form of software products in essence or the parts that make contributions to the prior art, and the computer software products are stored in a storage medium (such as ROM/RAM) as described above. , magnetic disk, optical disk), including several instructions to make a terminal device (which may be a mobile phone, a computer, a server, an air conditioner, or a network device, etc.) execute the methods described in the various embodiments of the present invention.
以上仅为本发明的优选实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。The above are only preferred embodiments of the present invention, and are not intended to limit the scope of the present invention. Any equivalent structure or equivalent process transformation made by using the contents of the description and drawings of the present invention, or directly or indirectly applied in other related technical fields , are similarly included in the scope of patent protection of the present invention.
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810947641.6ACN110020325B (en) | 2018-08-17 | 2018-08-17 | Page loading method, device, equipment and readable storage medium |
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810947641.6ACN110020325B (en) | 2018-08-17 | 2018-08-17 | Page loading method, device, equipment and readable storage medium |
| Publication Number | Publication Date |
|---|---|
| CN110020325Atrue CN110020325A (en) | 2019-07-16 |
| CN110020325B CN110020325B (en) | 2023-04-11 |
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201810947641.6AExpired - Fee RelatedCN110020325B (en) | 2018-08-17 | 2018-08-17 | Page loading method, device, equipment and readable storage medium |
| Country | Link |
|---|---|
| CN (1) | CN110020325B (en) |
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110413907A (en)* | 2019-07-26 | 2019-11-05 | 北京昆仑万维科技股份有限公司 | For showing method, apparatus, equipment and the computer-readable medium of applying homepage |
| CN111198725A (en)* | 2019-12-30 | 2020-05-26 | 掌阅科技股份有限公司 | Application starting processing method, computing equipment and computer storage medium |
| CN111198996A (en)* | 2019-12-20 | 2020-05-26 | 上海淇玥信息技术有限公司 | Page display method and device and electronic equipment |
| CN111768224A (en)* | 2020-06-15 | 2020-10-13 | 上海传英信息技术有限公司 | Screen opening information display method, device, device and storage medium |
| CN112099873A (en)* | 2020-09-15 | 2020-12-18 | 广州华多网络科技有限公司 | Application program home page loading method, device, equipment and storage medium |
| CN112286587A (en)* | 2020-06-29 | 2021-01-29 | 上海柯林布瑞信息技术有限公司 | Data visualization page loading method and device, server, client and medium |
| CN114840893A (en)* | 2022-04-29 | 2022-08-02 | 阿里巴巴（中国）有限公司 | Design drawing processing method, device and terminal equipment |
| CN115640477A (en)* | 2022-08-26 | 2023-01-24 | 百度在线网络技术（北京）有限公司 | Content recommendation method, device, equipment, medium and product of application program home page |
| CN117130692A (en)* | 2023-10-23 | 2023-11-28 | 成都赛力斯科技有限公司 | Application management method, device, electronic equipment and storage medium |
| CN118672712A (en)* | 2024-08-20 | 2024-09-20 | 广东保伦电子股份有限公司 | Interface synchronization method, device, equipment and storage medium |
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20070239530A1 (en)* | 2006-03-30 | 2007-10-11 | Mayur Datar | Automatically generating ads and ad-serving index |
| US20080021981A1 (en)* | 2006-07-21 | 2008-01-24 | Amit Kumar | Technique for providing a reliable trust indicator to a webpage |
| US20120313876A1 (en)* | 2011-06-10 | 2012-12-13 | George Carl Smith | Providing subpages in a touch panel user interface |
| CN105045645A (en)* | 2015-09-22 | 2015-11-11 | 广州神马移动信息科技有限公司 | Webpage loading method, device and system |
| CN106020794A (en)* | 2016-05-10 | 2016-10-12 | 浪潮软件股份有限公司 | Complex page portal page layout method |
| CN107402781A (en)* | 2017-06-26 | 2017-11-28 | 努比亚技术有限公司 | Spread its tail page display management method, terminal and computer-readable recording medium |
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20070239530A1 (en)* | 2006-03-30 | 2007-10-11 | Mayur Datar | Automatically generating ads and ad-serving index |
| US20080021981A1 (en)* | 2006-07-21 | 2008-01-24 | Amit Kumar | Technique for providing a reliable trust indicator to a webpage |
| US20120313876A1 (en)* | 2011-06-10 | 2012-12-13 | George Carl Smith | Providing subpages in a touch panel user interface |
| CN105045645A (en)* | 2015-09-22 | 2015-11-11 | 广州神马移动信息科技有限公司 | Webpage loading method, device and system |
| CN106354873A (en)* | 2015-09-22 | 2017-01-25 | 广州神马移动信息科技有限公司 | Webpage loading method, device and system |
| CN106020794A (en)* | 2016-05-10 | 2016-10-12 | 浪潮软件股份有限公司 | Complex page portal page layout method |
| CN107402781A (en)* | 2017-06-26 | 2017-11-28 | 努比亚技术有限公司 | Spread its tail page display management method, terminal and computer-readable recording medium |
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110413907A (en)* | 2019-07-26 | 2019-11-05 | 北京昆仑万维科技股份有限公司 | For showing method, apparatus, equipment and the computer-readable medium of applying homepage |
| CN111198996A (en)* | 2019-12-20 | 2020-05-26 | 上海淇玥信息技术有限公司 | Page display method and device and electronic equipment |
| CN111198725B (en)* | 2019-12-30 | 2023-02-28 | 掌阅科技股份有限公司 | Application starting processing method, computing equipment and computer storage medium |
| CN111198725A (en)* | 2019-12-30 | 2020-05-26 | 掌阅科技股份有限公司 | Application starting processing method, computing equipment and computer storage medium |
| CN111768224A (en)* | 2020-06-15 | 2020-10-13 | 上海传英信息技术有限公司 | Screen opening information display method, device, device and storage medium |
| CN112286587A (en)* | 2020-06-29 | 2021-01-29 | 上海柯林布瑞信息技术有限公司 | Data visualization page loading method and device, server, client and medium |
| CN112099873A (en)* | 2020-09-15 | 2020-12-18 | 广州华多网络科技有限公司 | Application program home page loading method, device, equipment and storage medium |
| CN114840893A (en)* | 2022-04-29 | 2022-08-02 | 阿里巴巴（中国）有限公司 | Design drawing processing method, device and terminal equipment |
| CN114840893B (en)* | 2022-04-29 | 2025-09-16 | 阿里巴巴（中国）有限公司 | Design drawing processing method and device and terminal equipment |
| CN115640477A (en)* | 2022-08-26 | 2023-01-24 | 百度在线网络技术（北京）有限公司 | Content recommendation method, device, equipment, medium and product of application program home page |
| CN115640477B (en)* | 2022-08-26 | 2024-05-21 | 百度在线网络技术（北京）有限公司 | Content recommendation method, device, equipment, medium and product of application program home page |
| CN117130692A (en)* | 2023-10-23 | 2023-11-28 | 成都赛力斯科技有限公司 | Application management method, device, electronic equipment and storage medium |
| CN117130692B (en)* | 2023-10-23 | 2024-01-23 | 成都赛力斯科技有限公司 | Application management method, device, electronic equipment and storage medium |
| CN118672712A (en)* | 2024-08-20 | 2024-09-20 | 广东保伦电子股份有限公司 | Interface synchronization method, device, equipment and storage medium |
| Publication number | Publication date |
|---|---|
| CN110020325B (en) | 2023-04-11 |
| Publication | Publication Date | Title |
|---|---|---|
| CN110020325B (en) | Page loading method, device, equipment and readable storage medium | |
| CN105260420B (en) | A kind of method and apparatus for the offer target pages in mobile application | |
| CN104572114B (en) | A kind of binding device, using updating device and method | |
| CN106663013B (en) | Step is adjusted for the dynamic of service upgrade | |
| CN109710328A (en) | Page configuration method, apparatus, equipment and readable storage medium storing program for executing | |
| BR112014006589B1 (en) | COMPUTER IMPLEMENTED METHOD FOR REMOTE SESSION NAVIGATION AND REMOTE SESSION NAVIGATION SYSTEM | |
| CN104980512B (en) | It is a kind of to provide the method and apparatus of target object based on mobile application | |
| CN106033361A (en) | Method and device for showing application page, and method and device for updating application page data | |
| CN109684586A (en) | Page layout optimization display methods, device, computer equipment and storage medium | |
| CN109858962B (en) | Advertisement display method based on electronic book and electronic equipment | |
| CN106716351A (en) | Method and electronic device for displaying web page | |
| CN112667237B (en) | Page generation method and device, electronic equipment and storage medium | |
| AU2016202576B2 (en) | Techniques for evaluating applications through use of an auxiliary application | |
| CN109361948B (en) | Interface management method, intelligent terminal and readable storage medium | |
| CN108055320B (en) | Resource download processing method, terminal device and computer-readable storage medium | |
| CN111177613A (en) | Page processing method, device, equipment and storage medium | |
| CN114491354B (en) | A page generation method, device and computer readable storage medium | |
| CN103577226B (en) | A kind of assembly type game construction method on IOS and Android platform | |
| CN108241689A (en) | Page resource acquisition methods, device and client device | |
| CN115309470A (en) | Method, device and equipment for loading widgets and storage medium | |
| CN112307377B (en) | Information display method, device and electronic equipment | |
| CN108920645A (en) | Method and device for displaying intelligent device page, intelligent device and storage medium | |
| CN114579159A (en) | Method, device, equipment and storage medium for displaying object update information | |
| CN110532494A (en) | Users' personal allocation method, system and the computer equipment of B/S application | |
| CN113836465A (en) | Control display method, system, computer device and storage medium |
| 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 | ||
| CF01 | Termination of patent right due to non-payment of annual fee | Granted publication date:20230411 | |
| CF01 | Termination of patent right due to non-payment of annual fee |