CN112269961A - Webpage generation method, system, equipment and storage medium based on associated report - Google Patents
Webpage generation method, system, equipment and storage medium based on associated report Download PDFInfo
- Publication number
- CN112269961A CN112269961A CN202011261837.3A CN202011261837A CN112269961A CN 112269961 A CN112269961 A CN 112269961A CN 202011261837 A CN202011261837 A CN 202011261837A CN 112269961 A CN112269961 A CN 112269961A
- Authority
- CN
- China
- Prior art keywords
- webpage
- report
- browser
- updated
- picture
- 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.)
- Pending
Links
Images
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
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The invention provides a webpage generating method, a system, equipment and a storage medium based on an associated report, wherein the method comprises the following steps: providing a report template of a webpage which is used for being led in by a browser and is based on an easel _ js framework, wherein the report template comprises content information and parameter information of each picture in the webpage, and the content information and the parameter information have preset mapping relations with the pictures in the webpage and the parameters of the pictures; updating the content information and the parameter information in the report template; importing the updated report template into a browser; the browser converts the content information and the parameter information in the report template into configuration parameters; the browser obtains the webpage code by analyzing the configuration parameters and displays the updated webpage. The invention can implement adjustment and update between the webpage and the custom-edited report, greatly reduces the threshold of webpage development of simple tasks, facilitates frequent updating of the webpage, improves the timeliness and reduces the labor cost.
Description
Technical Field
The invention relates to the field of webpage development, in particular to a webpage generation method, a webpage generation system, webpage generation equipment and a webpage generation storage medium based on an associated report.
Background
At present, in order to realize quick matching of various marketing activities, the webpage of an e-commerce company cannot be handed to a skilled page technology developer, and the marketing activities are not time-efficient due to the long flow. Most operators who do not have the experience of developing skilled web pages can directly edit web pages based on operation projects. Although the development task of the operator for the web page is not high in requirement, mainly the adjustment of the pictures and the characters, in this mode, because the editing and the display are not synchronous, and there may be a plurality of operators maintaining one web page together, the omission and the error of the web page are easily caused.
Therefore, the invention provides a webpage generation method, a webpage generation system, webpage generation equipment and a webpage generation storage medium based on an associated report.
Disclosure of Invention
Aiming at the problems in the prior art, the invention aims to provide a webpage generation 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 webpage generation method based on an associated report, which comprises the following steps:
s110, providing a report template of a webpage which is used for being led in by a browser and is based on an easel _ js framework, wherein the report template comprises content information and parameter information of each picture in the webpage, and the content information and the parameter information have preset mapping relations with the pictures in the webpage and the parameters of the pictures;
s120, updating the content information and the parameter information in the report template;
s130, importing the updated report template into the browser; and
s140, the browser converts the content information and the parameter information in the report template into configuration parameters;
s150, the browser obtains a webpage code by analyzing the configuration parameters and displays the updated webpage.
Preferably, the original display diagram of the picture is displayed in the step S110.
Preferably, the step S120 zooms in by dragging the corner of the original display diagram, and generates the parameter information about the picture according to the zoomed original display diagram and the size of the original display diagram.
Preferably, the length and width of the picture are updated in step S120, and the size of the original display drawing is adjusted according to the updated length and width of the picture.
Preferably, in the step S140, the browser converts the updated content information and parameter information of the picture in the report template into updated configuration parameters;
in step S150, the browser obtains an updated web page code by analyzing the updated configuration parameter, and displays an updated picture in the updated web page.
Preferably, the parameter information includes:
the system parameters are used for describing storage paths of various files in the system and related control information of function points in the system;
a title parameter for displaying a hotel name, or a travel product location;
a house type parameter for displaying a photograph or plan of the hotel;
a night parameter for displaying the night time of the hotel;
describing parameters for displaying introduction texts of the hotel or the travel product;
and the price parameter is used for displaying the price of the hotel or the travel product.
Preferably, the browser is a google browser, and the canvas module of the google browser is adopted to analyze the configuration parameters to obtain the webpage codes and display the updated webpage.
The embodiment of the present invention further provides a system for generating a webpage based on an associated report, which is used to implement the method for generating a webpage based on an associated report, and the system for generating a webpage based on an associated report includes:
the report module is used for providing a report template of a webpage which is imported by a browser and is based on an easel _ js framework, wherein the report template comprises content information and parameter information of each picture in the webpage, and the content information and the parameter information have preset mapping relations with the pictures in the webpage and the parameters of the pictures;
the updating module is used for updating the content information and the parameter information in the report template;
the import module imports the updated report template into the browser; and
the browser converts the content information and the parameter information in the report template into configured parameters;
and the browser obtains a webpage code by analyzing the configuration parameters and displays the updated webpage.
The embodiment of the invention also provides a webpage generating device based on the associated report, which comprises:
a processor;
a memory having stored therein executable instructions of the processor;
wherein the processor is configured to execute the steps of the associated report based web page generation method via executing the executable instructions.
The embodiment of the invention also provides a computer-readable storage medium for storing a program, and the program realizes the steps of the webpage generation method based on the associated report when being executed.
The invention aims to provide a webpage generation method, a webpage generation system, a webpage generation device and a webpage generation storage medium based on an associated report, which 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.
Drawings
Other features, objects and advantages of the present invention will become more apparent upon reading of the following detailed description of non-limiting embodiments thereof, with reference to the accompanying drawings.
FIG. 1 is a flowchart of a method for generating a webpage based on an associated report according to the present invention.
Fig. 2 to 5 are schematic process diagrams for implementing the method for generating a webpage based on an associated report according to the present invention.
FIG. 6 is a schematic block diagram of a related report-based webpage generation system according to the present invention.
FIG. 7 is a schematic structural diagram of a related report-based web page generation device according to the present invention.
Fig. 8 is a schematic structural diagram 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. Example embodiments may, however, 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 example embodiments to those skilled in the art. The same reference numerals in the drawings denote the same or similar structures, and thus their repetitive description will be omitted.
FIG. 1 is a flowchart of a method for generating a webpage based on an associated report according to the present invention. As shown in fig. 1, an embodiment of the present invention provides a method for generating a webpage based on an associated report, including the following steps:
s110, providing a report template of a webpage which is used for being led in by a browser and is based on an easel _ js framework, wherein the report template comprises content information and parameter information of each picture in the webpage, and the content information and the parameter information have preset mapping relations with the pictures in the webpage and the parameters of the pictures;
s120, updating the content information and the parameter information in the report template;
s130, importing the updated report template into a browser; and
s140, the browser converts the content information and the parameter information in the report template into configuration parameters;
s150, the browser obtains the webpage codes by analyzing the configuration parameters and displays the updated webpage.
In a preferred embodiment, the original display of the picture is displayed in step S110.
In a preferred embodiment, the step S120 zooms in by dragging the corners of the original display diagram, and generates the parameter information about the picture according to the zoomed original display diagram and the dimensions of the original display diagram.
In a preferred embodiment, the length and width of the picture are updated in step S120, and the size of the original display is adjusted according to the updated length and width of the picture.
In a preferred embodiment, in step S140, the browser converts the content information and the parameter information of the updated picture in the report template into an updated configuration parameter;
in step S150, the browser obtains the updated web page code by analyzing the updated configuration parameter, and displays the updated image in the updated web page.
In a preferred embodiment, the parameter information includes:
the system parameters are used for describing storage paths of various files in the system and related control information of function points in the system;
a title parameter for displaying a hotel name, or a travel product location;
a house type parameter for displaying a photograph or plan of the hotel;
a night parameter for displaying the night time of the hotel;
describing parameters for displaying introduction texts of the hotel or the travel product;
and the price parameter is used for displaying the price of the hotel or the travel product.
In a preferred embodiment, the browser is a google browser, the canvas module of the google browser is adopted to analyze the configuration parameters to obtain the webpage codes, and the updated webpage is displayed.
Fig. 2 to 5 are schematic process diagrams for implementing the method for generating a webpage based on an associated report according to the present invention. As shown in fig. 2 to 5, the implementation of the present invention is as follows:
as shown in fig. 2, a report template 1 of a web page based on an easel _ js architecture for a browser to import is provided, the browser is a google browser, 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 relationship with the picture in the web page and the parameter of the picture, and an original display diagram 12 of the picture 1 is displayed. Taking picture 1 as an example, the parameter information includes a picture 1 size, a picture 1 reference coordinate point (default to a point on the upper left of picture 1), the content of text 1, a text 1 reference coordinate point (default to a point on the upper left of text 1), and the like.
If the report template 1 shown in fig. 2 is imported into the google browser, the canvas module of the google browser is used to analyze the configuration parameters to obtain the webpage code, the displayed webpage is as shown in fig. 3, and the picture 22 corresponds to the original display image 12 in the report template 1.
As shown in fig. 3, the content information and parameter information in the report template are updated, the size of the picture 1 is updated from "200 × 300" to "400 × 600", and the content of the text 1 is updated from "XXXXXXXX. For example: and zooming by dragging the corners of the original display diagram, and generating parameter information related to the picture according to the zoomed original display diagram and the zoomed original display diagram. Or directly updating the length and width of the picture, and adjusting the size of the original display picture according to the updated length and width of the picture.
As shown in fig. 4, the updated report template is imported into the browser, the browser converts content information and parameter information of the updated picture in the report template into an updated configuration parameter, the browser obtains an updated webpage code by analyzing the updated configuration parameter, and the updated picture is displayed in the updated webpage, referring to fig. 4, where the picture 22 is adjusted in area according to the size of the updated picture, and the text 1 is also updated to be "zzzzzzzzzzzz. The invention greatly simplifies the difficulty of webpage development of simple tasks for operators, facilitates frequent updating of the webpage, improves the timeliness and reduces the labor cost.
The method is closer 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 install the photoshop. If the designer uses the method, the designer needs to repeat the same steps, but the difference of the language and the literature is also easy to cause manual operation errors such as omission and the like during copying, and the fields are frequently updated, so that the fatigue is increased and the efficiency is gradually reduced.
The invention is defined by designers through picture layout and outline graphics, and then the operation may have a plurality of reworking problems, and the tool can decouple the flow. The invention solves the problem of tedious operation repeated by designers for many times, and the design productivity is used in more needed places. The invention is helpful to reduce operation or logging errors caused by manual operation. The invention effectively shortens the operation steps in the picture synthesizing process.
The invention can be separated from large graphic application tools such as photoshop and the like, and the requirement of simply and repeatedly manufacturing 1940px x 2808px hand card pictures is solved by a light weight function. The invention is based on html and javascript languages and runs in a browser (the best effect can be obtained in a chrome browser). The visualization interaction is developed by utilizing the features of the browser canvas. The invention is similar to photoshop in that the visual operation can be realized, and the difference is that the invention is a customization tool and solves the specified requirement. The invention realizes convenient operation of canvas based on an open source framework easeljs, solves the aim of developing tools in a short term, and can flexibly and quickly respond to the adjustment of services to the tools. The invention can manually adjust the zoom size and the positioning of the picture, can independently set the colors of the title, the house type, the night, the description and the price, can replace the outline figure, can finely adjust the size of the title characters and the y-axis positioning, and can finely adjust the size of the description characters. Clicking the download button can save the png format picture in the local browser download directory.
The JavaScript (JS) is a lightweight, interpreted, or just-in-time high-level programming language with function priority. 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 prototypical programming, multi-modal dynamic scripting languages, and supports object-oriented, imperative, and declarative (e.g., functional programming) styles.
easel _ js a js library that can easily use the canvas element of HTML 5. The easeljs retention graph mode canvas provided by the JavaScript library includes a complete hierarchical display list, a core interaction model, and 2D graph drawing which simplifies the ease of canvas. easeljs has rich graphics and HTML5 canvas interactive work provides a straightforward solution.
The invention can effectively liberate the productivity of a designer, automatically repeat the operation and ensure that operators can quickly produce the desired prize pictures like the designer. The invention can support the independent modification of the color of the content file. The method can quickly display the corresponding content to the canvas by modifying the excel file and importing the excel file, supports the fine adjustment of the size and the position of the font, and recalculates the line feed condition according to the width after the font is reduced. The invention can support fine adjustment of the size and the position of the matching picture. In some scenarios, the invention supports paging display and operation due to the fact that the required result picture is too large.
In one embodiment, the usage flow of the invention can be that after a page is opened, a file (a plurality of matching pictures and an excel file) is selected in the upper right corner. After clicking confirmation, the main page area can click the 'zoom product diagram' batch of the toolbar to adjust the zoom ratio of the upper area of the matching diagram. And adjusting parameters by dragging the mouse or inputting a box. The color value input box can directly input the color value, or click the right small square to visually select the color, and click the right file needing to change the color to modify the color. And clicking the 'content type' to switch the title background and determining whether the width is full. Clicking on "Title-1" implements Title font-1. Clicking "Title-1B" implements Title font-1 but the line spacing remains unchanged. Clicking on "describe-1" implements description font-1. Clicking the bottom tab can switch to other pages. Clicking 'download all pictures' of the toolbar can store the pictures into the pictures in the png format, and storing the pictures to the local in a downloading mode.
The webpage generation method based on the associated report can implement adjustment and update between the webpage and the custom-edited report, greatly reduces the threshold of webpage development of simple tasks, facilitates frequent update of the webpage, improves timeliness and reduces labor cost.
FIG. 6 is a schematic block diagram of a related report-based webpage generation system according to the present invention. As shown in fig. 6, an embodiment of the present invention further provides a related report based web page generation system, for implementing the above-mentioned related report based web page generation method, where the related report based web page generation system 5 includes:
the report module 501 provides a report template of a webpage based on an easel _ js architecture, which can be imported by a browser, wherein the report template comprises content information and parameter information of each picture in the webpage, and the content information and the parameter information have preset mapping relations with the pictures in the webpage and the parameters of the pictures;
the updating module 502 updates the content information and the parameter information in the report template;
the import module 503 imports the updated report template into the browser; and
the configuration module 504 is used for converting the content information and the parameter information in the report template into configuration parameters by the browser;
the browser obtains the web page code by analyzing the configured parameters and displays the updated web page in the analyzing module 505.
The webpage generation system based on the associated report can implement adjustment and update between the webpage and the custom-edited report, greatly reduces the threshold of webpage development of simple tasks, facilitates frequent update of the webpage, improves timeliness and reduces labor cost.
The embodiment of the invention also provides webpage generation equipment based on the associated report, which comprises 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 generation method via execution of the executable instructions.
As shown above, the webpage generation system based on the associated report of the embodiment of the present invention can implement adjustment and update between the webpage and the custom-edited report, thereby greatly reducing the threshold of webpage development for simple tasks, facilitating frequent update of the webpage, improving timeliness, and reducing labor cost.
As will be appreciated by one skilled in the art, aspects of the present invention may be embodied as a system, method or program product. Thus, various aspects of the invention may be embodied in the form of: an entirely hardware embodiment, an entirely software embodiment (including firmware, microcode, etc.) or an embodiment combining hardware and software aspects that may all generally be referred to herein as a "circuit," module "or" platform.
FIG. 7 is a schematic structural diagram of a related report-based web page generation device according to the present invention. An electronic device 600 according to this embodiment of the invention is described below with reference to fig. 7. The electronic device 600 shown in fig. 7 is only an example, and should not bring any limitation to the functions and the scope of use of the embodiments of the present invention.
As shown in fig. 7, the electronic device 600 is embodied in the form of a general purpose computing device. The components of the 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 the memory unit 620 and the processing unit 610), a display unit 640, etc.
Wherein the storage unit stores program code executable by the processing unit 610 to cause the processing unit 610 to perform steps according to various exemplary embodiments of the present invention described in the above-mentioned electronic prescription flow processing method section of the present specification. For example, 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 memory units, such as a random access memory unit (RAM)6201 and/or a cache memory unit 6202, and may further include a read-only memory unit (ROM) 6203.
The memory 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 of which, or some combination thereof, may comprise an implementation of a network environment.
The electronic device 600 may also communicate with one or more external devices 700 (e.g., keyboard, pointing device, bluetooth device, etc.), with one or more devices that enable a user to interact with the electronic device 600, and/or with any devices (e.g., router, modem, etc.) that enable the electronic device 600 to communicate with one or more other computing devices. Such communication may occur via an input/output (I/O) interface 650. Also, the electronic device 600 may communicate with one or more networks (e.g., a Local Area Network (LAN), a Wide Area Network (WAN), and/or a public network such as the Internet) via the network adapter 660. The network adapter 660 may communicate with other modules of the electronic device 600 via the bus 630. It should be appreciated that although not shown in the figures, other hardware and/or software modules may be used in conjunction with the electronic device 600, including but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, and data backup storage platforms, to name a few.
The embodiment of the invention also provides a computer readable storage medium for storing the program, and the steps of the webpage generating method based on the associated report 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 perform the steps according to various exemplary embodiments of the present invention described in the above-mentioned electronic prescription flow processing method section of this specification, when the program product is run on the terminal device.
As shown above, the webpage generation system based on the associated report of the embodiment of the present invention can implement adjustment and update between the webpage and the custom-edited report, thereby greatly reducing the threshold of webpage development for simple tasks, facilitating frequent update of the webpage, improving timeliness, and reducing labor cost.
Fig. 8 is a schematic structural diagram of a computer-readable storage medium of the present invention. Referring to fig. 8, a program product 800 for implementing the above 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 in this regard and, in the present 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. A 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 readable storage medium include: an electrical connection having one or more wires, a portable disk, 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.
A computer readable storage medium may include a propagated data signal with 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 readable storage medium may also be any readable medium that is not a 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 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 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, 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 and partly on a remote computing device, or entirely on the remote computing device or server. In the case of a remote computing device, 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., through the internet using an internet service provider).
In summary, the present invention provides a method, a system, a device and a storage medium for generating a webpage based on an associated report, and the system for generating a webpage based on an associated report of the present invention can implement adjustment and update between a webpage and a custom-edited report, thereby greatly reducing the threshold of webpage development for simple tasks, facilitating frequent update of the webpage, improving timeliness and reducing labor cost.
The foregoing is a more detailed description of the invention in connection with specific preferred embodiments and it is not intended that the invention be limited to these specific details. For those skilled in the art to which the invention pertains, several simple deductions or substitutions can be made without departing from the spirit of the invention, and all shall be considered as belonging to the protection scope of the invention.
Claims (10)
1. A webpage generation method based on an associated report is characterized by comprising the following steps:
s110, providing a report template of a webpage which is used for being led in by a browser and is based on an easel _ js framework, wherein the report template comprises content information and parameter information of each picture in the webpage, and the content information and the parameter information have preset mapping relations with the pictures in the webpage and the parameters of the pictures;
s120, updating the content information and the parameter information in the report template;
s130, importing the updated report template into the browser; and
s140, the browser converts the content information and the parameter information in the report template into configuration parameters;
s150, the browser obtains a webpage code by analyzing the configuration parameters and displays the updated webpage.
2. The method for generating a webpage based on a relevant report according to claim 1, wherein an original display diagram of the picture is displayed in the step S110.
3. The method for generating a webpage based on a report according to claim 2, wherein the step S120 is performed by dragging a corner of the original display drawing for zooming, and the parameter information about the picture is generated according to the zoomed original display drawing and the size of the original display drawing.
4. The method for generating a webpage based on a related report according to claim 2, wherein the length and width of the picture are updated in the step S120, and the size of the original display image is adjusted according to the updated length and width of the picture.
5. The method for generating a webpage based on an associated report according to claim 3 or 4, wherein in the step S140, the browser converts the updated content information and parameter information of the picture in the report template into updated configuration parameters;
in step S150, the browser obtains an updated web page code by analyzing the updated configuration parameter, and displays an updated picture in the updated web page.
6. The associated report based web page generating method according to claim 1, wherein the parameter information comprises:
the system parameters are used for describing storage paths of various files in the system and related control information of function points in the system;
a title parameter for displaying a hotel name, or a travel product location;
a house type parameter for displaying a photograph or plan of the hotel;
a night parameter for displaying the night time of the hotel;
describing parameters for displaying introduction texts of the hotel or the travel product;
and the price parameter is used for displaying the price of the hotel or the travel product.
7. The method for generating a webpage based on an associated report according to claim 1, wherein the browser is a google browser, the canvas module of the google browser is adopted to analyze the configuration parameters to obtain webpage codes, and the updated webpage is displayed.
8. A web page generation system based on an associated report for implementing the web page generation method based on an associated report of claim 1, comprising:
the report module is used for providing a report template of a webpage which is imported by a browser and is based on an easel _ js framework, wherein the report template comprises content information and parameter information of each picture in the webpage, and the content information and the parameter information have preset mapping relations with the pictures in the webpage and the parameters of the pictures;
the updating module is used for updating the content information and the parameter information in the report template;
the import module imports the updated report template into the browser; and
the browser converts the content information and the parameter information in the report template into configured parameters;
and the browser obtains a webpage code by analyzing the configuration parameters and displays the updated webpage.
9. A webpage generating device based on an associated report, comprising:
a processor;
a memory having stored therein executable instructions of the processor;
wherein the processor is configured to execute the steps of the associated report based web page generation method according to any one of claims 1 to 7 via executing the executable instructions.
10. A computer-readable storage medium storing a program, wherein the program is configured to implement the steps of the method for generating a webpage based on a related report according to any one of claims 1 to 7 when executed.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011261837.3A CN112269961A (en) | 2020-11-12 | 2020-11-12 | Webpage generation method, system, equipment and storage medium based on associated report |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011261837.3A CN112269961A (en) | 2020-11-12 | 2020-11-12 | Webpage generation method, system, equipment and storage medium based on associated report |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112269961A true CN112269961A (en) | 2021-01-26 |
Family
ID=74339115
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011261837.3A Pending CN112269961A (en) | 2020-11-12 | 2020-11-12 | Webpage generation method, system, equipment and storage medium based on associated report |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112269961A (en) |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107610207A (en) * | 2017-10-23 | 2018-01-19 | 北京奇艺世纪科技有限公司 | A kind of method, apparatus and system of generation GIF pictures |
| CN109918175A (en) * | 2019-03-21 | 2019-06-21 | 上海携程商务有限公司 | Picture Generation Method, device, storage medium and electronic equipment |
| WO2019123213A1 (en) * | 2017-12-18 | 2019-06-27 | Koppasoft | Display rendering method and system |
-
2020
- 2020-11-12 CN CN202011261837.3A patent/CN112269961A/en active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107610207A (en) * | 2017-10-23 | 2018-01-19 | 北京奇艺世纪科技有限公司 | A kind of method, apparatus and system of generation GIF pictures |
| WO2019123213A1 (en) * | 2017-12-18 | 2019-06-27 | Koppasoft | Display rendering method and system |
| CN109918175A (en) * | 2019-03-21 | 2019-06-21 | 上海携程商务有限公司 | Picture Generation Method, device, storage medium and electronic equipment |
Non-Patent Citations (2)
| Title |
|---|
| WEIXIN_34246551: "EaselJS", pages 1, Retrieved from the Internet <URL:https://blog.csdn.net/weixin_34246551/article/details/88931017> * |
| 曾子嶒: "基于浏览器的页面设计工具Easel帮你快速制作出产品原型页面", pages 1, Retrieved from the Internet <URL:https://www.36kr.com/p/1640748924929> * |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110597506B (en) | Front-end application visualization development tool and use method | |
| US10984177B2 (en) | System and method providing responsive editing and viewing, integrating hierarchical fluid components and dynamic layout | |
| TWI578220B (en) | Simulation of web applications and secondary devices in a web browser, web application development tools, and methods using the same | |
| US20230036518A1 (en) | System and method for smart interaction between website components | |
| CN111475163A (en) | Method, device and equipment for generating code file of view template and storage medium | |
| Kasyanov et al. | Information visualisation based on graph models | |
| US20130080879A1 (en) | Methods and apparatus providing document elements formatting | |
| CN112364496B (en) | Avionics simulation panel generation system based on HTML5 and VUE technologies | |
| CN117032675B (en) | Dynamic form design method | |
| CN113626746A (en) | Method for custom drawing based on web page | |
| EP1768034A1 (en) | Document processing device and document processing method | |
| EP1744255A1 (en) | Document processing device and document processing method | |
| CN113326044A (en) | Development method, system and storage medium based on control library | |
| CN113391808A (en) | Page configuration method and device and electronic equipment | |
| CN112015410A (en) | Webpage editing method, device and system and computer storage medium | |
| EP1744253A1 (en) | Document processing device and document processing method | |
| EP1744256A1 (en) | Document processing device and document processing method | |
| KR102608074B1 (en) | Method for providing web page making service and electronic device thereof | |
| CN112269960B (en) | Webpage updating method, system, equipment and storage medium based on associated report | |
| CN112269961A (en) | Webpage generation method, system, equipment and storage medium based on associated report | |
| CN114692055A (en) | Form processing method and device, storage medium and electronic equipment | |
| CN114003226A (en) | Layered distributed graphic design system | |
| Shenoy | Introducing Zurb Foundation 6 | |
| CN112099770A (en) | Template-based webpage generation method, system, equipment and storage medium | |
| CN112330774B (en) | Method and device for synthesizing pictures in batches, electronic 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 |