Page display method and device, equipment, medium and program product

Abstract

The invention relates to the technical field of financial science and technology, and discloses a page display method, device and equipment, a medium and a program product. The method comprises the steps of obtaining a target picture identifier corresponding to a business foreground page according to an access request of a user for the business foreground page; obtaining target copywriting information corresponding to the target picture identifier, and generating a character skeleton screen according to the target copywriting information; and rendering and displaying the character skeleton screen in the business foreground page. According to the scheme of the embodiment, the copywriting information of the picture is newly added in the skeleton screen, so that the content information of the picture can be displayed in the skeleton screen, and the use experience of a user can be improved.

Description

Technical Field

[0001] The present invention relates to the field of financial technology, and in particular to a page display method, device, equipment, medium and program product. Background Art

[0002] Internet websites are one of the important channels for companies to communicate with users, and they have different functions. For example, websites are often used for company portals or e-commerce sales. When users enter a website page, they often need to request to load a lot of resources, such as the script files, style files, server interface information, image files, etc. Due to network conditions and the number of concurrent requests for browser pages (the browser can send up to 6-8 requests to the server under the same domain name at the same time), it takes a long time to load a complete page, especially for large websites with more resources and larger resource volumes, such as a large number of high-quality images. If the network is weak, it will take a long time to load the entire page. The long wait will make some users lose patience or mistakenly think that the website has crashed, and user loss will indirectly lead to financial losses for the company.

[0003] In order to improve the user experience, website developers often try to compress the size of network resources to reduce network pressure, merge network requests to reduce the number of concurrent requests, and load resources on demand to delay the loading of web resources that are not currently used. While optimizing the website as much as possible, some companies, when unable to continue to improve the optimization, will display loading animations or progress bars during the website request process in order to let users perceive the status of the web page loading and relieve user anxiety. However, these measures cannot fundamentally solve the problem. The image loading time is too long and users cannot see the content in the image.

[0004] The skeleton screen is a better progressive page loading solution, which allows users to see solid color blocks. As a blank page carrier, its function is to convey the information that the page is being progressively loaded, reducing the user's anxiety while waiting for web page data to be obtained. However, in the existing skeleton screen solution, before the image is returned, the user can only see the color block, but cannot see the content information contained in the image, which will affect the user's use of the web page and even cause user loss. Summary of the invention

[0005] The present invention provides a page display method, device, equipment, medium and program product, which can realize displaying the content information of a picture on a skeleton screen and improve the user experience.

[0006] According to one aspect of the present invention, there is provided a page display method, comprising:

[0007] According to the user's access request to the business front-end page, obtain the target image identifier corresponding to the business front-end page;

[0008] Obtaining target text information corresponding to the target image identifier, and generating a text skeleton screen according to the target text information;

[0009] The text skeleton screen is rendered and displayed in the business front-end page.

[0010] According to another aspect of the present invention, there is provided a page display device, comprising:

[0011] The image identification acquisition module is used to obtain the target image identification corresponding to the business front-end page according to the user's access request to the business front-end page;

[0012] A text skeleton screen generation module is used to obtain target text information corresponding to the target image identifier and generate a text skeleton screen according to the target text information;

[0013] The text skeleton screen display module is used to render and display the text skeleton screen in the business front-end page.

[0014] According to another aspect of the present invention, an electronic device is provided, the electronic device comprising:

[0015] at least one processor; and

[0016] a memory communicatively connected to the at least one processor; wherein,

[0017] The memory stores a computer program executable by the at least one processor, and the computer program is executed by the at least one processor so that the at least one processor can execute the page display method described in any embodiment of the present invention.

[0018] According to another aspect of the present invention, a computer-readable storage medium is provided, wherein the computer-readable storage medium stores a computer program, wherein the computer program is used to enable a processor to implement the page display method described in any embodiment of the present invention when executed.

[0019] According to another aspect of the present invention, a computer program product is provided, comprising a computer program, wherein when the computer program is executed by a processor, the page display method according to any embodiment of the present invention is implemented.

[0020] The technical solution of the embodiment of the present invention is to obtain the target image identifier corresponding to the business front-end page according to the user's access request to the business front-end page; obtain the target copy information corresponding to the target image identifier, and generate a text skeleton screen according to the target copy information; render and display the text skeleton screen in the business front-end page; and display the content information of the image in the skeleton screen by adding the copy information of the image in the skeleton screen, thereby improving the user experience.

[0021] It should be understood that the contents described in this section are not intended to identify the key or important features of the embodiments of the present invention, nor are they intended to limit the scope of the present invention. Other features of the present invention will become easily understood through the following description. BRIEF DESCRIPTION OF THE DRAWINGS

[0022] In order to more clearly illustrate the technical solutions in the embodiments of the present invention, the following briefly introduces the drawings required for use in the description of the embodiments. Obviously, the drawings described below are only some embodiments of the present invention. For ordinary technicians in this field, other drawings can be obtained based on these drawings without creative work.

[0023] Figure 1 is a flow chart of a page display method provided according to Embodiment 1 of the present invention;

[0024] Figure 2 is a schematic diagram comparing a common skeleton screen and a text skeleton screen provided according to the first embodiment of the present invention;

[0025] Figure 3 is a flowchart of another page display method provided according to the first embodiment of the present invention;

[0026] Figure 4 is a structural schematic diagram of a page display device provided according to Embodiment 2 of the present invention;

[0027] Figure 5 It is a structural schematic diagram of an electronic device for implementing the page display method according to an embodiment of the present invention. DETAILED DESCRIPTION

[0028] In order to enable those skilled in the art to better understand the scheme of the present invention, the technical scheme in the embodiments of the present invention will be clearly and completely described below in conjunction with the drawings in the embodiments of the present invention. Obviously, the described embodiments are only part of the embodiments of the present invention, not all of the embodiments. Based on the embodiments of the present invention, all other embodiments obtained by ordinary technicians in this field without creative work should fall within the scope of protection of the present invention.

[0029] It should be noted that the terms "first", "second", "target", etc. in the specification and claims of the present invention 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 invention described herein can be implemented in an order other than those illustrated or described herein. In addition, the terms "including" and "having" and any variations thereof are intended to cover non-exclusive inclusions, for example, a process, method, system, product or device that includes a series of steps or units is not necessarily limited to those steps or units clearly listed, but may include other steps or units that are not clearly listed or inherent to these processes, methods, products or devices.

[0030] Embodiment 1

[0031] Figure 1 A flow chart of a page display method is provided for the first embodiment of the present invention. This embodiment is applicable to the case of rendering and displaying a client page. The method can be executed by a page display device, which can be implemented in the form of hardware and / or software. Typically, the page display device can be configured in an electronic device, such as a computer device or a mobile terminal. Figure 1 As shown, the method includes:

[0032] S110. According to the user's access request to the business front-end page, obtain a target image identifier corresponding to the business front-end page.

[0033] The business front page may include a website front page, a mobile terminal client page, etc. In a specific example, when the business front page is a website front page, if it is detected that a user accesses the business front page, the browser will initiate a request to access the business backend service interface to obtain the identifiers of all images contained in the page, that is, the target image identifier.

[0034] Optionally, according to the user's access request to the business front page, obtaining the target image identifier corresponding to the business front page may include:

[0035] According to the user's access request to the business front page, the configuration information of the business front page is obtained, and according to the configuration information, the target image identifier corresponding to the business front page is obtained.

[0036] In this embodiment, the configuration information of the business front page, that is, all the required data of the business front page, can be stored in the database in advance. Thus, when it is detected that a user accesses the business front page, the browser can read the configuration information of the business front page from the database through the business backend service interface. For example, the configuration information may include information such as business data, text content, and image identifiers. Then, the browser can parse the configuration information to obtain the image identifiers of all images contained in the business front page as target image identifiers.

[0037] The advantage of the above setting is that it can achieve efficient acquisition of image identifiers and improve the efficiency of page display.

[0038] S120: Acquire target text information corresponding to the target image identifier, and generate a text skeleton screen according to the target text information.

[0039] In this embodiment, for all images in the business front page, the text information contained therein can be pre-extracted, and a correspondence between the image identifier and the text information can be established. Thus, after obtaining the current target image identifier, the browser can search for the target text information corresponding to the target image identifier according to the pre-established correspondence between the image identifier and the text information. Then, the text information can be written into the original skeleton screen to obtain a text skeleton screen containing the image text information.

[0040] Among them, the text skeleton screen can be a gray square before the page element is loaded successfully, and the square contains the text information of the page element.

[0041] Optionally, generating a text skeleton screen according to the target copy information may include:

[0042] An initial skeleton screen is generated, and the target text information is written into a designated position of the initial skeleton screen to generate the text skeleton screen.

[0043] The designated position may be a preset rendering position of the text information, for example, the middle position of the skeleton screen.

[0044] In this embodiment, first, an initial skeleton screen may be generated based on an existing skeleton screen generation method; then, the target text information may be directly written into a designated position of the initial skeleton screen to generate a text skeleton screen.

[0045] The advantage of the above setting is that it is possible to add new copy information to the skeleton screen, so that the user can view the text information contained in the picture in advance, which can improve the user experience.

[0046] S130: Rendering and displaying the text skeleton screen in the business front-end page.

[0047] Specifically, after generating the text skeleton screen, the text skeleton screen can be rendered and displayed at the location of the image in the business front page; or, the initial skeleton screen can be rendered and displayed first, and then the corresponding copy information can be rendered at the corresponding position of the initial skeleton screen.

[0048] Optionally, after rendering and displaying the text skeleton screen in the business front page, the following may also be included:

[0049] Obtaining a target image link corresponding to the target image identifier, and obtaining target image data corresponding to the target image identifier according to the target image link;

[0050] The target image data is used to replace the text skeleton screen for rendering and display.

[0051] In this embodiment, after the rendering and display of the text skeleton screen is completed, the specific image data can be requested and displayed by lazy loading. Among them, lazy loading of images can be loading images in the web page only when the images are scrolled to the viewport or the network is idle, so as to save bandwidth and server resources.

[0052] Specifically, first, the target image link corresponding to the target image identifier can be obtained, and a Hypertext Transfer Protocol (HTTP) connection can be established; then, based on the HTTP connection, the target image data corresponding to the target image identifier can be read according to the target image link; finally, the text skeleton screen can be deleted from the business front page, and the target image data can be rendered and displayed at the location of the text skeleton screen. Among them, the image link can be the index information of the image data in the database.

[0053] The advantage of the above settings is that network resources can be given to data interfaces and page script resources, which optimizes the page rendering process, reduces the first screen rendering time of the page, and reduces the pressure on the image server.

[0054] For example, the comparison between the ordinary skeleton screen and the text skeleton screen can be as follows: Figure 2 The existing page display method is to render the ordinary skeleton screen first and then load the image data. In this embodiment, the text skeleton screen is rendered first and then the image data is loaded. In this way, before the browser returns the image resource, the page not only has a skeleton screen placeholder, but the user can also see the text information on the image in advance, which can improve the user experience and website fault tolerance in weak network conditions.

[0055] In this embodiment, in order to solve the problem that the image content cannot be presented in time during the loading process of high-quality images on the web page due to network speed and browser limitations, a method is adopted in which the text information of the image content is pre-extracted in the background when the image is uploaded, so that the text information and image link of the image can be obtained during the front-end rendering. In the process of loading image resources, the text of the image content is displayed first, and the user can obtain the key information of the image to be displayed in advance through the text, which greatly improves the display efficiency and weak network fault tolerance of the multi-image website and optimizes the user experience of the website. Moreover, since web browsing in this embodiment is less dependent on image presentation, the image data can use lazy loading (loading when the network is idle), so that limited network bandwidth and request restrictions can be used to load resources necessary for page rendering first, which can improve the first screen performance of the page.

[0056] The technical solution of the embodiment of the present invention is to obtain the target image identifier corresponding to the business front-end page according to the user's access request to the business front-end page; obtain the target copy information corresponding to the target image identifier, and generate a text skeleton screen according to the target copy information; render and display the text skeleton screen in the business front-end page; and display the content information of the image in the skeleton screen by adding the copy information of the image in the skeleton screen, thereby improving the user experience.

[0057] In an optional implementation of this embodiment, before obtaining the target text information corresponding to the target image identifier, the following may also be included:

[0058] Obtain the image data uploaded by the user, and perform image text recognition on the image data to obtain the text information corresponding to the image data;

[0059] Obtaining a picture identifier corresponding to the picture data, establishing a corresponding relationship between the picture identifier and the text information, and storing the corresponding relationship between the picture identifier and the text information in a database;

[0060] Correspondingly, obtaining the target text information corresponding to the target image identifier may include:

[0061] The correspondence between the image identifier and the text information is read from a database, and the target text information corresponding to the target image identifier is obtained according to the correspondence between the image identifier and the text information.

[0062] In a specific implementation of this embodiment, the process of the page display method can be as follows: Figure 3As shown. The page display is divided into five parts: picture upload page, picture upload background service, picture text recognition service, business front page and business back page. The picture upload page, picture upload background service and picture text recognition service are used for picture storage and processing and text extraction, and are providers of pictures and picture text information; the business front page and business back office service are provided to users for direct use, and are consumers of pictures and picture text information.

[0063] Specifically, first, the administrator user uploads various types of image data to the image upload background service through the HTTP interface from the image upload page; after receiving the image data, the image upload background service transmits the image data in binary form to the image text recognition service; after intelligent recognition, the image text recognition service extracts the text information in the image. This embodiment does not specifically limit the method of image text recognition.

[0064] For example, the copy information can be {"code":200,"data":{..."orgWidth":805,"orgHeight":655,"prism_wordsInfo":[{"pos":[{"x":350,"y":45},{"x":462,"y":46},{"x":462,"y":67},{"x":349,"y":66}],"width":20,"x":396,"angle":0,"y":0,"word":"Activity time: 8.25- 8.27","direction":0,"height":112},{"prob":99,"pos":[{"x":292,"y":82},{"x":531,"y":83},{"x":531,"y":125},{"x":291,"y":124}],"width":42,"x":390,"angle":0,"y":-15,"word":"Sports water bottle 40 yuan off","direction":0,"height":239}]}...}.

[0065] Among them, orgWidth and orgHeight are the width and height of the original image, the two items of the prism_wordsInfo array correspond to the information extracted from the two lines of text in the image, the word field of the array item represents the recognized text content, and x and y represent the coordinate positions of the four corners of the line of text, that is, the position information of the text information in the image data. All these recognition result information will be responded to the image upload background service as the image text information, and stored in the database together with the image link.

[0066] Then, when the user visits the business front-end page, the browser will initiate a request to access the business back-end service interface to obtain all the required data of the page, including the business data, text content and image-related information of the page. The image-related information is obtained by the business back-end service from the image upload back-end service according to the user's request. Furthermore, the business back-end service requests the image upload back-end service to obtain the target image link and target copy information corresponding to the target image identifier, and responds to the front-end browser with these data as is.

[0067] The advantage of the above setting is that since the text in the image has been pre-extracted during the image upload stage, there is no text extraction process during the rendering of the text skeleton screen, so there is no additional time and performance consumption compared to the ordinary skeleton screen.

[0068] It should be noted that, since image transmission requires the establishment of an HTTP connection and may cause a large delay depending on the network environment, by adopting the solution of this embodiment, the user can see the image information in advance through the text information in the skeleton screen without relying on image loading, thereby ensuring the integrity of the web page information before the image is successfully loaded; secondly, even if the loading of a very large image times out under weak network conditions, the user can still obtain the key information in the image, thereby improving the robustness and fault tolerance of the website.

[0069] Optionally, after performing image text recognition on the image data to obtain text information corresponding to the image data, the following may also be included:

[0070] The position information of the text information in the image data is obtained, and a corresponding relationship between the text information and the position information is generated, and the corresponding relationship between the text information and the position information is stored in a database.

[0071] In this embodiment, while extracting text information from image data, the position information of the text information in the image data can be obtained, and a corresponding relationship between the text information and the position information is generated and stored in a database.

[0072] Correspondingly, generating a text skeleton screen according to the target copy information may include:

[0073] Reading the correspondence between the text information and the location information from a database;

[0074] An initial skeleton screen is generated, and according to the correspondence between the text information and the position information, the target text information is written into the initial skeleton screen to generate the text skeleton screen.

[0075] In this embodiment, when writing the target text information into the initial skeleton screen, the target position information corresponding to the target text information can be determined based on the correspondence between the text information and the position information; then, the rendering position of the target text information in the initial skeleton screen can be determined based on the target position information; finally, the target text information can be written into the rendering position to generate a text skeleton screen.

[0076] In a specific example, the front-end browser can upload the image to the back-end service through the business back-end service, requesting the text information and image link corresponding to the target image identifier, as well as the location information corresponding to the text information. Then, in the browser, a for loop can be used to render the text information at the position corresponding to the location information in the initial skeleton screen. For example, the core code example can be const text = ""; for (let i = 0; i <pri sm_wordsInfo.length;i++){text+=prism_wordsInfo[i]+" ";}document.querySelector(".img").innerHTML=text. Through the above code, traverse the text information in prism_wordsInfo and write the text information into the initial skeleton screen.

[0077] The advantage of the above setting is that it can restore the position of the text information in the original picture, which can improve the display effect of the text skeleton screen.

[0078] Embodiment 2

[0079] Figure 4 This is a schematic diagram of the structure of a page display device provided in Embodiment 2 of the present invention. Figure 4 As shown, the device includes: an image identification acquisition module 210, a text skeleton screen generation module 220 and a text skeleton screen display module 230; wherein,

[0080] The image identification acquisition module 210 is used to acquire the target image identification corresponding to the business front-end page according to the user's access request to the business front-end page;

[0081] The text skeleton screen generating module 220 is used to obtain the target text information corresponding to the target image identifier, and generate a text skeleton screen according to the target text information;

[0082] The text skeleton screen display module 230 is used to render and display the text skeleton screen in the business front page.

[0083] The technical solution of the embodiment of the present invention is to obtain the target image identifier corresponding to the business front-end page according to the user's access request to the business front-end page; obtain the target copy information corresponding to the target image identifier, and generate a text skeleton screen according to the target copy information; render and display the text skeleton screen in the business front-end page; and display the content information of the image in the skeleton screen by adding the copy information of the image in the skeleton screen, thereby improving the user experience.

[0084] Optionally, the image identification acquisition module 210 is specifically used to obtain configuration information of the business front-end page according to a user's access request to the business front-end page, and obtain a target image identification corresponding to the business front-end page according to the configuration information.

[0085] Optionally, the page display device further includes:

[0086] The text information acquisition module is used to acquire the image data uploaded by the user, and perform image text recognition on the image data to acquire the text information corresponding to the image data;

[0087] A corresponding relationship establishing module, used for obtaining the image identifier corresponding to the image data, establishing the corresponding relationship between the image identifier and the text information, and storing the corresponding relationship between the image identifier and the text information in a database;

[0088] The text skeleton screen generating module 220 is specifically used to read the correspondence between the image identifier and the text information from the database, and obtain the target text information corresponding to the target image identifier according to the correspondence between the image identifier and the text information.

[0089] Optionally, the page display device further includes:

[0090] A position information acquisition module, used to acquire the position information of the text information in the image data, generate a corresponding relationship between the text information and the position information, and store the corresponding relationship between the text information and the position information in a database;

[0091] The text skeleton screen generation module 220 is specifically used to read the corresponding relationship between the text information and the position information from the database;

[0092] An initial skeleton screen is generated, and according to the correspondence between the text information and the position information, the target text information is written into the initial skeleton screen to generate the text skeleton screen.

[0093] Optionally, the text skeleton screen generating module 220 is specifically used to generate an initial skeleton screen, and write the target text information into a specified position of the initial skeleton screen to generate the text skeleton screen.

[0094] Optionally, the page display device further includes:

[0095] A picture data acquisition module, used to acquire a target picture link corresponding to the target picture identifier, and acquire target picture data corresponding to the target picture identifier according to the target picture link;

[0096] The picture data display module is used to use the target picture data to replace the text skeleton screen for rendering and display.

[0097] The page display device provided in the embodiment of the present invention can execute the page display method provided in any embodiment of the present invention, and has the corresponding functional modules and beneficial effects of the execution method.

[0098] In the technical solution of the present disclosure, the collection, storage, use, processing, transmission, provision and disclosure of user personal information involved are in compliance with the provisions of relevant laws and regulations and do not violate public order and good morals.

[0099] Embodiment 3

[0100] Figure 5 A schematic diagram of the structure of an electronic device 30 that can be used to implement an embodiment of the present invention is shown. The electronic device 30 is intended to represent various forms of digital computers, such as laptop computers, desktop computers, workstations, personal digital assistants, servers, blade servers, mainframe computers, and other suitable computers. The electronic device 30 can also represent various forms of mobile devices, such as personal digital processing, cellular phones, smart phones, wearable devices (such as helmets, glasses, watches, etc.) and other similar computing devices. The components shown herein, their connections and relationships, and their functions are merely examples and are not intended to limit the implementation of the present invention described and / or required herein.

[0101] like Figure 5 As shown, the electronic device 30 includes at least one processor 31, and a memory connected to the at least one processor 31, such as a read-only memory (ROM) 32, a random access memory (RAM) 33, etc., wherein the memory stores a computer program that can be executed by at least one processor, and the processor 31 can perform various appropriate actions and processes according to the computer program stored in the read-only memory 32 or the computer program loaded from the storage unit 38 to the random access memory 33. In the RAM 33, various programs and data required for the operation of the electronic device 30 can also be stored. The processor 31, the ROM 32 and the RAM 33 are connected to each other through a bus 34. The input / output (I / O) interface 35 is also connected to the bus 34.

[0102] A number of components in the electronic device 30 are connected to the I / O interface 35, including: an input unit 36, such as a keyboard, a mouse, etc.; an output unit 37, such as various types of displays, speakers, etc.; a storage unit 38, such as a disk, an optical disk, etc.; and a communication unit 39, such as a network card, a modem, a wireless communication transceiver, etc. The communication unit 39 allows the electronic device 30 to exchange information / data with other devices through a computer network such as the Internet and / or various telecommunication networks.

[0103] The processor 31 may be a variety of general and / or special processing components with processing and computing capabilities. Some examples of the processor 31 include, but are not limited to, a central processing unit, a graphics processing unit, various special artificial intelligence computing chips, various processors running machine learning model algorithms, digital signal processors, and any appropriate processors, controllers, microcontrollers, etc. The processor 31 executes the various methods and processes described above, such as a page display method.

[0104] In some embodiments, the page display method may be implemented as a computer program, which is tangibly contained in a computer-readable storage medium, such as a storage unit 38. In some embodiments, part or all of the computer program may be loaded and / or installed on the electronic device 30 via the ROM 32 and / or the communication unit 39. When the computer program is loaded into the RAM 33 and executed by the processor 31, one or more steps of the page display method described above may be performed. Alternatively, in other embodiments, the processor 31 may be configured to perform the page display method in any other appropriate manner (e.g., by means of firmware).

[0105] Various embodiments of the systems and techniques described above herein can be implemented in digital electronic circuit systems, integrated circuit systems, field programmable gate arrays, application specific integrated circuits, application specific standard products, systems on a chip, load programmable logic devices, computer hardware, firmware, software, and / or combinations thereof. These various embodiments may include: being implemented in one or more computer programs that can be executed and / or interpreted on a programmable system including at least one programmable processor, which can be a special purpose or general purpose programmable processor that can receive data and instructions from a storage system, at least one input device, and at least one output device, and transmit data and instructions to the storage system, the at least one input device, and the at least one output device.

[0106] Computer programs for implementing the methods of the present invention may be written in any combination of one or more programming languages. These computer programs may be provided to a processor of a general-purpose computer, a special-purpose computer, or other programmable data processing device, so that when the computer program is executed by the processor, the functions / operations specified in the flow chart and / or block diagram are implemented. The computer program may be executed entirely on the machine, partially on the machine, partially on the machine and partially on a remote machine as a stand-alone software package, or entirely on a remote machine or server.

[0107] In the context of the present invention, a computer-readable storage medium may be a tangible medium that may contain or store a computer program for use by or in conjunction with an instruction execution system, device, or equipment. A computer-readable storage medium may include, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, devices, or equipment, or any suitable combination of the foregoing. Alternatively, a computer-readable storage medium may be a machine-readable signal medium. A more specific example of a machine-readable storage medium may include an electrical connection based on one or more lines, a portable computer disk, a hard disk, a random access memory, a read-only memory, an erasable programmable read-only memory, an optical fiber, a portable compact disk read-only memory, an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

[0108] To provide interaction with a user, the systems and techniques described herein may be implemented on an electronic device 30 having: a display device (e.g., a cathode ray tube or a liquid crystal display) for displaying information to the user; and a keyboard and a pointing device (e.g., a mouse or a trackball) through which the user can provide input to the electronic device 30. Other types of devices may also be used to provide interaction with the user; for example, the feedback provided to the user may be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user may be received in any form (including acoustic input, voice input, or tactile input).

[0109] The systems and techniques described herein may be implemented in a computing system that includes backend components (e.g., as a data server), or a computing system that includes middleware components (e.g., an application server), or a computing system that includes frontend components (e.g., a user computer with a graphical user interface or a web browser through which a user can interact with implementations of the systems and techniques described herein), or a computing system that includes any combination of such backend components, middleware components, or frontend components. The components of the system may be interconnected by any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include: local area networks, wide area networks, blockchain networks, and the Internet.

[0110] A computing system may include clients and servers. Clients and servers are generally remote from each other and typically interact through a communication network. The relationship of client and server is generated by computer programs running on respective computers and having a client-server relationship to each other. The server may be a cloud server.

[0111] This embodiment may also include a computer program product, which includes a computer program. When the computer program is executed by a processor, it implements the page display method provided by any embodiment of the present invention.

[0112] It should be understood that the various forms of processes shown above can be used to reorder, add or delete steps. For example, the steps described in the present invention can be executed in parallel, sequentially or in different orders, as long as the desired results of the technical solution of the present invention can be achieved, and this document does not limit this.

[0113] The above specific implementations do not constitute a limitation on the protection scope of the present invention. It should be understood by those skilled in the art that various modifications, combinations, sub-combinations and substitutions can be made according to design requirements and other factors. Any modification, equivalent substitution and improvement made within the spirit and principle of the present invention should be included in the protection scope of the present invention.

Claims

1. A page display method, characterized in that: include: According to the user's access request to the business front-end page, obtain the target image identifier corresponding to the business front-end page; Obtaining target text information corresponding to the target image identifier, and generating a text skeleton screen according to the target text information; The text skeleton screen is rendered and displayed in the business front-end page.

2. The method according to claim 1, characterized in that According to the user's access request to the business front-end page, the target image identifier corresponding to the business front-end page is obtained, including: According to the user's access request to the business front page, the configuration information of the business front page is obtained, and according to the configuration information, the target image identifier corresponding to the business front page is obtained.

3. The method according to claim 1, characterized in that Before obtaining the target text information corresponding to the target image identifier, the method further includes: Obtain the image data uploaded by the user, and perform image text recognition on the image data to obtain the text information corresponding to the image data; Obtaining a picture identifier corresponding to the picture data, establishing a corresponding relationship between the picture identifier and the text information, and storing the corresponding relationship between the picture identifier and the text information in a database; Obtaining target text information corresponding to the target image identifier includes: The correspondence between the image identifier and the text information is read from a database, and the target text information corresponding to the target image identifier is obtained according to the correspondence between the image identifier and the text information.

4. The method according to claim 3, characterized in that After performing image text recognition on the image data to obtain text information corresponding to the image data, the method further includes: Acquiring position information of the text information in the image data, generating a corresponding relationship between the text information and the position information, and storing the corresponding relationship between the text information and the position information in a database; Generating a text skeleton screen according to the target copy information includes: Reading the correspondence between the text information and the location information from a database; An initial skeleton screen is generated, and according to the correspondence between the text information and the position information, the target text information is written into the initial skeleton screen to generate the text skeleton screen.

5. The method according to claim 1, characterized in that: Generating a text skeleton screen according to the target copy information includes: An initial skeleton screen is generated, and the target text information is written into a designated position of the initial skeleton screen to generate the text skeleton screen.

6. The method according to claim 1, characterized in that After rendering and displaying the text skeleton screen in the business front page, it also includes: Obtaining a target image link corresponding to the target image identifier, and obtaining target image data corresponding to the target image identifier according to the target image link; The target image data is used to replace the text skeleton screen for rendering and display.

7. A page display device, characterized in that: include: The image identification acquisition module is used to obtain the target image identification corresponding to the business front-end page according to the user's access request to the business front-end page; A text skeleton screen generation module is used to obtain target text information corresponding to the target image identifier and generate a text skeleton screen according to the target text information; The text skeleton screen display module is used to render and display the text skeleton screen in the business front-end page.

8. An electronic device, characterized in that: The electronic device comprises: at least one processor, and a memory communicatively connected to the at least one processor; wherein, The memory stores a computer program executable by the at least one processor, and the computer program is executed by the at least one processor so that the at least one processor can execute the page display method according to any one of claims 1 to 6.

9. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores a computer program, and the computer program is used to enable a processor to implement the page display method according to any one of claims 1 to 6 when executed.

10. A computer program product, characterized in that The invention comprises a computer program, which implements the page display method according to any one of claims 1 to 6 when executed by a processor.

Images