CN112269960B - Webpage updating method, system, equipment and storage medium based on associated report - Google Patents
Webpage updating method, system, equipment and storage medium based on associated report Download PDFInfo
- Publication number
- CN112269960B CN112269960B CN202011261835.4A CN202011261835A CN112269960B CN 112269960 B CN112269960 B CN 112269960B CN 202011261835 A CN202011261835 A CN 202011261835A CN 112269960 B CN112269960 B CN 112269960B
- Authority
- CN
- China
- Prior art keywords
- template
- updated
- webpage
- configuration
- parameter information
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 37
- 238000003860 storage Methods 0.000 title claims abstract description 31
- 230000001360 synchronised effect Effects 0.000 claims abstract description 13
- 238000010586 diagram Methods 0.000 claims description 34
- 230000006870 function Effects 0.000 claims description 6
- 230000008859 change Effects 0.000 claims description 4
- 238000006243 chemical reaction Methods 0.000 claims description 3
- 238000011161 development Methods 0.000 abstract description 12
- 238000012545 processing Methods 0.000 description 8
- 230000008569 process Effects 0.000 description 4
- 230000003287 optical effect Effects 0.000 description 3
- 239000003086 colorant Substances 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 238000013507 mapping Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 239000013307 optical fiber Substances 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 230000000007 visual effect Effects 0.000 description 2
- VYZAMTAEIAYCRO-UHFFFAOYSA-N Chromium Chemical compound [Cr] VYZAMTAEIAYCRO-UHFFFAOYSA-N 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000005111 flow chemistry technique Methods 0.000 description 1
- 230000008676 import Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 238000012913 prioritisation Methods 0.000 description 1
- 238000003672 processing method Methods 0.000 description 1
- 230000003252 repetitive effect Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000002194 synthesizing effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- 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 invention provides a web page updating method, a system, equipment and a storage medium based on an associated report, wherein the method comprises the following steps: providing a configuration template, wherein the configuration template comprises a first template of a form mode and a second template of a control mode of a web page based on an easel_js architecture, which can be imported by a browser, each element of the first template, the second template and an online web page is mapped with each other, the elements comprise content information and parameter information, and when any one of the first template or the second template is updated, the first template and the second template are kept synchronous and automatically updated; the browser converts the second template into configuration parameters to obtain a webpage code, and the updated webpage is displayed, so that the online webpage and the second template are kept synchronous and automatically updated. The invention can implement adjustment and update between the webpage and the custom editing report, greatly reduces the threshold of webpage development of simple tasks, facilitates frequent update of the webpage, improves timeliness and reduces labor cost.
Description
Technical Field
The invention relates to the field of webpage development, in particular to a webpage updating method, a system, equipment and a storage medium based on an associated report.
Background
Currently, in order to quickly match various marketing campaigns, web pages of electronic commerce companies cannot be delivered to skilled page technology developers, because such processes are long, and the timeliness of the marketing campaigns is missed. Most operators who have no experience in developing web pages are used to directly edit web pages based on operation projects. Although the development task of the web page is not high by operators, mainly the adjustment of pictures and characters, in the mode, because editing and displaying are asynchronous, and multiple operators can maintain one web page together, the conditions of missing, error and the like of the web page are easily caused.
Therefore, the invention provides a webpage updating method, a system, equipment and a storage medium based on the associated report.
Disclosure of Invention
Aiming at the problems in the prior art, the invention aims to provide a webpage updating method, a system, equipment and a storage medium based on an associated report, which overcome the difficulty in the prior art, can implement adjustment and update between a webpage and a custom-edited report, greatly reduce the threshold of webpage development of simple tasks, facilitate frequent update of the webpage, improve timeliness and reduce labor cost.
The embodiment of the invention provides a web page updating method based on an associated report, which comprises the following steps:
s110, providing at least one configuration template based on an online webpage, wherein the configuration template comprises a first template of a form mode of the webpage based on an easel_js architecture, which can be imported by a browser, and a second template of a control mode, which can change webpage content and attributes through touch operation or mouse operation, and each element of the first template, the second template and the online webpage is mapped with each other, and the element comprises content information and parameter information;
s130, when the content information and the parameter information of the elements of any one of the first template or the second template are updated, the content information and the parameter information of each element in the first template and the content information and the parameter information of each element in the second template are kept synchronous and automatically updated;
s140, the browser converts the content information and the parameter information in the second template into configuration parameters; and
and S150, the browser obtains a webpage code by analyzing the configuration parameters, and displays the updated webpage, so that the online webpage and the second template are kept synchronous and automatically updated.
Preferably, after the step S110, step S130 is further preceded by a step S120 of detecting whether the same element is being updated by one configuration template, if so, the element is locked in other configuration templates; after the configuration template is updated, the element is released in other configuration templates.
Preferably, in the step S110, an original display diagram of the picture is displayed;
the browser is a google browser, and a canvas module of the google browser is adopted to analyze the configuration parameters to obtain webpage codes, and updated webpages are displayed.
Preferably, the step S130 performs scaling by dragging the corner of the original display diagram on the second template, generates parameter information about the picture according to the scaled original display diagram and the size of the original display diagram, and updates the parameter information to the associated element of the first template.
Preferably, in step S130, the length and width dimensions of the picture are updated in the first template, and the dimensions of the original display diagram are adjusted according to the updated length and width dimensions of the picture, and updated into the associated elements of the second template.
Preferably, in step S140, the browser converts the content information and the parameter information of the updated picture in the second template into updated configuration parameters;
in step S150, the browser obtains an updated online webpage by analyzing the updated configuration parameters, and displays the updated picture in the updated online webpage.
Preferably, the parameter information includes:
the system parameters are used for describing the storage paths of various files in the system and the related control information of the function points in the system;
title parameters for displaying hotel names, or travel product locations;
the house type parameter is used for displaying a picture or a plan of the hotel;
night parameters for displaying the hotel's night time;
the description parameters are used for displaying introduction texts of hotel or travel products;
and the price parameter is used for displaying the price of the hotel or the travel product.
The embodiment of the invention also provides a web page updating system based on the associated report, which is used for realizing the web page updating method based on the associated report, and comprises the following steps:
a configuration module for providing at least one configuration template based on online webpage, wherein the configuration template comprises a first template of a form mode of the webpage based on the easel_js architecture and capable of being imported by a browser, and a second template of a control mode capable of changing webpage content and attributes through touch operation or mouse operation, each element of the first template, the second template and the online webpage is mapped with each other, the element comprises content information and parameter information,
the synchronization module is used for automatically updating the content information and the parameter information of each element in the first template and the content information and the parameter information of each element in the second template in a synchronous manner when the content information and the parameter information of the element of any one of the first template and the second template are updated;
the conversion module is used for converting the content information and the parameter information in the second template into configuration parameters by the browser; and
and the updating module is used for obtaining a webpage code by analyzing the configuration parameters, displaying the updated webpage, and enabling the online webpage and the second template to be kept synchronous and automatically updated.
The embodiment of the invention also provides a webpage updating device based on the associated report, which comprises the following steps:
a processor;
a memory having stored therein executable instructions of the processor;
wherein the processor is configured to perform the steps of the above-described associated report based web page update method via execution of the executable instructions.
The embodiment of the invention also provides a computer readable storage medium for storing a program, which when executed, realizes the steps of the web page updating method based on the association report.
The invention aims to provide a webpage updating method, a system, equipment and a storage medium based on an associated report, which can implement adjustment and update between a webpage and a custom editing report, greatly reduce the threshold of webpage development of simple tasks, facilitate frequent update of the webpage, improve timeliness and reduce labor cost.
Drawings
Other features, objects and advantages of the present invention will become more apparent upon reading of the detailed description of non-limiting embodiments, made with reference to the following drawings.
FIG. 1 is a flow chart of a web page updating method based on an associated report of the present invention.
Fig. 2 to 4 are process diagrams of a web page updating method based on an associated report embodying the present invention.
FIG. 5 is a block diagram of a web page update system based on an associated report of the present invention.
Fig. 6 is a schematic structural diagram of a web page updating apparatus based on an associated report according to the present invention.
Fig. 7 is a schematic structural view of a computer-readable storage medium according to an embodiment of the present invention.
Detailed Description
Example embodiments will now be described more fully with reference to the accompanying drawings. However, the example embodiments may be embodied in many different forms and should not be construed as limited to the embodiments set forth herein. Rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the concept of the example embodiments to those skilled in the art. The same reference numerals in the drawings denote the same or similar structures, and thus a repetitive description thereof will be omitted.
FIG. 1 is a flow chart of a web page updating method based on an associated report of the present invention. As shown in fig. 1, an embodiment of the present invention provides a web page updating method based on an associated report, including the following steps:
s110, providing at least one configuration template based on an online webpage, wherein the configuration template comprises a first template of a form mode of the webpage based on an easel_js architecture and capable of being imported by a browser, and a second template of a control mode capable of changing webpage content and attributes through touch operation or mouse operation, and each element of the first template, the second template and the online webpage is mapped with each other, and the element comprises content information and parameter information;
and S130, when the content information and the parameter information of the elements of any one of the first template or the second template are updated, the content information and the parameter information of each element in the first template and the content information and the parameter information of each element in the second template are kept synchronous and automatically updated.
And S140, the browser converts the content information and the parameter information in the second template into configuration parameters. A kind of electronic device with a high-performance liquid crystal display
And S150, the browser obtains a webpage code by analyzing the configuration parameters, and displays the updated webpage, so that the online webpage and the second template are kept synchronous and automatically updated.
In a preferred embodiment, after step S110, step S130 is preceded by step S120 of detecting whether the same element is being updated by one configuration template, and if so, locking the element in the other configuration templates. After the configuration template is updated, the element is released in other configuration templates.
In a preferred embodiment, in step S110, an original display of the picture is displayed.
The browser is a google browser, and a canvas module of the google browser is adopted to analyze the configuration parameters to obtain webpage codes, and updated webpages are displayed.
In a preferred embodiment, step S130 zooms by dragging the corner of the original display diagram at the second template, generates parameter information about the picture according to the zoomed original display diagram and the size of the original display diagram, and updates to the associated element of the first template.
In a preferred embodiment, in step S130, the length and width dimensions of the picture are updated in the first template, and the dimensions of the original display diagram are adjusted according to the updated length and width dimensions of the picture, and updated into the associated elements of the second template.
In a preferred embodiment, in step S140, the browser converts the content information and the parameter information of the updated picture in the second template into the updated configuration parameters.
In step S150, the browser obtains an updated online webpage by analyzing the updated configuration parameters, and displays the updated picture in the updated online webpage.
In a preferred embodiment, the parameter information comprises: and the system parameters are used for describing the storage paths of various files in the system and the related control information of the function points in the system. Title parameters for displaying hotel names, or travel product locations. And the house type parameter is used for displaying a picture or a plan of the hotel. Night parameters for displaying the night time of the hotel. Descriptive parameters for displaying introduction text of hotel or travel products. And the price parameter is used for displaying the price of the hotel or the travel product.
Fig. 2 to 4 are process diagrams of a web page updating method based on an associated report embodying the present invention. As shown in fig. 2 to 4, the implementation of the present invention is as follows:
as shown in fig. 2, two configuration templates based on online web page 30 are provided: both configuration template 10 and configuration template 40, configuration template 10 and configuration template 40 may update elements on online webpage 30 simultaneously through server 20. Taking the configuration template 10 as an example, the configuration template 10 comprises a first template 1 of a form mode of a web page based on an easel_js architecture, which can be imported by a browser, and a second template 2 of a control mode, which can change the web page content and attribute of the online web page 40 through touch operation or mouse operation, wherein each element of the first template 1, the second template 2 and the online web page 40 is mapped with each other, the element comprises content information and parameter information, the browser is a google browser, and a canvas module of the google browser is adopted to analyze the configuration parameters to obtain a web page code, and the updated web page is displayed. Wherein the parameter information includes: and the system parameters are used for describing the storage paths of various files in the system and the related control information of the function points in the system. Title parameters for displaying hotel names, or travel product locations. And the house type parameter is used for displaying a picture or a plan of the hotel. Night parameters for displaying the night time of the hotel.
As shown in fig. 3, taking the first template 1 as an example: the report template 1 includes content information and parameter information 11 of each picture in the web page, the content information and the parameter information have a preset mapping relation with the pictures in the web page and the parameters of the pictures, and an original display diagram 12 of the pictures is displayed. Taking the original presentation of fig. 12 as an example, the parameter information includes a picture size, a picture reference coordinate point (default to the upper left point of picture 1), contents of text, a reference coordinate point of text (default to the upper left point of text), and the like. Meanwhile, the second template 2 may update the picture 22 in the picture column 21 corresponding to the picture in the report template 1 according to the change in the report template 1. The second template 2 can see the effect of updating the web page displayed on the browser in the report template 1 in real time. Taking report template 1 as an example, if fig. 2 is to be shown: the report template 1 includes content information and parameter information 11 of each picture in the web page, the content information and the parameter information have a preset mapping relation with the pictures in the web page and the parameters of the pictures, and an original display diagram 12 of the picture 1 is displayed. Taking picture 1 as an example, the parameter information includes a size of picture 1, a reference coordinate point of picture 1 (default to a point at the upper left of picture 1), contents of text 1, a reference coordinate point of text 1 (default to a point at the upper left of text 1), and the like. And the second template 2 adopts a canvas module of a google browser to analyze the configuration parameters to obtain a webpage code and a displayed webpage, and a picture 22 in a picture column 21 of the second template 2 corresponds to an original display diagram 12 in the report template 1.
It is detected whether the same element is being updated by one configuration template, if so, the element is locked in the other configuration templates. After the configuration template is updated, the element is released in other configuration templates. In this embodiment, the configuration template 40 does not operate on the picture 22 in the picture field 21, so the configuration template 10 can operate on the picture 22 in the picture field 21 independently.
When the content information and the parameter information of the elements of any one of the first template 1 or the second template 2 are updated, the content information and the parameter information of each element in the first template and the content information and the parameter information of each element in the second template 2 are kept synchronous and automatically updated. By dragging the corners of the original display diagram at the second template 2 for scaling, parameter information about the picture is generated according to the scaled dimensions of the original display diagram and the original display diagram, and updated into the associated elements of the first template. Or, the length and width dimensions of the picture are updated in the first template, the dimensions of the original display diagram are adjusted according to the length and width dimensions of the updated picture, and the dimensions are updated into the associated elements of the second template 2. As shown in fig. 4, the content information and the parameter information in the report template are updated, and the size of the picture 12 in the first template 1 is updated from "200×300" to "400×600", and simultaneously, the content of the text 1 is updated from "XXXXXXXX. For example: and scaling by dragging corners of the thumbnail, and generating parameter information about the picture according to the sizes of the scaled thumbnail and the original display diagram. Or directly updating the length and width dimensions of the picture, and adjusting the dimensions of the original display diagram according to the updated length and width dimensions of the picture. At this time, the second template 2 imports the updated report template into the browser, the browser converts the content information and the parameter information of the updated picture in the report template into the updated configuration parameter, the browser obtains the updated web page code by analyzing the updated configuration parameter, the updated picture is displayed in the updated web page, the picture 22 in the second template 2 is adjusted in area according to the size of the updated picture, and the text 1 text is updated as "zzzzzzzzzz. The invention greatly simplifies the difficulty of web page development of simple tasks by operators, is convenient for frequent update of web pages, improves timeliness and reduces labor cost.
Then, the browser converts the content information and the parameter information in the second template 2 into configuration parameters. The browser converts the content information and the parameter information of the updated picture in the second template 2 into updated configuration parameters.
Finally, the browser obtains the webpage code by analyzing the configuration parameters, and displays the updated webpage, so that the online webpage and the second template 2 keep synchronous and automatically update. The browser obtains an updated online webpage by analyzing the updated configuration parameters, and the updated picture is displayed in the updated online webpage.
The invention is relatively close to the manual processing function of the photoshop, and can be effectively applied to the operating environment in which operators have limited authority or computers cannot be configured to install the photoshop. And the first template 1 (the element for displaying the webpage in the form of a report) and the second template 2 (the element for displaying the webpage in the form of the webpage) can be used for definitely operating and obtaining visual experience. If the designer uses the method, the same steps need to be repeatedly operated, but the text-to-speech operation is different, so that the errors of manual operation such as omission and the like are easy to occur during copying, and the fields are frequently updated, so that the fatigue degree is increased and the efficiency is gradually reduced.
The invention is defined by the designer through the picture layout and the outer frame graph, and the problem of multiple reworking possibly exists in the operation, and the tool can decouple the flow. The invention solves the problem that the designer repeatedly performs tedious operations, so that the design productivity can be used in more needed places. The invention is helpful to reduce the operation or input errors caused by manual operation. The invention effectively shortens the operation steps of the picture synthesizing process.
The invention can be separated from large-scale graphic application tools such as photoshop and the like, and solves the demand of simple but boring repeated manufacture of 1940px X2808 px hand card pictures with light weight function. The invention runs in the browser based on html and javascript language (the best effect can be obtained in the chrome browser). Visual interactive development is performed by utilizing features of the browser canvas. The invention is similar to photoshop in that it can be visually operated, and is different from the invention in that it is a custom tool to meet the specified requirements. The invention realizes the convenient operation on canvas based on the open source framework easexs, solves the problem of short-term development of tools, and can flexibly and rapidly respond to the adjustment of the service to the tools. The invention can manually adjust the size and position of the picture, can independently set the colors of the title, the room, the night, the description and the price, can replace the outer frame graph, can finely adjust the size of the title characters and the y-axis position, and can finely adjust the size of the description characters. Clicking the download button can save the png format picture into the local browser download directory.
JavaScript (abbreviated as "JS") is a lightweight, interpreted or just-in-time compiled high-level programming language with functional prioritization. Although it is named as a scripting language for developing Web pages, it is also used in many non-browser environments, javaScript is based on prototype programming, a multiple-paradigm dynamic scripting language, and supports object-oriented, imperative, and declarative (e.g., functional programming) styles.
easel_js a js library can easily use the canvas element of HTML 5. The easljs reserve graphics mode canvas provided by the JavaScript library includes a complete hierarchical display list, a core interaction model, and simplified 2D graphics drawing easier for the canvas. easejs has rich graphics and HTML5canvas interworks to provide a straightforward solution.
The invention can effectively liberate the productivity of designers and automatically repeat operation, so that operators can also quickly produce the desired prize pictures like the designers. The invention can support the independent modification of the content document color. According to the invention, the corresponding content can be rapidly displayed on the canvas by modifying the excel file and importing the excel file, fine adjustment of the size and the position of the fonts is supported, and the line feed condition can be recalculated according to the width after the fonts are reduced. The invention can support fine adjustment of the size and the position of the matching diagram. In some scenes, the invention supports pagination display and operation due to the oversized result picture of the demand.
In one embodiment, the usage flow of the present invention may be to select files (multiple layout and excel file) in the upper right corner after opening the page. Clicking on the confirm-then home page area may click on the "zoom product map" batch adjustment map of the toolbar to scale within the upper Fang Ou area. Mouse drag or input box adjustment parameters. The color value input box can directly input color values or click a small square on the right side to visually select colors, and click a text to be changed on the right side to carry out color modification.
The web page updating method based on the associated report can implement adjustment and update between the web page and the custom editing report, greatly reduces the threshold of web page development of simple tasks, facilitates frequent update of the web page, improves timeliness and reduces labor cost.
FIG. 5 is a block diagram of a web page update system based on an associated report of the present invention. As shown in fig. 5, an embodiment of the present invention further provides a web page update system based on an associated report, which is configured to implement the web page update method based on an associated report, where the web page update system 5 based on an associated report includes:
the configuration module 501 provides at least one configuration template based on the online webpage, wherein the configuration template comprises a first template of a form mode of the webpage based on the easel_js architecture, which can be imported by a browser, and a second template of a control mode capable of changing webpage content and attributes through touch operation or mouse operation, and each element of the first template, the second template and the online webpage is mapped with each other, and the element comprises content information and parameter information.
The locking module 502 detects whether the same element is being updated by one configuration template, if so, the element is locked in other configuration templates; after the configuration template is updated, the element is released in other configuration templates.
And a synchronization module 503, when updating the content information and the parameter information of the elements of either the first template or the second template, the content information and the parameter information of each element in the first template and the content information and the parameter information of each element in the second template keep synchronization for automatic updating.
The conversion module 504 converts the content information and the parameter information in the second template into the configuration parameters by the browser.
And the updating module 505 is used for obtaining the webpage codes by analyzing the configuration parameters, displaying the updated webpage, and enabling the online webpage and the second template to keep synchronous and automatically update.
The web page updating system based on the associated report can implement adjustment and update between the web page and the custom editing report, so that the threshold of web page development of simple tasks is greatly reduced, frequent update of the web page is facilitated, the timeliness is improved, and the labor cost is reduced.
The embodiment of the invention also provides a webpage updating device based on the associated report, which comprises a processor. A memory having stored therein executable instructions of a processor. Wherein the processor is configured to execute the steps of the associated report based web page update method via execution of the executable instructions.
As shown above, the web page updating system based on the associated report can implement adjustment and update between the web page and the custom-edited report, so that the threshold of web page development of simple tasks is greatly reduced, frequent update of the web page is facilitated, timeliness is improved, and labor cost is reduced.
Those skilled in the art will appreciate that the various aspects of the invention may be implemented as a system, method, or program product. Accordingly, aspects of the invention may be embodied in the following forms, namely: an entirely hardware embodiment, an entirely software embodiment (including firmware, micro-code, etc.) or an embodiment combining hardware and software aspects may be referred to herein as a "circuit," module "or" platform.
Fig. 6 is a schematic structural diagram of a web page updating apparatus based on an associated report according to the present invention. An electronic device 600 according to this embodiment of the invention is described below with reference to fig. 6. The electronic device 600 shown in fig. 6 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. 6, the electronic device 600 is in the form of a general purpose computing device. Components of electronic device 600 may include, but are not limited to: at least one processing unit 610, at least one memory unit 620, a bus 630 connecting the different platform components (including memory unit 620 and processing unit 610), a display unit 640, etc.
Wherein the storage unit stores program code executable by the processing unit 610 such that the processing unit 610 performs the steps according to various exemplary embodiments of the present invention described in the above-described electronic prescription flow processing method section of the present specification. For example, the processing unit 610 may perform the steps as shown in fig. 1.
The storage unit 620 may include readable media in the form of volatile storage units, such as Random Access Memory (RAM) 6201 and/or cache memory unit 6202, and may further include Read Only Memory (ROM) 6203.
The storage unit 620 may also include a program/utility 6204 having a set (at least one) of program modules 6205, such program modules 6205 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.
Bus 630 may be a local bus representing one or more of several types of bus structures including a memory unit bus or memory unit controller, a peripheral bus, an accelerated graphics port, a processing unit, or using any of a variety of bus architectures.
The electronic device 600 may also communicate with one or more external devices 700 (e.g., keyboard, pointing device, bluetooth device, etc.), one or more devices that enable a user to interact with the electronic device 600, and/or any device (e.g., router, modem, etc.) that enables the electronic device 600 to communicate with one or more other computing devices. Such communication may occur through an input/output (I/O) interface 650. Also, electronic device 600 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, through network adapter 660. The network adapter 660 may communicate with other modules of the electronic device 600 over the bus 630. It should be appreciated that although not shown, other hardware and/or software modules may be used in connection with electronic device 600, including, but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, data backup storage platforms, and the like.
The embodiment of the invention also provides a computer readable storage medium for storing a program, and the steps of the web page updating method based on the associated report form are realized when the program is executed. In some possible embodiments, the aspects of the present invention may also be implemented in the form of a program product comprising program code for causing a terminal device to carry out the steps according to the various exemplary embodiments of the invention as described in the electronic prescription stream processing method section of this specification, when the program product is run on the terminal device.
As shown above, the web page updating system based on the associated report can implement adjustment and update between the web page and the custom-edited report, so that the threshold of web page development of simple tasks is greatly reduced, frequent update of the web page is facilitated, timeliness is improved, and labor cost is reduced.
Fig. 7 is a schematic structural view of a computer-readable storage medium of the present invention. Referring to fig. 7, a program product 800 for implementing the above-described method according to an embodiment of the present invention is described, which may employ a portable compact disc read only memory (CD-ROM) and include program code, and may be run on a terminal device, such as a personal computer. However, the program product of the present invention is not limited thereto, and in this document, a 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 program product may employ any combination of one or more readable media. The readable medium may be a readable signal medium or a readable storage medium. The 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 readable storage medium would include the following: an electrical connection having one or more wires, a portable disk, a hard disk, random Access Memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
The computer readable storage medium may include a data signal propagated in baseband or as part of a carrier wave, with readable program code embodied therein. 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 readable storage medium may also be any readable medium 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 readable storage 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.
Program code for carrying out operations 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, C++ or the like 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 computing device, partly on the user's device, as a stand-alone software package, partly on the user's computing device, partly on a remote computing device, or entirely on the remote computing device or server. In the case of remote computing devices, the remote computing device may be connected to the user computing device through any kind of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or may be connected to an external computing device (e.g., connected via the Internet using an Internet service provider).
In summary, the invention aims to provide a web page updating method, a system, equipment and a storage medium based on an associated report.
The foregoing is a further detailed description of the invention in connection with the preferred embodiments, and it is not intended that the invention be limited to the specific embodiments described. It will be apparent to those skilled in the art that several simple deductions or substitutions may be made without departing from the spirit of the invention, and these should be considered to be within the scope of the invention.
Claims (7)
1. A web page updating method based on an associated report is characterized by comprising the following steps:
s110, providing at least one configuration template based on an online webpage, wherein the configuration template comprises a first template of a form mode of the webpage based on an easel_js architecture, which can be imported by a browser, and a second template of a control mode, which can change webpage content and attributes through touch operation or mouse operation, and each element of the first template, the second template and the online webpage is mapped with each other, and the element comprises content information and parameter information;
s120, detecting whether the same element is updated by one configuration template, if so, locking the element in other configuration templates; after the configuration template is updated, the element is released in other configuration templates;
s130, when updating the content information and the parameter information of the elements of any one of the first template or the second template, automatically updating the content information and the parameter information of each element in the first template and the content information and the parameter information of each element in the second template synchronously, dragging corners of an original display diagram at the second template to zoom, generating parameter information about a picture according to the zoomed original display diagram and the size of the original display diagram, updating the parameter information into an associated element of the first template, updating the length and width size of the picture in the first template, adjusting the size of the original display diagram according to the updated length and width size of the picture, and updating the parameter information into an associated element of the second template;
s140, the browser converts the content information and the parameter information in the second template into configuration parameters; and
and S150, the browser obtains a webpage code by analyzing the configuration parameters, and displays the updated webpage, so that the online webpage and the second template are kept synchronous and automatically updated.
2. The web page updating method based on the associated report according to claim 1, wherein in the step S110, an original display diagram of the picture is displayed;
the browser is a google browser, and a canvas module of the google browser is adopted to analyze the configuration parameters to obtain webpage codes, and updated webpages are displayed.
3. The web page updating method based on the associated report according to claim 1, wherein in the step S140, the browser converts the content information and the parameter information of the picture updated in the second template into updated configuration parameters;
in step S150, the browser obtains an updated online webpage by analyzing the updated configuration parameters, and displays the updated picture in the updated online webpage.
4. The web page updating method based on the associated report according to claim 1, wherein the parameter information comprises:
the system parameters are used for describing the storage paths of various files in the system and the related control information of the function points in the system;
title parameters for displaying hotel names, or travel product locations;
the house type parameter is used for displaying a picture or a plan of the hotel;
night parameters for displaying the hotel's night time;
the description parameters are used for displaying introduction texts of hotel or travel products;
and the price parameter is used for displaying the price of the hotel or the travel product.
5. A web page updating system based on an associated report, for implementing the web page updating method based on an associated report as set forth in claim 1, comprising:
a configuration module for providing at least one configuration template based on online webpage, wherein the configuration template comprises a first template of a form mode of the webpage based on the easel_js architecture and capable of being imported by a browser, and a second template of a control mode capable of changing webpage content and attributes through touch operation or mouse operation, each element of the first template, the second template and the online webpage is mapped with each other, the element comprises content information and parameter information,
the locking module is used for detecting whether the same element is updated by one configuration template, and if so, the element is locked in other configuration templates; after the configuration template is updated, the element is released in other configuration templates;
the synchronization module is used for automatically updating the content information and the parameter information of each element in the first template and the content information and the parameter information of each element in the second template when updating the content information and the parameter information of the element in any one of the first template or the second template, dragging the corner of the original display diagram to zoom by the second template, generating parameter information about a picture according to the zoomed original display diagram and the size of the original display diagram, updating the parameter information into an associated element of the first template, updating the length and width size of the picture in the first template, adjusting the size of the original display diagram according to the updated length and width size of the picture, and updating the parameter information into an associated element of the second template;
the conversion module is used for converting the content information and the parameter information in the second template into configuration parameters by the browser; and
and the updating module is used for obtaining a webpage code by analyzing the configuration parameters, displaying the updated webpage, and enabling the online webpage and the second template to be kept synchronous and automatically updated.
6. A web page updating apparatus based on an associated report, comprising:
a processor;
a memory having stored therein executable instructions of the processor;
wherein the processor is configured to perform the steps of the associated report based web page updating method of any of claims 1 to 4 via execution of the executable instructions.
7. A computer-readable storage medium storing a program, wherein the program when executed implements the steps of the associated report-based web page updating method of any one of claims 1 to 4.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011261835.4A CN112269960B (en) | 2020-11-12 | 2020-11-12 | Webpage updating method, system, equipment and storage medium based on associated report |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011261835.4A CN112269960B (en) | 2020-11-12 | 2020-11-12 | Webpage updating method, system, equipment and storage medium based on associated report |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112269960A CN112269960A (en) | 2021-01-26 |
| CN112269960B true CN112269960B (en) | 2024-02-13 |
Family
ID=74339100
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011261835.4A Active CN112269960B (en) | 2020-11-12 | 2020-11-12 | Webpage updating method, system, equipment and storage medium based on associated report |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112269960B (en) |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| TW201337605A (en) * | 2012-03-15 | 2013-09-16 | Long-Hwa Teng | Multipurpose network editing page automatic conversion mechanism |
| CN103778234A (en) * | 2014-01-26 | 2014-05-07 | 北京恒华伟业科技股份有限公司 | Report form generating method and device |
| CN104580438A (en) * | 2014-12-30 | 2015-04-29 | 宋小民 | Method for co-browsing and editing webpage by using more than two intelligent terminals |
| CN109299422A (en) * | 2018-09-20 | 2019-02-01 | 江苏满运软件科技有限公司 | Visualize page authoring method, system, equipment and storage medium |
| CN109918175A (en) * | 2019-03-21 | 2019-06-21 | 上海携程商务有限公司 | Picture Generation Method, device, storage medium and electronic equipment |
| US10798089B1 (en) * | 2019-06-11 | 2020-10-06 | Capital One Services, Llc | System and method for capturing information |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR101299670B1 (en) * | 2012-04-16 | 2013-08-27 | 권오석 | System, method and computer readable recording medium for converting a web page dynamically |
-
2020
- 2020-11-12 CN CN202011261835.4A patent/CN112269960B/en active Active
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| TW201337605A (en) * | 2012-03-15 | 2013-09-16 | Long-Hwa Teng | Multipurpose network editing page automatic conversion mechanism |
| CN103778234A (en) * | 2014-01-26 | 2014-05-07 | 北京恒华伟业科技股份有限公司 | Report form generating method and device |
| CN104580438A (en) * | 2014-12-30 | 2015-04-29 | 宋小民 | Method for co-browsing and editing webpage by using more than two intelligent terminals |
| CN109299422A (en) * | 2018-09-20 | 2019-02-01 | 江苏满运软件科技有限公司 | Visualize page authoring method, system, equipment and storage medium |
| CN109918175A (en) * | 2019-03-21 | 2019-06-21 | 上海携程商务有限公司 | Picture Generation Method, device, storage medium and electronic equipment |
| US10798089B1 (en) * | 2019-06-11 | 2020-10-06 | Capital One Services, Llc | System and method for capturing information |
Non-Patent Citations (1)
| Title |
|---|
| 基于HTML5的移动终端地理信息应用设计;陈新泽;杨斌;仲维亮;;成都信息工程学院学报(第02期);全文 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112269960A (en) | 2021-01-26 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10984177B2 (en) | System and method providing responsive editing and viewing, integrating hierarchical fluid components and dynamic layout | |
| US8194075B2 (en) | Method and system for generating and displaying an interactive dynamic list view of multiply connected objects | |
| CN104216691B (en) | A kind of method and device for creating application | |
| US9047261B2 (en) | Document editing method | |
| TWI578220B (en) | Simulation of web applications and secondary devices in a web browser, web application development tools, and methods using the same | |
| US20100037168A1 (en) | Systems and methods for webpage design | |
| JPWO2006046666A1 (en) | Document processing apparatus and document processing method | |
| JPWO2006051975A1 (en) | Document processing device | |
| WO2006051713A1 (en) | Document processing device, and document processing method | |
| CA2714228C (en) | Complex input to image transformation for distribution | |
| US20090265615A1 (en) | Data processing server and data processing method | |
| JP4723511B2 (en) | Document processing apparatus and document processing method | |
| WO2006051716A1 (en) | Document processing device and document processing method | |
| WO2005098662A1 (en) | Document processing device and document processing method | |
| WO2005098661A1 (en) | Document processing device and document processing method | |
| JPWO2006046668A1 (en) | Document processing apparatus and document processing method | |
| JPWO2006046667A1 (en) | Document processing apparatus and document processing method | |
| CN112269960B (en) | Webpage updating method, system, equipment and storage medium based on associated report | |
| CN115309476A (en) | Browser-based ofd file display and editing method | |
| CN114003226A (en) | Layered distributed graphic design system | |
| WO2006051717A1 (en) | Document processing device and document processing method | |
| CN113568613A (en) | Method for on-line rotating dynamic interactive webpage of svg configuration flow chart | |
| CN113094144A (en) | Display screen interface control method and electronic equipment | |
| CN112269961A (en) | Webpage generation method, system, equipment and storage medium based on associated report | |
| WO2005098659A1 (en) | Document processing device and document processing method |
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 |