CN109799985A - Front-end code generation method and device, storage medium and electronic equipment - Google Patents

Front-end code generation method and device, storage medium and electronic equipment Download PDF

Info

Publication number
CN109799985A
CN109799985A CN201910063117.7A CN201910063117A CN109799985A CN 109799985 A CN109799985 A CN 109799985A CN 201910063117 A CN201910063117 A CN 201910063117A CN 109799985 A CN109799985 A CN 109799985A
Authority
CN
China
Prior art keywords
code
data
end data
preset
user
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN201910063117.7A
Other languages
Chinese (zh)
Other versions
CN109799985B (en
Inventor
吕鹏
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Bank of China Ltd
Original Assignee
Bank of China Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Bank of China Ltd filed Critical Bank of China Ltd
Priority to CN201910063117.7A priority Critical patent/CN109799985B/en
Publication of CN109799985A publication Critical patent/CN109799985A/en
Application granted granted Critical
Publication of CN109799985B publication Critical patent/CN109799985B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Landscapes

  • Document Processing Apparatus (AREA)
  • Machine Translation (AREA)

Abstract

The present invention provides a kind of front-end code generation methods, comprising: by each document factor in target interface document, is parsed into the first front end data corresponding with preset data format;The verification of data check rule is carried out to the first front end data, obtains the second front end data;Second front end data is loaded onto user configuration interface, so that user carries out individual cultivation to second front end data by user configuration interface;User is obtained to the configuration result of the second front end data, and is based on the configuration result, generates initial front code;The verification that code verifies rule is carried out to initial front code, when initial front-end code verifies rule by the preset code, initial front code is determined as target front-end code.Using front-end code generation method provided by the invention, using target interface document as foundation, code needed for automatically generating front end improves front-end code formation efficiency, and then improves the efficiency of front end exploitation.

Description

Front-end code generation method and device, storage medium and electronic equipment
Technical field
The present invention relates to software systems field more particularly to a kind of front-end code generation method and device, storage medium and Electronic equipment.
Background technique
With the development of internet technology, internet using more and more extensive, more and more users pass through internet Web page browsing is carried out, the webpage of user's browsing is the front end of web station system, and general webpage development, i.e. front end are developed, either Waterfall development mode either agile development mode requires specific interface document and guarantees that the product developed meets business Demand, interface document provide specific exploitation foundation for coding link, interface document for interface identification layout, functional module, The contents such as logic control.
As client and mobile terminal webpage demand are growing day by day, the exploitation demand of front end is increasingly heavy, is guaranteeing quality While, it needs to complete a large amount of encoding tasks in the short time.Existing front end exploitation is mainly opened by manual compiling code Hair, manual compiling code are developed, and development rate is slow, low efficiency, can not complete a large amount of encoding tasks within a short period of time.
Summary of the invention
Technical problem to be solved by the invention is to provide a kind of front-end code generation methods, using interface document as foundation, Front-end code corresponding with interface document is automatically generated, the efficiency of front end exploitation is improved.
The present invention also provides a kind of front-end code generating means, for guaranteeing above method realization in practice and answering With.
A kind of front-end code generation method, comprising:
Target interface document is obtained, and is based on preset data format, to each document in the target interface document Element is parsed, and the first front end data corresponding with the preset data format is obtained;
According to preset data check rule, first front end data is verified, is obtained and first front end Corresponding second front end data of data;
Second front end data is loaded onto user configuration interface, so that user is by the user configuration interface to institute It states the second front end data and carries out individual cultivation;
User is obtained to the configuration result of second front end data, and is based on the configuration result, is generated and described the The corresponding initial front code of two front end datas;
Rule is verified according to preset code, the initial front code is verified, when the initial front code When verifying rule by the preset code, the initial front code is determined as target front-end code.
Above-mentioned method, it is optionally, described that first front end data is verified, it obtains and first front end number According to corresponding second front end data, comprising:
First front end data is traversed, the space symbol for including in first front end data and Chinese symbol are searched;
The space symbol found in first front end data and Chinese symbol are deleted, obtained and described first Corresponding second front end data of front end data.
Above-mentioned method, it is optionally, described to be based on preset data format, to each text in the target interface document Shelves element is parsed, comprising:
According to preset element identification, determine corresponding each with the default element identification in the target interface document Document factor;
Based on the preset data format, each document factor corresponding with the default element identification information is parsed At the first front end data corresponding with the preset data form.
Above-mentioned method, it is optionally, described to generate initial front code corresponding with second front end data, comprising:
Obtain the Doctype mark of the target interface document;
It is identified based on the Doctype, finds out in the Code Template library constructed in advance and identified with the Doctype Corresponding front-end code template;
The front-end code template is passed to by the user is corresponding to the configuration result of second front end data, generate with The corresponding initial front code of second front end data.
Above-mentioned method, it is optionally, described to verify rule according to preset code, core is carried out to the initial front code It looks into, comprising:
Rule is verified according to the preset code, the initial front code is loaded onto established user and is visualized Interface is checked, so that user carries out code verification by user's visual inspection interface, to the front-end code.
Above-mentioned method, optionally, further includes:
The all data generated in the target front-end code generating process is recorded, and to the items of record Data are analyzed, and analysis result is obtained;
The mistake occurred in the target front-end code generating process is corrected according to the analysis result.
A kind of front-end code generating means, comprising:
Resolution unit for obtaining target interface document, and is based on preset data format, to the target interface document In each document factor parsed, obtain the first front end data corresponding with the preset data format;
First verification unit, for verifying first front end data, obtaining according to preset data check rule Obtain the second front end data corresponding with first front end data;
Loading unit, for second front end data to be loaded onto user configuration interface, so that user passes through the use Family configuration interface carries out individual cultivation to second front end data;
Generation unit for obtaining user to the configuration result of second front end data, and is based on the configuration result, Generate initial front code corresponding with second front end data;
Second verification unit, it is regular for being verified according to preset code, the initial front code is verified, when When the initial front code verifies rule by the preset code, the initial front code is determined as target front end Code.
Above-mentioned device, optionally, first verification unit, comprising:
Subelement is searched, for traversing first front end data, searches the space for including in first front end data Symbol and Chinese symbol;
Subelement is deleted, for deleting to the space symbol found in first front end data and Chinese symbol It removes, obtains the second front end data corresponding with first front end data.
A kind of storage medium, which is characterized in that the storage medium includes the program of storage, wherein transported in described program Equipment where controlling the storage medium when row executes above-mentioned front-end code generation method.
A kind of electronic equipment, including memory and one perhaps one of them or one of more than one program with Upper program is stored in memory, and is configured to execute above-mentioned front-end code generation by one or more than one processor Method.
Compared with prior art, the present invention includes the following advantages:
The present invention provides a kind of front-end code generation methods, comprising: obtains target interface document, and is based on preset number According to format, each document factor in the target interface document is parsed, is obtained and the preset data format pair The first front end data answered;According to preset data check rule, first front end data is verified, obtain with it is described Corresponding second front end data of first front end data;Second front end data is loaded onto user configuration interface, so that user Individual cultivation is carried out to second front end data by the user configuration interface;User is obtained to second front end number According to configuration result, and be based on the configuration result, generate corresponding with second front end data initial front code;Foundation Preset code verifies rule, verifies the initial front code, when the initial front code is preset by described Code verify rule when, the initial front code is determined as target front-end code.Using front end generation provided by the invention Code generating method parses target interface document using target interface document as foundation, generation needed for automatically generating front end Code, improves front-end code formation efficiency, and then improves the efficiency of front end exploitation.
Detailed description of the invention
In order to more clearly explain the embodiment of the invention or the technical proposal in the existing technology, to embodiment or will show below There is attached drawing needed in technical description to be briefly described, it should be apparent that, the accompanying drawings in the following description is only this The embodiment of invention for those of ordinary skill in the art without creative efforts, can also basis The attached drawing of offer obtains other attached drawings.
Fig. 1 is a kind of method flow diagram of front-end code generation method provided by the invention;
Fig. 2 is a kind of exemplary diagram of front-end code generation method provided by the invention;
Fig. 3 is a kind of structural schematic diagram of front-end code generating means provided by the invention;
Fig. 4 is the structural schematic diagram of a kind of electronic equipment provided by the invention.
Specific embodiment
Following will be combined with the drawings in the embodiments of the present invention, and technical solution in the embodiment of the present invention carries out clear, complete Site preparation description, it is clear that described embodiments are only a part of the embodiments of the present invention, instead of all the embodiments.It is based on Embodiment in the present invention, it is obtained by those of ordinary skill in the art without making creative efforts every other Embodiment shall fall within the protection scope of the present invention.
The present invention can be used in numerous general or special purpose computing device environment or configurations.Such as: personal computer, service Device computer, handheld device or portable device, laptop device, multi-processor device including any of the above devices or devices Distributed computing environment etc..
The embodiment of the invention provides a kind of front-end code generation method, this method can be applied in multiple systems platform, Its executing subject can be the processor for operating in terminal or various mobile devices, and the method flow diagram of the method is such as Shown in Fig. 1, specifically include:
S101: target interface document is obtained, and is based on preset data format, to each in the target interface document Document factor is parsed, and the first front end data corresponding with the preset data format is obtained;
In method provided in an embodiment of the present invention, work is generated when user automates target interface document input front end code When tool, front-end code Auto-Generation Tool according to preset data format, to each document factor in target interface document into Row parsing, obtains the first front end data.
In method provided in an embodiment of the present invention, target interface document can be introduced directly into front-end code and automatically generate work Tool, can also paste front-end code Auto-Generation Tool.
S102: according to preset data check rule, first front end data is verified, is obtained and described first Corresponding second front end data of front end data;
In method provided in an embodiment of the present invention, the verification of data check rule is carried out to the first front-end code, with corrigendum Error format in first front-end code obtains the second front-end code corresponding with first front-end code.
S103: second front end data is loaded onto user configuration interface, so that user passes through user configuration circle Individual cultivation is carried out in face of second front end data;
In method provided in an embodiment of the present invention, user passes through user configuration interface, manual modification code attribute, Ke Yizeng Attribute except processing tool rule realizes personalized front end exploitation, and meets the customization demand of different clients.
S104: obtaining user to the configuration result of second front end data, and be based on the configuration result, generation and institute State the corresponding initial front code of the second front end data;
In method provided in an embodiment of the present invention, the configuration result manually added according to user generates initial front code.
S105: rule is verified according to preset code, the initial front code is verified, when the initial front When code verifies rule by the preset code, the initial front code is determined as target front-end code.
In method provided in an embodiment of the present invention, rule, the code quality waited for initial front are verified with preset code It is verified, the code is verified rule and be can be according to industry development specifications, user's custom rule and user's history operation What rule generated, target front-end code will be determined as by the initial front code verified.
Front-end code generation method provided in an embodiment of the present invention, when user by target interface document input front end code from When dynamicization Core Generator, front-end code Auto-Generation Tool is according to preset data format, to each in target interface document Document factor is parsed, and the first front end data is obtained, and the verification of data check rule is carried out to the first front-end code, with corrigendum Error format in first front-end code obtains the second front-end code corresponding with first front-end code, Yong Hutong User configuration interface is crossed, manual modification code attribute generates initial front code, according to the configuration result of user with preset Code verifies rule, verifies the code quality that initial front waits for, will be determined as mesh by the initial front code verified Mark front-end code.Using front-end code generation method provided in an embodiment of the present invention, using target interface document as foundation, to target Interface document is parsed, and code needed for automatically generating front end improves front-end code formation efficiency, and then improves front end The efficiency of exploitation.
It is described that first front end data is verified in front-end code generation method provided in an embodiment of the present invention, The second front end data corresponding with first front end data is obtained, may include:
First front end data is traversed, the space symbol for including in first front end data and Chinese symbol are searched;
The space symbol found in first front end data and Chinese symbol are deleted, obtained and described first Corresponding second front end data of front end data.
In method provided in an embodiment of the present invention, the first front end data obtained to parsing target interface document carries out data Whether the verification of format searches comprising space and Chinese symbol in first front end data, if in first front-end code Comprising space or Chinese symbol, then the space and Chinese symbol is deleted, realize the automatic corrigendum of data format.
It is described to be based on preset data format in front-end code generation method provided in an embodiment of the present invention, to the mesh Each document factor in mark interface document is parsed, and can specifically include:
According to preset element identification, determine corresponding each with the default element identification in the target interface document Document factor;
Based on the preset data format, each document factor corresponding with the default element identification information is parsed At the first front end data corresponding with the preset data form.
In method provided in an embodiment of the present invention, interface document be define various typing elements illustrate document interface document Document factor may include page field property, attribute, message field (MFLD) is preset pair in front-end code Auto-Generation Tool The data format of interface document parsing is based on preset element identification when getting target interface document, identifies described connect Page field in mouth document, message field (MFLD) is equal to the corresponding each document factor of the preset element identification, based on preparatory The data format of setting parses the contents such as page field property, attribute, message field (MFLD) in target interface document, from The page, drop-down menu code, communication message needed for dynamic generation front end etc., by the page, drop-down menu code, communication message Etc. contents be determined as the first front end data.
In front-end code generation method provided in an embodiment of the present invention, the generation is corresponding with second front end data Initial front code may include:
Obtain the Doctype mark of the target interface document;
It is identified, is found out in the Code Template library constructed in advance corresponding with the type identification based on the Doctype Front-end code template;
The front-end code template is passed to by the user is corresponding to the configuration result of second front end data, generate with The corresponding initial front code of second front end data.
In method provided in an embodiment of the present invention, it is corresponding that Doctype mark is stored in the Code Template that constructs in advance Front-end template, based on the Doctype identify, from found out in Code Template library it is corresponding with Doctype mark before Side Template, and by the corresponding incoming front-end code template of configuration result of the user to the second front end data, and to current code template Locating translation and compiling environment is compiled, and when compiling passes through, generates the corresponding initial front code of the second front end data.
It should be noted that method provided in an embodiment of the present invention, it can also be by the way that directly the second front-end code be corresponded to Incoming front-end code template, generates initial front code corresponding with the second front-end code template.
It is described to verify rule according to preset code in front-end code generation method provided in an embodiment of the present invention, to institute It states initial front code to be verified, can specifically include:
Rule is verified according to the preset code, the initial front code is loaded onto established user and is visualized Interface is checked, so that user carries out code verification by user's visual inspection interface, to the front-end code.
In method provided in an embodiment of the present invention, carrying out that code quality verifies to initial front code can be by from kinetonucleus Realization is looked into and manually checks, self-supervisory code, which verifies rule, to be divided based on mass historical data, and based on big data Analysis processing, the effective information extracted in historical data carry out regularization;Manual inspection can by the initial front code of generation with Target interface document compares, and prevents code maloperation, can also by user's visual inspection interface to front-end code into Row association checks, such as checks that the drop-down menu of the page whether there is, and the script in the page is that binding is normal.
It should be noted that method provided in an embodiment of the present invention, can also verify the knot generated to initial front code Fruit makes prompt.
In front-end code generation method provided in an embodiment of the present invention, can also include:
The all data generated in the target front-end code generating process is recorded, and to the items of record Data are analyzed, and analysis result is obtained;
The mistake occurred in the target front-end code generating process is corrected according to the analysis result.
In method provided in an embodiment of the present invention, all data generated to target front-end code generating process is remembered Record, the data such as essential record user use habit and track, for code verification provide data support and it is subsequent to front-end code The improvement of Auto-Generation Tool and subsequent have access to are checked.
Optionally, in method provided in an embodiment of the present invention, the user to use front-end code to automatically generate, which provides, to be used It helps, the problem of being illustrated to the problem of being encountered in tool application method, use process, and collect user feedback.
In method provided in an embodiment of the present invention, the realization of front-end code generation method is illustrated, such as Fig. 2 It is shown:
By interface document input front end Code automatic build tool, when receiving interface document, according to preset Data format, to the page field property in interface document, attribute, the contents such as message field (MFLD) are parsed, and automatically generate front end The required page, drop-down menu code, communication message etc., to the contents such as the page, drop-down menu code, communication message of generation into Row simple format inspection searches whether comprising space and Chinese symbol, if comprising deleting space and Chinese symbol, and by lattice Data after formula inspection are loaded into the manual configuration interface of user, so that user passes through the manual configuration interface adjustment of user, configuration generation Code attribute, realize users' personal allocation, obtain the result data of user configuration, and from the database constructed in advance obtain with The corresponding Code Template of interface document, by the result data of user configuration incoming generation corresponding with the data that parsing interface document obtains Code mask, through front end automatic Code Generation rendering after, obtain initial front code corresponding with interface document, to interface The corresponding front-end code of document carries out code quality automation inspection and code quality checks by hand, when passing through code quality When automation inspection and code quality check by hand, initial front code is determined as target front-end code, and export target Front-end code is used for generating task.
In the front-end code generating process, front-end code Auto-Generation Tool generated the target front-end code The all data generated in journey is recorded, and is analyzed all data of record, is analyzed as a result, being subsequent Exploitation provides reference frame.
It is corresponding with method described in Fig. 1, the embodiment of the invention also provides a kind of front-end code generating means, for pair The specific implementation of method in Fig. 1, structural schematic diagram is as shown in figure 3, specifically include:
Resolution unit 201 for obtaining target interface document, and is based on preset data format, to the target interface Each document factor in document is parsed, and the first front end data corresponding with the preset data format is obtained;
First verification unit 202, for carrying out core to first front end data according to preset data check rule It looks into, obtains the second front end data corresponding with first front end data;
Loading unit 203, for second front end data to be loaded onto user configuration interface, so that user is described in User configuration interface carries out individual cultivation to second front end data;
Generation unit 204 is tied for obtaining user to the configuration result of second front end data, and based on the configuration Fruit generates initial front code corresponding with second front end data;
Second verification unit 205 carries out core to the initial front code for verifying rule according to preset code It looks into, when the initial front code verifies rule by the preset code, the initial front code is determined as mesh Mark front-end code.
Front-end code generating means provided in an embodiment of the present invention, when user by target interface document input front end code from When dynamicization Core Generator, front-end code Auto-Generation Tool is according to preset data format, to each in target interface document Document factor is parsed, and the first front end data is obtained, and the verification of data check rule is carried out to the first front-end code, with corrigendum Error format in first front-end code obtains the second front-end code corresponding with first front-end code, Yong Hutong User configuration interface is crossed, manual modification code attribute generates initial front code, according to the configuration result of user with preset Code verifies rule, verifies the code quality that initial front waits for, will be determined as mesh by the initial front code verified Mark front-end code.Using front-end code generating means provided in an embodiment of the present invention, using target interface document as foundation, to target Interface document is parsed, and code needed for automatically generating front end improves front-end code formation efficiency, and then improves front end The efficiency of exploitation.
In one embodiment of the invention, aforementioned schemes are based on, the first verification unit 202 is configured that
First searches subelement, for traversing first front end data, includes in lookup first front end data Space symbol and Chinese symbol;
Subelement is deleted, for deleting to the space symbol found in first front end data and Chinese symbol It removes, obtains the second front end data corresponding with first front end data.
In one embodiment of the invention, aforementioned schemes are based on, resolution unit 201 is configured that
It determines subelement, is wanted for according to preset element identification, determining in the target interface document with described preset Element identifies corresponding each document factor;
Parsing subunit will be corresponding with the default element identification information for being based on the preset data format Each document factor is parsed into the first front end data corresponding with the preset data form.
In one embodiment of the invention, aforementioned schemes are based on, generation unit 204 is configured that
Subelement is obtained, the Doctype for obtaining the target interface document identifies;
Second searches subelement, for being identified based on the Doctype, searches in the Code Template library constructed in advance Front-end code template corresponding with Doctype mark out;
Subelement is generated, for configuration result correspondence of the user to second front end data to be passed to the front end Code Template generates initial front code corresponding with second front end data.
In one embodiment of the invention, aforementioned schemes are based on, the second verification unit 205 is configured that
Subelement is verified, for verifying rule according to the preset code, the initial front code is loaded onto User's visual inspection interface of foundation so that user is by user's visual inspection interface, to the front-end code into Line code is verified.
In one embodiment of the invention, aforementioned schemes, the front-end code generating means are based on further include:
Subelement is recorded, for being recorded to all data generated in the target front-end code generating process, and The all data of record is analyzed, analysis result is obtained;
More syndromes unit, for according to the analysis result to the mistake occurred in the target front-end code generating process It is corrected.
The embodiment of the invention also provides a kind of storage medium, the storage medium includes the program of storage, wherein in institute It states the equipment where controlling the storage medium when program operation and executes above-mentioned front-end code generation method.
The embodiment of the invention also provides a kind of electronic equipment, structural schematic diagram is as shown in figure 4, specifically include memory 301 and one perhaps more than one 302 one of them or more than one program 302 of program be stored in memory 301 In, and be configured to by one or more than one processor 303 execute the one or more programs 302 carry out with Lower operation:
Target interface document is obtained, and is based on preset data format, to each document in the target interface document Element is parsed, and the first front end data corresponding with the preset data format is obtained;
According to preset data check rule, first front end data is verified, is obtained and first front end Corresponding second front end data of data;
Second front end data is loaded onto user configuration interface, so that user is by the user configuration interface to institute It states the second front end data and carries out individual cultivation;
User is obtained to the configuration result of second front end data, and is based on the configuration result, is generated and described the The corresponding initial front code of two front end datas;
Rule is verified according to preset code, the initial front code is verified, when the initial front code When verifying rule by the preset code, the initial front code is determined as target front-end code.
It should be noted that all the embodiments in this specification are described in a progressive manner, each embodiment weight Point explanation is the difference from other embodiments, and the same or similar parts between the embodiments can be referred to each other. For device class embodiment, since it is basically similar to the method embodiment, so being described relatively simple, related place ginseng See the part explanation of embodiment of the method.
Finally, it is to be noted that, herein, relational terms such as first and second and the like be used merely to by One entity or operation are distinguished with another entity or operation, without necessarily requiring or implying these entities or operation Between there are any actual relationship or orders.Moreover, the terms "include", "comprise" or its any other variant meaning Covering non-exclusive inclusion, so that the process, method, article or equipment for including a series of elements not only includes that A little elements, but also including other elements that are not explicitly listed, or further include for this process, method, article or The intrinsic element of equipment.In the absence of more restrictions, the element limited by sentence "including a ...", is not arranged Except there is also other identical elements in the process, method, article or apparatus that includes the element.
For convenience of description, it is divided into various units when description apparatus above with function to describe respectively.Certainly, implementing this The function of each unit can be realized in the same or multiple software and or hardware when invention.
As seen through the above description of the embodiments, those skilled in the art can be understood that the present invention can It realizes by means of software and necessary general hardware platform.Based on this understanding, technical solution of the present invention essence On in other words the part that contributes to existing technology can be embodied in the form of software products, the computer software product It can store in storage medium, such as ROM/RAM, magnetic disk, CD, including some instructions are used so that a computer equipment (can be personal computer, server or the network equipment etc.) executes the certain of each embodiment or embodiment of the invention Method described in part.
A kind of front-end code generation method provided by the present invention and device are described in detail above, answered herein With a specific example illustrates the principle and implementation of the invention, the explanation of above example is only intended to help to manage Solve method and its core concept of the invention;At the same time, for those skilled in the art, according to the thought of the present invention, There will be changes in specific embodiment and application range, in conclusion the content of the present specification should not be construed as to this hair Bright limitation.

Claims (10)

1. a kind of front-end code generation method characterized by comprising
Target interface document is obtained, and is based on preset data format, to each document factor in the target interface document It is parsed, obtains the first front end data corresponding with the preset data format;
According to preset data check rule, first front end data is verified, is obtained and first front end data Corresponding second front end data;
Second front end data is loaded onto user configuration interface, so that user is by the user configuration interface to described Two front end datas carry out individual cultivation;
User is obtained to the configuration result of second front end data, and is based on the configuration result, before generation and described second The corresponding initial front code of end data;
Rule is verified according to preset code, the initial front code is verified, when the initial front code passes through When the preset code verifies rule, the initial front code is determined as target front-end code.
2. being obtained the method according to claim 1, wherein described verify first front end data The second front end data corresponding with first front end data, comprising:
First front end data is traversed, the space symbol for including in first front end data and Chinese symbol are searched;
The space symbol found in first front end data and Chinese symbol are deleted, obtained and first front end Corresponding second front end data of data.
3. being connect the method according to claim 1, wherein described be based on preset data format to the target Each document factor in mouth document is parsed, comprising:
According to preset element identification, each document corresponding with the default element identification in the target interface document is determined Element;
Based on the preset data format, will each document factor corresponding with the default element identification information be parsed into Corresponding first front end data of the preset data form.
4. the method according to claim 1, wherein the generation is corresponding with second front end data initial Front-end code, comprising:
Obtain the Doctype mark of the target interface document;
It is identified, is found out in the Code Template library constructed in advance corresponding with Doctype mark based on the Doctype Front-end code template;
The front-end code template is passed to by the user is corresponding to the configuration result of second front end data, generate with it is described The corresponding initial front code of second front end data.
5. the method according to claim 1, wherein described verify rule according to preset code, to described first Beginning front-end code is verified, comprising:
Rule is verified according to the preset code, the initial front code is loaded onto established user's visual inspection Interface, so that user carries out code verification by user's visual inspection interface, to the front-end code.
6. the method according to claim 1, wherein further include:
The all data generated in the target front-end code generating process is recorded, and to all data of record It is analyzed, obtains analysis result;
The mistake occurred in the target front-end code generating process is corrected according to the analysis result.
7. a kind of front-end code generating means characterized by comprising
Resolution unit for obtaining target interface document, and is based on preset data format, in the target interface document Each document factor is parsed, and the first front end data corresponding with the preset data format is obtained;
First verification unit, for verifying first front end data according to preset data check rule, obtain with Corresponding second front end data of first front end data;
Loading unit, for second front end data to be loaded onto user configuration interface, so that user is matched by the user It sets interface and individual cultivation is carried out to second front end data;
Generation unit for obtaining user to the configuration result of second front end data, and is based on the configuration result, generates Initial front code corresponding with second front end data;
Second verification unit is verified the initial front code, for verifying rule according to preset code when described When initial front code verifies rule by the preset code, the initial front code is determined as target front end generation Code.
8. the method according to the description of claim 7 is characterized in that first verification unit, comprising:
Subelement is searched, for traversing first front end data, searches the space symbol for including in first front end data With Chinese symbol;
Subelement is deleted, for deleting the space symbol found in first front end data and Chinese symbol, is obtained Obtain the second front end data corresponding with first front end data.
9. a kind of storage medium, which is characterized in that the storage medium includes the program of storage, wherein run in described program When control the equipment where the storage medium and execute front-end code generation method as described in claim 1~6 any one.
10. a kind of electronic equipment, which is characterized in that including memory and one or more than one program, one of them Perhaps more than one program is stored in memory and is configured to be executed by one or more than one processor as right is wanted Seek front-end code generation method described in 1~6 any one.
CN201910063117.7A 2019-01-23 2019-01-23 Front-end code generation method and device, storage medium and electronic equipment Active CN109799985B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910063117.7A CN109799985B (en) 2019-01-23 2019-01-23 Front-end code generation method and device, storage medium and electronic equipment

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910063117.7A CN109799985B (en) 2019-01-23 2019-01-23 Front-end code generation method and device, storage medium and electronic equipment

Publications (2)

Publication Number Publication Date
CN109799985A true CN109799985A (en) 2019-05-24
CN109799985B CN109799985B (en) 2022-06-03

Family

ID=66560091

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910063117.7A Active CN109799985B (en) 2019-01-23 2019-01-23 Front-end code generation method and device, storage medium and electronic equipment

Country Status (1)

Country Link
CN (1) CN109799985B (en)

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110908659A (en) * 2019-11-20 2020-03-24 广州及包子信息技术咨询服务有限公司 Method and system for automatically generating user operation interface according to interface definition
CN111427567A (en) * 2020-03-20 2020-07-17 杭州涂鸦信息技术有限公司 Intelligent product rapid generation method, system and equipment thereof
CN112711584A (en) * 2021-01-08 2021-04-27 安徽希施玛数据科技有限公司 Data checking method, checking device, terminal equipment and readable storage medium
CN112965701A (en) * 2021-02-08 2021-06-15 中国工商银行股份有限公司 Front-end code generation method and device
CN113535147A (en) * 2021-07-20 2021-10-22 挂号网(杭州)科技有限公司 Method and device for generating calling code, electronic terminal and storage medium
CN114610313A (en) * 2022-02-28 2022-06-10 浪潮(山东)计算机科技有限公司 Method, system, device and medium for generating SPEC document
CN117331559A (en) * 2023-11-06 2024-01-02 久方智能(广东)有限公司 Method for generating application interface by front end code-free

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2013029399A1 (en) * 2011-09-02 2013-03-07 中兴通讯股份有限公司 Code generating method and system
CN104360861A (en) * 2014-11-19 2015-02-18 成都实景信息技术有限公司 Software code compiling system
CN106293664A (en) * 2015-05-27 2017-01-04 交通银行股份有限公司 Code generating method and device
CN107273117A (en) * 2017-05-25 2017-10-20 深圳市彬讯科技有限公司 A kind of quick Code automatic build system for programming friendly
CN108897534A (en) * 2018-06-05 2018-11-27 上海小蚁科技有限公司 A kind of householder method and device, storage medium, terminal of code development
CN109086046A (en) * 2018-08-02 2018-12-25 中国建设银行股份有限公司 A kind of front-end code automatic generation method and system based on interface specification document

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2013029399A1 (en) * 2011-09-02 2013-03-07 中兴通讯股份有限公司 Code generating method and system
CN104360861A (en) * 2014-11-19 2015-02-18 成都实景信息技术有限公司 Software code compiling system
CN106293664A (en) * 2015-05-27 2017-01-04 交通银行股份有限公司 Code generating method and device
CN107273117A (en) * 2017-05-25 2017-10-20 深圳市彬讯科技有限公司 A kind of quick Code automatic build system for programming friendly
CN108897534A (en) * 2018-06-05 2018-11-27 上海小蚁科技有限公司 A kind of householder method and device, storage medium, terminal of code development
CN109086046A (en) * 2018-08-02 2018-12-25 中国建设银行股份有限公司 A kind of front-end code automatic generation method and system based on interface specification document

Cited By (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110908659A (en) * 2019-11-20 2020-03-24 广州及包子信息技术咨询服务有限公司 Method and system for automatically generating user operation interface according to interface definition
CN111427567A (en) * 2020-03-20 2020-07-17 杭州涂鸦信息技术有限公司 Intelligent product rapid generation method, system and equipment thereof
CN111427567B (en) * 2020-03-20 2023-08-18 杭州涂鸦信息技术有限公司 Intelligent product rapid generation method, system and equipment thereof
CN112711584A (en) * 2021-01-08 2021-04-27 安徽希施玛数据科技有限公司 Data checking method, checking device, terminal equipment and readable storage medium
CN112965701A (en) * 2021-02-08 2021-06-15 中国工商银行股份有限公司 Front-end code generation method and device
CN112965701B (en) * 2021-02-08 2024-02-09 中国工商银行股份有限公司 Front-end code generation method and device
CN113535147A (en) * 2021-07-20 2021-10-22 挂号网(杭州)科技有限公司 Method and device for generating calling code, electronic terminal and storage medium
CN114610313A (en) * 2022-02-28 2022-06-10 浪潮(山东)计算机科技有限公司 Method, system, device and medium for generating SPEC document
CN114610313B (en) * 2022-02-28 2023-12-26 浪潮(山东)计算机科技有限公司 Method, system, device and medium for generating SPEC document
CN117331559A (en) * 2023-11-06 2024-01-02 久方智能(广东)有限公司 Method for generating application interface by front end code-free
CN117331559B (en) * 2023-11-06 2024-05-03 久方智能(广东)有限公司 Method for generating application interface by front end code-free

Also Published As

Publication number Publication date
CN109799985B (en) 2022-06-03

Similar Documents

Publication Publication Date Title
CN109799985A (en) Front-end code generation method and device, storage medium and electronic equipment
Berenbach et al. Software & systems requirements engineering: in practice
US20210318851A1 (en) Systems and Methods for Dataset Merging using Flow Structures
CN109683953B (en) Method and device for processing configuration file based on visual interface
CN111949170B (en) Method and device for configuring task flow and electronic equipment
CN109739478A (en) Front end project automated construction method, device, storage medium and electronic equipment
US9268868B2 (en) Group bookmarks
CN106796597B (en) Computerized method, server computer system and storage medium
CN109871311B (en) Method and device for recommending test cases
CN107704393B (en) Data test method, apparatus and electronic equipment
US20180136908A1 (en) System, method, and recording medium for validating computer documentation
CN103440198B (en) Form validation method
CN108984202B (en) Electronic resource sharing method and device and storage medium
CN102571403A (en) Realization method and device for general data quality control adapter
CN105808701B (en) Realize the method and system communicated between list automatic Verification and multisystem
RU2662405C2 (en) Certification documents automatic generation
CN105205144A (en) Method and system used for data diagnosis and optimization
CN109408354A (en) The data processing method and device of application component
CN109002385A (en) Method for testing pressure and device for data flow system
US10109214B2 (en) Cognitive bias determination and modeling
CN114443171A (en) Configurable service platform and configurable service implementation method
CN109408092A (en) Method and device, storage medium and the electronic equipment of front end version publication
CN109828759A (en) Code compiling method, device, computer installation and storage medium
US20140359258A1 (en) Declarative Configuration Elements
CN108694043A (en) page decoration method and system

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant