CN113312036B - Large screen display method, device and equipment of Web page and storage medium - Google Patents
Large screen display method, device and equipment of Web page and storage medium Download PDFInfo
- Publication number
- CN113312036B CN113312036B CN202110661003.XA CN202110661003A CN113312036B CN 113312036 B CN113312036 B CN 113312036B CN 202110661003 A CN202110661003 A CN 202110661003A CN 113312036 B CN113312036 B CN 113312036B
- Authority
- CN
- China
- Prior art keywords
- data
- target
- storage area
- parameters
- web page
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Abstract
The embodiment of the invention discloses a large-screen display method, device and equipment of a Web page and a storage medium. The method comprises the following steps: responding to a large screen display request of a target Web page, and acquiring a simple service logic code matched with the target Web page and data parameters of target data to be loaded in the target Web page; positioning a target storage area in a plurality of front-end storage areas and a plurality of back-end storage areas according to the data parameters; the at least one front-end storage area and the at least one back-end storage area are capable of responding to a modification operation; and acquiring target data in the target storage area, and generating a target Web page for large-screen display according to the simple service logic code and the target data. The technical scheme of the embodiment of the invention realizes that the front-end business logic code is separated from the display data, ensures the readability of the front-end code, and simultaneously enables the front-end and the rear-end to support the modification of the large-screen display content.
Description
Technical Field
The embodiment of the invention relates to the technical field of Internet, in particular to a large-screen display method, device and equipment of Web pages and a storage medium.
Background
With the development of internet technology, a visual large screen appears in the field of vision of people, so that people can acquire information more intuitively. The large screen has the advantages of strong span, easy development, easy sharing and the like, and the content of displaying the Web page through the large screen gradually becomes the mainstream.
In the prior art, the large screen can display the demonstration data in the Web page and also can display the real data in the Web page. When managing presentation data to be displayed on a large screen, one way may use a back-end configuration file, but this way increases development costs and can only be modified if a good network environment is available. Alternatively, some presentation data may be predefined in the front-end business logic code, but this may lead to poor readability of the front-end code, and flexible modification of the front-end presentation data may not be possible.
Disclosure of Invention
The embodiment of the invention provides a large-screen display method, device and equipment for Web pages and a storage medium, which realize separation of front-end business logic codes and display data, ensure the readability of the front-end codes, and simultaneously enable the front end and the rear end to support modification of large-screen display contents.
In a first aspect, an embodiment of the present invention provides a method for displaying a Web page on a large screen, including:
responding to a large screen display request of a target Web page, and acquiring a simple service logic code matched with the target Web page and data parameters of target data to be loaded in the target Web page;
positioning a target storage area in a plurality of front-end storage areas and a plurality of back-end storage areas according to the data parameters; the at least one front-end storage area and the at least one back-end storage area are capable of responding to a modification operation;
and acquiring target data in the target storage area, and generating a target Web page for large-screen display according to the simple service logic code and the target data.
Optionally, the front-end storage area includes: the front-end demonstration data module is used for storing demonstration data and the front-end application cache area is used for storing the demonstration data;
the back-end storage area includes: a first back-end server storage area for storing presentation data, and a second back-end server storage area for storing real data;
wherein the front-end application cache region and the first back-end server storage region are capable of responding to a modification operation.
By adopting the technical scheme, the front-end service logic code is separated from the front-end demonstration data by arranging the front-end demonstration data module, so that the readability and portability of the front-end service logic code are ensured; by storing presentation data in the front-end application cache, the user can modify the presentation data in the application cache by himself via the script provided by the application cache. Supporting acquisition and modification of presentation data at the backend by storing presentation data in a first backend server store; by storing the acquired real data in the second back-end server storage area, the real data can be acquired as data to be displayed. Through the setting, various requirements of the client on the data to be displayed in various scenes can be met.
Optionally, locating the target storage area in the plurality of front-end storage areas and the plurality of back-end storage areas according to the data parameters includes:
if the data parameters comprise demonstration parameters, the front-end demonstration data module is used as a target storage area;
if the data parameters comprise non-demonstration parameters and front-end parameters, the front-end application cache area is used as a target storage area;
if the data parameters comprise non-demonstration parameters and back-end parameters, acquiring a data mode set in a configuration file of the server;
and if the data mode is the demonstration mode, taking the first back-end server storage area as a target storage area, otherwise, taking the second back-end server storage area as the target storage area.
By adopting the technical scheme, the target storage areas where the target data to be loaded are located can be designated from a plurality of front-end or rear-end data storage areas by modifying the data parameters in the URL of the target Web page, namely, the data type switching of the target data is realized by modifying the data parameters in the URL, so that various types of target data can be flexibly acquired according to different user demands.
Optionally, the data parameters of the target data to be loaded in the target Web page are obtained through Axios;
The method further comprises the steps of:
through Axios, if it is determined that the data parameters include non-presentation parameters, an HTTP request is sent to a monitoring node of the target Web page;
carrying out format analysis on the HTTP request through the monitoring node, and acquiring a field value corresponding to a data end field as an end type parameter of target data; the end type parameters include a front end parameter and a back end parameter.
By adopting the technical scheme, the target data to be displayed is stored after the Axios, so that all HTTP requests of the Web page are uniformly managed by the Axios, and the service logic code is distinguished from the data.
Optionally, acquiring the target data in the target storage area includes:
if the target storage area is a front-end demonstration data module, acquiring demonstration data from the front-end demonstration data module as target data through an adapter application program interface API in the Axios;
if the target storage area is a front-end application cache area, acquiring demonstration data from the front-end application cache area as target data through a cache API of the browser application;
if the target storage area is the first back-end server storage area, acquiring demonstration data from the first back-end server storage area through the monitoring node as target data;
And if the target storage area is the second back-end server storage area, acquiring real data from the second back-end server storage area through the monitoring node as target data.
By adopting the technical scheme, different data acquisition means are arranged according to the characteristics of different data storage areas, and the required target data can be quickly acquired from a plurality of data storage areas according to the requirements of users, so that the rate of page large screen display is improved. Optionally, the method further comprises:
responding to the input operation of the executable JS script page, and modifying the demonstration data in the front-end application cache area by using the input data; the front-end application buffer zone provides a page entry for executing JS scripts; and/or the number of the groups of groups,
and modifying the presentation data in the configuration file in response to a data editing operation on the configuration file of the back-end server.
By adopting the technical scheme, at least one of the front end and the back end can support the modification of the data to be displayed in any network environment. When the demonstration data needs to be modified, the modification of the demonstration data at the front end or the back end can be selected according to the current network environment.
In a second aspect, an embodiment of the present invention further provides a large-screen display device for a Web page, including:
The acquisition module is used for responding to a large screen display request of the target Web page and acquiring a simple service logic code matched with the target Web page and data parameters of target data to be loaded in the target Web page;
the positioning module is used for positioning the target storage areas in the front-end storage areas and the rear-end storage areas according to the data parameters; the at least one front-end storage area and the at least one back-end storage area are capable of responding to a modification operation;
and the display module is used for acquiring target data from the target storage area, and generating a target Web page for large-screen display according to the simple service logic code and the target data.
Optionally, the front-end storage area includes: the front-end demonstration data module is used for storing demonstration data and the front-end application cache area is used for storing the demonstration data;
the back-end storage area includes: a first back-end server storage area for storing presentation data, and a second back-end server storage area for storing real data;
wherein the front-end application cache region and the first back-end server storage region are capable of responding to a modification operation.
In a third aspect, an embodiment of the present invention further provides an electronic device, including:
one or more processors;
Storage means for storing one or more programs,
when the one or more programs are executed by the one or more processors, the one or more processors implement the method for displaying the Web page on the large screen provided by any embodiment of the present invention.
In a fourth aspect, an embodiment of the present invention further provides a computer readable storage medium having stored thereon a computer program, which when executed by a processor, implements the method for displaying a Web page according to any of the embodiments of the present invention.
In the embodiment of the invention, a simple service logic code matched with a target Web page and a data parameter of target data to be loaded in the target Web page are acquired in response to a large screen display request of the target Web page; positioning a target storage area in a plurality of front-end storage areas and a plurality of back-end storage areas according to the data parameters; the at least one front-end storage area and the at least one back-end storage area are capable of responding to a modification operation; the method comprises the steps of obtaining target data in a target storage area, generating a target Web page for large-screen display according to a simple service logic code and the target data, solving the problem that the front end and the rear end cannot effectively manage large-screen display content in the prior art, realizing separation of the front end service logic code and the display data, ensuring the readability of the front end code, and simultaneously enabling the front end and the rear end to support modification of the large-screen display content.
Drawings
FIG. 1 is a flow chart of a method for large screen display of a Web page in accordance with a first embodiment of the present invention;
FIG. 2a is a flowchart of a method for large screen display of a Web page in accordance with a second embodiment of the present invention;
FIG. 2b is a flowchart showing the implementation of a large screen display of Web page content in accordance with a second embodiment of the present invention;
FIG. 3 is a schematic diagram of a large screen display device for a Web page according to a third embodiment of the present invention;
fig. 4 is a schematic structural diagram of an electronic device according to a fourth embodiment of the present invention.
Detailed Description
The invention is described in further detail below with reference to the drawings and examples. It is to be understood that the specific embodiments described herein are merely illustrative of the invention and are not limiting thereof. It should be further noted that, for convenience of description, only some, but not all of the structures related to the present invention are shown in the drawings.
Example 1
Fig. 1 is a flowchart of a method for displaying a Web page on a large screen in accordance with a first embodiment of the present invention, where the method may be performed by a large screen display device for displaying a Web page on a large screen, and the device may be implemented by hardware and/or software, and may be generally integrated into an electronic device for providing a service for displaying a Web page on a large screen. As shown in fig. 1, the method includes:
And 110, responding to a large screen display request of the target Web page, and acquiring a simple service logic code matched with the target Web page and data parameters of target data to be loaded in the target Web page.
In this embodiment, the target Web page refers to a page that will display content on a large visual screen, and target data to be loaded in the target Web page may be presentation data or real data. The demonstration data are data which are dynamically generated through codes and are intended to be seen by users, and the real data are real data of the collected clusters. The data parameters of the target data are used for determining a storage area where the target data are located, and the simple business logic codes matched with the target Web page are used for rendering the target data to the target Web page after the target data are acquired.
Optionally, the data parameters of the target data to be loaded in the target Web page are obtained through Axios. In this embodiment, axios is an http library supporting a browser and node. After receiving the large screen display request of the target Web page, the data parameters of the target data can be extracted from the uniform resource locator (Uniform Resource Locator, URL) of the target Web page through Axios.
Step 120, positioning a target storage area in a plurality of front-end storage areas and a plurality of back-end storage areas according to the data parameters; the at least one front-end storage area and the at least one back-end storage area are capable of responding to a modification operation.
In this embodiment, in order to flexibly obtain data to be displayed according to different user requirements, and in any network environment, at least one of the front end and the back end may support modification of the data to be displayed, and a plurality of front end storage areas and back end storage areas are preset to store the data to be displayed.
Optionally, the front-end storage area includes: the front-end demonstration data module is used for storing demonstration data and the front-end application cache area is used for storing the demonstration data; the back-end storage area includes: a first back-end server storage area for storing presentation data, and a second back-end server storage area for storing real data; wherein the front-end application cache region and the first back-end server storage region are capable of responding to a modification operation.
In this embodiment, in order to separate the front-end service logic code from the front-end presentation data, the readability and portability of the front-end service logic code are ensured, and a presentation data module for storing the presentation data is specially provided at the front end. Wherein the demonstration data in the demonstration data module is data defined in the code and cannot be modified. In order to facilitate the user to modify the presentation data by himself, the presentation data is stored in the front-end application buffer, and the user can modify the presentation data in the application buffer through the script provided by the application buffer. In order to support acquisition and modification operations of presentation data at the back end, the presentation data is stored in a first back-end server storage area, and in order to be able to acquire real data, the acquired real data is stored in a second back-end server storage area.
Optionally, locating the target storage area in the plurality of front-end storage areas and the plurality of back-end storage areas according to the data parameters may include: if the data parameters comprise demonstration parameters, the front-end demonstration data module is used as a target storage area; if the data parameters comprise non-demonstration parameters and front-end parameters, the front-end application cache area is used as a target storage area; if the data parameters comprise non-demonstration parameters and back-end parameters, acquiring a data mode set in a configuration file of the server; and if the data mode is the demonstration mode, taking the first back-end server storage area as a target storage area, otherwise, taking the second back-end server storage area as the target storage area.
In this embodiment, the data parameters may include presentation parameters or non-presentation parameters, and end type parameters. The presentation parameters are used for indicating that the target data are stored in the front-end presentation data module, the non-presentation parameters are used for indicating that the target data are not stored in the front-end presentation data module, and the end type parameters comprise front-end parameters and back-end parameters and are used for further determining whether the target data are stored in the front-end storage area or the back-end storage area when the target data are determined to be not stored in the front-end presentation data module.
In this embodiment, if the data parameters include presentation parameters, the target storage area is a front-end presentation data module. If the data parameters include non-demonstration parameters, the terminal type parameters are required to be acquired to determine whether the target data is in the front-end application buffer area or the back-end storage area, and if the terminal type parameters are the front-end parameters, the target storage area is the front-end application buffer area. If the terminal type parameter is a back-end parameter, the target data is stored in the back-end storage area. At this time, it is necessary to acquire the data pattern set in the configuration file of the backend server, and if the data pattern is the presentation pattern, it is explained that the target data is the presentation data stored in the backend server, and therefore, it is determined that the target storage area is the first backend server storage area. If the data pattern is the real pattern, it is interpreted that the target data is the real data stored in the back-end server, and therefore, the target storage area is determined to be the second back-end server storage area.
By adopting the technical scheme, the target storage areas where the target data to be loaded are located can be designated from a plurality of front-end or rear-end data storage areas by modifying the data parameters in the URL of the target Web page, namely, the data type switching of the target data is realized by modifying the data parameters in the URL, so that various types of target data can be flexibly acquired according to different user demands.
Optionally, the method may further include: through Axios, if it is determined that the data parameters include non-presentation parameters, an HTTP request is sent to a monitoring node of the target Web page; carrying out format analysis on the HTTP request through the monitoring node, and acquiring a field value corresponding to a data end field as an end type parameter of target data; the end type parameters include a front end parameter and a back end parameter.
In this embodiment, axios can obtain data parameters of target data to be loaded in a target Web page, and can uniformly manage all HTTP requests. Specifically, if Axios determines that the data parameters include presentation parameters, the target data may be obtained directly from the front-end presentation data module by Axios, and thus Axios need not generate an HTTP request. If the Axios determines that the data parameters include non-demonstration parameters, that is, the target data cannot be acquired through the Axios, at this time, the Axios needs to generate an HTTP request corresponding to the data parameters and send the HTTP request to a monitoring node of the target Web page, so that a storage area where the target data is located is determined through the monitoring node.
The monitoring node is an event driven node registered under a front-end application specified source and path, and can monitor all HTTP requests of the page. The monitoring node can analyze the format of the HTTP request to obtain the field value of the data end field in the HTTP request as the end type parameter of the target data, so as to determine whether the target data is stored in the front end storage area or the rear end storage area.
By adopting the technical scheme, the target data to be displayed is stored after the Axios, so that all HTTP requests of the Web page are uniformly managed by the Axios, and the service logic code is distinguished from the data.
And 130, acquiring target data in a target storage area, and generating a target Web page for large-screen display according to the simple service logic code and the target data.
In this embodiment, after determining the target storage area, the target data may be acquired in a manner corresponding to the target storage area, and the target data may be rendered onto the target Web page using a simple service logic code, and the target Web page may be displayed on the large visual screen.
Optionally, acquiring the target data in the target storage area may include: if the target storage area is a front-end demonstration data module, acquiring demonstration data from the front-end demonstration data module as target data through an adapter application program interface API in the Axios; if the target storage area is a front-end application cache area, acquiring demonstration data from the front-end application cache area as target data through a cache API of the browser application; if the target storage area is the first back-end server storage area, acquiring demonstration data from the first back-end server storage area through the monitoring node as target data; and if the target storage area is the second back-end server storage area, acquiring real data from the second back-end server storage area through the monitoring node as target data.
In this embodiment, the presentation data stored in the front-end presentation data module may be directly obtained through the adapter API in Axios; the demonstration data in the front-end application buffer area, namely the demonstration data stored in the browser buffer, can be obtained by using the buffer API of the browser; the demonstration data stored in the storage area of the first back-end server, namely the demonstration data stored in the configuration file of the back-end server, can be obtained from an HTTP interface provided by the server through the monitoring node; the real data stored in the second back-end server storage area is also obtained from the HTTP interface provided by the server through the monitoring node.
By adopting the technical scheme, different data acquisition means are arranged according to the characteristics of different data storage areas, and the required target data can be quickly acquired from a plurality of data storage areas according to the requirements of users, so that the rate of page large screen display is improved.
Optionally, the method may further include: responding to the input operation of the executable JS script page, and modifying the demonstration data in the front-end application cache area by using the input data; the front-end application buffer zone provides a page entry for executing JS scripts; and/or modifying presentation data in the configuration file in response to a data editing operation on the configuration file of the back-end server.
In this embodiment, when modification is required to the presentation data, modification of the presentation data at the front end or the back end may be selected according to the current network environment, for example, a good network, a broken network, or a weak network. If the demonstration data is modified at the front end, the demonstration data in the front end application buffer area can be updated through the page entry of the executable JS script externally provided by the front end application buffer area. If the presentation data is modified at the back-end, the presentation data in the configuration file may be updated by modifying the configuration file of the back-end server.
By adopting the technical scheme, at least one of the front end and the back end can support the modification of the data to be displayed in any network environment.
In the embodiment of the invention, a simple service logic code matched with a target Web page and a data parameter of target data to be loaded in the target Web page are acquired in response to a large screen display request of the target Web page; positioning a target storage area in a plurality of front-end storage areas and a plurality of back-end storage areas according to the data parameters; the at least one front-end storage area and the at least one back-end storage area are capable of responding to a modification operation; the method comprises the steps of obtaining target data in a target storage area, generating a target Web page for large-screen display according to a simple service logic code and the target data, solving the problem that the front end and the rear end cannot effectively manage large-screen display content in the prior art, realizing separation of the front end service logic code and the display data, ensuring the readability of the front end code, and simultaneously enabling the front end and the rear end to support modification of the large-screen display content.
Example two
Fig. 2a is a flowchart of a method for displaying a Web page on a large screen in the second embodiment of the present invention, and this embodiment may be combined with the various alternatives in the foregoing embodiments. Specifically, referring to fig. 2a, the method may comprise the steps of:
step 210, pre-storing the data to be displayed of the target Web page at the front end and the back end.
In this embodiment, as shown in fig. 2b, in order to separate the front-end service logic code from the front-end presentation data, to ensure the readability and portability of the front-end service logic code, a front-end presentation data module is pre-built and the presentation data is stored therein, and then the front-end presentation data module is integrated into the front-end application using the adapter API in Axios. The demonstration data is stored in the front-end application cache in advance, and a page entry of the executable JS script is provided for the user, so that the user can modify the demonstration data at the front end. The presentation data is stored in the configuration file of the back-end server in advance, so that the back-end also supports the acquisition and modification operations of the presentation data. And collecting and storing real data through an HTTP interface of the back-end server.
Step 220, responding to the large screen display request of the target Web page, acquiring a simple service logic code matched with the target Web page, and acquiring the data parameters of target data to be loaded in the target Web page through Axios.
In this embodiment, as shown in fig. 2b, in order to distinguish the business logic code from the data, after storing the target data to be displayed in Axios, all HTTP requests of the Web page are uniformly managed by Axios, so that the data parameters of the target data can be obtained from the URL of the target Web page through Axios first, so as to determine the type and storage area of the target data according to the data parameters.
Wherein, because the data parameter can indicate the type of the target data and the storage area, the target data can be switched between the demonstration data of different storage areas or between the demonstration data and the real data by modifying the data parameter in the URL of the target Web page.
Step 230, if the data parameters include presentation parameters, the presentation data is obtained from the front-end presentation data module as target data through the adapter API in Axios.
And 240, if the data parameters comprise non-demonstration parameters, generating an HTTP request corresponding to the target Web page through Axios, and sending the HTTP request to a monitoring node of the target Web page so that the monitoring node extracts the terminal type parameters from the HTTP request.
Step 250, if the terminal type parameter is the front-end parameter, the presentation data is obtained from the front-end application cache area through the cache API of the browser as the target data.
It should be noted that, the presentation data in the front-end application buffer area may be updated through the page entry of the executable JS script provided by the front-end application buffer area.
Step 260, if the terminal type parameter is the back-end parameter, the monitoring node obtains the data mode set in the configuration file of the back-end server to judge whether the target data is demonstration data or real data.
Step 270, if the data mode is the demonstration mode, the demonstration data in the storage area of the first back-end server is obtained as the target data from the HTTP interface provided by the server through the monitoring node.
It should be noted that, the demonstration data in the configuration file of the back-end server may be modified according to the requirement, and the target data may be switched between the demonstration data in the first back-end server storage area and the real data in the second back-end server storage area by modifying the data mode parameter in the configuration file in the back-end server.
And step 280, if the data mode is the real mode, acquiring real data in a storage area of the second back-end server from an HTTP interface provided by the server through the monitoring node as target data.
Step 290, rendering the target data to the target Web page by using the simple business logic code, and displaying the target Web page on the visualized large screen.
In the embodiment of the invention, a simple service logic code matched with a target Web page and a data parameter of target data to be loaded in the target Web page are acquired in response to a large screen display request of the target Web page; positioning a target storage area in a plurality of front-end storage areas and a plurality of back-end storage areas according to the data parameters; the at least one front-end storage area and the at least one back-end storage area are capable of responding to a modification operation; the method comprises the steps of obtaining target data in a target storage area, generating a target Web page for large-screen display according to a simple service logic code and the target data, solving the problem that the front end and the rear end cannot effectively manage large-screen display content in the prior art, realizing separation of the front end service logic code and the display data, ensuring the readability of the front end code, and simultaneously enabling the front end and the rear end to support modification of the large-screen display content.
Example III
Fig. 3 is a schematic structural diagram of a large-screen display device for a Web page according to a third embodiment of the present invention, and the present embodiment is applicable to a case where a Web page content is displayed using a large screen. The apparatus may be implemented in hardware and/or software and may generally be integrated in an electronic device that provides a large screen display Web page service.
As shown in fig. 3, the apparatus includes:
an obtaining module 310, configured to obtain, in response to a large screen display request of a target Web page, a simple service logic code matched with the target Web page and a data parameter of target data to be loaded in the target Web page;
a positioning module 320, configured to position the target storage area in the plurality of front-end storage areas and the plurality of back-end storage areas according to the data parameters; the at least one front-end storage area and the at least one back-end storage area are capable of responding to a modification operation;
and the display module 330 is used for acquiring target data in the target storage area, and generating a target Web page for large-screen display according to the simple service logic code and the target data.
In the embodiment of the invention, a simple service logic code matched with a target Web page and a data parameter of target data to be loaded in the target Web page are acquired in response to a large screen display request of the target Web page; positioning a target storage area in a plurality of front-end storage areas and a plurality of back-end storage areas according to the data parameters; the at least one front-end storage area and the at least one back-end storage area are capable of responding to a modification operation; the method comprises the steps of obtaining target data in a target storage area, generating a target Web page for large-screen display according to a simple service logic code and the target data, solving the problem that the front end and the rear end cannot effectively manage large-screen display content in the prior art, realizing separation of the front end service logic code and the display data, ensuring the readability of the front end code, and simultaneously enabling the front end and the rear end to support modification of the large-screen display content.
Optionally, the front-end storage area includes: the front-end demonstration data module is used for storing demonstration data and the front-end application cache area is used for storing the demonstration data;
the back-end storage area includes: a first back-end server storage area for storing presentation data, and a second back-end server storage area for storing real data;
wherein the front-end application cache region and the first back-end server storage region are capable of responding to a modification operation.
Optionally, the positioning module 320 is configured to:
if the data parameters comprise demonstration parameters, the front-end demonstration data module is used as a target storage area;
if the data parameters comprise non-demonstration parameters and front-end parameters, the front-end application cache area is used as a target storage area;
if the data parameters comprise non-demonstration parameters and back-end parameters, acquiring a data mode set in a configuration file of the server;
and if the data mode is the demonstration mode, taking the first back-end server storage area as a target storage area, otherwise, taking the second back-end server storage area as the target storage area.
Optionally, the data parameters of the target data to be loaded in the target Web page are obtained through Axios;
the method further comprises the steps of:
The request sending module is used for sending an HTTP request to a monitoring node of the target Web page through Axios if the data parameters are determined to comprise non-demonstration parameters;
carrying out format analysis on the HTTP request through the monitoring node, and acquiring a field value corresponding to a data end field as an end type parameter of target data; the end type parameters include a front end parameter and a back end parameter.
Optionally, the display module 330 is configured to:
if the target storage area is a front-end demonstration data module, acquiring demonstration data from the front-end demonstration data module as target data through an adapter application program interface API in the Axios;
if the target storage area is a front-end application cache area, acquiring demonstration data from the front-end application cache area as target data through a cache API of the browser application;
if the target storage area is the first back-end server storage area, acquiring demonstration data from the first back-end server storage area through the monitoring node as target data;
and if the target storage area is the second back-end server storage area, acquiring real data from the second back-end server storage area through the monitoring node as target data.
Optionally, the method further comprises:
The data modification module is used for modifying the demonstration data in the front-end application cache region by using the input data in response to the input operation of the executable JS script page; the front-end application buffer zone provides a page entry for executing JS scripts; and/or the number of the groups of groups,
and modifying the presentation data in the configuration file in response to a data editing operation on the configuration file of the back-end server.
The large-screen display device of the Web page provided by the embodiment of the invention can execute the large-screen display method of the Web page provided by any embodiment of the invention, and has the corresponding functional modules and beneficial effects of the execution method.
Example IV
Fig. 4 is a schematic structural diagram of an electronic device according to a fourth embodiment of the present invention. Fig. 4 shows a block diagram of an exemplary device 12 suitable for use in implementing embodiments of the present invention. The device 12 shown in fig. 4 is merely an example and should not be construed as limiting the functionality and scope of use of embodiments of the present invention.
As shown in fig. 4, device 12 is in the form of a general purpose computing device. Components of device 12 may include, but are not limited to: one or more processors or processing units 16, a system memory 28, a bus 18 that connects the various system components, including the system memory 28 and the processing units 16.
Bus 18 represents one or more of several types of bus structures, including a memory bus or memory controller, a peripheral bus, an accelerated graphics port, a processor, and a local bus using any of a variety of bus architectures. By way of example, and not limitation, such architectures include Industry Standard Architecture (ISA) bus, micro channel architecture (MAC) bus, enhanced ISA bus, video Electronics Standards Association (VESA) local bus, and Peripheral Component Interconnect (PCI) bus.
Device 12 typically includes a variety of computer system readable media. Such media can be any available media that is accessible by device 12 and includes both volatile and nonvolatile media, removable and non-removable media.
The system memory 28 may include computer system readable media in the form of volatile memory, such as Random Access Memory (RAM) 30 and/or cache memory 32. Device 12 may further include other removable/non-removable, volatile/nonvolatile computer system storage media. By way of example only, storage system 34 may be used to read from or write to non-removable, nonvolatile magnetic media (not shown in FIG. 4, commonly referred to as a "hard disk drive"). Although not shown in fig. 4, a magnetic disk drive for reading from and writing to a removable non-volatile magnetic disk (e.g., a "floppy disk"), and an optical disk drive for reading from or writing to a removable non-volatile optical disk (e.g., a CD-ROM, DVD-ROM, or other optical media) may be provided. In such cases, each drive may be coupled to bus 18 through one or more data medium interfaces. Memory 28 may include at least one program product having a set (e.g., at least one) of program modules configured to carry out the functions of embodiments of the invention.
A program/utility 40 having a set (at least one) of program modules 42 may be stored in, for example, memory 28, such program modules 42 including, but not limited to, an operating system, one or more application programs, other program modules, and program data, each or some combination of which may include an implementation of a network environment. Program modules 42 generally perform the functions and/or methods of the embodiments described herein.
Device 12 may also communicate with one or more external devices 14 (e.g., keyboard, pointing device, display 24, etc.), one or more devices that enable a user to interact with device 12, and/or any devices (e.g., network card, modem, etc.) that enable device 12 to communicate with one or more other computing devices. Such communication may occur through an input/output (I/O) interface 22. Also, device 12 may communicate with one or more networks such as a Local Area Network (LAN), a Wide Area Network (WAN) and/or a public network, such as the Internet, via network adapter 20. As shown, network adapter 20 communicates with other modules of device 12 over bus 18. It should be appreciated that although not shown, other hardware and/or software modules may be used in connection with device 12, including, but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, data backup storage systems, and the like.
The processing unit 16 executes various functional applications and data processing by running programs stored in the system memory 28, for example, implementing a large-screen display method of Web pages provided by the embodiment of the present invention.
Namely: a large screen display method of a Web page is realized, which comprises the following steps:
responding to a large screen display request of a target Web page, and acquiring a simple service logic code matched with the target Web page and data parameters of target data to be loaded in the target Web page;
positioning a target storage area in a plurality of front-end storage areas and a plurality of back-end storage areas according to the data parameters; the at least one front-end storage area and the at least one back-end storage area are capable of responding to a modification operation;
and acquiring target data in the target storage area, and generating a target Web page for large-screen display according to the simple service logic code and the target data.
Example five
The fifth embodiment of the invention also discloses a computer storage medium, on which a computer program is stored, which when executed by a processor, implements a method for displaying a Web page on a large screen, comprising:
responding to a large screen display request of a target Web page, and acquiring a simple service logic code matched with the target Web page and data parameters of target data to be loaded in the target Web page;
Positioning a target storage area in a plurality of front-end storage areas and a plurality of back-end storage areas according to the data parameters; the at least one front-end storage area and the at least one back-end storage area are capable of responding to a modification operation;
and acquiring target data in the target storage area, and generating a target Web page for large-screen display according to the simple service logic code and the target data.
The computer storage media of embodiments of the invention may take the form of any combination of one or more computer-readable media. The computer readable medium may be a computer readable signal medium or a computer readable storage medium. The computer readable storage medium can be, for example, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or a combination of any of the foregoing. More specific examples (a non-exhaustive list) of the computer-readable storage medium would include the following: an electrical connection having one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In this document, a computer readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device.
The computer readable signal medium may include a propagated data signal with computer readable program code embodied therein, either in baseband or as part of a carrier wave. Such a propagated data signal may take any of a variety of forms, including, but not limited to, electro-magnetic, optical, or any suitable combination of the foregoing. A computer readable signal medium may also be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device.
Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to wireless, wireline, optical fiber cable, RF, etc., or any suitable combination of the foregoing.
Computer program code for carrying out operations of the present invention may be written in one or more programming languages, including an object oriented programming language such as Java, smalltalk, C ++ and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any kind of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or may be connected to an external computer (for example, through the Internet using an Internet service provider).
Note that the above is only a preferred embodiment of the present invention and the technical principle applied. It will be understood by those skilled in the art that the present invention is not limited to the particular embodiments described herein, but is capable of various obvious changes, rearrangements and substitutions as will now become apparent to those skilled in the art without departing from the scope of the invention. Therefore, while the invention has been described in connection with the above embodiments, the invention is not limited to the embodiments, but may be embodied in many other equivalent forms without departing from the spirit or scope of the invention, which is set forth in the following claims.
Claims (8)
1. A large screen display method of a Web page, comprising:
responding to a large screen display request of a target Web page, and acquiring a simple service logic code matched with the target Web page and data parameters of target data to be loaded in the target Web page;
positioning a target storage area in a plurality of front-end storage areas and a plurality of back-end storage areas according to the data parameters; the at least one front-end storage area and the at least one back-end storage area are capable of responding to a modification operation;
acquiring target data in a target storage area, and generating a target Web page for large-screen display according to the simple service logic code and the target data;
Wherein locating the target storage area in the plurality of front-end storage areas and the plurality of back-end storage areas according to the data parameters comprises:
if the data parameters comprise demonstration parameters, the front-end demonstration data module is used as a target storage area;
if the data parameters comprise non-demonstration parameters and front-end parameters, the front-end application cache area is used as a target storage area;
if the data parameters comprise non-demonstration parameters and back-end parameters, acquiring a data mode set in a configuration file of the server;
if the data mode is the demonstration mode, the first back-end server storage area is used as a target storage area, otherwise, the second back-end server storage area is used as a target storage area;
the method comprises the steps that data parameters of target data to be loaded in a target Web page are obtained through Axios; the method further comprises the steps of:
through the Axios, if the data parameters are determined to comprise non-demonstration parameters, an HTTP request is sent to a monitoring node of the target Web page;
carrying out format analysis on the HTTP request through the monitoring node, and acquiring a field value corresponding to a data end field as an end type parameter of target data; the end type parameters include a front end parameter and a back end parameter.
2. The method of claim 1, wherein the front-end storage area comprises: the front-end demonstration data module is used for storing demonstration data and the front-end application cache area is used for storing the demonstration data;
the back-end storage area includes: a first back-end server storage area for storing presentation data, and a second back-end server storage area for storing real data;
wherein the front-end application cache region and the first back-end server storage region are responsive to a modification operation.
3. The method of claim 1, wherein retrieving the target data in the target storage area comprises:
if the target storage area is a front-end demonstration data module, acquiring demonstration data from the front-end demonstration data module as target data through an adapter application program interface API in the Axios;
if the target storage area is a front-end application cache area, acquiring demonstration data from the front-end application cache area as target data through a cache API of the browser application;
if the target storage area is a first back-end server storage area, acquiring demonstration data from the first back-end server storage area through a monitoring node as target data;
And if the target storage area is the second back-end server storage area, acquiring real data from the second back-end server storage area through the monitoring node as target data.
4. The method as recited in claim 1, further comprising:
responding to the input operation of the executable JS script page, and modifying the demonstration data in the front-end application cache area by using the input data; the front-end application buffer zone provides a page entry of the executable JS script to the outside; and/or the number of the groups of groups,
and modifying the presentation data in the configuration file of the back-end server in response to a data editing operation on the configuration file.
5. A large screen display device for Web pages, comprising:
the acquisition module is used for responding to a large screen display request of the target Web page and acquiring a simple service logic code matched with the target Web page and data parameters of target data to be loaded in the target Web page;
the positioning module is used for positioning the target storage areas in the front-end storage areas and the rear-end storage areas according to the data parameters; the at least one front-end storage area and the at least one back-end storage area are capable of responding to a modification operation;
The display module is used for acquiring target data from the target storage area, and generating a target Web page for large-screen display according to the simple service logic code and the target data;
wherein, the location module is used for:
if the data parameters comprise demonstration parameters, the front-end demonstration data module is used as a target storage area;
if the data parameters comprise non-demonstration parameters and front-end parameters, the front-end application cache area is used as a target storage area;
if the data parameters comprise non-demonstration parameters and back-end parameters, acquiring a data mode set in a configuration file of the server;
if the data mode is the demonstration mode, the first back-end server storage area is used as a target storage area, otherwise, the second back-end server storage area is used as a target storage area;
the method comprises the steps that data parameters of target data to be loaded in a target Web page are obtained through Axios;
the device further comprises: the request sending module is used for sending an HTTP request to a monitoring node of the target Web page through Axios if the data parameters are determined to comprise non-demonstration parameters;
carrying out format analysis on the HTTP request through the monitoring node, and acquiring a field value corresponding to a data end field as an end type parameter of target data; the end type parameters include a front end parameter and a back end parameter.
6. The apparatus of claim 5, wherein the front-end storage area comprises: the front-end demonstration data module is used for storing demonstration data and the front-end application cache area is used for storing the demonstration data;
the back-end storage area includes: a first back-end server storage area for storing presentation data, and a second back-end server storage area for storing real data;
wherein the front-end application cache region and the first back-end server storage region are responsive to a modification operation.
7. An electronic device, the device comprising:
one or more processors;
storage means for storing one or more programs,
the one or more programs, when executed by the one or more processors, cause the one or more processors to implement the method of large screen display of a Web page as claimed in any one of claims 1 to 4.
8. A computer-readable storage medium, on which a computer program is stored, which program, when being executed by a processor, implements a method for large-screen display of Web pages according to any one of claims 1-4.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110661003.XA CN113312036B (en) | 2021-06-15 | 2021-06-15 | Large screen display method, device and equipment of Web page and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110661003.XA CN113312036B (en) | 2021-06-15 | 2021-06-15 | Large screen display method, device and equipment of Web page and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN113312036A CN113312036A (en) | 2021-08-27 |
| CN113312036B true CN113312036B (en) | 2023-08-18 |
Family
ID=77378806
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110661003.XA Active CN113312036B (en) | 2021-06-15 | 2021-06-15 | Large screen display method, device and equipment of Web page and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113312036B (en) |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115065627B (en) * | 2022-05-20 | 2024-04-12 | 北京奇艺世纪科技有限公司 | Parameter modification method and device, electronic equipment and storage medium |
| CN114995817A (en) * | 2022-08-03 | 2022-09-02 | 杭州乾冠数字物联技术有限公司 | Web page large-screen data processing method based on Vuex |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108650183A (en) * | 2018-05-15 | 2018-10-12 | 南京邮电大学 | A kind of unmanned plane information query system based on Web dynamic routing matching techniques |
| CN109614569A (en) * | 2018-12-07 | 2019-04-12 | 万兴科技股份有限公司 | Page rendering method, apparatus and intelligent terminal |
| CN110198333A (en) * | 2018-04-18 | 2019-09-03 | 腾讯科技（深圳）有限公司 | Data capture method and device, storage medium and electronic device |
| CN112182446A (en) * | 2019-07-03 | 2021-01-05 | 腾讯科技（深圳）有限公司 | Page display method and device, terminal equipment and computer readable storage medium |
| CN112464132A (en) * | 2020-12-04 | 2021-03-09 | 北京五八信息技术有限公司 | Page generation and configuration method and device |
Family Cites Families (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101680855B (en) * | 2008-02-07 | 2016-08-17 | 爱科来株式会社 | Code reading device and use the data gathering system of this code reading device |
| WO2011127049A1 (en) * | 2010-04-07 | 2011-10-13 | Liveperson, Inc. | System and method for dynamically enabling customized web content and applications |
| US9596313B2 (en) * | 2013-04-12 | 2017-03-14 | Tencent Technology (Shenzhen) Company Limited | Method, terminal, cache server and system for updating webpage data |
| CN111339455B (en) * | 2018-12-18 | 2024-02-23 | 阿里巴巴集团控股有限公司 | Method and device for loading page first screen by browser application |
-
2021
- 2021-06-15 CN CN202110661003.XA patent/CN113312036B/en active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110198333A (en) * | 2018-04-18 | 2019-09-03 | 腾讯科技（深圳）有限公司 | Data capture method and device, storage medium and electronic device |
| CN108650183A (en) * | 2018-05-15 | 2018-10-12 | 南京邮电大学 | A kind of unmanned plane information query system based on Web dynamic routing matching techniques |
| CN109614569A (en) * | 2018-12-07 | 2019-04-12 | 万兴科技股份有限公司 | Page rendering method, apparatus and intelligent terminal |
| CN112182446A (en) * | 2019-07-03 | 2021-01-05 | 腾讯科技（深圳）有限公司 | Page display method and device, terminal equipment and computer readable storage medium |
| CN112464132A (en) * | 2020-12-04 | 2021-03-09 | 北京五八信息技术有限公司 | Page generation and configuration method and device |
Non-Patent Citations (1)
| Title |
|---|
| 一种动态Web页面缓存技术;贺琛;陈肇雄;黄河燕;;计算机科学(第12期);全文 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN113312036A (en) | 2021-08-27 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN113312036B (en) | Large screen display method, device and equipment of Web page and storage medium | |
| CN111008135B (en) | APP test method, device, equipment and storage medium | |
| CN110287146B (en) | Method, device and computer storage medium for downloading application | |
| CN111045653B (en) | System generation method and device, computer readable medium and electronic equipment | |
| CN110134869B (en) | Information pushing method, device, equipment and storage medium | |
| CN109885781B (en) | Mixed page unified browsing method, device, equipment and storage medium | |
| CN110619100B (en) | Method and apparatus for acquiring data | |
| CN112395027A (en) | Widget interface generation method and device, storage medium and electronic equipment | |
| CN110110236B (en) | Information pushing method, device, equipment and storage medium | |
| CN109635304B (en) | Multi-language system data processing method and device | |
| CN109831673B (en) | Live broadcast room data processing method, device, equipment and storage medium | |
| CN113377365B (en) | Code display method, apparatus, device, computer readable storage medium and product | |
| CN111741046B (en) | Data reporting method, data acquisition method, device, equipment and medium | |
| CN114496175A (en) | Medical image viewing method, device, equipment and storage medium | |
| CN114490266A (en) | Data acquisition method, device, equipment and storage medium | |
| CN110753136B (en) | Domain name resolution method, device, equipment and storage medium | |
| CN114490265A (en) | Data acquisition method, device, equipment and storage medium | |
| CN113656041A (en) | Data processing method, device, equipment and storage medium | |
| CN113282285A (en) | Code compiling method and device, electronic equipment and storage medium | |
| CN109190097B (en) | Method and apparatus for outputting information | |
| CN112612991A (en) | Page display method and device, electronic equipment and storage medium | |
| CN112416455A (en) | Data processing method, device, terminal and storage medium | |
| CN107045549B (en) | Method and device for acquiring page number of electronic book | |
| CN110958243A (en) | Network vulnerability submitting method and device, storage medium and electronic equipment | |
| CN111767486A (en) | Method, device, electronic equipment and computer readable medium for displaying page |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |