CN113312036A - 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
- CN113312036A CN113312036A CN202110661003.XA CN202110661003A CN113312036A CN 113312036 A CN113312036 A CN 113312036A CN 202110661003 A CN202110661003 A CN 202110661003A CN 113312036 A CN113312036 A CN 113312036A
- Authority
- CN
- China
- Prior art keywords
- data
- target
- storage area
- web page
- demonstration
- 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.)
- Granted
Links
Images
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
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The embodiment of the invention discloses a large-screen display method, a large-screen display device, large-screen display equipment and a storage medium of a Web page. The method comprises the following steps: responding to a large-screen display request of a target Web page, and acquiring a pure service logic code matched with the target Web page and a data parameter of target data to be loaded in the target Web page; positioning target storage areas 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 memory region and the at least one back-end memory region are capable of responding to a modify operation; and acquiring target data in the target storage area, and generating a target Web page for large-screen display according to the pure business logic code and the target data. The technical scheme of the embodiment of the invention realizes the separation of the front-end service logic code and 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, a large-screen display device, large-screen display equipment and a storage medium for a Web page.
Background
With the development of the internet technology, the large visual screen appears in the visual field of people, and helps people to acquire information more intuitively. Since the large screen has the advantages of strong cross-over, easy development, easy sharing and the like, the content of the Web page displayed by the large screen gradually becomes the mainstream.
In the prior art, a large screen can display both demonstration data in a Web page and real data in the Web page. When managing presentation data to be displayed on a large screen, a manner may utilize a configuration file of a back end, but this manner increases development costs and can modify the presentation data only when a good network environment is provided. Alternatively, some presentation data may be defined in the front-end business logic code in advance, but this may result in 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, a large-screen display device, large-screen display equipment and a large-screen display storage medium for a Web page, which are used for separating a front-end service logic code from display data, ensuring the readability of the front-end code and enabling a front end and a back end to support the modification of large-screen display content.
In a first aspect, an embodiment of the present invention provides a large-screen display method for a Web page, including:
responding to a large-screen display request of a target Web page, and acquiring a pure service logic code matched with the target Web page and a data parameter of target data to be loaded in the target Web page;
positioning target storage areas 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 memory region and the at least one back-end memory region are capable of responding to a modify operation;
and acquiring target data in the target storage area, and generating a target Web page for large-screen display according to the pure business logic code and the target data.
Optionally, the front-end storage area includes: the device comprises a front-end demonstration data module for storing demonstration data and a front-end application cache region for storing the demonstration data;
the back-end storage area includes: the system comprises a first back-end server storage area used for storing demonstration data and a second back-end server storage area used for storing real data;
wherein the front-end application cache area and the first back-end server storage area are capable of responding to modification operations.
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 the transportability of the front-end service logic code are ensured; by storing the presentation data in the front-end application cache region, the user can modify the presentation data in the application cache region by himself via the script provided by the application cache region. The demonstration data is stored in the first back-end server storage area, so that the demonstration data can be acquired and modified at the back end; by storing the acquired real data in the second back-end server storage area, the real data can be acquired as the data to be displayed. By the arrangement, various requirements of the client on data to be displayed under 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 parameter includes:
if the data parameters comprise demonstration parameters, taking a front-end demonstration data module as a target storage area;
if the data parameters comprise non-demonstration parameters and front-end parameters, taking a front-end application cache area 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, and otherwise, taking the second back-end server storage area as a target storage area.
By adopting the technical scheme, the target storage area where the target data to be loaded is located can be appointed from the front-end or back-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 requirements.
Optionally, the data parameters of the target data to be loaded in the target Web page are acquired through Axios;
the method further comprises the following steps:
through Axios, if the data parameters are determined to comprise non-demonstration parameters, an HTTP request is sent to a monitoring node of a target Web page;
analyzing the format of 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 front end parameters and back end parameters.
By adopting the technical scheme, all HTTP requests of the Web page are uniformly managed by the Axios by storing the target data to be displayed behind the Axios, so that the business 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, obtaining 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 rear-end server storage area, acquiring demonstration data from the first rear-end server storage area as target data through the monitoring node;
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 as target data through the monitoring node.
By adopting the technical scheme, different data acquisition means are set according to the characteristics of different data storage areas, and required target data can be quickly acquired from a plurality of data storage areas according to the requirements of users, so that the large-screen display rate of the page is improved. Optionally, the method further includes:
modifying the demonstration data in the front-end application cache region by using the input data in response to the input operation on the executable JS script page; the front-end application cache region provides a page entrance capable of executing the JS script to the outside; and/or the presence of a gas in the gas,
and modifying the presentation data in the configuration file in response to the 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 under any network environment. When the demonstration data needs to be modified, the demonstration data can be modified at the front end or the back end 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 a target Web page, and acquiring a pure service logic code matched with the target Web page and a data parameter of target data to be loaded in the target Web page;
the positioning module is used for positioning a target storage area in the front end storage areas and the rear end storage areas according to the data parameters; the at least one front-end memory region and the at least one back-end memory region are capable of responding to a modify operation;
and the display module is used for acquiring the target data in the target storage area and generating a target Web page for large-screen display according to the pure business logic code and the target data.
Optionally, the front-end storage area includes: the device comprises a front-end demonstration data module for storing demonstration data and a front-end application cache region for storing the demonstration data;
the back-end storage area includes: the system comprises a first back-end server storage area used for storing demonstration data and a second back-end server storage area used for storing real data;
wherein the front-end application cache area and the first back-end server storage area are capable of responding to modification operations.
In a third aspect, an embodiment of the present invention further provides an electronic device, where the electronic device includes:
one or more processors;
a storage device 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 large screen display method of the Web page provided by any of the embodiments of the present invention.
In a fourth aspect, an embodiment of the present invention further provides a computer-readable storage medium, on which a computer program is stored, where the computer program, when executed by a processor, implements the large-screen display method for a Web page provided in any embodiment of the present invention.
In the embodiment of the invention, a large-screen display request of a target Web page is responded, and a pure service logic code matched with the target Web page and a data parameter of target data to be loaded in the target Web page are acquired; positioning target storage areas 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 memory region and the at least one back-end memory region are capable of responding to a modify operation; the method comprises the steps of obtaining target data in a target storage area, generating a target Web page according to a single business logic code and the target data, and displaying the target Web page on a large screen, so that the problem that the front end and the rear end cannot effectively manage large-screen display content in the prior art is solved, the separation of the front-end business logic code and the display data is realized, the readability of the front-end code is ensured, and meanwhile, the front end and the rear end both support the modification of the large-screen display content.
Drawings
Fig. 1 is a flowchart of a large screen display method of a Web page in a first embodiment of the present invention;
fig. 2a is a flowchart of a large screen display method of a Web page in the second embodiment of the present invention;
FIG. 2b is a flowchart illustrating an implementation of displaying Web page contents on a large screen according to a second embodiment of the present invention;
fig. 3 is a schematic structural diagram of a large-screen display device of a Web page in a third embodiment of the present invention;
fig. 4 is a schematic structural diagram of an electronic device in a fourth embodiment of the present invention.
Detailed Description
The present invention will be described in further detail with reference to the accompanying drawings and examples. It is to be understood that the specific embodiments described herein are merely illustrative of the invention and are not limiting of the invention. It should be further noted that, for the convenience of description, only some of the structures related to the present invention are shown in the drawings, not all of the structures.
Example one
Fig. 1 is a flowchart of a large-screen display method for a Web page in an embodiment of the present invention, where this embodiment is applicable to a case where a large screen is used to display Web page content, and this method may be executed by a large-screen display device for a Web page, where this device may be implemented by 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. 1, the method includes:
and step 110, responding to a large-screen display request of the target Web page, and acquiring a pure service logic code matched with the target Web page and a data parameter of target data to be loaded in the target Web page.
In this embodiment, the target Web page refers to a page on which content is to be displayed on a large visual screen, and the target data to be loaded in the target Web page may be presentation data or real data. The demonstration data refers to data which is dynamically generated through codes and is wanted to be seen by a user, and the real data is collected real data of the cluster. And the data parameter of the target data is used for determining a storage area where the target data is located, and the pure service logic code matched with the target Web page is used for rendering the target data to the target Web page after the target data is obtained.
Optionally, the data parameter of the target data to be loaded in the target Web page is acquired through Axios. In this embodiment, Axios is an http library supporting a browser and a node side. After receiving a large screen display request of a target Web page, data parameters of target data can be extracted from a Uniform Resource Locator (URL) of the target Web page through Axios.
In this embodiment, in order to flexibly acquire 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 a plurality of back end storage areas are preset to store the data to be displayed.
Optionally, the front-end storage area includes: the device comprises a front-end demonstration data module for storing demonstration data and a front-end application cache region for storing the demonstration data; the back-end storage area includes: the system comprises a first back-end server storage area used for storing demonstration data and a second back-end server storage area used for storing real data; wherein the front-end application cache area and the first back-end server storage area are capable of responding to modification operations.
In this embodiment, in order to separate the front-end service logic code from the front-end demonstration data and ensure readability and portability of the front-end service logic code, a demonstration data module for storing the demonstration data is specially arranged at the front end. 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 demonstration data, the demonstration data is stored in the front-end application cache region, and the user can modify the demonstration data in the application cache region through the script provided by the application cache region. The presentation data is stored in a first back-end server memory area in order to support the acquisition and modification operations of the presentation data at the back-end, and the acquired real data is stored in a second back-end server memory area in order to enable the acquisition of the real data.
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 parameter may include: if the data parameters comprise demonstration parameters, taking a front-end demonstration data module as a target storage area; if the data parameters comprise non-demonstration parameters and front-end parameters, taking a front-end application cache area 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, and otherwise, taking the second back-end server storage area as a target storage area.
In this embodiment, the data parameters may include presentation parameters or non-presentation parameters, and endpoint type parameters. The demonstration parameter is used for indicating that target data are stored in the front-end demonstration data module, the non-demonstration parameter is used for indicating that the target data are not stored in the front-end demonstration data module, and the end type parameter comprises a front-end parameter and a rear-end parameter and is used for further determining whether the target data are stored in a front-end storage area or a rear-end storage area when the target data are determined not to be stored in the front-end demonstration data module.
In this embodiment, if the data parameters include the presentation parameters, the target storage area is the front-end presentation data module. If the data parameters include non-demonstration parameters, the end type parameters are required to be acquired to determine whether the target data is in the front-end application cache region or the rear-end storage region, and if the end type parameters are the front-end parameters, the target storage region is the front-end application cache region. If the end type parameter is a back-end parameter, the target data is stored in a back-end storage area. At this time, it is necessary to acquire the data mode set in the configuration file of the backend server, and if the data mode is the presentation mode, it indicates that the target data is the presentation data stored in the backend server, so that it is determined that the target storage area is the first backend server storage area. If the data mode is the real mode, 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 area where the target data to be loaded is located can be appointed from the front-end or back-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 requirements.
Optionally, the method may further include: through Axios, if the data parameters are determined to comprise non-demonstration parameters, an HTTP request is sent to a monitoring node of a target Web page; analyzing the format of 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 front end parameters and back end parameters.
In this embodiment, the Axios may not only obtain data parameters of target data to be loaded in a target Web page, but also manage all HTTP requests in a unified manner. Specifically, if the Axios determines that the data parameters include presentation parameters, the Axios can directly obtain the target data from the front-end presentation data module, and therefore, the Axios does not need to 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 a target Web page, so as to determine a storage area where the target data is located through the monitoring node.
The monitoring node is an event-driven node registered under a specified source and path of the front-end application, and can monitor all HTTP requests of a page. The format of the HTTP request can be analyzed through the monitoring node, and the field value of the data end field in the HTTP request is obtained and used as the end type parameter of the target data, so that whether the target data is stored in the front-end storage area or the back-end storage area is determined.
By adopting the technical scheme, all HTTP requests of the Web page are uniformly managed by the Axios by storing the target data to be displayed behind the Axios, so that the business logic code is distinguished from the data.
And step 130, acquiring target data in the target storage area, and generating a target Web page for large-screen display according to the pure business logic code and the target data.
In this embodiment, after the target storage area is determined, the target data may be acquired in a manner corresponding to the target storage area, the target data is rendered on the target Web page by using a single business logic code, and the target Web page is displayed on a 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, obtaining 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 rear-end server storage area, acquiring demonstration data from the first rear-end server storage area as target data through the monitoring node; 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 as target data through the monitoring node.
In this embodiment, the presentation data stored in the front-end presentation data module can be directly obtained through the adapter API in the Axios; the demonstration data in the front-end application cache region, namely the demonstration data stored in the browser cache, can be obtained by utilizing the cache API of the browser; the demonstration data stored in the first back-end server storage area, namely the demonstration data stored in the configuration file of the back-end server, can be acquired from an HTTP interface provided by the server through the monitoring node; the real data stored in the storage area of the second back-end server 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 set according to the characteristics of different data storage areas, and required target data can be quickly acquired from a plurality of data storage areas according to the requirements of users, so that the large-screen display rate of the page is improved.
Optionally, the method may further include: modifying the demonstration data in the front-end application cache region by using the input data in response to the input operation on the executable JS script page; the front-end application cache region provides a page entrance capable of executing the JS script to the outside; and/or modifying the 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 the presentation data needs to be modified, the presentation data may be modified at the front end or the back end 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 cache region can be updated through a webpage entrance which is externally provided by the front-end application cache region and can execute the JS script. If the presentation data is modified at the backend, the presentation data in the configuration file may be updated by modifying the configuration file of the backend 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 under any network environment.
In the embodiment of the invention, a large-screen display request of a target Web page is responded, and a pure service logic code matched with the target Web page and a data parameter of target data to be loaded in the target Web page are acquired; positioning target storage areas 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 memory region and the at least one back-end memory region are capable of responding to a modify operation; the method comprises the steps of obtaining target data in a target storage area, generating a target Web page according to a single business logic code and the target data, and displaying the target Web page on a large screen, so that the problem that the front end and the rear end cannot effectively manage large-screen display content in the prior art is solved, the separation of the front-end business logic code and the display data is realized, the readability of the front-end code is ensured, and meanwhile, the front end and the rear end both support the modification of the large-screen display content.
Example two
Fig. 2a is a flowchart of a large screen display method of a Web page in a second embodiment of the present invention, and this embodiment may be combined with various alternatives in the above embodiments. Specifically, referring to fig. 2a, the method may include the steps of:
and step 210, storing the data to be displayed of the target Web page at the front end and the back end in advance.
In this embodiment, as shown in fig. 2b, in order to separate the front-end service logic code from the front-end presentation data and ensure readability and portability of the front-end service logic code, a front-end presentation data module is pre-constructed and stores the presentation data therein, and then the front-end presentation data module is integrated into the front-end application by using an adapter API in Axios. The presentation data is stored in the front-end application cache in advance, and a page entry of the executable JS script is provided to the user so that the user can modify the presentation 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.
And step 220, responding to a large-screen display request of the target Web page, acquiring a pure service logic code matched with the target Web page, and acquiring 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 service logic code from the data, the target data to be displayed is stored after Axios, and all HTTP requests of the Web page are uniformly managed by Axios, so that the data parameter of the target data may be first acquired from the URL of the target Web page through Axios, so as to determine the type and the storage area of the target data according to the data parameter.
Because the data parameter can indicate the type and the storage area of the target data, the target data can be switched between the demonstration data in 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.
And step 230, if the data parameters comprise demonstration parameters, obtaining demonstration data from the front-end demonstration data module through an adapter API in Axios as target data.
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 the monitoring node of the target Web page so that the monitoring node extracts the end type parameters from the HTTP request.
And step 250, if the end type parameter is a front-end parameter, acquiring the demonstration data from the front-end application cache region through the cache API of the browser as target data.
It should be noted that the presentation data in the front-end application cache region may be updated through a page entry of the executable JS script externally provided by the front-end application cache region.
And step 260, if the end type parameter is a back-end parameter, acquiring a data mode set in a configuration file of a back-end server through the monitoring node to judge whether the target data is demonstration data or real data.
It should be noted that the presentation data in the configuration file of the back-end server may be modified as required, and the target data may be switched between the presentation data in the storage area of the first back-end server and the real data in the storage area of the second back-end server by modifying the data mode parameter in the configuration file of the back-end server.
And 290, rendering the target data to the target Web page by using the pure business logic code, and displaying the target Web page on a large visual screen.
In the embodiment of the invention, a large-screen display request of a target Web page is responded, and a pure service logic code matched with the target Web page and a data parameter of target data to be loaded in the target Web page are acquired; positioning target storage areas 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 memory region and the at least one back-end memory region are capable of responding to a modify operation; the method comprises the steps of obtaining target data in a target storage area, generating a target Web page according to a single business logic code and the target data, and displaying the target Web page on a large screen, so that the problem that the front end and the rear end cannot effectively manage large-screen display content in the prior art is solved, the separation of the front-end business logic code and the display data is realized, the readability of the front-end code is ensured, and meanwhile, the front end and the rear end both support the 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 in a third embodiment of the present invention, which is applicable to a case where Web page content is displayed on a large screen. The apparatus may be implemented by hardware and/or software and may be generally integrated in an electronic device providing a large screen display Web page service.
As shown in fig. 3, the apparatus includes:
the obtaining module 310 is configured to, in response to a large-screen display request of a target Web page, obtain a pure 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 locating module 320 for locating a target storage area among the plurality of front-end storage areas and the plurality of back-end storage areas according to the data parameter; the at least one front-end memory region and the at least one back-end memory region are capable of responding to a modify operation;
and the display module 330 is configured to obtain target data in the target storage area, and generate 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 large-screen display request of a target Web page is responded, and a pure service logic code matched with the target Web page and a data parameter of target data to be loaded in the target Web page are acquired; positioning target storage areas 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 memory region and the at least one back-end memory region are capable of responding to a modify operation; the method comprises the steps of obtaining target data in a target storage area, generating a target Web page according to a single business logic code and the target data, and displaying the target Web page on a large screen, so that the problem that the front end and the rear end cannot effectively manage large-screen display content in the prior art is solved, the separation of the front-end business logic code and the display data is realized, the readability of the front-end code is ensured, and meanwhile, the front end and the rear end both support the modification of the large-screen display content.
Optionally, the front-end storage area includes: the device comprises a front-end demonstration data module for storing demonstration data and a front-end application cache region for storing the demonstration data;
the back-end storage area includes: the system comprises a first back-end server storage area used for storing demonstration data and a second back-end server storage area used for storing real data;
wherein the front-end application cache area and the first back-end server storage area are capable of responding to modification operations.
Optionally, the positioning module 320 is configured to:
if the data parameters comprise demonstration parameters, taking a front-end demonstration data module as a target storage area;
if the data parameters comprise non-demonstration parameters and front-end parameters, taking a front-end application cache area 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, and otherwise, taking the second back-end server storage area as a target storage area.
Optionally, the data parameters of the target data to be loaded in the target Web page are acquired through Axios;
the method further comprises the following steps:
the request sending module is used for sending an HTTP request to a monitoring node of a target Web page through Axios if the data parameters comprise non-demonstration parameters;
analyzing the format of 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 front end parameters and back end parameters.
Optionally, the display module 330 is configured to:
if the target storage area is a front-end demonstration data module, obtaining 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 rear-end server storage area, acquiring demonstration data from the first rear-end server storage area as target data through the monitoring node;
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 as target data through the monitoring node.
Optionally, the method further includes:
the data modification module is used for responding to the input operation of the executable JS script page and modifying the demonstration data in the front-end application cache region by using the input data; the front-end application cache region provides a page entrance capable of executing the JS script to the outside; and/or the presence of a gas in the gas,
and modifying the presentation data in the configuration file in response to the 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 corresponding functional modules and beneficial effects of the execution method.
Example four
Fig. 4 is a schematic structural diagram of an electronic device in a fourth embodiment of the present invention. Fig. 4 illustrates 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 only an example and should not bring any limitation to the function and scope of use of the embodiments of the present invention.
As shown in FIG. 4, device 12 is in the form of a general purpose computing device. The components of device 12 may include, but are not limited to: one or more processors or processing units 16, a system memory 28, and a bus 18 that couples various system components including the system memory 28 and the processing unit 16.
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 and write to non-removable, nonvolatile magnetic media (not shown in FIG. 4, and commonly referred to as a "hard drive"). Although not shown in FIG. 4, a magnetic disk drive for reading from and writing to a removable, nonvolatile magnetic disk (e.g., a "floppy disk") and an optical disk drive for reading from or writing to a removable, nonvolatile optical disk (e.g., a CD-ROM, DVD-ROM, or other optical media) may be provided. In these cases, each drive may be connected to bus 18 by one or more data media interfaces. Memory 28 may include at least one program product having a set (e.g., at least one) of program modules that are 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, for example, in 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 of which examples or some combination thereof may comprise an implementation of a network environment. Program modules 42 generally carry out the functions and/or methodologies of the described embodiments of the invention.
The processing unit 16 executes various functional applications and data processing, such as implementing a large screen display method of a Web page provided by an embodiment of the present invention, by running a program stored in the system memory 28.
Namely: the large-screen display method of the Web page is realized, and comprises the following steps:
responding to a large-screen display request of a target Web page, and acquiring a pure service logic code matched with the target Web page and a data parameter of target data to be loaded in the target Web page;
positioning target storage areas 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 memory region and the at least one back-end memory region are capable of responding to a modify operation;
and acquiring target data in the target storage area, and generating a target Web page for large-screen display according to the pure business logic code and the target data.
EXAMPLE five
The fifth embodiment of the present invention further discloses a computer storage medium, on which a computer program is stored, where the computer program, when executed by a processor, implements a large-screen display method for a Web page, including:
responding to a large-screen display request of a target Web page, and acquiring a pure service logic code matched with the target Web page and a data parameter of target data to be loaded in the target Web page;
positioning target storage areas 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 memory region and the at least one back-end memory region are capable of responding to a modify operation;
and acquiring target data in the target storage area, and generating a target Web page for large-screen display according to the pure business logic code and the target data.
Computer storage media for embodiments of the invention may employ 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. A computer readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination 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 the context of 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.
A computer readable signal medium may include a propagated data signal with computer readable program code embodied therein, for example, in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. 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 for aspects of the present invention may be written in any combination of one or more programming languages, including an object oriented programming language such as Java, Smalltalk, C + +, or the like, as well as 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 type of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or the connection may be made to an external computer (for example, through the Internet using an Internet service provider).
It is to be noted that the foregoing is only illustrative of the preferred embodiments of the present invention and the technical principles employed. 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, although the present invention has been described in greater detail by the above embodiments, the present invention is not limited to the above embodiments, and may include other equivalent embodiments without departing from the spirit of the present invention, and the scope of the present invention is determined by the scope of the appended claims.
Claims (10)
1. A large screen display method of a Web page is characterized by comprising the following steps:
responding to a large-screen display request of a target Web page, and acquiring a pure service logic code matched with the target Web page and a data parameter of target data to be loaded in the target Web page;
positioning target storage areas 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 memory region and the at least one back-end memory region are capable of responding to a modify operation;
and acquiring target data in the target storage area, and generating a target Web page for large-screen display according to the pure business logic code and the target data.
2. The method of claim 1, wherein the front-end storage area comprises: the device comprises a front-end demonstration data module for storing demonstration data and a front-end application cache region for storing the demonstration data;
the back-end storage area includes: the system comprises a first back-end server storage area used for storing demonstration data and a second back-end server storage area used for storing real data;
wherein the front-end application cache area and the first back-end server storage area are capable of responding to a modification operation.
3. The method of claim 2, wherein locating the target storage area among the plurality of front-end storage areas and the plurality of back-end storage areas based on the data parameter comprises:
if the data parameters comprise demonstration parameters, taking a front-end demonstration data module as a target storage area;
if the data parameters comprise non-demonstration parameters and front-end parameters, taking a front-end application cache region as a target storage region;
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, and otherwise, taking the second back-end server storage area as a target storage area.
4. The method according to claim 3, wherein the data parameters of the target data to be loaded in the target Web page are obtained through Axios;
the method further comprises the following steps:
through the Axios, if the data parameters are determined to comprise non-demonstration parameters, sending an HTTP request to a monitoring node of the target Web page;
analyzing the format of 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 front end parameters and back end parameters.
5. The method of claim 3, wherein obtaining target data in the target storage area comprises:
if the target storage area is a front-end demonstration data module, obtaining 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 rear-end server storage area, acquiring demonstration data from the first rear-end server storage area as target data through the monitoring node;
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 as target data through the monitoring node.
6. The method of claim 1, further comprising:
modifying the demonstration data in the front-end application cache region by using the input data in response to the input operation on the executable JS script page; the front-end application cache region provides a page entrance of the executable JS script to the outside; and/or the presence of a gas in the gas,
and responding to the data editing operation of the configuration file of the back-end server, and modifying the presentation data in the configuration file.
7. A large-screen display device for a Web page, comprising:
the acquisition module is used for responding to a large-screen display request of a target Web page, and acquiring a pure service logic code matched with the target Web page and a data parameter of target data to be loaded in the target Web page;
the positioning module is used for positioning a target storage area in the front end storage areas and the rear end storage areas according to the data parameters; the at least one front-end memory region and the at least one back-end memory region are capable of responding to a modify operation;
and the display module is used for acquiring the target data in the target storage area and generating a target Web page for large-screen display according to the pure business logic code and the target data.
8. The apparatus of claim 7, wherein the front-end storage area comprises: the device comprises a front-end demonstration data module for storing demonstration data and a front-end application cache region for storing the demonstration data;
the back-end storage area includes: the system comprises a first back-end server storage area used for storing demonstration data and a second back-end server storage area used for storing real data;
wherein the front-end application cache area and the first back-end server storage area are capable of responding to a modification operation.
9. An electronic device, characterized in that the device comprises:
one or more processors;
a storage device for storing one or more programs,
when executed by the one or more processors, cause the one or more processors to implement a large screen display method for a Web page as recited in any of claims 1-6.
10. A computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, carries out a method for large-screen display of a Web page according to any one of claims 1 to 6.
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 true CN113312036A (en) | 2021-08-27 |
CN113312036B 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) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114995817A (en) * | 2022-08-03 | 2022-09-02 | 杭州乾冠数字物联技术有限公司 | Web page large-screen data processing method based on Vuex |
CN115065627A (en) * | 2022-05-20 | 2022-09-16 | 北京奇艺世纪科技有限公司 | Parameter modification method and device, electronic equipment and storage medium |
Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20110204133A1 (en) * | 2008-02-07 | 2011-08-25 | Arkray, Inc. | Code reading device and data collection system using the same |
US20110271175A1 (en) * | 2010-04-07 | 2011-11-03 | Liveperson, Inc. | System and Method for Dynamically Enabling Customized Web Content and Applications |
US20140310372A1 (en) * | 2013-04-12 | 2014-10-16 | Tencent Technology (Shenzhen) Company Limited | Method, terminal, cache server and system for updating webpage data |
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 |
US20200195705A1 (en) * | 2018-12-18 | 2020-06-18 | Alibaba Group Holding Limited | Method and apparatus for browser application to load first screen of web page |
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 |
-
2021
- 2021-06-15 CN CN202110661003.XA patent/CN113312036B/en active Active
Patent Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20110204133A1 (en) * | 2008-02-07 | 2011-08-25 | Arkray, Inc. | Code reading device and data collection system using the same |
US20110271175A1 (en) * | 2010-04-07 | 2011-11-03 | Liveperson, Inc. | System and Method for Dynamically Enabling Customized Web Content and Applications |
US20140310372A1 (en) * | 2013-04-12 | 2014-10-16 | Tencent Technology (Shenzhen) Company Limited | Method, terminal, cache server and system for updating webpage data |
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 |
US20200195705A1 (en) * | 2018-12-18 | 2020-06-18 | Alibaba Group Holding Limited | Method and apparatus for browser application to load first screen of web page |
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页面缓存技术", 计算机科学, no. 12 * |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115065627A (en) * | 2022-05-20 | 2022-09-16 | 北京奇艺世纪科技有限公司 | Parameter modification method and device, electronic equipment and storage medium |
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 |
Also Published As
Publication number | Publication date |
---|---|
CN113312036B (en) | 2023-08-18 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9804862B2 (en) | Translatable texts identification in in-context localization utilizing pseudo-language and an external server | |
CN113312036B (en) | Large screen display method, device and equipment of Web page and storage medium | |
CN111045653B (en) | System generation method and device, computer readable medium and electronic equipment | |
CN111198859B (en) | Data processing method, device, electronic equipment and computer readable storage medium | |
CN111708599B (en) | Configuration diagram display method, device, equipment and storage medium | |
CN110134869B (en) | Information pushing method, device, equipment and storage medium | |
CN110780874B (en) | Method and device for generating information | |
CN109885781B (en) | Mixed page unified browsing method, device, equipment and storage medium | |
CN110287146B (en) | Method, device and computer storage medium for downloading application | |
CN113742628A (en) | Form processing method and device, computer readable storage medium and electronic equipment | |
CN112395027B (en) | Widget interface generation method and device, storage medium and electronic equipment | |
CN110110236B (en) | Information pushing method, device, equipment and storage medium | |
WO2020199659A1 (en) | Method and apparatus for determining push priority information | |
CN114840379A (en) | Log generation method, device, server and storage medium | |
CN109635304B (en) | Multi-language system data processing method and device | |
CN113656102A (en) | Data point burying method and device, storage medium and electronic equipment | |
CN113419711A (en) | Page guiding method and device, electronic equipment and storage medium | |
CN117555534A (en) | Configuration method and device for linkage interaction of visual components and computer equipment | |
CN110489326B (en) | IDS-based HTTPAPI debugging method device, medium and equipment | |
CN109831673B (en) | Live broadcast room data processing method, device, equipment and storage medium | |
CN111274104B (en) | Data processing method, device, electronic equipment and computer readable storage medium | |
CN115454956A (en) | Log generation method and device, electronic equipment and storage medium | |
CN111241368B (en) | Data processing method, device, medium and equipment | |
CN113282285A (en) | Code compiling method and device, electronic equipment and storage medium | |
CN114496175A (en) | Medical image viewing method, device, equipment and storage medium |
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 |