Page loading method, device and server
By dynamically generating load configuration items and displaying load animations, the problem of cumbersome and inefficient page loading methods is solved, and an efficient page loading experience is achieved, saving manpower and simplifying the management process.
Patent Information
- Application Number
- CN202010699205.9
- Authority / Receiving Office
- CN · China
- Patent Type
- Patents(China)
- Current Assignee / Owner
- Filing Date
- 2020-07-20
- Publication Date
- 2024-12-20
- Estimated Expiration
- 2040-07-20
AI Technical Summary
In the prior art, page loading methods are cumbersome and inefficient, which affects the user experience.
By obtaining the loading components of the page to be loaded, including the loading style and code files, dynamically generate loading configuration items and display loading animations, and display the actual page after the loading page is loaded.
Improve the efficiency of page loading, avoid duplicate work of manual development, facilitate management and modification, and save manpower.
Smart Images
Figure CN112015482B_ABST
Abstract
Description
Technical Field
[0001] The present disclosure relates to the field of computer application technology, and in particular to a page loading method, device and server. Background Art
[0002] At present, when users browse a page, the page loading time may be long due to factors such as network and server congestion, which affects the user experience. Some users may give up browsing the page due to the long waiting time. In order to alleviate the adverse effects caused by the long page loading time, it is often adopted to add pictures or animations to the loading page to increase the fun of the loading page, which is conducive to alleviating the user's bad mood caused by the long loading time. In addition, adding pictures or animations to the loading page can also bring users a better visual experience and can enter the page more smoothly and naturally. However, in the related art, the page loading method has the disadvantages of cumbersome steps and low efficiency. Summary of the invention
[0003] The present disclosure provides a page loading method, device, server, and storage medium to at least solve the problem of cumbersome and inefficient page loading methods in related technologies. The technical solution of the present disclosure is as follows:
[0004] According to a first aspect of an embodiment of the present disclosure, a page loading method is provided, comprising: obtaining a loading component corresponding to a page to be loaded, the loading component comprising a loading style and a code file; obtaining a loading configuration item according to the loading style and the code file; displaying a loading animation according to the loading configuration item; and displaying the page to be loaded after the loading animation disappears.
[0005] In one embodiment of the present disclosure, the loading configuration item includes at least one of the following configuration items: the position of the loading icon, the image of the loading icon, the size of the loading icon, the rotation information of the loading icon, the background image or background color of the loading animation, and the time for the loading animation to disappear after a delay.
[0006] In one embodiment of the present disclosure, displaying a loading animation according to the loading configuration item includes: displaying a picture of the loading icon at a corresponding position of the loading animation according to the position of the loading icon.
[0007] In one embodiment of the present disclosure, displaying a loading animation according to the loading configuration item includes: controlling a display size of a picture of the loading icon according to a size of the loading icon.
[0008] In one embodiment of the present disclosure, the rotation information of the loading icon includes the rotation required for the loading icon, the rotation frequency and the rotation angle, and the displaying of the loading animation according to the loading configuration item includes: controlling the start time of each rotation of the loading icon image according to the rotation frequency; and controlling the angle of each rotation of the loading icon image according to the rotation angle.
[0009] In one embodiment of the present disclosure, displaying a loading animation according to the loading configuration item includes: controlling a background image or background color displayed by the loading animation according to a background image or background color of the loading animation.
[0010] In one embodiment of the present disclosure, displaying a loading animation according to the loading configuration item includes: according to the time when the loading animation is delayed to disappear, controlling the loading animation to disappear after the loading of the to-be-loaded page is completed for a delay of the time when the loading animation is delayed to disappear.
[0011] In one embodiment of the present disclosure, the loading configuration item includes a callback function, and the page loading method further includes: executing the callback function after the loading animation disappears.
[0012] According to a second aspect of an embodiment of the present disclosure, a page loading device is provided, including: a first acquisition module, used to acquire a loading component corresponding to a page to be loaded, the loading component including a loading style and a code file; a second acquisition module, used to acquire a loading configuration item according to the loading style and the code file; a first display module, used to display a loading animation according to the loading configuration item; and a second display module, used to display the page to be loaded after the loading animation disappears.
[0013] In one embodiment of the present disclosure, the loading configuration item includes at least one of the following configuration items: the position of the loading icon, the image of the loading icon, the size of the loading icon, the rotation information of the loading icon, the background image or background color of the loading animation, and the time for the loading animation to disappear after a delay.
[0014] In one embodiment of the present disclosure, the first display module includes a first display unit configured to display a picture of the loading icon at a corresponding position of the loading animation according to the position of the loading icon.
[0015] In one embodiment of the present disclosure, the first display module further includes a second display unit configured to control the display size of the image of the loading icon according to the size of the loading icon.
[0016] In one embodiment of the present disclosure, the rotation information of the loading icon includes the loading icon requiring rotation, the rotation frequency and the rotation angle, and the first display module also includes a third display unit, configured to control the start time of each rotation of the loading icon picture according to the rotation frequency; and a fourth display unit, configured to control the angle of each rotation of the loading icon picture according to the rotation angle.
[0017] In one embodiment of the present disclosure, the first display module further includes a fifth display unit configured to control the background image or background color displayed by the loading animation according to the background image or background color of the loading animation.
[0018] In one embodiment of the present disclosure, the first display module also includes a sixth display unit, which is configured to execute, according to the delay time of the loading animation, control the loading animation to disappear after the loading of the page to be loaded is completed for a delay time of the loading animation delay disappearance.
[0019] In one embodiment of the present disclosure, the loading configuration item includes a callback function, and the page loading device also includes an execution module configured to execute the callback function after the loading animation disappears.
[0020] According to a third aspect of an embodiment of the present disclosure, a server is provided, comprising: a processor; and a memory for storing instructions executable by the processor; wherein the processor is configured to execute the instructions to implement the page loading method as described above.
[0021] According to a fourth aspect of an embodiment of the present disclosure, a storage medium is provided. When instructions in the storage medium are executed by a processor of a server, the server is enabled to execute the page loading method as described above.
[0022] According to a fifth aspect of an embodiment of the present disclosure, a computer program product is provided. When the computer program is executed by a processor of a server, the server can execute the page loading method as described above.
[0023] The technical solution provided by the embodiments of the present disclosure brings at least the following beneficial effects: when a page is loaded, loading configuration items can be dynamically generated according to the loading style and code files, and then a loading animation is generated. Compared with the related art of manually developing loading pages, it has the advantages of high efficiency and labor saving. Moreover, only one loading style is needed to complete the loading configuration of different pages, effectively avoiding repeated development, facilitating inspection and modification, and easy management.
[0024] It is to be understood that the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the present disclosure. BRIEF DESCRIPTION OF THE DRAWINGS
[0025] The drawings herein are incorporated into and constitute a part of the specification, illustrate embodiments consistent with the present disclosure, and together with the description are used to explain the principles of the present disclosure, and do not constitute improper limitations on the present disclosure.
[0026] Figure 1 The figure is a flow chart of a page loading method according to an exemplary embodiment.
[0027] Figure 2 The figure is a schematic diagram of a loading animation in a page loading method according to an exemplary embodiment.
[0028] Figure 3 The figure is a block diagram of a page loading device according to an exemplary embodiment.
[0029] Figure 4 The figure is a block diagram of another page loading device according to an exemplary embodiment.
[0030] Figure 5 It is a block diagram of a server according to an exemplary embodiment. DETAILED DESCRIPTION
[0031] In order to enable ordinary persons in the art to better understand the technical solutions of the present disclosure, the technical solutions in the embodiments of the present disclosure will be clearly and completely described below in conjunction with the accompanying drawings.
[0032] It should be noted that the terms "first", "second", etc. in the specification and claims of the present disclosure and the above-mentioned drawings are used to distinguish similar objects, and are not necessarily used to describe a specific order or sequence. It should be understood that the data used in this way can be interchanged where appropriate, so that the embodiments of the present disclosure described herein can be implemented in an order other than those illustrated or described herein. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present disclosure. Instead, they are merely examples of devices and methods consistent with some aspects of the present disclosure as detailed in the appended claims.
[0033] Figure 1 is a flow chart of a page loading method according to an exemplary embodiment. Figure 1 As shown, the page loading method is used in the server and includes the following steps.
[0034] In step S101, a loading component corresponding to the page to be loaded is obtained, and the loading component includes a loading style and a code file.
[0035] It should be noted that the execution subject of the page loading method of the present disclosure is a server. The page loading method of the present embodiment can be executed by the page loading device of the present embodiment, and the page loading device of the present embodiment can be configured in any server to execute the page loading method of the present embodiment.
[0036] The loading component includes loading styles and code files. The loading style refers to the collection of materials required for page loading, which may include pictures, audio, text, etc. The code file refers to the code file required for page loading. It is understandable that the code file can be calibrated according to the actual situation. For example, the user can calibrate the code file according to the target effect of page loading.
[0037] Optionally, the loading component can be calibrated according to actual conditions and pre-set in the storage space of the server.
[0038] In step S102, a loading configuration item is obtained according to the loading style and the code file.
[0039] The loading configuration items refer to the configuration items required for page loading and the corresponding values of the configuration items.
[0040] It is understandable that the values of the configuration items required for page loading can be defined in the code file, and the loading configuration items can be obtained according to the loading style and the code file.
[0041] For example, the background color of the loading page can be defined as blue in the code file, and the loading configuration item "background color of the loading page" can be obtained as blue.
[0042] For example, the position of the loading icon may be defined in the code file as the upper part of the loading page, and the loading configuration item "position of the loading icon" may be obtained as the upper part of the loading page.
[0043] For example, the background image of the loading page can be defined in the code file as Picture 1 in the loading style, and the loading configuration item "background image of the loading page" can be obtained as Picture 1.
[0044] For example, the background music of the loading page can be defined in the code file as audio 1 in the loading style, and the loading configuration item "background music of the loading page" can be obtained as audio 1.
[0045] In step S103, a loading animation is displayed according to the loading configuration item.
[0046] It is understandable that a loading animation may be generated according to the loading configuration item, and the loading animation may be displayed.
[0047] For example, if the obtained loading configuration item "loading icon" is icon 1, "loading text" is the real-time loading progress, "loading icon rotation center" is the center of the loading text, "loading icon rotation frequency" is 1 Hz, "loading icon rotation angle" is 30°, "loading icon rotation direction" is clockwise, and it is known that icon 1 is a circular icon, the generated loading animation is as follows: Figure 2 As shown, Figure 2 The loading text in the figure is "55%", indicating that the real-time loading progress is 55%.
[0048] In step S104, after the loading animation disappears, the page to be loaded is displayed.
[0049] The page loading method provided by the embodiment of the present disclosure can dynamically generate loading configuration items according to the loading style and code files when the page is loaded, and then generate a loading animation. Compared with the related art that relies on manual development of loading pages, it has the advantages of high efficiency and labor saving. Moreover, only one loading style is needed to complete the loading configuration of different pages, which effectively avoids repeated development, facilitates inspection and modification, and is easy to manage.
[0050] Based on the above embodiment, the loading configuration item in step S102 may include a callback function, and step S104 may further include executing the callback function after the loading animation disappears. The callback function may be calibrated according to actual conditions. Thus, the method may also execute the callback function after the loading animation disappears to meet different needs of users.
[0051] Based on the above embodiments, the loading configuration items in step S102 may include at least one of the following configuration items: the position of the loading icon, the image of the loading icon, the size of the loading icon, the rotation information of the loading icon, the background image or background color of the loading animation, and the time for the loading animation to disappear.
[0052] Furthermore, displaying the loading animation according to the loading configuration item in step S103 may include displaying a picture of the loading icon at a corresponding position of the loading animation according to the position of the loading icon. For example, if the obtained loading configuration item "position of the loading icon" is the middle of the loading animation, the picture of the loading icon may be displayed in the middle of the loading animation.
[0053] Alternatively, displaying the loading animation according to the loading configuration item in step S103 may also include controlling the display size of the loading icon image according to the size of the loading icon. For example, if the obtained loading configuration item "loading icon size" is that the length of the loading icon is 0.5rem and the width of the loading icon is 0.5rem. It should be noted that rem is a relative length unit.
[0054] Alternatively, the rotation information of the loading icon may include the loading icon needs to rotate, the rotation frequency and the rotation angle, then the loading animation is displayed according to the loading configuration item in step S103, and it may also include controlling the start time of each rotation of the loading icon image according to the rotation frequency, and controlling the angle of each rotation of the loading icon image according to the rotation angle. For example, if the obtained loading configuration items are "the rotation frequency of the loading icon" is 2Hz, and "the rotation angle of the loading icon" is 30°, then the start time of each rotation of the loading icon image can be controlled to be 0.5 seconds (s) apart from the start time of the previous rotation, and the angle of each rotation of the loading icon image can be controlled to be 30°.
[0055] Alternatively, displaying the loading animation according to the loading configuration item in step S103 may also include controlling the background image or background color displayed by the loading animation according to the background image or background color of the loading animation. For example, if the obtained loading configuration item "background image of the loading animation" is picture 2 in the loading style, the background image displayed by the loading animation may be controlled to be picture 2. If the obtained loading configuration item "background color of the loading animation" is white, the background color displayed by the loading animation may be controlled to be white.
[0056] Alternatively, displaying the loading animation according to the loading configuration item in step S103 may also include controlling the loading animation to disappear after the loading page is loaded for a delay of the delay time of the loading animation. For example, if the obtained loading configuration item "loading animation delay disappearance time" is 1s, the loading animation may be controlled to disappear after a delay of 1s after the loading page is loaded.
[0057] The following example illustrates how to write a code file in the page loading method in the embodiment of the present disclosure.
[0058] The specific script of the code file is as follows:
[0059] initLoading({
[0060] bg:'pink',
[0061] img:{
[0062] src:'http: / / static.yximgs.com / / udata / pkg / KS-GAME-WEB / loading.563b3c86.png',
[0063] height:'0.5rem',
[0064] width:'0.5rem'
[0065] },
[0066] auto:true,
[0067] delay:2000,
[0068] rotate:true,
[0069] location:'center',
[0070] cb:function(){
[0071] })
[0072] The function initLoading can be defined in the code file to define the values of the configuration items required for page loading. The code "bg:'pink'" defines the background color of the loading page as pink. The code "src:'http: / / static.yximgs.com / / udata / pkg / KS-GAME-WEB / loading.563b3c86.png'" defines the loading icon as a picture with the address http: / / static.yximgs.com / / udata / pkg / KS-GAME-WEB / loading.563b3c86.png. , the code "height:'0.5rem'" defines the length of the loading icon as 0.5rem, the code "width:'0.5rem'" defines the width of the loading icon as 0.5rem, the code "auto:true" defines the loading animation to disappear automatically, the code "delay:2000" defines the delay time of the loading animation to be 2000ms, the code "rotate:true" defines the loading icon as needing to be rotated, the code "location:'center'" defines the position of the loading icon as the middle of the loading animation, and the code "cb:function()" defines the callback function to be executed after the loading animation disappears.
[0073] Optionally, the implementation principle of the page loading method may include first defining a Document Object Model (DOM) variable of a loading configuration item through a string, and the code may be " <div class＝"loading-bg"> <div class＝"loading"> ", then you can use jQuery's $(dom).clone() method to convert the above defined string into an element that can be displayed on the page, and then you can use $(dom).css to assign the value of the user-defined configuration item to the configuration item.
[0074] For example, if the loading icon is defined in the code file as needing to rotate, and the rotation frequency and rotation angle of the loading icon are defined, a timer can be set through the setInterval method, and the delay time of the timer can be calibrated to 1000ms. After that, the loading icon can be determined through the $.find method, and the transform property of the loading icon can be set through the $.animate method. The transform property value of the loading icon can be changed according to the time frequency set by the timer, thereby achieving the effect of rotating the loading icon.
[0075] For example, if the loading animation is defined as automatically disappearing in the code file, the loading animation can be directly inserted into the page when entering the page, and the window.onload method can be used to determine when the page loading is complete. When the page is loaded, the duration property of the loading animation can be set through the $.animate method according to the delay disappearance time of the loading animation defined in the code file, and the duration property value of the loading animation can be assigned according to the defined delay disappearance time of the loading animation, thereby achieving the effect of automatic delay disappearance of the loading animation.
[0076] For example, if the position of the loading icon is defined in the code file, the position of the loading icon defined by the user can be judged through a string as one of top, bottom, and center, where top means that the position of the loading icon is the upper part of the loading animation, bottom means that the position of the loading icon is the bottom of the loading animation, and center means that the position of the loading icon is the middle part of the loading animation. The positions of top, bottom, and center are set in advance through the $.css method, and then the position attribute of the loading icon can be assigned according to the position of the loading icon defined by the user, thereby achieving the effect of the loading icon being in different positions of the loading animation.
[0077] Figure 3 is a block diagram of a page loading device according to an exemplary embodiment. Figure 3 The device 300 includes a first acquisition module 31, a second acquisition module 32, a first display module 33 and a second display module 34.
[0078] The first acquisition module 31 is configured to execute acquisition of a loading component corresponding to the page to be loaded, wherein the loading component includes a loading style and a code file.
[0079] The second acquisition module 32 is configured to acquire the loading configuration item according to the loading style and the code file.
[0080] The first display module 33 is configured to display a loading animation according to the loading configuration item.
[0081] The second display module 34 is configured to display the page to be loaded after the loading animation disappears.
[0082] In one embodiment of the present disclosure, the loading configuration item includes at least one of the following configuration items: the position of the loading icon, the image of the loading icon, the size of the loading icon, the rotation information of the loading icon, the background image or background color of the loading animation, and the time for the loading animation to disappear after a delay.
[0083] In one embodiment of the present disclosure, the first display module 33 includes a first display unit configured to display a picture of the loading icon at a corresponding position of the loading animation according to the position of the loading icon.
[0084] In one embodiment of the present disclosure, the first display module 33 further includes a second display unit configured to control the display size of the image of the loading icon according to the size of the loading icon.
[0085] In one embodiment of the present disclosure, the rotation information of the loading icon includes the loading icon requiring rotation, the rotation frequency and the rotation angle, and the first display module 33 also includes a third display unit, configured to control the start time of each rotation of the loading icon image according to the rotation frequency; and a fourth display unit, configured to control the angle of each rotation of the loading icon image according to the rotation angle.
[0086] In one embodiment of the present disclosure, the first display module 33 further includes a fifth display unit configured to control the background image or background color displayed by the loading animation according to the background image or background color of the loading animation.
[0087] In one embodiment of the present disclosure, the first display module 33 also includes a sixth display unit, which is configured to execute, according to the delay time of the loading animation, control the loading animation to disappear after the loading of the page to be loaded is completed for a delay time of the loading animation delay disappearance.
[0088] In one embodiment of the present disclosure, the loading configuration item includes a callback function, such as Figure 4 As shown, the page loading device 300 also includes an execution module 35, which is configured to execute the callback function after the loading animation disappears.
[0089] Regarding the device in the above embodiment, the specific manner in which each module performs operations has been described in detail in the embodiment of the method, and will not be elaborated here.
[0090] The page loading device provided by the embodiment of the present disclosure can dynamically generate loading configuration items according to the loading style and code files when the page is loaded, and then generate a loading animation. Compared with the related technology that relies on manual development of loading pages, it has the advantages of high efficiency and labor saving. Moreover, only one loading style is needed to complete the loading configuration of different pages, which effectively avoids repeated development, facilitates inspection and modification, and is easy to manage.
[0091] Figure 5 is a block diagram of a server 500 for page loading according to an exemplary embodiment.
[0092] like Figure 5 As shown, the server 500 includes:
[0093] The memory 510 and the processor 520, a bus 530 connecting different components (including the memory 510 and the processor 520), the memory 510 stores a computer program, and when the processor 520 executes the program, the page loading method described in the embodiment of the present disclosure is implemented.
[0094] Bus 530 represents one or more of several types of bus structures, including a memory bus or memory controller, a peripheral bus, an accelerated graphics port, a processor or a local bus using any of a variety of bus architectures. For example, these architectures include but are not limited to Industry Standard Architecture (ISA) bus, Micro Channel Architecture (MAC) bus, Enhanced ISA bus, Video Electronics Standards Association (VESA) local bus and Peripheral Component Interconnect (PCI) bus.
[0095] The server 500 typically includes a variety of electronic device readable media. These media can be any available media that can be accessed by the server 500, including volatile and non-volatile media, removable and non-removable media.
[0096] The memory 510 may also include computer system readable media in the form of volatile memory, such as random access memory (RAM) 540 and / or cache memory 550. The server 500 may further include other removable / non-removable, volatile / non-volatile computer system storage media. By way of example only, the storage system 560 may be used to read and write non-removable, non-volatile magnetic media ( Figure 5 not shown, usually called a "hard drive"). Although Figure 5Not shown, a disk drive for reading and writing to a removable non-volatile disk (e.g., a "floppy disk"), and an optical disk drive for reading and writing to a removable non-volatile optical disk (e.g., a CD-ROM, a DVD-ROM, or other optical media) may be provided. In these cases, each drive may be connected to the bus 530 via one or more data medium interfaces. The memory 510 may include at least one program product having a set (e.g., at least one) of program modules that are configured to perform the functions of the various embodiments of the present disclosure.
[0097] A program / utility 580 having a set (at least one) of program modules 570 may be stored, for example, in the memory 510, such program modules 570 including, but not limited to, an operating system, one or more application programs, other program modules, and program data, each of which or some combination may include an implementation of a network environment. The program modules 570 generally perform the functions and / or methods of the embodiments described in the present disclosure.
[0098] The server 500 may also communicate with one or more external devices 590 (e.g., keyboards, pointing devices, displays 591, etc.), one or more devices that enable a user to interact with the server 500, and / or any device that enables the server 500 to communicate with one or more other computing devices (e.g., a network card, a modem, etc.). Such communication may be performed via an input / output (I / O) interface 592. Furthermore, the server 500 may also communicate with one or more networks (e.g., a local area network (LAN), a wide area network (WAN), and / or a public network, such as the Internet) via a network adapter 593. Figure 5 As shown, the network adapter 593 communicates with other modules of the server 500 via the bus 530. It should be understood that, although not shown in the figure, other hardware and / or software modules can be used in conjunction with the server 500, including but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, and data backup storage systems.
[0099] The processor 520 executes various functional applications and data processing by running the programs stored in the memory 510 .
[0100] It should be noted that the implementation process and technical principles of the server of this embodiment refer to the aforementioned explanation of the page loading method of the embodiment of the present disclosure, and will not be repeated here.
[0101] The server provided by the embodiment of the present disclosure can execute the page loading method as described above. When the page is loaded, the loading configuration items can be dynamically generated according to the loading style and code file, and then the loading animation is generated. Compared with the related technology that relies on manual development of loading pages, it has the advantages of high efficiency and labor saving. Moreover, only one loading style is needed to complete the loading configuration of different pages, which effectively avoids repeated development, facilitates inspection and modification, and is easy to manage.
[0102] In order to implement the above embodiments, the present disclosure also proposes a storage medium.
[0103] When the instructions in the storage medium are executed by the processor of the server, the server can execute the page loading method as described above.
[0104] In order to implement the above embodiments, the present disclosure also provides a computer program product. When the computer program is executed by a processor of a server, the server can execute the page loading method as described above.
[0105] Those skilled in the art will readily appreciate other embodiments of the present disclosure after considering the specification and practicing the invention disclosed herein. The present disclosure is intended to cover any variations, uses or adaptations of the present disclosure that follow the general principles of the present disclosure and include common knowledge or customary techniques in the art that are not disclosed in the present disclosure. The description and examples are to be considered exemplary only, and the true scope and spirit of the present disclosure are indicated by the following claims.
[0106] It should be understood that the present disclosure is not limited to the exact structures that have been described above and shown in the drawings, and that various modifications and changes may be made without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.
Claims
1. A page loading method, characterized in that: include: Obtaining a loading component corresponding to the page to be loaded, the loading component includes a loading style and a code file, the loading style refers to a collection of materials required for page loading, the code file refers to a code file required for page loading, the loading component is calibrated according to actual conditions, and is pre-set in the storage space of the server; Obtain loading configuration items according to the loading style and code file; Displaying a loading animation according to the loading configuration item; as well as After the loading animation disappears, display the page to be loaded; The loading configuration item refers to the configuration item required for page loading and the value corresponding to the configuration item, and the obtaining of the loading configuration item according to the loading style and the code file includes: defining the value of the configuration item required for page loading according to the code file, and obtaining the loading configuration item according to the loading style and the code file; The loading configuration item includes at least one of the following configuration items: The position of the loading icon, the image of the loading icon, the size of the loading icon, the rotation information of the loading icon, the background image or background color of the loading animation, and the time for the loading animation to disappear after a delay.
2. The page loading method according to claim 1, characterized in that: The displaying of the loading animation according to the loading configuration item includes: The image of the loading icon is displayed at a corresponding position of the loading animation according to the position of the loading icon.
3. The page loading method according to claim 2, characterized in that: The displaying of the loading animation according to the loading configuration item includes: The display size of the image of the loading icon is controlled according to the size of the loading icon.
4. The page loading method according to claim 2, characterized in that: The rotation information of the loading icon includes the loading icon needs to be rotated, the rotation frequency and the rotation angle, and the displaying of the loading animation according to the loading configuration item includes: Controlling the start time of each rotation of the loading icon image according to the rotation frequency; and The rotation angle of the loading icon image is controlled each time according to the rotation angle.
5. The page loading method according to claim 1, characterized in that: The displaying of the loading animation according to the loading configuration item includes: The background image or background color displayed by the loading animation is controlled according to the background image or background color of the loading animation.
6. The page loading method according to claim 1, characterized in that: The displaying of the loading animation according to the loading configuration item includes: According to the delay time of the loading animation disappearing, the loading animation is controlled to disappear after the loading of the to-be-loaded page is completed for a delay time of the loading animation disappearing.
7. The page loading method according to claim 1, characterized in that: The loading configuration item includes a callback function, and the page loading method further includes: After the loading animation disappears, the callback function is executed.
8. A page loading device, characterized in that: include: A first acquisition module is configured to execute acquisition of a loading component corresponding to a page to be loaded, wherein the loading component includes a loading style and a code file, wherein the loading style refers to a collection of materials required for page loading, and the code file refers to a code file required for page loading. The loading component is calibrated according to actual conditions and pre-set in a storage space of a server; A second acquisition module is configured to acquire a loading configuration item according to the loading style and the code file; A first display module is configured to display a loading animation according to the loading configuration item; as well as A second display module is configured to display the page to be loaded after the loading animation disappears; The loading configuration item refers to the configuration item required for page loading and the value corresponding to the configuration item, and the obtaining of the loading configuration item according to the loading style and the code file includes: defining the value of the configuration item required for page loading according to the code file, and obtaining the loading configuration item according to the loading style and the code file; The loading configuration item includes at least one of the following configuration items: The position of the loading icon, the image of the loading icon, the size of the loading icon, the rotation information of the loading icon, the background image or background color of the loading animation, and the time for the loading animation to disappear after a delay.
9. The page loading device according to claim 8, characterized in that: The first display module includes: The first display unit is configured to display a picture of the loading icon at a corresponding position of the loading animation according to the position of the loading icon.
10. The page loading device according to claim 9, characterized in that: The first display module further includes: The second display unit is configured to control the display size of the image of the loading icon according to the size of the loading icon.
11. The page loading device according to claim 9, characterized in that: The rotation information of the loading icon includes the loading icon requiring rotation, the rotation frequency and the rotation angle, and the first display module further includes: A third display unit is configured to control the start time of each rotation of the image of the loading icon according to the rotation frequency; and The fourth display unit is configured to control the rotation angle of the loading icon image each time according to the rotation angle.
12. The page loading device according to claim 8, characterized in that: The first display module further includes: The fifth display unit is configured to control the background image or background color displayed by the loading animation according to the background image or background color of the loading animation.
13. The page loading device according to claim 8, characterized in that: The first display module further includes: The sixth display unit is configured to execute, according to the delay time of disappearing the loading animation, controlling the loading animation to disappear after the loading of the to-be-loaded page is completed for a delay time of disappearing the loading animation.
14. The page loading device according to claim 8, characterized in that: The loading configuration item includes a callback function, and the page loading device also includes: The execution module is configured to execute the callback function after the loading animation disappears.
15. A server, characterized in that: include: processor; a memory for storing instructions executable by the processor; The processor is configured to execute the instructions to implement the page loading method as described in any one of claims 1 to 7.
16. A storage medium, when the instructions in the storage medium are executed by a processor of a server, the server is enabled to execute the page loading method according to any one of claims 1 to 7.
17. A computer program product, which, when executed by a processor of a server, enables the server to execute the page loading method according to any one of claims 1 to 7.