CN113849754B - Rich client page display method, device, equipment and storage medium - Google Patents
Rich client page display method, device, equipment and storage medium Download PDFInfo
- Publication number
- CN113849754B CN113849754B CN202111138997.3A CN202111138997A CN113849754B CN 113849754 B CN113849754 B CN 113849754B CN 202111138997 A CN202111138997 A CN 202111138997A CN 113849754 B CN113849754 B CN 113849754B
- Authority
- CN
- China
- Prior art keywords
- data
- rendering
- page
- preset
- text
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 68
- 238000009877 rendering Methods 0.000 claims abstract description 103
- 238000005538 encapsulation Methods 0.000 claims abstract description 33
- 230000001360 synchronised effect Effects 0.000 claims abstract description 8
- 238000004590 computer program Methods 0.000 claims description 15
- 238000004806 packaging method and process Methods 0.000 claims description 8
- 238000005516 engineering process Methods 0.000 description 7
- 238000010586 diagram Methods 0.000 description 6
- 230000000977 initiatory effect Effects 0.000 description 2
- 238000004891 communication Methods 0.000 description 1
- 238000007728 cost analysis Methods 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000004088 simulation Methods 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Abstract
The application relates to the technical field of Internet and discloses a rich client page display method, a rich client page display device, rich client page display equipment and a rich client page storage medium, wherein data to be displayed of a target page are firstly obtained from a preset database through page routing; the acquired data are subjected to object encapsulation to obtain object data and then are synchronized to a user interface layer, and the user interface layer analyzes the object data to obtain first screen data; performing association binding on the first screen data and the data encapsulation model to obtain a data rendering template; obtaining an HTML text of the first screen data in a preset browser based on a data rendering template; and if the rendered first screen data can be displayed in the preset display area, displaying the rendered first screen content in the preset display area, and displaying the rendered non-first screen content in other display areas of the target page. The method can ensure that the rich client clearly displays the page, and the problem that the first screen content and the non-first screen content of the page are displayed in a mixed mode is difficult to occur.
Description
Technical Field
The present application relates to the field of internet technologies, and in particular, to a method, an apparatus, a device, and a storage medium for displaying a rich client page.
Background
With the development of the internet, the requirements of users on the use of browser ends are also increasing, and the web page access technology of rich clients is generated. The rich client webpage access technology is a technology for simulating an interaction mode of a PC-side desktop application and realizing static webpage clicking experience.
The existing rich client webpage access technology is mainly completed by loading html through iframe nested simulation and ajax or json through script and the like. The whole implementation process is complex, and the problem of confusion among webpage contents is easy to occur.
Disclosure of Invention
The application provides a method, a device, equipment and a storage medium for displaying a rich client page, which can ensure that the rich client clearly displays the page, and the problem that the first screen content and the non-first screen content of the page are displayed in a mixed manner is not easy to occur.
In a first aspect, the present application provides a rich client page display method, where the method includes:
If the page access request is detected, starting a page route, and acquiring data to be displayed of a target page from a preset database through the page route;
the obtained data are subjected to object encapsulation to obtain object data and then are synchronized to a user interface layer, and the object data are analyzed at the user interface layer to obtain first screen data;
Performing association binding on the first screen data and a data encapsulation model to obtain a data rendering template;
Based on the data rendering template, obtaining an HTML text of the first screen data in a preset browser, wherein the HTML text of the first screen data is the first screen data after rendering;
And if the first screen data after rendering can be displayed in the preset display area, displaying the first screen content after rendering in the preset display area, and displaying the non-first screen content after rendering in other display areas of the target page.
In a second aspect, the present application further provides a rich client page display device, including:
The acquisition module is used for starting a page route if the page access request is detected, and acquiring data to be displayed of the target page from a preset database through the page route;
The analysis module is used for carrying out object encapsulation on the acquired data to obtain object data, synchronizing the object data to a user interface layer, and analyzing the object data at the user interface layer to obtain first screen data;
the first obtaining module is used for carrying out association binding on the first screen data and the data encapsulation model to obtain a data rendering template;
The second obtaining module is used for obtaining the HTML text of the first screen data in a preset browser based on the data rendering template, wherein the HTML text of the first screen data is the first screen data after rendering;
And the display module is used for displaying the first screen content after rendering in the preset display area and displaying the non-first screen content after rendering in other display areas of the target page if the first screen data after rendering can be displayed in the preset display area.
In a third aspect, the present application also provides a rich client page display device, including:
A memory and a processor;
the memory is used for storing a computer program;
The processor is configured to execute the computer program and implement the steps of the rich client page display method as described in the first aspect above when the computer program is executed.
In a fourth aspect, the present application also provides a computer readable storage medium storing a computer program which, when executed by a processor, causes the processor to implement the steps of the rich client page display method as described in the first aspect above.
The application discloses a rich client page display method, a rich client page display device, rich client page display equipment and a rich client page storage medium, wherein data to be displayed of a target page are acquired from a preset database through page routing; the acquired data are subjected to object encapsulation to obtain object data and then are synchronized to a user interface layer, and the user interface layer analyzes the object data to obtain first screen data; performing association binding on the first screen data and the data encapsulation model to obtain a data rendering template; obtaining an HTML text of the first screen data in a preset browser based on a data rendering template; and if the rendered first screen data can be displayed in the preset display area, displaying the rendered first screen content in the preset display area, and displaying the rendered non-first screen content in other display areas of the target page. The method can ensure that the rich client clearly displays the page, and the problem that the first screen content and the non-first screen content of the page are displayed in a mixed mode is difficult to occur.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings required for the description of the embodiments will be briefly described below, and it is obvious that the drawings in the following description are some embodiments of the present application, and other drawings may be obtained according to these drawings without inventive effort for a person skilled in the art.
FIG. 1 is a flowchart of a method for displaying a rich client page according to an embodiment of the present application;
FIG. 2 is a flowchart of a method for displaying a rich client page according to another embodiment of the present application;
fig. 3 is a schematic structural diagram of a rich client page display device according to an embodiment of the present application;
Fig. 4 is a schematic block diagram of a structure of a rich client page display device according to an embodiment of the present application.
Detailed Description
The following description of the embodiments of the present application will be made clearly and fully with reference to the accompanying drawings, in which it is evident that the embodiments described are some, but not all embodiments of the application. All other embodiments, which can be made by those skilled in the art based on the embodiments of the application without making any inventive effort, are intended to be within the scope of the application.
The flow diagrams depicted in the figures are merely illustrative and not necessarily all of the elements and operations/steps are included or performed in the order described. For example, some operations/steps may be further divided, combined, or partially combined, so that the order of actual execution may be changed according to actual situations.
It is to be understood that the terminology used in the description of the application herein is for the purpose of describing particular embodiments only and is not intended to be limiting of the application. As used in this specification and the appended claims, the singular forms "a," "an," and "the" are intended to include the plural forms as well, unless the context clearly indicates otherwise.
It should also be understood that the term "and/or" as used in the present specification and the appended claims refers to any and all possible combinations of one or more of the associated listed items, and includes such combinations.
The embodiment of the application provides a rich client page display method, a rich client page display device, rich client page display equipment and a storage medium. According to the rich client page display method provided by the embodiment of the application, the page route obtains the data to be displayed of the target page from the preset database; the acquired data are subjected to object encapsulation to obtain object data and then are synchronized to a user interface layer, and the user interface layer analyzes the object data to obtain first screen data; performing association binding on the first screen data and the data encapsulation model to obtain a data rendering template; obtaining an HTML text of the first screen data in a preset browser based on a data rendering template; and if the rendered first screen data can be displayed in the preset display area, displaying the rendered first screen content in the preset display area, and displaying the rendered non-first screen content in other display areas of the target page. The method can ensure that the rich client clearly displays the page, and the problem that the first screen content and the non-first screen content of the page are displayed in a mixed mode is difficult to occur.
Some embodiments of the present application are described in detail below with reference to the accompanying drawings. The following embodiments and features of the embodiments may be combined with each other without conflict.
Referring to fig. 1, fig. 1 is a schematic flowchart of a rich client page display method according to an embodiment of the application. The rich client page display method can be implemented by a server or a terminal, and the server can be a single server or a server cluster. The terminal may be a handheld terminal, a notebook computer, a wearable device, a robot, or the like.
As shown in fig. 1, fig. 1 is a flowchart of an implementation of a rich client page display method according to an embodiment of the present application. The method specifically comprises the following steps: step S101 to step S105. The details are as follows:
S101, if a page access request is detected, starting a page route, and acquiring data to be displayed of a target page from a preset database through the page route.
The page access request may be a page access request sent by a user based on a rich client system, which refers to a Rich Internet Application (RIA) system, and mainly uses a rich client technology with very strong interactivity to provide a higher and more comprehensive network experience for the user. RIA integrates the interactivity of desktop applications and the deployment flexibility and cost analysis of traditional Web applications to create a single and complete user experience. Rich client technology makes it possible to create RIA, which provides a runtime environment to carry compiled client applications, which are a file published using the HTTP protocol. Client applications connect to existing application servers using an asynchronous C/S architecture, which is a secure, scalable, well-adapted service-oriented model driven by currently deployed Web services.
The page route refers to analysis of a page path, the page route analyzes the page access request to a corresponding controller according to the page path of the page access request submitted by the client, a database storing a corresponding target page is found according to the controller, namely the database corresponds to the preset database, and further data to be displayed of the target page are obtained from the preset database.
Illustratively, if a page access request is detected, initiating a page route includes: if the page access request of the rich client sent by the user based on the preset browser is detected, starting the page route corresponding to the preset rich client; and acquiring data to be displayed of the target page from a preset database through the C-layer controller of the page route.
It should be noted that, in an embodiment of the present application, the page routing may be a MVC (Model View Controller) architecture-based controller, specifically, an MVC architecture-based controller includes a C layer controller and a V layer controller (user interface layer).
S102, carrying out object encapsulation on the obtained data to obtain object data, synchronizing the object data to a user interface layer, and analyzing the object data at the user interface layer to obtain first screen data.
Illustratively, the user interface layer is a V-layer controller of the page route; the step of synchronizing the obtained data to the user interface layer after object packaging to obtain object data may include: performing object encapsulation on the obtained data through a data encapsulation model of the page route to obtain the object data; and synchronizing the object data to the V-layer controller of the page route.
The data packaging model of the page route is a preset data packaging model of the MVC architecture; specifically, the preset data encapsulation model of the MVC architecture mainly comprises a class object, and the class object corresponds to a table in a database and is used for converting data into the class object to obtain object data.
S103, carrying out association binding on the first screen data and the data encapsulation model to obtain a data rendering template.
The first screen data comprises first screen position parameters in the HTML text, and the first screen data and a data encapsulation model are associated and bound, and the method comprises the following steps: and carrying out association binding on the first screen position parameter in the HTML text and the class object of the MVC architecture, and packaging the first screen position parameter in the HTML text in the class object of the MVC architecture to obtain the data rendering template. Specifically, the data rendering template is a data packet of the first screen position parameter generated based on a preset language of the class object. Illustratively, the preset language of the class object includes C++, vb, java, and the like.
S104, obtaining the HTML text of the first screen data in a preset browser based on the data rendering template, wherein the HTML text of the first screen data is the first screen data after rendering.
The obtaining the HTML text of the first screen data in the preset browser based on the data rendering template may include:
the data rendering template is sent to the preset browser in a text stream mode, and the text stream is analyzed in the preset browser to obtain an HTML text of DOM elements in the text stream; the HTML text of the DOM element in the text flow is the HTML text obtained after the first screen data is rendered.
The parsing the text stream in the preset browser to obtain the HTML text of the DOM element in the text stream may include: analyzing the text stream in the preset browser to obtain DOM elements in the text stream; performing url control on the DOM element through a rendering component in the preset browser, and transmitting the DOM element to a pre-built application renderer based on url; and rendering the DOM element based on the application renderer matched with a preset rendering method to obtain the HTML text of the DOM element in the text stream.
Illustratively, the first screen data includes first screen position parameters in the HTML text, and the application renderer includes an entry for the first screen position parameters; the rendering of the DOM element based on the application renderer matching with a preset rendering method to obtain the HTML text of the DOM element in the text stream comprises the following steps: acquiring the first screen position parameter based on an entry of the first screen position parameter of the application renderer, and matching a preset rendering method based on the acquired first screen position parameter; and rendering the DOM element according to the rendering method to obtain the HTML text of the DOM element in the text stream.
Analyzing the text stream in the preset browser to obtain DOM elements in the text stream, wherein the method comprises the following steps:
reading parameters representing the first screen position in the text stream in the preset browser, and performing url address configuration on the parameters representing the first screen position;
establishing an association relationship between parameters representing the first screen position and corresponding url addresses;
and obtaining DOM elements in the text stream according to the association relation.
And S105, if the rendered first screen data can be displayed in the preset display area, displaying the rendered first screen content in the preset display area, and displaying the rendered non-first screen content in other display areas of the target page.
According to the analysis, the data to be displayed of the target page is obtained from the preset database through the page route; the acquired data are subjected to object encapsulation to obtain object data and then are synchronized to a user interface layer, and the user interface layer analyzes the object data to obtain first screen data; performing association binding on the first screen data and the data encapsulation model to obtain a data rendering template; obtaining an HTML text of the first screen data in a preset browser based on a data rendering template; and if the rendered first screen data can be displayed in the preset display area, displaying the rendered first screen content in the preset display area, and displaying the rendered non-first screen content in other display areas of the target page. The method can ensure that the rich client clearly displays the page, and the problem that the first screen content and the non-first screen content of the page are displayed in a mixed mode is difficult to occur.
Referring to fig. 2, fig. 2 is a flowchart illustrating an implementation of a rich client page display method according to another embodiment of the present application. In the present embodiment, compared with the embodiment shown in fig. 1, the specific implementation processes of S201 to S204, S101 to S104, and S206 and S105 are the same, except that S205 is further included before S206, and S205 and S204 are executed in parallel, alternatively. The details are as follows:
s201, if a page access request is detected, starting a page route, and acquiring data to be displayed of a target page from a preset database through the page route.
S202, object packaging is carried out on the obtained data to obtain object data, then the object data is synchronized to a user interface layer, and the user interface layer analyzes the object data to obtain first screen data.
S203, carrying out association binding on the first screen data and the data encapsulation model to obtain a data rendering template.
S204, obtaining the HTML text of the first screen data in a preset browser based on the data rendering template, wherein the HTML text of the first screen data is the first screen data after rendering.
S205, acquiring non-first screen data of the target page, and rendering the non-first screen data to obtain rendered non-first screen data.
The non-first screen data of the target page are all data except the first screen data in the target page. It will be appreciated that the process of rendering non-first screen content is the same as the process of rendering first screen content. And will not be described in detail herein.
And S206, if the rendered first screen data can be displayed in the preset display area, displaying the rendered first screen content in the preset display area, and displaying the rendered non-first screen content in other display areas of the target page.
Referring to fig. 3, fig. 3 is a schematic structural diagram of a rich client page display device according to an embodiment of the application. The rich client page display apparatus 300 is used to perform the steps of the rich client page display method shown in the embodiment of fig. 1 or fig. 2. The rich client page display apparatus 300 may be a single server or a cluster of servers, or the rich client page display apparatus 300 may be a terminal, which may be a handheld terminal, a notebook computer, a wearable device, a robot, or the like.
As shown in fig. 3, the rich client page display apparatus 300 includes:
the acquiring module 301 is configured to, if a page access request is detected, start a page route, and acquire data to be displayed on a target page from a preset database through the page route;
The parsing module 302 is configured to perform object encapsulation on the obtained data to obtain object data, then synchronize the object data to a user interface layer, and parse the object data at the user interface layer to obtain first screen data;
A first obtaining module 303, configured to associate and bind the first screen data with a data encapsulation model to obtain a data rendering template;
A second obtaining module 304, configured to obtain, in a preset browser, an HTML text of the first screen data based on the data rendering template, where the HTML text of the first screen data is the first screen data after rendering;
And the display module 305 is configured to display the first screen content after rendering in the preset display area and display the non-first screen content after rendering in other display areas of the target page if the first screen data after rendering can be displayed in the preset display area.
In an embodiment, the initiating the page route if the page access request is detected includes:
If the page access request of the rich client sent by the user based on the preset browser is detected, starting the page route corresponding to the preset rich client;
and acquiring data to be displayed of the target page from a preset database through the C-layer controller of the page route.
In one embodiment, the user interface layer is a V-layer controller of the page route; the step of synchronizing the obtained data to a user interface layer after object packaging to obtain object data comprises the following steps:
Performing object encapsulation on the obtained data through a data encapsulation model of the page route to obtain the object data;
and synchronizing the object data to the V-layer controller of the page route.
In an embodiment, the second obtaining module 304 is specifically configured to:
the data rendering template is sent to the preset browser in a text stream mode, and the text stream is analyzed in the preset browser to obtain an HTML text of DOM elements in the text stream; the HTML text of the DOM element in the text flow is the HTML text obtained after the first screen data is rendered.
In an embodiment, the parsing the text stream in the preset browser to obtain HTML text of DOM elements in the text stream includes:
analyzing the text stream in the preset browser to obtain DOM elements in the text stream;
performing url control on the DOM element through a rendering component in the preset browser, and transmitting the DOM element to a pre-built application renderer based on url;
And rendering the DOM element based on the application renderer matched with a preset rendering method to obtain the HTML text of the DOM element in the text stream.
In an embodiment, the parsing the text stream in the preset browser to obtain DOM elements in the text stream includes:
reading parameters representing the first screen position in the text stream in the preset browser, and performing url address configuration on the parameters representing the first screen position;
establishing an association relationship between parameters representing the first screen position and corresponding url addresses;
and obtaining DOM elements in the text stream according to the association relation.
In an embodiment, the first screen data includes a first screen position parameter in the HTML text, and the application renderer includes an entry for the first screen position parameter; the rendering of the DOM element based on the application renderer matching with a preset rendering method to obtain the HTML text of the DOM element in the text stream comprises the following steps:
Acquiring the first screen position parameter based on an entry of the first screen position parameter of the application renderer, and matching a preset rendering method based on the acquired first screen position parameter;
and rendering the DOM element according to the rendering method to obtain the HTML text of the DOM element in the text stream.
It should be noted that, for convenience and brevity of description, the specific working process of the foregoing rich client page display device and each module may refer to the corresponding process in the embodiment of the rich client page display method described in the embodiment of fig. 1, which is not repeated herein.
The rich client page display method described above may be implemented in the form of a computer program that can be run on an apparatus as shown in fig. 3.
Referring to fig. 4, fig. 4 is a schematic block diagram of a rich client page display device according to an embodiment of the present application. The rich client page display device 400 includes a processor, memory, and a network interface connected by a system bus, where the memory may include a non-volatile storage medium and an internal memory.
The non-volatile storage medium may store an operating system and a computer program. The computer program includes program instructions that, when executed, cause the processor to perform any one of a rich client page display method.
The processor is used to provide computing and control capabilities to support the operation of the entire computer device.
The internal memory provides an environment for the execution of a computer program in a non-volatile storage medium that, when executed by a processor, causes the processor to perform any one of the rich client page display methods.
The network interface is used for network communication such as transmitting assigned tasks and the like. It will be appreciated by those skilled in the art that the structure shown in fig. 4 is merely a block diagram of a portion of the structure associated with the present inventive arrangements and is not limiting of the terminal to which the present inventive arrangements are applied, and that a particular rich client page display device 400 may include more or less components than those shown, or may combine some of the components, or have a different arrangement of components.
It should be appreciated that the Processor may be a central processing unit (Central Processing Unit, CPU), it may also be other general purpose processors, digital signal processors (DIGITAL SIGNAL Processor, DSP), application SPECIFIC INTEGRATED Circuit (ASIC), field-Programmable gate array (Field-Programmable GATE ARRAY, FPGA) or other Programmable logic device, discrete gate or transistor logic device, discrete hardware components, or the like. Wherein the general purpose processor may be a microprocessor or the processor may be any conventional processor or the like.
Wherein in one embodiment the processor is configured to run a computer program stored in the memory to implement the steps of:
If the page access request is detected, starting a page route, and acquiring data to be displayed of a target page from a preset database through the page route;
the obtained data are subjected to object encapsulation to obtain object data and then are synchronized to a user interface layer, and the object data are analyzed at the user interface layer to obtain first screen data;
Performing association binding on the first screen data and a data encapsulation model to obtain a data rendering template;
Based on the data rendering template, obtaining an HTML text of the first screen data in a preset browser, wherein the HTML text of the first screen data is the first screen data after rendering;
And if the first screen data after rendering can be displayed in the preset display area, displaying the first screen content after rendering in the preset display area, and displaying the non-first screen content after rendering in other display areas of the target page.
In an embodiment, the loading the target page if the page access request is detected includes:
If the page access request of the rich client sent by the user based on the preset browser is detected, starting the page route corresponding to the preset rich client;
and acquiring data to be displayed of the target page from a preset database through the C-layer controller of the page route.
In one embodiment, the user interface layer is a V-layer controller of the page route; the step of synchronizing the obtained data to a user interface layer after object packaging to obtain object data comprises the following steps:
Performing object encapsulation on the obtained data through a data encapsulation model of the page route to obtain the object data;
and synchronizing the object data to the V-layer controller of the page route.
In an embodiment, the obtaining the HTML text of the first screen data in the preset browser based on the data rendering template includes:
the data rendering template is sent to the preset browser in a text stream mode, and the text stream is analyzed in the preset browser to obtain an HTML text of DOM elements in the text stream; the HTML text of the DOM element in the text flow is the HTML text obtained after the first screen data is rendered.
In an embodiment, the parsing the text stream in the preset browser to obtain HTML text of DOM elements in the text stream includes:
analyzing the text stream in the preset browser to obtain DOM elements in the text stream;
performing url control on the DOM element through a rendering component in the preset browser, and transmitting the DOM element to a pre-built application renderer based on url;
And rendering the DOM element based on the application renderer matched with a preset rendering method to obtain the HTML text of the DOM element in the text stream.
In an embodiment, the parsing the text stream in the preset browser to obtain DOM elements in the text stream includes:
reading parameters representing the first screen position in the text stream in the preset browser, and performing url address configuration on the parameters representing the first screen position;
establishing an association relationship between parameters representing the first screen position and corresponding url addresses;
and obtaining DOM elements in the text stream according to the association relation.
In an embodiment, the first screen data includes a first screen position parameter in the HTML text, and the application renderer includes an entry for the first screen position parameter; the rendering of the DOM element based on the application renderer matching with a preset rendering method to obtain the HTML text of the DOM element in the text stream comprises the following steps:
Acquiring the first screen position parameter based on an entry of the first screen position parameter of the application renderer, and matching a preset rendering method based on the acquired first screen position parameter;
and rendering the DOM element according to the rendering method to obtain the HTML text of the DOM element in the text stream.
Embodiments of the present application further provide a computer readable storage medium, where the computer readable storage medium stores a computer program, where the computer program includes program instructions, and the processor executes the program instructions to implement the steps of the method for displaying a rich client page provided in the embodiments of fig. 1 or fig. 2 of the present application.
The computer readable storage medium may be an internal storage unit of the computer device according to the foregoing embodiment, for example, a hard disk or a memory of the computer device. The computer readable storage medium may also be an external storage device of the computer device, such as a plug-in hard disk, a smart memory card (SMART MEDIA CARD, SMC), a Secure Digital (SD) card, a flash memory card (FLASH CARD), or the like, which are provided on the computer device.
While the application has been described with reference to certain preferred embodiments, it will be understood by those skilled in the art that various changes and substitutions of equivalents may be made and equivalents will be apparent to those skilled in the art without departing from the scope of the application. Therefore, the protection scope of the application is subject to the protection scope of the claims.
Claims (6)
1. A rich client page display method, the method comprising:
If the page access request is detected, starting a page route, and acquiring data to be displayed of a target page from a preset database through the page route;
the obtained data are subjected to object encapsulation to obtain object data and then are synchronized to a user interface layer, and the object data are analyzed at the user interface layer to obtain first screen data;
Performing association binding on the first screen data and a data encapsulation model to obtain a data rendering template;
Based on the data rendering template, obtaining an HTML text of the first screen data in a preset browser, wherein the HTML text of the first screen data is the first screen data after rendering;
If the first screen data after rendering can be displayed in a preset display area, displaying the first screen data after rendering in the preset display area, and displaying the non-first screen data after rendering in other display areas of the target page;
The method for obtaining the HTML text of the first screen data based on the data rendering template in a preset browser comprises the following steps:
The data rendering template is sent to the preset browser in a text stream mode, and the text stream is analyzed in the preset browser to obtain an HTML text of DOM elements in the text stream; the HTML text of the DOM element in the text stream is the HTML text obtained after the first screen data is rendered;
Analyzing the text stream in the preset browser to obtain the HTML text of the DOM element in the text stream, wherein the method comprises the following steps:
analyzing the text stream in the preset browser to obtain DOM elements in the text stream;
Performing url control on the DOM element through a rendering component in the preset browser, and transmitting the DOM element to a pre-built application renderer based on url;
Rendering the DOM element based on the application renderer matching with a preset rendering method to obtain an HTML text of the DOM element in the text stream;
Analyzing the text stream in the preset browser to obtain DOM elements in the text stream, wherein the method comprises the following steps:
reading parameters representing the first screen position in the text stream in the preset browser, and performing url address configuration on the parameters representing the first screen position;
establishing an association relationship between parameters representing the first screen position and corresponding url addresses;
According to the association relation, DOM elements in the text stream are obtained;
The first screen data comprises first screen position parameters in the HTML text, and the application renderer comprises an entry of the first screen position parameters; the rendering of the DOM element based on the application renderer matching with a preset rendering method to obtain the HTML text of the DOM element in the text stream comprises the following steps:
Acquiring the first screen position parameter based on an entry of the first screen position parameter of the application renderer, and matching a preset rendering method based on the acquired first screen position parameter;
And rendering the DOM element according to the rendering method to obtain the HTML text of the DOM element in the text stream.
2. The method for displaying a rich client page according to claim 1, wherein loading the target page if the page access request is detected comprises:
If the page access request of the rich client sent by the user based on the preset browser is detected, starting the page route corresponding to the preset rich client;
and acquiring data to be displayed of the target page from a preset database through the C-layer controller of the page route.
3. The rich client page display method of claim 2, wherein the user interface layer is a V-layer controller of the page route; the step of synchronizing the obtained data to a user interface layer after object packaging to obtain object data comprises the following steps:
Performing object encapsulation on the obtained data through a data encapsulation model of the page route to obtain the object data;
and synchronizing the object data to the V-layer controller of the page route.
4.A rich client page display apparatus, comprising:
The acquisition module is used for starting a page route if the page access request is detected, and acquiring data to be displayed of the target page from a preset database through the page route;
The analysis module is used for carrying out object encapsulation on the acquired data to obtain object data, synchronizing the object data to a user interface layer, and analyzing the object data at the user interface layer to obtain first screen data;
the first obtaining module is used for carrying out association binding on the first screen data and the data encapsulation model to obtain a data rendering template;
The second obtaining module is used for obtaining the HTML text of the first screen data in a preset browser based on the data rendering template, wherein the HTML text of the first screen data is the first screen data after rendering;
The display module is used for displaying the first screen data after rendering in a preset display area and displaying the non-first screen data after rendering in other display areas of the target page if the first screen data after rendering can be displayed in the preset display area;
the second obtaining module is specifically configured to:
The data rendering template is sent to the preset browser in a text stream mode, and the text stream is analyzed in the preset browser to obtain an HTML text of DOM elements in the text stream; the HTML text of the DOM element in the text stream is the HTML text obtained after the first screen data is rendered;
Analyzing the text stream in the preset browser to obtain the HTML text of the DOM element in the text stream, wherein the method comprises the following steps:
analyzing the text stream in the preset browser to obtain DOM elements in the text stream;
Performing url control on the DOM element through a rendering component in the preset browser, and transmitting the DOM element to a pre-built application renderer based on url;
Rendering the DOM element based on the application renderer matching with a preset rendering method to obtain an HTML text of the DOM element in the text stream;
Analyzing the text stream in the preset browser to obtain DOM elements in the text stream, wherein the method comprises the following steps:
reading parameters representing the first screen position in the text stream in the preset browser, and performing url address configuration on the parameters representing the first screen position;
establishing an association relationship between parameters representing the first screen position and corresponding url addresses;
According to the association relation, DOM elements in the text stream are obtained;
The first screen data comprises first screen position parameters in the HTML text, and the application renderer comprises an entry of the first screen position parameters; the rendering of the DOM element based on the application renderer matching with a preset rendering method to obtain the HTML text of the DOM element in the text stream comprises the following steps:
Acquiring the first screen position parameter based on an entry of the first screen position parameter of the application renderer, and matching a preset rendering method based on the acquired first screen position parameter;
And rendering the DOM element according to the rendering method to obtain the HTML text of the DOM element in the text stream.
5. A rich client page display device, comprising:
A memory and a processor;
the memory is used for storing a computer program;
The processor for executing the computer program and implementing the steps of the rich client page display method as claimed in any one of claims 1 to 3 when the computer program is executed.
6. A computer readable storage medium storing a computer program which when executed by a processor causes the processor to carry out the steps of the rich client page display method according to any one of claims 1 to 3.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111138997.3A CN113849754B (en) | 2021-09-27 | Rich client page display method, device, equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111138997.3A CN113849754B (en) | 2021-09-27 | Rich client page display method, device, equipment and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN113849754A CN113849754A (en) | 2021-12-28 |
| CN113849754B true CN113849754B (en) | 2024-07-09 |
Family
ID=
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109087707A (en) * | 2018-07-18 | 2018-12-25 | 上海理工大学 | It is a kind of for establishing the method and apparatus of lung image database |
| CN111339455A (en) * | 2018-12-18 | 2020-06-26 | 阿里巴巴集团控股有限公司 | Method and device for loading page first screen by browser application |
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109087707A (en) * | 2018-07-18 | 2018-12-25 | 上海理工大学 | It is a kind of for establishing the method and apparatus of lung image database |
| CN111339455A (en) * | 2018-12-18 | 2020-06-26 | 阿里巴巴集团控股有限公司 | Method and device for loading page first screen by browser application |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| EP3816823A1 (en) | Webpage rendering method, device, electronic apparatus and storage medium | |
| CN108984714B (en) | Page rendering method and device, electronic equipment and computer readable medium | |
| US10831858B2 (en) | Mobile enablement of existing web sites | |
| US10447759B2 (en) | Web page accelerations for web application hosted in native mobile application | |
| CN108574604B (en) | Test method and device | |
| WO2017088509A1 (en) | Page customization method and device | |
| CN109542427B (en) | System customization method and device, electronic equipment and storage medium | |
| CN106997298B (en) | Application resource acquisition method and device | |
| US20080082965A1 (en) | Providing globalization functionalities for javascript applications | |
| WO2018001124A1 (en) | Webpage file sending method, webpage rendering method and apparatus, and webpage rendering system | |
| CN107463563B (en) | Information service processing method and device of browser | |
| CN110020329B (en) | Method, device and system for generating webpage | |
| CN103761241B (en) | A kind of method for uploading and browser of image data | |
| CN104657499A (en) | Webpage loading method and device of client-side APP (Application) | |
| EP2339465A1 (en) | Location independent execution of user interface operations | |
| CN105045887A (en) | Mixed mode cross-domain data interaction system and method | |
| US11023558B1 (en) | Executing functions on-demand on a server utilizing web browsers | |
| CN103092599A (en) | Software develop kit | |
| CN112416458A (en) | Preloading method and device based on ReactNative, computer equipment and storage medium | |
| WO2015080903A1 (en) | Systems and methods for executing aspects of a document | |
| CN111880790A (en) | Page rendering method, page rendering system, and computer-readable storage medium | |
| US9571557B2 (en) | Script caching method and information processing device utilizing the same | |
| CN112346976A (en) | Interface document generation method, device and system based on webpage and computer equipment | |
| CN111600920B (en) | JS-based data request proxy method, device, equipment and readable storage medium | |
| CN111431767A (en) | Multi-browser resource synchronization method and device, computer equipment and storage medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant |