CN112099770A - Template-based webpage generation method, system, equipment and storage medium - Google Patents
Template-based webpage generation method, system, equipment and storage medium Download PDFInfo
- Publication number
- CN112099770A CN112099770A CN202010973485.8A CN202010973485A CN112099770A CN 112099770 A CN112099770 A CN 112099770A CN 202010973485 A CN202010973485 A CN 202010973485A CN 112099770 A CN112099770 A CN 112099770A
- Authority
- CN
- China
- Prior art keywords
- webpage
- template
- blocks
- block
- web page
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 38
- 238000003860 storage Methods 0.000 title claims abstract description 26
- 238000011161 development Methods 0.000 claims abstract description 32
- 238000013507 mapping Methods 0.000 claims abstract description 19
- 238000001514 detection method Methods 0.000 abstract description 8
- 238000010586 diagram Methods 0.000 description 8
- 238000012545 processing Methods 0.000 description 7
- 239000003086 colorant Substances 0.000 description 3
- 230000002452 interceptive effect Effects 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 238000004904 shortening Methods 0.000 description 3
- 238000004891 communication Methods 0.000 description 2
- 238000005111 flow chemistry technique Methods 0.000 description 2
- 239000013307 optical fiber Substances 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 230000003111 delayed effect Effects 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- 230000008676 import Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 238000003825 pressing 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
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/20—Software design
-
- 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Abstract
The invention provides a method, a system, equipment and a storage medium for generating a webpage based on a template, wherein the method comprises the following steps: presetting at least one webpage template group, wherein each webpage template group is provided with a plurality of webpage templates, each webpage template is provided with a plurality of different types of blocks with independent serial numbers, and the blocks at least comprise character paragraph blocks, image blocks and control blocks; receiving a request of a user for switching from a current webpage template to another webpage template in the same webpage template group; and correspondingly assigning the attribute values and the link relations of the character paragraph blocks, the image blocks and the control blocks in the current webpage template to each block with the mapping relation in the requested webpage template, and generating the webpage according to the requested webpage template. The invention can quickly carry out global style adjustment by establishing the webpage template group with the block mapping relation, has the parallel detection capability of the multi-webpage terminal, greatly accelerates the webpage development progress and shortens the webpage development time.
Description
Technical Field
The present invention relates to the field of web page development, and in particular, to a method, system, device and storage medium for generating a web page based on a template.
Background
In some development tasks, the page contents (such as characters and pictures) of products are the same, but the formats (such as colors and backgrounds) are different, and it is very tedious to re-establish the webpage import page contents each time, so that the development progress is delayed.
Also, consider that the web page web may run on different terminals, such as: different terminals of a computer, a tablet, a mobile phone and the like are subjected to different length-width ratios, and the web is redeveloped to optimize, thereby avoiding bug and the like, greatly increasing the labor cost and time cost of development, and being difficult to update the web of the web page in time.
Therefore, the invention provides a method, a system, equipment and a storage medium for generating a webpage based on a template.
Disclosure of Invention
The invention aims to provide a template-based webpage generation method, a template-based webpage generation system, template-based webpage generation equipment and a storage medium, overcomes the difficulties in the prior art, can quickly perform global style adjustment by establishing a webpage template group with a block mapping relation, has the parallel detection capability of multiple webpage terminals, greatly accelerates the webpage development progress, and shortens the webpage development time.
The embodiment of the invention provides a webpage generation method based on a template, which comprises the following steps:
s110, presetting at least one webpage template group, wherein each webpage template group is provided with a plurality of webpage templates, each webpage template is provided with a plurality of different types of blocks with independent serial numbers, and the blocks at least comprise character paragraph blocks, image blocks and control blocks;
s120, receiving a request of a user for switching from a current webpage template to another webpage template in the same webpage template group; and
s130, attribute values and link relations of the text paragraph blocks, the image blocks and the control blocks in the current webpage template are correspondingly assigned to the text paragraph blocks, the image blocks and the control blocks with mapping relations in the requested webpage template, and a webpage is generated according to the requested webpage template.
Preferably, the step S110 includes the following steps:
and establishing a mapping relation among each character paragraph block, each image block and each control block in different webpage templates in the webpage template group.
Preferably, the attribute parameters of the web page template at least include background patterns, colors, border patterns and layouts.
Preferably, the image block is used for displaying pictures or videos or an interactive playing interface.
Preferably, the control block is used for displaying a button for operating a page, for example: like praise, collection, coin-feed, etc.
Preferably, the text paragraph blocks, the image blocks and the control blocks of the web page template have layout parameters based on different types of web page terminals, the layout parameters include length and width parameters and position coordinate parameters of each text paragraph block, each image block and each control block, and the web page terminals are at least two of a desktop computer, a notebook computer, a tablet computer and a mobile phone.
Preferably, the current webpage template adopts layout parameters based on a webpage terminal, and the attribute values and link relations of the text paragraph block, the image block and the control block of the current webpage template are simulated on the basis of other webpage terminals to respectively generate independent page templates for switching at any time.
Preferably, when attribute values of text paragraph blocks, image blocks and control blocks in the current webpage template overflow in independent page templates of other webpage terminals, generating alarm information for alarming, wherein the alarm information at least comprises information of types of the webpage terminals which overflow and types of the blocks which overflow;
preferably, when the link relation among the text paragraph block, the image block and the control block in the current webpage template fails in the independent page templates of the rest of the webpage terminals, alarm information is generated to give an alarm, wherein the alarm information at least comprises information of the type of the webpage terminal which fails and the type of the block which fails.
Preferably, the aspect ratios of the image blocks in the layout parameters of the different types of web page terminals are the same;
the length-width ratios of the control blocks in the layout parameters of different types of webpage terminals are the same;
and selecting the maximum character size capable of completely displaying the whole character paragraph in the area according to the area of the character paragraph block in the layout parameters of different types of webpage terminals.
The embodiment of the present invention further provides a template-based web page generation system, which is used for implementing the template-based web page generation method, and the template-based web page generation system includes:
the webpage development module is used for presetting at least one webpage template group, each webpage template group is provided with a plurality of webpage templates, and each webpage template is provided with a plurality of text paragraph blocks, image blocks and control blocks with independent serial numbers;
the switching request module is used for receiving a request of a user for switching from a current webpage template to another webpage template in the same webpage template group; and
and the webpage generating module is used for correspondingly assigning the attribute values and the link relations of the text paragraph blocks, the image blocks and the control blocks in the current webpage template to the text paragraph blocks, the image blocks and the control blocks of the requested webpage template and generating a webpage according to the requested webpage template.
The embodiment of the present invention further provides a template-based web page generation device, including:
a processor.
A memory having stored therein executable instructions of the processor.
Wherein the processor is configured to perform the steps of the template-based web page generation method described above via execution of the executable instructions.
Embodiments of the present invention also provide a computer-readable storage medium for storing a program, which when executed, implements the steps of the above-described template-based web page generation method.
The template-based webpage generation method, the template-based webpage generation system, the template-based webpage generation equipment and the storage medium can quickly perform global style adjustment by establishing the webpage template group with the block mapping relation, have the parallel detection capability of a plurality of webpage terminals, greatly accelerate the webpage development progress and shorten the webpage development time.
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 flow chart of a template-based web page generation method of the present invention.
Fig. 2 to 4 are schematic diagrams of implementation processes of the template-based web page generation method of the present invention.
FIG. 5 is a block diagram of the template-based web page generation system of the present invention.
Fig. 6 is a schematic structural diagram of the template-based web page generation device of the present invention. And
fig. 7 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 flow chart of a template-based web page generation method of the present invention. As shown in fig. 1, an embodiment of the present invention provides a method for generating a web page based on a template, including the following steps:
s110, presetting at least one webpage template group, wherein each webpage template group is provided with a plurality of webpage templates, each webpage template is provided with a plurality of different types of blocks with independent serial numbers, and the blocks at least comprise character paragraph blocks, image blocks and control blocks;
s120, receiving a request of a user for switching from a current webpage template to another webpage template in the same webpage template group; and
s130, attribute values and link relations of the text paragraph blocks, the image blocks and the control blocks in the current webpage template are correspondingly assigned to the text paragraph blocks, the image blocks and the control blocks with mapping relations in the requested webpage template, and a webpage is generated according to the requested webpage template.
In a preferred embodiment, step S110 includes the following steps:
and establishing a mapping relation among each character paragraph block, each image block and each control block in different webpage templates in the webpage template group.
In a preferred embodiment, the attribute parameters of the web page template at least include a background pattern, a color, a frame pattern, and a layout, but not limited thereto.
In a preferred embodiment, the image block is used for displaying pictures or videos or an interactive playing interface, but not limited thereto.
In a preferred embodiment, the control block is used to show the buttons for operating the page, such as: like, but not limited to, praise, collection, coin-feed, etc.
In a preferred embodiment, the text paragraph blocks, the image blocks, and the control blocks of the web page template have layout parameters based on different types of web page terminals, respectively, the layout parameters include length and width parameters and position coordinate parameters of each text paragraph block, each image block, and each control block, and the web page terminals are at least two of a desktop computer, a notebook computer, a tablet computer, and a mobile phone.
In a preferred embodiment, the current webpage template adopts layout parameters based on a webpage terminal, and the attribute values and the link relations of the text paragraph block, the image block and the control block of the current webpage template are simulated on the basis of other webpage terminals to respectively generate independent page templates for switching at any time.
In a preferred embodiment, when attribute values of a text paragraph block, an image block and a control block in a current webpage template overflow in independent page templates of other webpage terminals, alarm information is generated to alarm, wherein the alarm information at least comprises information of the type of the webpage terminal with overflow and the type of the block with overflow.
In a preferred embodiment, when the link relation of the text paragraph block, the image block and the control block in the current webpage template fails in the independent page templates of the other webpage terminals, alarm information is generated to give an alarm, wherein the alarm information at least comprises the information of the type of the webpage terminal which fails and the type of the block which fails.
In a preferred embodiment, the aspect ratios of the image blocks in the layout parameters of different types of web page terminals are the same.
In a preferred embodiment, the aspect ratios of the control blocks in the layout parameters of different types of webpage terminals are the same.
In a preferred embodiment, the layout parameters of different types of web page terminals select the largest font size capable of completely displaying the whole text paragraph in the area according to the area of the text paragraph block.
The template-based webpage generation method can quickly perform global style adjustment by establishing the webpage template group with the block mapping relation, has the parallel detection capability of the multi-webpage terminal, greatly accelerates the webpage development progress and shortens the webpage development time.
Fig. 2 to 4 are schematic diagrams of implementation processes of the template-based web page generation method of the present invention. As shown in fig. 2 to 4, the preset web page template set of the present invention has a plurality of web page templates, each web page template has a plurality of different types of blocks with independent serial numbers, and the attribute parameters of the web page templates at least include background patterns, colors, frame patterns, and layouts. The user currently develops a web page on desktop T1 that includes text paragraph chunk a1, video chunk B1, control chunk C1, control chunk C2, and control chunk C3. And establishing a mapping relation among each character paragraph block, each image block and each control block in different webpage templates in the webpage template group. Image tile B1 is used to display pictures or videos or an interactive playing interface. The control blocks are used for displaying buttons for operating the page, and in the embodiment, the control blocks C1, C2 and C3 are buttons for pressing like, collecting and coin inserting respectively.
In one embodiment, when a request of a user to switch from a current web page template to another web page template in the same web page template group is received, attribute values and link relations of a text paragraph block, an image block and a control block in the current web page template are correspondingly assigned to the text paragraph block, the image block and the control block which have mapping relations in the requested web page template, and a web page is generated according to the requested web page template, so that parameters such as a background pattern, a border color and the like of the page can be quickly changed.
With reference to fig. 2 to 4, in another embodiment, the text segment block, the image block, and the control block of the web page template respectively have layout parameters based on different types of web page terminals, the layout parameters include length and width parameters and position coordinate parameters of each text segment block, image block, and control block, and the web page terminals are desktop computers and mobile phones. The mapping relation of each character paragraph block, image block and control block in different webpage templates in the webpage template group is established. The web page on the desktop T1 is quickly converted into the mobile phone T2, and the text paragraph block a1, the image block B1, the control block C1, the control block C2, and the control block C3 in the web interface of the mobile phone T2 are respectively in one-to-one correspondence with the text paragraph block a1, the image block B1, the control block C1, the control block C2, and the control block C3 in the desktop T1. The current webpage template adopts layout parameters based on a webpage terminal, and the attribute values and the link relations of the text paragraph block, the image block and the control block of the current webpage template are simulated based on other webpage terminals to respectively generate independent page templates for switching at any time.
When the user can develop the web page on the desktop T1 in fig. 2, the system automatically generates the web page development interface of the mobile phone T2 according to the mapping relationship between the content in the desktop T1 and the content in the mobile phone T2. In the web page of the cell phone T2, the content of the text passage block a1, the video block B1, the control block C1, the control block C2, and the control block C3 in the web page interface of the cell phone T2 of the cell phone T2 are respectively displayed in correspondence with the content of the text passage block a1, the video block B1, the control block C1, the control block C2, and the control block C3 in the desktop T1. When a user can quickly convert the webpage on the desktop T1 in the mobile phone T2 in FIG. 2 into a webpage development interface of the mobile phone T2, the generated webpage development interface can be called out in sequence, so that the user can be ensured to switch back and forth among a plurality of webpage terminals without time delay, and the efficiency of developing the webpage on different webpage terminals is greatly improved.
In another embodiment, when attribute values of a text paragraph block, an image block and a control block in a current webpage template overflow in independent page templates of other webpage terminals, alarm information is generated to give an alarm, and the alarm information at least comprises information of a webpage terminal type where the overflow occurs and a block type where the overflow occurs, so that the situation that although a user only develops a webpage on a desktop T1 is ensured, through parallel development of a plurality of webpage terminals simulated by a system, the webpage content of the current desktop T1 can be detected, and the overflow condition of a sound can be sounded when the webpage is displayed on a mobile phone T2, so that the user is timely reminded, the webpage is improved, and bug is avoided, thereby accelerating the speed of parallel development of the multiple terminals, but not being limited thereto.
In another embodiment, when the link relation of the text paragraph block, the image block and the control block in the current webpage template fails in the independent page templates of the other webpage terminals, alarm information is generated to give an alarm, and the alarm information at least comprises the information of the type of the failed webpage terminal and the type of the failed block, so that the situation that the link fails and can be sounded when displayed on the mobile phone T2 can be detected by simulating the parallel development of a plurality of webpage terminals through a system, the user is timely reminded, the webpage is improved, and bug is avoided, so that the speed of the parallel development of the plurality of terminals is increased, but the limitation is not taken.
In another embodiment, the catalog is developed by proctoring the project. Creating html files and css files, and introducing the css files into html pages, wherein the styles of the serial communications are defined independently, then the classes are defined independently and are debugged when needed, and the needed page template can be called by directly writing the class on the html label as 'am 1' when needed. And the page content (including pictures, texts, keys and the like) is transferred from the current page (the pictures, the texts, the keys and the like of the page under development), so that the speed of making the webpage dynamic effect is increased, and the problem of improving the front-end development efficiency of the webpage is solved.
FIG. 5 is a block diagram of the template-based web page generation system of the present invention. As shown in fig. 5, an embodiment of the present invention further provides a template-based web page generation system, which is configured to implement the template-based web page generation method described above, where the template-based web page generation system 5 includes:
the web page development module 51 is preset with at least one web page template group, each web page template group is provided with a plurality of web page templates, and each web page template is provided with a plurality of character paragraph blocks, image blocks and control blocks with independent serial numbers;
the switching request module 52 receives a request for switching from the current web page template to another web page template in the same web page template group from the user; and
the web page generating module 53 assigns the attribute values and the link relations of the text paragraph block, the image block and the control block in the current web page template to the text paragraph block, the image block and the control block in the requested web page template, and generates a web page according to the requested web page template.
The template-based webpage generation system can quickly perform global style adjustment by establishing the webpage template group with the block mapping relation, has the parallel detection capability of a plurality of webpage terminals, greatly accelerates the webpage development progress and shortens the webpage development time.
The embodiment of the invention also provides a webpage generating device based on the template, 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 template-based web page generation method via execution of executable instructions.
As shown above, the embodiment can quickly perform global style adjustment by establishing the web page template group with the block mapping relationship, and has the parallel detection capability of multiple web page terminals, thereby greatly accelerating the web page development progress and shortening the web page development time.
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. 6 is a schematic structural diagram of the template-based web page generation device of 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 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. 6, 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 a program, and the steps of the webpage generating method based on the template 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 embodiment can quickly perform global style adjustment by establishing the web page template group with the block mapping relationship, and has the parallel detection capability of multiple web page terminals, thereby greatly accelerating the web page development progress and shortening the web page development time.
Fig. 7 is a schematic structural diagram of a computer-readable storage medium of the present invention. Referring to fig. 7, 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 template-based webpage generation method, system, device and storage medium of the present invention can quickly perform global style adjustment by establishing the webpage template group having the block mapping relationship, and have the parallel detection capability of multiple webpage terminals, thereby greatly accelerating the webpage development progress and shortening the webpage development time.
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 generating method based on a template is characterized by comprising the following steps:
s110, presetting at least one webpage template group, wherein each webpage template group is provided with a plurality of webpage templates, each webpage template is provided with a plurality of different types of blocks with independent serial numbers, and the blocks at least comprise character paragraph blocks, image blocks and control blocks;
s120, receiving a request of a user for switching from a current webpage template to another webpage template in the same webpage template group; and
s130, attribute values and link relations of the text paragraph blocks, the image blocks and the control blocks in the current webpage template are correspondingly assigned to the text paragraph blocks, the image blocks and the control blocks with mapping relations in the requested webpage template, and a webpage is generated according to the requested webpage template.
2. The template-based web page generating method according to claim 1, wherein the step S110 comprises the following steps:
and establishing a mapping relation among each character paragraph block, each image block and each control block in different webpage templates in the webpage template group.
3. The template-based webpage generating method of claim 1, wherein the text paragraph blocks, the image blocks and the control blocks of the webpage template have layout parameters based on different types of webpage terminals respectively, the layout parameters include length and width parameters and position coordinate parameters of each text paragraph block, each image block and each control block, and the webpage terminals are at least two of a desktop computer, a notebook computer, a tablet computer and a mobile phone.
4. The template-based webpage generating method of claim 3, wherein the current webpage template adopts layout parameters based on a webpage terminal, and the attribute values and the link relations of the text paragraph block, the image block and the control block of the current webpage template are simulated based on other webpage terminals to respectively generate independent page templates for switching at any time.
5. The template-based webpage generating method of claim 4, wherein when attribute values of text paragraph blocks, image blocks and control blocks in the current webpage template overflow in independent page templates of other webpage terminals, alarm information is generated to give an alarm, and the alarm information at least comprises information of types of the webpage terminals where the overflow occurs and types of the blocks where the overflow occurs.
6. The template-based webpage generating method according to claim 4, wherein when the link relation among the text paragraph block, the image block and the control block in the current webpage template fails in the independent page templates of the other webpage terminals, alarm information is generated to give an alarm, and the alarm information at least comprises information of the type of the webpage terminal which fails and the type of the block which fails.
7. The template-based webpage generating method of claim 4, wherein the aspect ratios of the image blocks in the layout parameters of different types of webpage terminals are the same;
the length-width ratios of the control blocks in the layout parameters of different types of webpage terminals are the same;
and selecting the maximum character size capable of completely displaying the whole character paragraph in the area according to the area of the character paragraph block in the layout parameters of different types of webpage terminals.
8. A template-based web page generation system for implementing the template-based web page generation method of claim 1, comprising:
the webpage development module is used for presetting at least one webpage template group, each webpage template group is provided with a plurality of webpage templates, and each webpage template is provided with a plurality of text paragraph blocks, image blocks and control blocks with independent serial numbers;
the switching request module is used for receiving a request of a user for switching from a current webpage template to another webpage template in the same webpage template group; and
and the webpage generating module is used for correspondingly assigning the attribute values and the link relations of the text paragraph blocks, the image blocks and the control blocks in the current webpage template to the text paragraph blocks, the image blocks and the control blocks of the requested webpage template and generating a webpage according to the requested webpage template.
9. A template-based web page generation device, comprising:
a processor;
a memory having stored therein executable instructions of the processor;
wherein the processor is configured to perform the steps of the template-based web page generation method of any one of claims 1 to 7 via execution of the executable instructions.
10. A computer-readable storage medium storing a program which, when executed, performs the steps of the template-based web page generation method of any one of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010973485.8A CN112099770A (en) | 2020-09-16 | 2020-09-16 | Template-based webpage generation method, system, equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010973485.8A CN112099770A (en) | 2020-09-16 | 2020-09-16 | Template-based webpage generation method, system, equipment and storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112099770A true CN112099770A (en) | 2020-12-18 |
Family
ID=73759822
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010973485.8A Pending CN112099770A (en) | 2020-09-16 | 2020-09-16 | Template-based webpage generation method, system, equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112099770A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113704655A (en) * | 2021-08-05 | 2021-11-26 | 上海硬通网络科技有限公司 | Page operation control setting method and device and storage medium |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20020169804A1 (en) * | 2001-02-21 | 2002-11-14 | Fridolin Faist | System and method for storage space optimized memorization and generation of web pages |
| CN104267887A (en) * | 2014-09-13 | 2015-01-07 | 重庆市科学技术研究院 | Application window size parameter based application page self-adaptive layout display method |
| CN104426896A (en) * | 2013-09-10 | 2015-03-18 | 腾讯科技（北京）有限公司 | Method and device for producing topic pages |
| CN109120716A (en) * | 2018-09-25 | 2019-01-01 | 珠海格力电器股份有限公司 | Apparatus control method, device, storage medium and equipment unit |
| CN111506310A (en) * | 2020-03-24 | 2020-08-07 | 平安国际智慧城市科技股份有限公司 | Method, device and equipment for generating multi-platform style and storage medium |
-
2020
- 2020-09-16 CN CN202010973485.8A patent/CN112099770A/en active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20020169804A1 (en) * | 2001-02-21 | 2002-11-14 | Fridolin Faist | System and method for storage space optimized memorization and generation of web pages |
| CN104426896A (en) * | 2013-09-10 | 2015-03-18 | 腾讯科技（北京）有限公司 | Method and device for producing topic pages |
| CN104267887A (en) * | 2014-09-13 | 2015-01-07 | 重庆市科学技术研究院 | Application window size parameter based application page self-adaptive layout display method |
| CN109120716A (en) * | 2018-09-25 | 2019-01-01 | 珠海格力电器股份有限公司 | Apparatus control method, device, storage medium and equipment unit |
| CN111506310A (en) * | 2020-03-24 | 2020-08-07 | 平安国际智慧城市科技股份有限公司 | Method, device and equipment for generating multi-platform style and storage medium |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113704655A (en) * | 2021-08-05 | 2021-11-26 | 上海硬通网络科技有限公司 | Page operation control setting method and device and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN106991154B (en) | Webpage rendering method and device, terminal and server | |
| CN110069257B (en) | Interface processing method and device and terminal | |
| CN104995601B (en) | It is switched to the machine Web page application program and is switched away from from the machine Web page application program | |
| US10013263B2 (en) | Systems and methods method for providing an interactive help file for host software user interfaces | |
| US9817811B2 (en) | Web server system, dictionary system, dictionary call method, screen control display method, and demonstration application generation method | |
| CN113031946B (en) | Method and device for rendering page component | |
| CN109145272B (en) | Text rendering and layout method, device, equipment and storage medium | |
| US10019424B2 (en) | System and method that internally converts PowerPoint non-editable and motionless presentation mode slides into editable and mobile presentation mode slides (iSlides) | |
| CN110096275B (en) | Page processing method and device | |
| CN112528207B (en) | Activity page generation method and device and electronic equipment | |
| US20160188558A1 (en) | Information processing device, information processing method, and program | |
| CN111324833A (en) | Page display method, device, electronic design and computer readable medium | |
| TWI447641B (en) | Method and computer program product for displaying document on mobile device | |
| CN101971244A (en) | Display data output device | |
| CN105359104A (en) | Synchronization points for state information | |
| CN112099770A (en) | Template-based webpage generation method, system, equipment and storage medium | |
| CN110618811B (en) | Information presentation method and device | |
| EP4033378A1 (en) | Rendering method, electronic device and storage medium | |
| CN113296759B (en) | User interface processing method, user interface processing system, device and storage medium | |
| CN113190365B (en) | Information processing method and device and electronic equipment | |
| CN114579461A (en) | Browser compatibility detection method and related equipment | |
| CN114443022A (en) | Method for generating page building block and electronic equipment | |
| CN113900650A (en) | Data processing method and device, electronic equipment and readable storage medium | |
| CN113656041A (en) | Data processing method, device, equipment and storage medium | |
| CN113220297A (en) | Webpage style dynamic generation method and device, storage medium and electronic equipment |
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 |