CN110580189A - method and device for generating front-end page, computer equipment and storage medium - Google Patents
method and device for generating front-end page, computer equipment and storage medium Download PDFInfo
- Publication number
- CN110580189A CN110580189A CN201910844348.1A CN201910844348A CN110580189A CN 110580189 A CN110580189 A CN 110580189A CN 201910844348 A CN201910844348 A CN 201910844348A CN 110580189 A CN110580189 A CN 110580189A
- Authority
- CN
- China
- Prior art keywords
- page
- user
- target template
- code segment
- information input
- 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 43
- 230000000007 visual effect Effects 0.000 claims abstract description 16
- 238000004590 computer program Methods 0.000 claims description 14
- YWXYYJSYQOXTPL-SLPGGIOYSA-N isosorbide mononitrate Chemical compound [O-][N+](=O)O[C@@H]1CO[C@@H]2[C@@H](O)CO[C@@H]21 YWXYYJSYQOXTPL-SLPGGIOYSA-N 0.000 claims description 8
- 238000011161 development Methods 0.000 abstract description 16
- 238000010586 diagram Methods 0.000 description 11
- 238000005516 engineering process Methods 0.000 description 5
- 238000012800 visualization Methods 0.000 description 5
- 238000004891 communication Methods 0.000 description 3
- 230000006870 function Effects 0.000 description 3
- 238000010276 construction Methods 0.000 description 1
- 238000012905 input function Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/448—Execution paradigms, e.g. implementations of programming paradigms
- G06F9/4482—Procedural
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/46—Multiprogramming arrangements
- G06F9/48—Program initiating; Program switching, e.g. by interrupt
- G06F9/4806—Task transfer initiation or dispatching
- G06F9/4843—Task transfer initiation or dispatching by program, e.g. task dispatcher, supervisor, operating system
- G06F9/485—Task life-cycle, e.g. stopping, restarting, resuming execution
- G06F9/4856—Task life-cycle, e.g. stopping, restarting, resuming execution resumption being on a different machine, e.g. task migration, virtual machine migration
- G06F9/4862—Task life-cycle, e.g. stopping, restarting, resuming execution resumption being on a different machine, e.g. task migration, virtual machine migration the task being a mobile agent, i.e. specifically designed to migrate
- G06F9/4868—Task life-cycle, e.g. stopping, restarting, resuming execution resumption being on a different machine, e.g. task migration, virtual machine migration the task being a mobile agent, i.e. specifically designed to migrate with creation or replication
Abstract
The embodiment of the invention discloses a method, a device, computer equipment and a storage medium for generating a front-end page, wherein the method comprises the following steps: providing a plurality of template pages for a user to select one template page as a target template page; providing a visual page configuration area to acquire configuration information input by a user aiming at the target template page; storing a code segment corresponding to the configuration information input by the user into a database; if an operation instruction of a user is received, dynamically analyzing the target template page to determine a code segment needing to be replaced in the target template page; and replacing the determined code segment needing to be replaced by using the code segment corresponding to the configuration information input by the user in the database, and generating the front-end page according to the replaced target template page. According to the method and the device, the information of the front-end page is visually configured, the front-end page can be quickly generated without carrying out secondary development on the template page, and the development efficiency of the front-end page is improved.
Description
Technical Field
The present invention relates to the field of computer technologies, and in particular, to a method and an apparatus for generating a front-end page, a computer device, and a storage medium.
Background
At present, for the development of a front-end page, it is common practice to perform secondary development on the basis of a template page, and the secondary development is only to simply delete existing codes, and this way often leaves a lot of redundant junk codes, which causes a lot of bugs to appear on the page, and it is necessary to solve the problem that these page bugs need a developer to return to the page codes again to search for the reason why the page bugs appear, and solve the problem that the page bugs appear, and this page development way cannot achieve rapid development, and is poor in page quality and low in development efficiency.
disclosure of Invention
In view of this, embodiments of the present invention provide a method, an apparatus, a computer device, and a storage medium for generating a front-end page, where information of the front-end page is configured visually, and the front-end page can be generated quickly without performing secondary development on a template page, so as to improve development efficiency of the front-end page.
in one aspect, an embodiment of the present invention provides a method for generating a front-end page, where the method includes:
Providing a plurality of template pages for a user to select one template page as a target template page;
Providing a visual page configuration area according to a target template page selected by a user to acquire configuration information input by the user aiming at the target template page;
storing a code segment corresponding to the configuration information input by the user into a database;
If an operation instruction of a user is received, dynamically analyzing the target template page to determine a code segment needing to be replaced in the target template page;
And replacing the determined code segment needing to be replaced by using the code segment corresponding to the configuration information input by the user in the database, and generating the front-end page according to the replaced target template page.
in another aspect, an embodiment of the present invention provides an apparatus for generating a front page, where the apparatus includes:
The execution unit is used for providing a plurality of template pages for a user to select one template page as a target template page;
The acquisition unit is used for providing a visual page configuration area according to a target template page selected by a user so as to acquire configuration information input by the user aiming at the target template page;
the storage unit is used for storing the code segment corresponding to the configuration information input by the user into the database;
The dynamic analysis unit is used for dynamically analyzing the target template page to determine a code segment which needs to be replaced in the target template page if an operation instruction of a user is received;
and the generating unit is used for replacing the determined code segment needing to be replaced by using the code segment corresponding to the configuration information input by the user in the database, and generating the front-end page according to the replaced target template page.
in yet another aspect, an embodiment of the present invention further provides a computer device, which includes a memory, a processor, and a computer program stored in the memory and executable on the processor, and the processor, when executing the computer program, implements the method for generating a front-end page as described above.
In yet another aspect, the present invention also provides a computer-readable storage medium, where one or more computer programs are stored, and the one or more computer programs are executable by one or more processors to implement the method for generating a front-end page as described above.
The embodiment of the invention provides a method, a device, computer equipment and a storage medium for generating a front-end page, wherein the method comprises the following steps: providing a plurality of template pages for a user to select one template page as a target template page; providing a visual page configuration area according to a target template page selected by a user to acquire configuration information input by the user aiming at the target template page; storing a code segment corresponding to the configuration information input by the user into a database; if an operation instruction of a user is received, dynamically analyzing the target template page to determine a code segment needing to be replaced in the target template page; and replacing the determined code segment needing to be replaced by using the code segment corresponding to the configuration information input by the user in the database, and generating the front-end page according to the replaced target template page. According to the method and the device, the information of the front-end page is visually configured, the front-end page can be quickly generated without carrying out secondary development on the template page, and the development efficiency of the front-end page is improved.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the drawings needed to be used in the description of the embodiments are briefly introduced below, and it is obvious that the drawings in the following description are some embodiments of the present invention, and it is obvious for those skilled in the art to obtain other drawings based on these drawings without creative efforts.
Fig. 1 is a schematic application scenario diagram of a method for generating a front-end page according to an embodiment of the present invention;
FIG. 2 is a schematic flow chart diagram of a method for generating a front-end page according to an embodiment of the present invention;
FIG. 3 is another schematic flow chart of a method for generating a front-end page according to an embodiment of the present invention;
FIG. 4 is another schematic flow chart diagram of a method for generating a front-end page according to an embodiment of the present invention;
FIG. 5 is another schematic flow chart diagram of a method for generating a front-end page according to an embodiment of the present invention;
FIG. 6 is a schematic block diagram of an apparatus for generating a front-end page according to an embodiment of the present invention;
FIG. 7 is another schematic block diagram of an apparatus for generating a front page according to an embodiment of the present invention;
FIG. 8 is another schematic block diagram of an apparatus for generating a front page according to an embodiment of the present invention;
FIG. 9 is another schematic block diagram of an apparatus for generating a front page according to an embodiment of the present invention;
Fig. 10 is a schematic structural diagram of a computer device according to an embodiment of the present invention.
Detailed Description
The technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are some, not all, embodiments of the present invention. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.
it will be understood that the terms "comprises" and/or "comprising," when used in this specification and the appended claims, specify the presence of stated features, integers, steps, operations, elements, and/or components, but do not preclude the presence or addition of one or more other features, integers, steps, operations, elements, components, and/or groups thereof.
it is also to be understood that the terminology used in the description of the invention herein is for the purpose of describing particular embodiments only and is not intended to be limiting of the invention. As used in the specification of the present invention and the appended claims, the singular forms "a," "an," and "the" are intended to include the plural forms as well, unless the context clearly indicates otherwise.
it should be further understood that the term "and/or" as used in this specification and the appended claims refers to and includes any and all possible combinations of one or more of the associated listed items.
Referring to fig. 1 and fig. 2, fig. 1 is a schematic view of an application scenario of a method for generating a front-end page according to an embodiment of the present invention, and fig. 2 is a schematic flow chart of the method for generating a front-end page according to the embodiment of the present invention. The method for generating the front-end page is applied to a server or a terminal, wherein the terminal can be an electronic device with a communication function, such as a smart phone, a tablet computer, a notebook computer or a desktop computer. As an application, as shown in fig. 1, the method for generating a front-end page is applied to a server 10, where the server 10 may be a server in a distributed service platform, and the server 10 executes a page generation instruction to complete a front-end page generation operation and sends the generated front-end page to a terminal 20.
it should be noted that only one terminal 20 is illustrated in fig. 1, and in actual operation, the server 10 may send the collected data to a plurality of terminals 20.
Referring to fig. 2, fig. 2 is a schematic flow chart of a method for generating a front-end page according to an embodiment of the present invention. As shown in fig. 2, the method includes the following steps S101 to S105.
S101, providing a plurality of template pages for a user to select one template page as a target template page.
In an embodiment of the present invention, the template page includes at least two of the following page types: a form query page, a form submission page, a workbench page, a detail presentation page, a multi-TAB page, and a level two multi-TAB page. Each template page is a page with a pre-developed uniform style, the template page can be customized and developed according to the requirements of a user, and when the user needs to generate a front-end page, one type of template page can be selected from the template pages according to the self requirements of the user to serve as a target template page. Each template page comprises a CSS style of the page, an HTML structure of the page and basic JavaScript logic.
s102, providing a visual page configuration area according to a target template page selected by a user to acquire configuration information input by the user aiming at the target template page.
In the embodiment of the invention, after a user selects one template page as a target template page, a visual page configuration area is displayed on a current display interface after the user opens the target template page so that the user can input configuration information for the target template page, and the visual page configuration area is used for acquiring the configuration information input by the user. Specifically, in this embodiment, different visual page configuration areas are set for different types of template pages, and a user can input configuration information for a template page selected by the user according to a prompt in the visual page configuration areas, where the configuration information is used to replace a parameter at a corresponding position in a target template page when a front-end page is generated, so as to generate the front-end page required by the user.
in this embodiment, a table query page is taken as an example to describe the step S102, as shown in fig. 3, if the target template page is the table query page, the step S102 includes:
S301, providing a query area to acquire query condition information input by a user aiming at the form query page.
specifically, a query area is provided for a form query page for a user to input configuration information, where the configuration information is query condition information, and in this embodiment, the query condition information specifically includes query condition specific content, a query name, a query ID, a query type, and the like.
s302, providing an operation area to acquire the button style information input by the user aiming at the form query page.
Specifically, an operation area is provided for a user to input configuration information for a tabular query page, where the operation area is a button displayed on the page, and the configuration information is button style information.
And S303, providing a form area to acquire form field information input by a user aiming at the form inquiry page.
Specifically, a table area is provided for a table format query page for a user to input configuration information, the table area is a table field displayed on the page, and the configuration information is table field information.
s103, storing the code segment corresponding to the configuration information input by the user into a database.
in the embodiment of the present invention, after the configuration information is input in the configuration area of the visualization page, a corresponding code segment is generated for the input configuration information in the terminal background and stored in the database, wherein the code segment may include an html5 code segment or a JavaScript code segment.
and S104, if an operation instruction of a user is received, dynamically analyzing the target template page to determine the code segment which needs to be replaced in the target template page.
in the embodiment of the present invention, the operation instruction may be generated by a user clicking a generation button provided by a current page, after the user inputs configuration information for a target template page in a configuration area of a visualized page, the user executes the operation instruction by clicking the generation button, starts to dynamically analyze the target template page, finds out a code segment that can be replaced in the target template page, and replaces a code segment that can be replaced in the target template page with a code segment corresponding to the configuration information in a database.
further, as shown in fig. 4, the step S104 includes steps S402 to S404.
S402, determining keywords in the code segment corresponding to the configuration information input by the user.
Specifically, in the present embodiment, a dynamic resolution is respectively performed on code segments corresponding to configuration information and code segments in a target template page by using a Velocity technique, and first, a keyword in the code segment corresponding to the configuration information is determined by traversing the code segment corresponding to the configuration information, where the keyword is, for example, "# if... else", "# foreach", "$ { }", and execution structures (or code segments composed of execution structures) corresponding to the keyword may be used to replace corresponding code segments in the target template page.
S404, traversing the code segments corresponding to the target template page line by using the keywords to find out the code segments which meet the keywords and need to be replaced.
Specifically, a code segment corresponding to a target template page is analyzed through a Velocity technology, that is, a code segment corresponding to the target template page is traversed line by a keyword determined from a code segment corresponding to configuration information input by a user, when the keyword beginning with "# if.. # else" or "# foreach" or "$ { }" is traversed, an execution structure corresponding to the keyword is determined by the Velocity technology, a code segment corresponding to the execution structure is further determined to be a code segment to be replaced through the execution structure corresponding to the keyword, and different keywords represent different logical meanings, for example, # if.. # else represents conditional judgment, and the execution structure is found only if the keyword is satisfied to determine the code segment to be replaced.
and S105, replacing the determined code segment needing to be replaced by using the code segment corresponding to the configuration information input by the user in the database, and generating the front-end page according to the replaced target template page.
in the embodiment of the invention, after the code segment needing to be replaced in the target template page is searched and positioned by the Velocity technology, the code segment needing to be replaced determined in the target template page is replaced by using the code segment corresponding to the configuration information input by the user, after the code segment is replaced, the code of the target template page is compiled again, and finally the front-end page needed by the user is generated.
Further, as shown in fig. 5, the step S105 includes steps S502 to S504.
S502, the determined code segment which needs to be replaced is replaced integrally by using the code segment corresponding to the configuration information input by the user in the database.
S504, after the replacement is finished, compiling the codes corresponding to the target template page after the replacement and generating the front-end page.
for steps S502 and S504, for example, after the condition name "my is title" in the configuration area of the visualization page, which is filled in the "query area", is saved, a piece of { globalObj: { title: JSON configuration records of 'I is a title' } are recorded in a database, when a button for generating a front-end page is clicked, a code segment corresponding to a target template page is analyzed through a Velocity technology, when $ { { view.
As can be seen from the above, in the embodiment of the present invention, a plurality of template pages are provided for a user to select one of the template pages as a target template page; providing a visual page configuration area according to a target template page selected by a user to acquire configuration information input by the user aiming at the target template page; storing a code segment corresponding to the configuration information input by the user into a database; if an operation instruction of a user is received, dynamically analyzing the target template page to determine a code segment needing to be replaced in the target template page; and replacing the determined code segment needing to be replaced by using the code segment corresponding to the configuration information input by the user in the database, and generating the front-end page according to the replaced target template page. According to the method and the device, the information of the front-end page is visually configured, the front-end page can be quickly generated without carrying out secondary development on the template page, and the development efficiency of the front-end page is improved.
referring to fig. 6, in response to the method for generating a front-end page, an embodiment of the present invention further provides an apparatus for generating a front-end page, where the apparatus 100 includes: execution section 101, acquisition section 102, storage section 103, dynamic analysis section 104, and generation section 105.
the execution unit 101 is configured to provide a plurality of template pages for a user to select one of the template pages as a target template page.
The obtaining unit 102 is configured to provide a visualization page configuration area according to a target template page selected by a user to obtain configuration information input by the user for the target template page.
a saving unit 103, configured to save the code segment corresponding to the configuration information input by the user into the database.
and a dynamic analysis unit 104, configured to, if an operation instruction of a user is received, dynamically analyze the target template page to determine a code segment that needs to be replaced in the target template page.
A generating unit 105, configured to replace the determined code segment that needs to be replaced with a code segment corresponding to configuration information input by a user in the database, and generate the front-end page according to the replaced target template page.
Referring to fig. 7, the obtaining unit 102 includes:
the first obtaining unit 102a is configured to provide a query area to obtain query condition information input by a user for a form query page.
And a second obtaining unit 102b, configured to provide an operation area to obtain button style information input by the user for the form query page.
and a third obtaining unit 102c, configured to provide a form area to obtain form field information input by the user for the form query page.
Referring to fig. 8, the dynamic parsing unit 104 includes:
The determining unit 104a is configured to determine a keyword in a code segment corresponding to the configuration information input by the user.
And the traversal search unit 104b is configured to traverse the code segments corresponding to the target template page line by using the keyword, so as to find a code segment that meets the keyword and needs to be replaced.
Referring to fig. 9, the generating unit 105 includes:
and a replacing unit 105a, configured to replace the determined code segment that needs to be replaced as a whole by using the code segment corresponding to the configuration information input by the user in the database.
And the generating subunit 105b is configured to, after the replacement is completed, compile a code corresponding to the target template page after the replacement and generate the front-end page.
As can be seen from the above, in the embodiment of the present invention, a plurality of template pages are provided for a user to select one of the template pages as a target template page; providing a visual page configuration area according to a target template page selected by a user to acquire configuration information input by the user aiming at the target template page; storing a code segment corresponding to the configuration information input by the user into a database; if an operation instruction of a user is received, dynamically analyzing the target template page to determine a code segment needing to be replaced in the target template page; and replacing the determined code segment needing to be replaced by using the code segment corresponding to the configuration information input by the user in the database, and generating the front-end page according to the replaced target template page. According to the method and the device, the information of the front-end page is visually configured, the front-end page can be quickly generated without carrying out secondary development on the template page, and the development efficiency of the front-end page is improved.
the device for generating the front-end page corresponds to the method for generating the front-end page one to one, and the specific principle and process are the same as those of the method described in the above embodiment, and are not described again.
The above means for generating the front page may be implemented in the form of a computer program which may be run on a computer device as shown in fig. 10.
FIG. 10 is a schematic diagram of a computer device according to the present invention. The equipment can be a terminal or a server, wherein the terminal can be an electronic device with a communication function and a voice input function, such as a smart phone, a tablet computer, a notebook computer, a desktop computer and the like. The server may be an independent server or a server cluster composed of a plurality of servers. Referring to fig. 10, the computer apparatus 500 includes a processor 502, a nonvolatile storage medium 503, an internal memory 504, and a network interface 505, which are connected by a system bus 501. The non-volatile storage medium 503 of the computer device 500 may store, among other things, an operating system 5031 and a computer program 5032, which, when executed, may cause the processor 502 to perform a method of generating a front-end page. The processor 502 of the computer device 500 is used to provide computing and control capabilities that support the overall operation of the computer device 500. The internal memory 504 provides an environment for the execution of computer programs 5032 in the non-volatile storage medium 503, which when executed by the processor, cause the processor 502 to perform a method of generating front-end pages. The network interface 505 of the computer device 500 is used for network communication. Those skilled in the art will appreciate that the architecture shown in fig. 10 is merely a block diagram of some of the structures associated with the disclosed aspects and is not intended to limit the computing devices to which the disclosed aspects apply, as particular computing devices may include more or less components than those shown, or may combine certain components, or have a different arrangement of components.
Wherein the processor 502 implements the following operations when executing the computer program:
Providing a plurality of template pages for a user to select one template page as a target template page;
Providing a visual page configuration area according to a target template page selected by a user to acquire configuration information input by the user aiming at the target template page;
storing a code segment corresponding to the configuration information input by the user into a database;
If an operation instruction of a user is received, dynamically analyzing the target template page to determine a code segment needing to be replaced in the target template page;
and replacing the determined code segment needing to be replaced by using the code segment corresponding to the configuration information input by the user in the database, and generating the front-end page according to the replaced target template page.
in one embodiment, the template pages include at least two of a form query page, a form submission page, a workbench page, a detail presentation page, a multi TAB page, and a level two multi TAB page.
In an embodiment, if the target template page is a form query page, the providing a visualization page configuration area to obtain configuration information input by a user for the target template page includes:
Providing a query area to acquire query condition information input by a user aiming at a form query page;
Providing an operation area to acquire button style information input by a user aiming at a form query page;
a form area is provided to obtain form field information entered by a user for a form query page.
In one embodiment, the dynamically parsing the target template page to determine the code segments in the target template page that need to be replaced includes
Determining keywords in a code segment corresponding to configuration information input by a user;
And traversing the code segments corresponding to the target template page line by using the keyword to find out the code segments which conform to the keyword and need to be replaced.
In an embodiment, the replacing the determined code segment that needs to be replaced with a code segment corresponding to configuration information input by a user in the database, and generating the front-end page according to the replaced target template page includes:
Using the code segment corresponding to the configuration information input by the user in the database to perform integral replacement on the determined code segment needing to be replaced;
And after the replacement is finished, compiling the codes corresponding to the replaced target template page and generating the front-end page.
those skilled in the art will appreciate that the embodiment of a computer device illustrated in fig. 10 does not constitute a limitation on the specific construction of the computer device, and that in other embodiments a computer device may include more or fewer components than those illustrated, or some components may be combined, or a different arrangement of components. For example, in some embodiments, the computer device only includes a memory and a processor, and in such embodiments, the structures and functions of the memory and the processor are the same as those of the embodiment shown in fig. 10, and are not described herein again.
the present invention provides a computer readable storage medium storing one or more computer programs, the one or more computer programs being executable by one or more processors to perform the steps of:
Providing a plurality of template pages for a user to select one template page as a target template page;
Providing a visual page configuration area according to a target template page selected by a user to acquire configuration information input by the user aiming at the target template page;
Storing a code segment corresponding to the configuration information input by the user into a database;
If an operation instruction of a user is received, dynamically analyzing the target template page to determine a code segment needing to be replaced in the target template page;
And replacing the determined code segment needing to be replaced by using the code segment corresponding to the configuration information input by the user in the database, and generating the front-end page according to the replaced target template page.
In one embodiment, the template pages include at least two of a form query page, a form submission page, a workbench page, a detail presentation page, a multi TAB page, and a level two multi TAB page.
in an embodiment, if the target template page is a form query page, the providing a visualization page configuration area to obtain configuration information input by a user for the target template page includes:
Providing a query area to acquire query condition information input by a user aiming at a form query page;
Providing an operation area to acquire button style information input by a user aiming at a form query page;
a form area is provided to obtain form field information entered by a user for a form query page.
in one embodiment, the dynamically parsing the target template page to determine the code segments in the target template page that need to be replaced includes
determining keywords in a code segment corresponding to configuration information input by a user;
and traversing the code segments corresponding to the target template page line by using the keyword to find out the code segments which conform to the keyword and need to be replaced.
in an embodiment, the replacing the determined code segment that needs to be replaced with a code segment corresponding to configuration information input by a user in the database, and generating the front-end page according to the replaced target template page includes:
Using the code segment corresponding to the configuration information input by the user in the database to perform integral replacement on the determined code segment needing to be replaced;
and after the replacement is finished, compiling the codes corresponding to the replaced target template page and generating the front-end page.
the foregoing storage medium of the present invention includes: various media that can store program codes, such as a magnetic disk, an optical disk, and a Read-Only Memory (ROM).
The elements of all embodiments of the present invention may be implemented by a general purpose integrated circuit, such as a CPU (Central Processing Unit), or by an ASIC (Application Specific integrated circuit).
The steps in the method for generating the front-end page in the embodiment of the invention can be sequentially adjusted, combined and deleted according to actual needs.
The units in the device for generating the front-end page in the embodiment of the invention can be merged, divided and deleted according to actual needs.
While the invention has been described with reference to specific embodiments, the invention is not limited thereto, and various equivalent modifications and substitutions can be easily made by those skilled in the art within the technical scope of the invention. Therefore, the protection scope of the present invention shall be subject to the protection scope of the claims.
Claims (10)
1. A method of generating a front-end page, the method comprising:
Providing a plurality of template pages for a user to select one template page as a target template page;
Providing a visual page configuration area according to a target template page selected by a user to acquire configuration information input by the user aiming at the target template page;
Storing a code segment corresponding to the configuration information input by the user into a database;
If an operation instruction of a user is received, dynamically analyzing the target template page to determine a code segment needing to be replaced in the target template page;
And replacing the determined code segment needing to be replaced by using the code segment corresponding to the configuration information input by the user in the database, and generating the front-end page according to the replaced target template page.
2. the method of claim 1, wherein said template pages comprise at least two of a form query page, a form submission page, a workbench page, a detail presentation page, a multi TAB page, and a level two multi TAB page.
3. The method of claim 2, wherein if the target template page is a form query page, the providing a visual page configuration area to obtain configuration information input by a user for the target template page comprises:
providing a query area to acquire query condition information input by a user aiming at a form query page;
Providing an operation area to acquire button style information input by a user aiming at a form query page;
a form area is provided to obtain form field information entered by a user for a form query page.
4. The method of claim 1, wherein said dynamically parsing said target template page to determine code segments in said target template page that need to be replaced comprises
Determining keywords in a code segment corresponding to configuration information input by a user;
and traversing the code segments corresponding to the target template page line by using the keyword to find out the code segments which conform to the keyword and need to be replaced.
5. The method of claim 1, wherein the replacing the determined code segment that needs to be replaced with a code segment corresponding to configuration information input by a user in the database, and the generating the front-end page according to the replaced target template page comprises:
Using the code segment corresponding to the configuration information input by the user in the database to perform integral replacement on the determined code segment needing to be replaced;
and after the replacement is finished, compiling the codes corresponding to the replaced target template page and generating the front-end page.
6. An apparatus for generating a front page, the apparatus comprising:
the execution unit is used for providing a plurality of template pages for a user to select one template page as a target template page;
the acquisition unit is used for providing a visual page configuration area according to a target template page selected by a user so as to acquire configuration information input by the user aiming at the target template page;
the storage unit is used for storing the code segment corresponding to the configuration information input by the user into the database;
the dynamic analysis unit is used for dynamically analyzing the target template page to determine a code segment which needs to be replaced in the target template page if an operation instruction of a user is received;
and the generating unit is used for replacing the determined code segment needing to be replaced by using the code segment corresponding to the configuration information input by the user in the database, and generating the front-end page according to the replaced target template page.
7. The apparatus of claim 6, wherein the obtaining unit comprises:
the first acquisition unit is used for providing a query area to acquire query condition information input by a user aiming at a form query page;
the second acquisition unit is used for providing an operation area to acquire the button style information input by the user aiming at the form inquiry page;
and the third acquisition unit is used for providing a form area to acquire form field information input by the user aiming at the form inquiry page.
8. The apparatus of claim 6, wherein the dynamic resolution unit comprises:
The determining unit is used for determining keywords in the code segment corresponding to the configuration information input by the user;
And the traversal searching unit is used for traversing the code segments corresponding to the target template page line by using the keywords so as to find out the code segments which meet the keywords and need to be replaced.
9. a computer device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, characterized in that the processor implements the method of generating a front-end page according to any of claims 1-5 when executing the computer program.
10. A computer-readable storage medium, having one or more computer programs stored thereon, the one or more computer programs being executable by one or more processors to implement the method of generating a front-end page of any one of claims 1-5.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910844348.1A CN110580189A (en) | 2019-09-06 | 2019-09-06 | method and device for generating front-end page, computer equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910844348.1A CN110580189A (en) | 2019-09-06 | 2019-09-06 | method and device for generating front-end page, computer equipment and storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110580189A true CN110580189A (en) | 2019-12-17 |
Family
ID=68812671
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910844348.1A Pending CN110580189A (en) | 2019-09-06 | 2019-09-06 | method and device for generating front-end page, computer equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110580189A (en) |
Cited By (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112035117A (en) * | 2020-08-27 | 2020-12-04 | 北京三快在线科技有限公司 | Page display system, method and device |
| CN112099801A (en) * | 2020-11-03 | 2020-12-18 | 广州市玄武无线科技股份有限公司 | Excel analysis method and system based on metadata driving |
| CN112214671A (en) * | 2020-10-09 | 2021-01-12 | 百度国际科技（深圳）有限公司 | Front-end page generation method, target user determination method, device and medium |
| CN112684968A (en) * | 2020-12-28 | 2021-04-20 | 北京五八信息技术有限公司 | Page display method and device, electronic equipment and computer readable medium |
| CN113535175A (en) * | 2021-07-23 | 2021-10-22 | 工银科技有限公司 | Application program front-end code generation method and device, electronic equipment and medium |
| CN113656028A (en) * | 2021-08-11 | 2021-11-16 | 广州虎牙科技有限公司 | UI component code generation method, CRUD page generation method, device and equipment |
| CN116009852A (en) * | 2023-01-18 | 2023-04-25 | 深圳前海环融联易信息科技服务有限公司 | Code construction method, device, computer equipment and storage medium |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102637184A (en) * | 2011-02-15 | 2012-08-15 | 北京千橡网景科技发展有限公司 | Method and system for customizing webpages |
| CN107958016A (en) * | 2017-10-16 | 2018-04-24 | 平安科技（深圳）有限公司 | Function pages method for customizing and application server |
| CN108205454A (en) * | 2016-12-20 | 2018-06-26 | 中国科学院沈阳自动化研究所 | Data management automatic production of HTML page method and system based on Extensible template library |
| CN108345482A (en) * | 2017-12-29 | 2018-07-31 | 广州品唯软件有限公司 | The self-defined edit methods of dynamic page, device, electronic equipment and storage medium |
| CN109582909A (en) * | 2018-12-19 | 2019-04-05 | 拉扎斯网络科技（上海）有限公司 | Webpage automatic generation method, device, electronic equipment and storage medium |
-
2019
- 2019-09-06 CN CN201910844348.1A patent/CN110580189A/en active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102637184A (en) * | 2011-02-15 | 2012-08-15 | 北京千橡网景科技发展有限公司 | Method and system for customizing webpages |
| CN108205454A (en) * | 2016-12-20 | 2018-06-26 | 中国科学院沈阳自动化研究所 | Data management automatic production of HTML page method and system based on Extensible template library |
| CN107958016A (en) * | 2017-10-16 | 2018-04-24 | 平安科技（深圳）有限公司 | Function pages method for customizing and application server |
| CN108345482A (en) * | 2017-12-29 | 2018-07-31 | 广州品唯软件有限公司 | The self-defined edit methods of dynamic page, device, electronic equipment and storage medium |
| CN109582909A (en) * | 2018-12-19 | 2019-04-05 | 拉扎斯网络科技（上海）有限公司 | Webpage automatic generation method, device, electronic equipment and storage medium |
Non-Patent Citations (1)
| Title |
|---|
| 徐小辉: "《构件化软件动态更新与验证技术》", 天津大学出版社, pages: 6 - 9 * |
Cited By (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112035117A (en) * | 2020-08-27 | 2020-12-04 | 北京三快在线科技有限公司 | Page display system, method and device |
| CN112214671A (en) * | 2020-10-09 | 2021-01-12 | 百度国际科技（深圳）有限公司 | Front-end page generation method, target user determination method, device and medium |
| CN112099801A (en) * | 2020-11-03 | 2020-12-18 | 广州市玄武无线科技股份有限公司 | Excel analysis method and system based on metadata driving |
| CN112684968A (en) * | 2020-12-28 | 2021-04-20 | 北京五八信息技术有限公司 | Page display method and device, electronic equipment and computer readable medium |
| CN113535175A (en) * | 2021-07-23 | 2021-10-22 | 工银科技有限公司 | Application program front-end code generation method and device, electronic equipment and medium |
| CN113656028A (en) * | 2021-08-11 | 2021-11-16 | 广州虎牙科技有限公司 | UI component code generation method, CRUD page generation method, device and equipment |
| CN113656028B (en) * | 2021-08-11 | 2023-11-14 | 广州虎牙科技有限公司 | UI component code generation method, device and equipment, and CRUD page generation method, device and equipment |
| CN116009852A (en) * | 2023-01-18 | 2023-04-25 | 深圳前海环融联易信息科技服务有限公司 | Code construction method, device, computer equipment and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110580189A (en) | method and device for generating front-end page, computer equipment and storage medium | |
| CN108762743B (en) | Data table operation code generation method and device | |
| CN109308254B (en) | Test method, test device and test equipment | |
| US20160313874A1 (en) | Visual effects system for "big data" analysis workflow editors, distribution platforms, execution engines, and management systems comprising same | |
| EP1777629A1 (en) | Method and apparatus for automatic form filling | |
| US11201806B2 (en) | Automated analysis and recommendations for highly performant single page web applications | |
| CN108776587B (en) | Data acquisition method and device, computer equipment and storage medium | |
| CN111126019A (en) | Report generation method and device based on mode customization and electronic equipment | |
| CN111367976A (en) | Method and device for exporting EXCEL file data based on JAVA reflection mechanism | |
| CN111047434B (en) | Operation record generation method and device, computer equipment and storage medium | |
| US10460019B2 (en) | Computer implemented system and method for transforming web content for display on multiple form factors | |
| CN114201615B (en) | Scientific research data change review method and server based on data snapshot | |
| CN112306594A (en) | Rendering method and device based on mobile terminal and storage medium | |
| CN115599359A (en) | Code generation method, device, equipment and medium | |
| US20180329873A1 (en) | Automated data extraction system based on historical or related data | |
| CN114970475A (en) | excel table analysis method, system, equipment and storage medium | |
| US10417234B2 (en) | Data flow modeling and execution | |
| JP2019101889A (en) | Test execution device and program | |
| CN114637499B (en) | Visualization component processing method, device, equipment and medium | |
| CN116009852A (en) | Code construction method, device, computer equipment and storage medium | |
| CN111142871A (en) | Front-end page development system, method, equipment and medium | |
| CN116346609A (en) | Method for realizing route configuration and parameter binding based on go language | |
| US11354165B1 (en) | Automated cluster execution support for diverse code sources | |
| CN115469849A (en) | Service processing system, method, electronic device and storage medium | |
| CN113419711A (en) | Page guiding method and device, 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 | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20191217 |