CN111857810A - Front-end development file creating method and device and electronic equipment - Google Patents
Front-end development file creating method and device and electronic equipment Download PDFInfo
- Publication number
- CN111857810A CN111857810A CN202010753472.XA CN202010753472A CN111857810A CN 111857810 A CN111857810 A CN 111857810A CN 202010753472 A CN202010753472 A CN 202010753472A CN 111857810 A CN111857810 A CN 111857810A
- Authority
- CN
- China
- Prior art keywords
- end development
- file
- development file
- module
- template
- 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
- 238000011161 development Methods 0.000 title claims abstract description 157
- 238000000034 method Methods 0.000 title claims abstract description 55
- 238000003780 insertion Methods 0.000 claims description 22
- 230000037431 insertion Effects 0.000 claims description 22
- 230000015654 memory Effects 0.000 claims description 17
- 230000006870 function Effects 0.000 claims description 11
- 238000004590 computer program Methods 0.000 claims description 5
- 238000009877 rendering Methods 0.000 claims description 5
- 239000002699 waste material Substances 0.000 abstract description 3
- 230000008569 process Effects 0.000 description 6
- 230000003252 repetitive effect Effects 0.000 description 6
- 238000010586 diagram Methods 0.000 description 5
- 238000013461 design Methods 0.000 description 4
- 238000012545 processing Methods 0.000 description 4
- 241000282836 Camelus dromedarius Species 0.000 description 3
- 238000004422 calculation algorithm Methods 0.000 description 3
- 238000009434 installation Methods 0.000 description 3
- 101100453790 Drosophila melanogaster Kebab gene Proteins 0.000 description 2
- 230000001419 dependent effect Effects 0.000 description 2
- 235000015231 kebab Nutrition 0.000 description 2
- 230000007246 mechanism Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 239000007787 solid Substances 0.000 description 2
- 241000270295 Serpentes Species 0.000 description 1
- 230000009471 action Effects 0.000 description 1
- 238000004458 analytical method Methods 0.000 description 1
- 238000013459 approach Methods 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 238000006243 chemical reaction Methods 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 230000008878 coupling Effects 0.000 description 1
- 238000010168 coupling process Methods 0.000 description 1
- 238000005859 coupling reaction Methods 0.000 description 1
- 238000012217 deletion Methods 0.000 description 1
- 230000037430 deletion Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 238000012360 testing method Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/73—Program documentation
Abstract
The invention discloses a front-end development file creating method, a front-end development file creating device and electronic equipment, which are applied to a front-end development scaffold and comprise the following steps: receiving a request for indicating to create a front-end development file, wherein the request carries an identifier for indicating the type of the front-end development file; acquiring a front-end development file template corresponding to the identifier; and creating the front-end development file according to the front-end development file template. By the front-end development file creating method, the front-end development file can be intelligently and automatically created according to the type identifier and the front-end development file template without manual creation, the problem of labor cost and time waste caused by a large amount of repeated configuration and coding work in the middle stage of front-end software development is solved, front-end development programming labor force is well liberated, and a large amount of working time resources are released.
Description
Technical Field
The invention relates to the field of communication, in particular to a front-end development file creating method and device and electronic equipment.
Background
In the front-end software development process, a project is repeatedly worked from starting to developing, the work is very tedious and time-consuming, the development efficiency is influenced, and even the engineering quality is influenced. For example, the work of creating a project is initiated in the early stage includes: selecting a package management tool, creating a configuration file, and adding a project basic dependency package; designing a software architecture, and creating some basic directory files; building a local development environment, selecting installation plug-ins, compiling a packaging program and the like; and testing the debugging codes of the preview items to generate a release version. These tasks are required to be performed each time a project is started, and many of these tasks are repeated on many projects, thereby wasting labor cost and time. Currently, the problem of project pre-construction can be solved for the scaffold @ VUE/cli given by the VUE project official, wherein Vue (pronunciation/vju:/, similar to view) is a set of progressive JavaScript framework for constructing a user interface.
However, the same problem exists in the middle stage of project development, for example, after the project scaffold is initialized to create a project, the development stage is also subjected to repeated coding work, such as continuously creating new pages, configuring routes, creating new components, creating services, and even adding repeated methods to the services again and again. But the scaffold @ vue/cli described above does not solve the problem.
Therefore, the problem of wasting labor cost and time still exists in the middle stage of front-end software development due to a large amount of repeated configuration and coding work.
Disclosure of Invention
The invention provides a front-end development file creating method, a front-end development file creating device and electronic equipment, aiming at the problem that labor cost and time are wasted due to a large amount of repeated configuration and coding work in the middle stage of front-end software development in the related art.
According to one aspect of the present invention, there is provided a front-end development file creation method applied to a front-end development scaffold, including:
receiving a request for indicating to create a front-end development file, wherein the request carries an identifier for indicating the type of the front-end development file;
acquiring a front-end development file template corresponding to the identifier;
and creating the front-end development file according to the front-end development file template.
According to another aspect of the present invention, before obtaining the front-end development file template corresponding to the identifier, the method further includes:
acquiring a corresponding personalized code group in a calendar front-end development file;
replacing the set of personalization codes with the identification;
and generating a front-end development file template according to the repeated code groups and the identifications in the history front-end development file.
Optionally, after creating the front-end development file according to the front-end development file template, further comprising:
receiving a request for indicating to update a front-end development file, wherein the request carries an anchor point for indicating the position of a repeated code group in the front-end development file;
detecting anchor points and determining corresponding insertion points in the front-end development files;
the front-end development file is updated at the insertion point.
Optionally, before detecting the anchor point and determining the corresponding insertion point in the front-end development file, the method further includes:
querying repeated code groups in a calendar front-end development file;
an anchor point is inserted at the top of each repeated code-set.
Optionally, the front-end development file includes at least one of:
the routing module corresponds to a unique file;
configuring a unique file corresponding to the module;
a file set corresponding to the page module;
a file set corresponding to the component module;
and the service module corresponds to the file set.
Optionally, before detecting the anchor point and determining the corresponding insertion point in the front-end development file, the method further includes:
determining a code programming layer according to a front-end development architecture;
determining the function realized by the code corresponding to the code programming layer;
modularizing the code programming layer according to the type of the function, and at least obtaining the following modules: the system comprises a routing module, a configuration module, a page module, a component module and a service module.
Optionally, the front-end development architecture includes: the system comprises an entry layer, a product layer, a tool layer, a rendering layer, a service layer, a network layer and an Application Programming Interface (API) layer.
According to another aspect of the present invention, there is provided a front-end development file creating apparatus including:
the device comprises a receiving module, a sending module and a receiving module, wherein the receiving module is used for receiving a request for indicating the creation of a front-end development file, and the request carries an identifier for indicating the type of the front-end development file;
the acquisition module is used for acquiring a front-end development file template corresponding to the identifier;
and the creating module is used for creating the front-end development file according to the front-end development file template.
According to still another aspect of the present invention, there is provided a computer-readable storage medium storing computer instructions for causing a computer to execute any of the front-end development file creation methods described above.
According to still another aspect of the present invention, there is provided an electronic apparatus including: at least one processor; and a memory communicatively coupled to the at least one processor; wherein the memory stores a computer program executable by the at least one processor, the computer program being executable by the at least one processor to cause the at least one processor to perform any of the front end development file creation methods described above.
According to the invention, when the front-end development file needs to be created, the corresponding front-end development template is obtained according to the identifier corresponding to the type of the front-end development file, and the front-end development file is created according to the obtained front-end development template; by the front-end development file creating method, the front-end development file can be intelligently and automatically created according to the type identifier and the front-end development file template without manual creation, the problem of labor cost and time waste caused by a large amount of repeated configuration and coding work in the middle stage of front-end software development is solved, front-end development programming labor force is well liberated, and a large amount of working time resources are released.
Drawings
The accompanying drawings, which are included to provide a further understanding of the invention and are incorporated in and constitute a part of this application, illustrate embodiment(s) of the invention and together with the description serve to explain the invention without limiting the invention. In the drawings:
FIG. 1 is a flow chart of a method for creating a front-end development file according to an embodiment of the invention;
figure 2 is a schematic flow chart of creating a company.
FIG. 3 is a schematic diagram of a preferred architecture according to an embodiment of the present invention;
FIG. 4 is a schematic diagram of a command installation and use according to an embodiment of the present invention;
FIG. 5 is a block diagram of a front-end development file updating apparatus according to an embodiment of the present invention;
fig. 6 is a block diagram of an electronic device according to an embodiment of the present invention.
Detailed Description
The invention will be described in detail hereinafter with reference to the accompanying drawings in conjunction with embodiments. It should be noted that the embodiments and features of the embodiments in the present application may be combined with each other without conflict.
In an embodiment of the present invention, a front-end development file creating method is provided, as shown in fig. 1, the method includes:
s102, receiving a request for indicating the creation of a front-end development file, wherein the request carries an identifier for indicating the type of the front-end development file;
s104, acquiring a front-end development file template corresponding to the identifier;
and S106, creating a front-end development file according to the front-end development file template.
According to the invention, when the front-end development file needs to be created, the corresponding front-end development template is obtained according to the identifier corresponding to the type of the front-end development file, and the front-end development file is created according to the obtained front-end development template; by the front-end development and creation method, the front-end development file can be intelligently and automatically created according to the type identifier and the front-end development file template without manual creation, the problem of labor cost and time waste caused by a large amount of repeated configuration and coding work in the middle stage of front-end software development is solved, front-end development programming labor force is well liberated, and a large amount of working time resources are released.
In another embodiment of the present invention, before obtaining the front-end development file template corresponding to the identifier, the method further includes: acquiring a corresponding personalized code group in a calendar front-end development file; replacing the set of personalization codes with the identification; and generating a front-end development file template according to the repeated code groups and the identifications in the history front-end development file.
Specifically, a repeated code group in a file is developed at the front end, and the whole file content is made into a file template by using an abstract template algorithm. Abstracting the repeated codes out of a template, placing an insertion mark in a characteristic position (namely a personalized code group), calling different file templates according to business needs, and generating a name file with a specified name. For example, the contents of the page template file page.
The above markers have the following meanings:
department kabab keyword% >: name of page containing hierarchical prefix (pages can be nested, described below)
[% ], [% ]: page name of kebab naming specification
Assuming that a page called company is generated, the "sgv built-p company" command may be executed. The following is output in the command line to prompt the user what the system does:
info：created file：src/app/pages/company/company.vue
info：created file：src/app/pages/company/company.ts
info：Added company page's route！
info：Added company page's factory！
the above command line represents-the result creates two files and modifies two files.
The process of creating the company. The content of the created company.
It can be seen that the marks in the template in the document have been replaced by the keywords in the corresponding format. The page is established according to the frame requirement, and the content of an index.
export const routes：RouteConfig[]＝[
//SGV-BUILD-PAGE-ROUTER-CONFIG#NOT DELETE
{path："/company",name："company",component：PageFactory.companyPagePreloading},
{path："/foo",name："foo",component：PageFactory.fooPagePreloading},
]；
It inserts a row of configurations at the anchor of "// SGV-BUILD-PAGE-ROUTER-CONFIG # NOT DELETE".
In another embodiment of the present invention, after creating the front-end development file according to the front-end development file template, the method further includes: receiving a request for indicating to update a front-end development file, wherein the request carries an anchor point for indicating the position of a repeated code group in the front-end development file; detecting anchor points and determining corresponding insertion points in the front-end development files; the front-end development file is updated at the insertion point.
Specifically, after the front-end software development project enters a development stage, anchor points indicating the positions of repeated code groups in the front-end development file are added into the front-end development file, such as a page routing anchor point, a configuration anchor point, an assembly global registration anchor point, a service initialization anchor point and the like; when a new page needs to be created, a route is configured, a new component is created, a service is created and the like, an insertion point of a new code to be inserted is found through the anchor points, and the new code is inserted according to a predefined code template, so that the repeated code group is updated uniformly, the front-end development file is updated automatically and intelligently, and manual participation is not needed.
For example, using an anchor point, first, determining and reading a file where the anchor point is located, such as inserting a method into the TaskService service, according to the framework design, the path of the file is determined, src/app/core/task. Secondly, after reading the text content of the file, finding an insertion position by using regular matching anchor points, wherein the anchor points of the additional method in each SERVICE are fixed and are all '// SGV-BUILD-SERVICE-FUNCTION # NOT DELETE'. In addition, the SERVICE factory anchor point "// SGV-BUILD-SERVICE-FAC # NOT DELETE", the PAGE routing anchor point "// SGV-BUILD-PAGE-ROUTER-CONFIG # NOT DELETE", the component global registration anchor point "// SGV-BUILD-COMP-FAC # NOT DELETE" and the like are provided. Third, after the insertion point is found, it is replaced with anchor + inserted text.
Taking the service layer as an example for detailed description, the repetition code set of the service layer is as follows:
the "// SGV-BUILD-SERVICE-FUNCTION # NOT DELETE" is the anchor point.
The inserted code may use a predefined template, such as a template key replacement algorithm, with the key provided by a parameter in the command line. The key parameters are first converted into various naming specification formats, such as camel, passacal, kebab, snake, constant. And then used as required. For example, the method template string of the service layer:
`public<％＝camelKeyword％>(arg：string)：Promise<any>{returnthis.proxyHttp.post("<％＝camelKeyword％>",{arg})；}`
keywords in camel (camel) format are used in the method template. A string of characters in the format of xxx% is a representation of an alternative token.
Assuming a method is to be created to service a task, then the command line "sgv build-s task-fsendide" may be executed, the format of the key parameter may be any naming convention format, and the following code will be generated in the task service after the command is executed:
in another embodiment of the present invention, before detecting an anchor point and determining a corresponding insertion point in a front-end development file, the method further includes: querying repeated code groups in a calendar front-end development file; an anchor point is inserted at the top of each repeated code-set.
In particular, anchor usage scenarios generally play a role in adding and deleting configuration or service methods. In addition, there are two kinds of anchor points, namely a line anchor point and a block anchor point, wherein the line anchor point is used for determining an insertion position, and the block anchor point can be used for determining insertion and deletion.
In another embodiment of the present invention, the front-end development files include, but are not limited to, at least one of: the routing module corresponds to a unique file; configuring a unique file corresponding to the module; a file set corresponding to the page module; a file set corresponding to the component module; and the service module corresponds to the file set.
Specifically, the modules are divided into two categories, with single and multiple modules being repeated. For a single module, a file representation is used, such as routing, configuration modules. For the same modules, a plurality of files such as pages, components and service modules are packaged by using a folder. The content of different files may vary here depending on the underlying framework used. For example, vuejs or angularjs can be used, and the two frameworks are Web basic frameworks which are relatively common in the front end. Routes can be placed using index.
In another embodiment of the present invention, before detecting an anchor point and determining a corresponding insertion point in a front-end development file, the method further includes: determining a code programming layer according to a front-end development architecture; determining the function realized by the code corresponding to the code programming layer; modularizing the code programming layer according to the type of the function, and at least obtaining the following modules: the system comprises a routing module, a configuration module, a page module, a component module and a service module.
In particular, modularity can be such as providing a number of boxes for organizing cumbersome codes across categories of organizations. The codes can be separated and easily connected. Taking the modularization of the routing module as an example, vuejs is as follows:
angularjs is as follows:
both pseudo-codes here follow the modular system of ES 6. The modules which are repeated for many times are many, but the single module is modularly exported like the above route. Such as vuejs pages, because of the framework nature vue files formally do not see modular exports, but essentially provide a modular export that meets the standards through plug-in conversion. Since there are multiple page modules, here packaged using pages directory, there are many vue files placed under it, one for each page.
Pages
+--home.vue
+--about.vue
+--news.vue
`--contact.vue
The vue file contains three contents of template, script and style, so that it is convenient to use the original three files. But sometimes it is also possible to encounter situations where it is desired to separate one of the parts, such as separating a script. Thus, a page corresponds to two files, and the two files of the same page need to be packaged together by a directory for structural clarity. The following were used:
Pages
+--home
|+--home.vue
|`--home.ts
+--about
|+--about.vue
|`--about.ts
+--news
|+--news.vue
|`--news.ts
`--contact
+--contact.vue
`--contact.ts
note that the pages of angularjs are not similar, the document of vue is modular, and the page modular form is as follows:
Pages
+--home
+--home.controller.ts
+--home.html
+--home.module.ts
`--home.scss
to the service layer, there are also multiple services, as follows:
Services
+--task.service.ts
+--user.service.ts
`--tool.service.ts
the content of the service is designed as follows:
with such a modular architecture, it is now possible to parse out two repetitive sets of code, one in the file code and one in the folder. For example, in a service file is a group of methods, and in a service folder package is a group of service files. These repetitive code sets are a source of tedious and inefficient development, and program intelligence is used to simulate these repetitive sets, which is a straightforward approach to increasing efficiency.
In another embodiment of the present invention, a front-end development architecture comprises: the system comprises an entry layer, a product layer, a tool layer, a rendering layer, a service layer, a network layer and an API layer.
Specifically, how to make the tool still help to reduce the repeated and tedious work of the development process after the project is created needs a beautiful architecture design first, and also needs some methods, technologies and skills for generating the code. The following framework, through a large number of mistakes, repeated attempts, countless codes, long trial and error, can be applied to most front-end projects, exists as a preferred architecture, and is shown in fig. 3.
The main code programming works in rendering, service level generic code blocks on this architecture diagram. A great deal of attention is paid to these areas by developers. As the demand for implementing services continues to grow, more and more codes are stacked here, which requires separating them out, removing duplicate codes, and reducing coupling. And then combined together with a simple mechanism. The mainstream modularization mechanism can be used for subdividing the modules into modules such as routing, pages, components, services, configuration and the like, so that the purposes of simplifying the process are achieved. On the basis of which further analysis is possible.
It should be noted that, in order to avoid repetitive encoding, a scaffold capable of generating patterned repetitive encoding is required in the development stage, that is, the method described in the above embodiment needs to be capable of creating a directory, creating a file, and even intelligently modifying a file, so that the method is free from complicated and uninteresting repetitive labor, and improves the work efficiency of us.
1) Based on the common Nodejs environment development in the front-end development, a character interface universal for developers is used as an interactive terminal, and the method is simple and practical. The method can create a directory file and modify a file, and can be operated on each system platform of Windows, Mac and Linux at extremely low cost, thereby having good platform adaptability.
2) The command uses the NPM packet management tool, and the dependent packet management of the tool software and the issuing and hosting of the tool can be issued on a public or private NPM packet management platform through configuration support. Has strong expansibility and quick local distribution. The dependent packages are all open source free commercial, wherein npm (Node Package Manager) is a software Package management system written in JavaScript for Node.
3) The command is composed of a main command, a sub command, a plurality of parameters and variables. The installation and use is shown in figure 4.
4) The function of initializing the project is a mode of downloading a project template, the template is arranged in a Git warehouse and divided into a default template and a designated template, only a-t parameter needs to be added, and the parameter value is an effective warehouse path. The framework design of the initialized project can be modified only by changing the template library without issuing the command line tool.
The embodiment separates repeated file objects through the framework design, develops the scaffold tool with the intelligent algorithm, simulates the repeated action logic group in the development, well liberates the front-end development and programming labor force, and releases a large amount of man-hour resources. The working efficiency of the enterprise front-end software development is necessarily improved.
In an embodiment of the present invention, there is also provided a front-end development file updating apparatus, including:
the receiving module 52 receives a request for indicating to create a front-end development file, where the request carries an identifier for indicating a type of the front-end development file;
an obtaining module 54, configured to obtain a front-end development file template corresponding to the identifier;
and the creating module 56 is used for creating the front-end development file according to the front-end development file template.
In another embodiment of the present invention, the obtaining module 54 is further configured to obtain a corresponding personalized code group in the history front-end development file; replacing the set of personalization codes with the identification; and generating a front-end development file template according to the repeated code groups and the identifications in the history front-end development file.
In another embodiment of the present invention, the creating module 56 is further configured to receive a request for indicating to update the front-end development file after creating the front-end development file according to the front-end development file template, where the request carries an anchor point for indicating a position of a repetition code group in the front-end development file; detecting anchor points and determining corresponding insertion points in the front-end development files; the front-end development file is updated at the insertion point.
In another embodiment of the present invention, the creating module 56 is further configured to query the repeated code groups in the history front-end development file before detecting the anchor point and determining the corresponding insertion point in the front-end development file; an anchor point is inserted at the top of each repeated code-set.
In another embodiment of the present invention, the front-end development file includes at least one of: the routing module corresponds to a unique file; configuring a unique file corresponding to the module; a file set corresponding to the page module; a file set corresponding to the component module; and the service module corresponds to the file set.
In another embodiment of the present invention, the creating module 56 is further configured to determine a code programming layer according to a front-end development architecture before the detecting the anchor point and determining the corresponding insertion point in the front-end development file; determining the function realized by the code corresponding to the code programming layer; modularizing the code programming layer according to the type of the function, and at least obtaining the following modules: the system comprises a routing module, a configuration module, a page module, a component module and a service module.
In another embodiment of the present invention, the front-end development framework includes: the system comprises an entry layer, a product layer, a tool layer, a rendering layer, a service layer, a network layer and an API layer.
The embodiment of the present disclosure provides an electronic device, as shown in fig. 6, the electronic device includes one or more processors 61 and a memory 62, and one processor 63 is taken as an example in fig. 6.
The controller may further include: an input device 63 and an output device 64.
The processor 61, the memory 62, the input device 63 and the output device 64 may be connected by a bus or other means, as exemplified by the bus connection in fig. 6.
The processor 61 may be a Central Processing Unit (CPU). The processor 61 may also be other general purpose processors, Digital Signal Processors (DSPs), Application Specific Integrated Circuits (ASICs), Field Programmable Gate Arrays (FPGAs) or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, or combinations thereof. A general purpose processor may be a microprocessor or the processor may be any conventional processor or the like.
The memory 62, which is a non-transitory computer readable storage medium, may be used to store non-transitory software programs, non-transitory computer executable programs, and modules, such as program instructions/modules corresponding to the control methods in the embodiments of the present disclosure. The processor 61 executes various functional applications of the server and data processing by running non-transitory software programs, instructions and modules stored in the memory 62, i.e. implements the method of the above-described method embodiment.
The memory 62 may include a storage program area and a storage data area, wherein the storage program area may store an operating system, an application program required for at least one function; the storage data area may store data created according to use of a processing device operated by the server, and the like. Further, the memory 62 may include high speed random access memory, and may also include non-transitory memory, such as at least one magnetic disk storage device, flash memory device, or other non-transitory solid state storage device. In some embodiments, the memory 62 may optionally include memory located remotely from the processor 61, which may be connected to a network connection device via a network. Examples of such networks include, but are not limited to, the internet, intranets, local area networks, mobile communication networks, and combinations thereof.
The input device 63 may receive input numeric or character information and generate key signal inputs related to user settings and function control of the processing device of the server. The output device 64 may include a display device such as a display screen.
One or more modules are stored in the memory 62, which when executed by the one or more processors 61, perform the method as shown in fig. 1.
It will be understood by those skilled in the art that all or part of the processes of the methods of the embodiments described above can be implemented by a computer program to instruct related hardware, and the program can be stored in a computer readable storage medium, and when executed, the program can include the processes of the embodiments of the motor control methods described above. The storage medium may be a magnetic disk, an optical disk, a Read-only memory (ROM), a Random Access Memory (RAM), a flash memory (FlashMemory), a hard disk (hard disk drive, abbreviated as HDD) or a Solid State Drive (SSD), etc.; the storage medium may also comprise a combination of memories of the kind described above.
The above description is only a preferred embodiment of the present invention and is not intended to limit the present invention, and various modifications and changes may be made by those skilled in the art. Any modification, equivalent replacement, or improvement made within the spirit and principle of the present invention should be included in the protection scope of the present invention.
Claims (10)
1. A front-end development file creating method is applied to a front-end development scaffold and is characterized by comprising the following steps:
receiving a request for indicating to create a front-end development file, wherein the request carries an identifier for indicating the type of the front-end development file;
acquiring a front-end development file template corresponding to the identifier;
and creating the front-end development file according to the front-end development file template.
2. The method according to claim 1, further comprising, before the obtaining the front-end development file template corresponding to the identifier, the steps of:
acquiring a corresponding personalized code group in a calendar front-end development file;
replacing the set of personalization codes with the identification;
and generating the front-end development file template according to the repeated code group in the history front-end development file and the identifier.
3. The method of claim 1, further comprising, after creating the front-end development file from the front-end development file template:
receiving a request for indicating to update the front-end development file, wherein the request carries an anchor point for indicating the position of a repeated code group in the front-end development file;
detecting the anchor point, and determining a corresponding insertion point in the front-end development file;
updating the front-end development file at the insertion point.
4. The method of claim 1, further comprising, before detecting the anchor point and determining a corresponding insertion point in the front-end development file:
querying repeated code groups in a calendar front-end development file;
inserting the anchor point at the top of each of the repeated code-groups.
5. The method of any of claims 1 to 4, wherein the front-end development files comprise at least one of:
the routing module corresponds to a unique file;
configuring a unique file corresponding to the module;
a file set corresponding to the page module;
a file set corresponding to the component module;
and the service module corresponds to the file set.
6. The method of claim 5, generally characterized in that, prior to said detecting said anchor point and determining a corresponding insertion point in said front-end development file, further comprising:
determining a code programming layer according to a front-end development architecture;
determining the function realized by the code corresponding to the code programming layer;
modularizing the code programming layer according to the type of the function, and at least obtaining the following modules: the system comprises a routing module, a configuration module, a page module, a component module and a service module.
7. The method of claim 6, wherein the front-end development architecture generally comprises: the system comprises an entry layer, a product layer, a tool layer, a rendering layer, a service layer, a network layer and an application program interface layer.
8. A front-end development file creation apparatus, comprising:
the system comprises a receiving module, a sending module and a receiving module, wherein the receiving module is used for receiving a request for indicating the creation of a front-end development file, and the request carries an identifier for indicating the type of the front-end development file;
the acquisition module is used for acquiring the front-end development file template corresponding to the identifier;
and the creating module is used for creating the front-end development file according to the front-end development file template.
9. A computer-readable storage medium storing computer instructions for causing a computer to execute the front-end development file creation method according to any one of claims 1 to 7.
10. An electronic device, comprising: at least one processor; and a memory communicatively coupled to the at least one processor; wherein the memory stores a computer program executable by the at least one processor, the computer program being executable by the at least one processor to cause the at least one processor to perform the front end development file creation method of any one of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010753472.XA CN111857810A (en) | 2020-07-30 | 2020-07-30 | Front-end development file creating method and device and electronic equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010753472.XA CN111857810A (en) | 2020-07-30 | 2020-07-30 | Front-end development file creating method and device and electronic equipment |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111857810A true CN111857810A (en) | 2020-10-30 |
Family
ID=72946634
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010753472.XA Pending CN111857810A (en) | 2020-07-30 | 2020-07-30 | Front-end development file creating method and device and electronic equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111857810A (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112905167A (en) * | 2021-03-11 | 2021-06-04 | 北京字节跳动网络技术有限公司 | Application operation method and device and electronic equipment |
| CN113448559A (en) * | 2021-07-13 | 2021-09-28 | 壹药网科技(上海)股份有限公司 | Development system and method of global wide area network front end aiming at multiple development projects |
| CN116595285A (en) * | 2023-07-19 | 2023-08-15 | 深圳复临科技有限公司 | Route generation method, device, computer equipment and storage medium |
Citations (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104461484A (en) * | 2013-09-16 | 2015-03-25 | 腾讯科技（深圳）有限公司 | Front-end template implementation method and device |
| US20150213514A1 (en) * | 2010-06-29 | 2015-07-30 | Vibrant Media, Inc. | Systems and methods for providing modular configurable creative units for delivery via intext advertising |
| CN106371829A (en) * | 2016-08-24 | 2017-02-01 | 北京邮电大学 | Modularization thinking-based template framework design method and system |
| CN106777077A (en) * | 2016-12-13 | 2017-05-31 | 网易（杭州）网络有限公司 | The generation method and device of webpage |
| CN106843869A (en) * | 2017-01-16 | 2017-06-13 | 百融（北京）金融信息服务股份有限公司 | A kind of front end Development Engineering system and method |
| CN107506193A (en) * | 2017-08-18 | 2017-12-22 | 平安科技（深圳）有限公司 | A kind of development approach of subsystem page, storage medium and server |
| CN108446116A (en) * | 2018-02-26 | 2018-08-24 | 平安普惠企业管理有限公司 | Generation method, device, computer equipment and the storage medium of the application program page |
| CN109165197A (en) * | 2018-08-29 | 2019-01-08 | 江苏奇异点网络有限公司 | A kind of document handling method, terminal and server |
| CN109508191A (en) * | 2018-11-22 | 2019-03-22 | 北京腾云天下科技有限公司 | A kind of code generating method and system |
| CN110532015A (en) * | 2019-07-26 | 2019-12-03 | 华东师范大学 | In-orbit upgrade-system towards Space Mission Software |
| CN110716783A (en) * | 2019-10-10 | 2020-01-21 | 秒针信息技术有限公司 | Front-end page generation and deployment method and device, storage medium and equipment |
| CN110806866A (en) * | 2019-11-05 | 2020-02-18 | 连连银通电子支付有限公司 | Generation method and device of front-end management system |
| CN111079062A (en) * | 2019-12-27 | 2020-04-28 | 北京达佳互联信息技术有限公司 | Page creating method and device, electronic equipment and storage medium |
| CN111273898A (en) * | 2020-02-25 | 2020-06-12 | 安徽以萨数据技术有限公司 | Web front-end code automatic construction method, system and storage medium |
-
2020
- 2020-07-30 CN CN202010753472.XA patent/CN111857810A/en active Pending
Patent Citations (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20150213514A1 (en) * | 2010-06-29 | 2015-07-30 | Vibrant Media, Inc. | Systems and methods for providing modular configurable creative units for delivery via intext advertising |
| CN104461484A (en) * | 2013-09-16 | 2015-03-25 | 腾讯科技（深圳）有限公司 | Front-end template implementation method and device |
| CN106371829A (en) * | 2016-08-24 | 2017-02-01 | 北京邮电大学 | Modularization thinking-based template framework design method and system |
| CN106777077A (en) * | 2016-12-13 | 2017-05-31 | 网易（杭州）网络有限公司 | The generation method and device of webpage |
| CN106843869A (en) * | 2017-01-16 | 2017-06-13 | 百融（北京）金融信息服务股份有限公司 | A kind of front end Development Engineering system and method |
| CN107506193A (en) * | 2017-08-18 | 2017-12-22 | 平安科技（深圳）有限公司 | A kind of development approach of subsystem page, storage medium and server |
| CN108446116A (en) * | 2018-02-26 | 2018-08-24 | 平安普惠企业管理有限公司 | Generation method, device, computer equipment and the storage medium of the application program page |
| CN109165197A (en) * | 2018-08-29 | 2019-01-08 | 江苏奇异点网络有限公司 | A kind of document handling method, terminal and server |
| CN109508191A (en) * | 2018-11-22 | 2019-03-22 | 北京腾云天下科技有限公司 | A kind of code generating method and system |
| CN110532015A (en) * | 2019-07-26 | 2019-12-03 | 华东师范大学 | In-orbit upgrade-system towards Space Mission Software |
| CN110716783A (en) * | 2019-10-10 | 2020-01-21 | 秒针信息技术有限公司 | Front-end page generation and deployment method and device, storage medium and equipment |
| CN110806866A (en) * | 2019-11-05 | 2020-02-18 | 连连银通电子支付有限公司 | Generation method and device of front-end management system |
| CN111079062A (en) * | 2019-12-27 | 2020-04-28 | 北京达佳互联信息技术有限公司 | Page creating method and device, electronic equipment and storage medium |
| CN111273898A (en) * | 2020-02-25 | 2020-06-12 | 安徽以萨数据技术有限公司 | Web front-end code automatic construction method, system and storage medium |
Non-Patent Citations (2)
| Title |
|---|
| 徐浪: "基于Node.js的Web应用框架研究与实现", 《中国优秀博硕士学位论文全文数据库(硕士)信息科技辑》, 15 February 2020 (2020-02-15) * |
| 温立辉: "《Java EE编程技术》", 北京理工大学出版社, pages: 214 - 216 * |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112905167A (en) * | 2021-03-11 | 2021-06-04 | 北京字节跳动网络技术有限公司 | Application operation method and device and electronic equipment |
| CN112905167B (en) * | 2021-03-11 | 2023-10-27 | 北京字节跳动网络技术有限公司 | Application operation method and device and electronic equipment |
| CN113448559A (en) * | 2021-07-13 | 2021-09-28 | 壹药网科技(上海)股份有限公司 | Development system and method of global wide area network front end aiming at multiple development projects |
| CN116595285A (en) * | 2023-07-19 | 2023-08-15 | 深圳复临科技有限公司 | Route generation method, device, computer equipment and storage medium |
| CN116595285B (en) * | 2023-07-19 | 2024-04-16 | 深圳复临科技有限公司 | Route generation method, device, computer equipment and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108279932B (en) | Method and device for dynamically configuring user interface of mobile terminal | |
| CN111857810A (en) | Front-end development file creating method and device and electronic equipment | |
| CN111666526A (en) | Page generation method, device, equipment and storage medium | |
| CN112835560A (en) | WEB multi-terminal low-code intelligent software development platform | |
| US20070073724A1 (en) | System and method for automatic or semi-automatic software integration | |
| CN104461531A (en) | Implementing method for self-defined functions of reporting system | |
| WO2016005885A2 (en) | Asynchronous initialization of document object model (dom) modules | |
| CN106776266B (en) | Configuration method of test tool and terminal equipment | |
| CN113553035A (en) | Design and construction method of universal front-end UI component library | |
| CN110941779A (en) | Page loading method and device, storage medium and electronic equipment | |
| CN112528619A (en) | Page template file generation method and device, electronic equipment and storage medium | |
| CN112015465A (en) | Project engineering configuration publishing method and device, computer equipment and storage medium | |
| CN109542942B (en) | Function call query method and device and electronic equipment | |
| CN111459537A (en) | Redundant code removing method, device, equipment and computer readable storage medium | |
| CN115705313A (en) | Data processing method, device, equipment and computer readable storage medium | |
| CN112861059A (en) | Visual component generation method and device, computer equipment and readable storage medium | |
| CN111580794A (en) | Method and device for creating business document in business management system | |
| JP2003248635A (en) | Database accessing method and system in management information base of network management protocol | |
| CN103678687A (en) | Project establishment method and device based on configuration system | |
| CN116400914A (en) | Method for quickly constructing web application based on data model | |
| CN115857914A (en) | Method, equipment and storage medium for automatically generating codes | |
| CN113778421A (en) | Method and equipment for generating service code | |
| CN109509467B (en) | Code generation method and device | |
| CN112596706A (en) | Patterned code generation method, device and computer readable storage medium | |
| CN111562907A (en) | Conversion method and system of user-defined interface data |
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 | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20201030 |