CN114327432A - Application generation method and device, electronic equipment and storage medium - Google Patents
Application generation method and device, electronic equipment and storage medium Download PDFInfo
- Publication number
- CN114327432A CN114327432A CN202111680646.5A CN202111680646A CN114327432A CN 114327432 A CN114327432 A CN 114327432A CN 202111680646 A CN202111680646 A CN 202111680646A CN 114327432 A CN114327432 A CN 114327432A
- Authority
- CN
- China
- Prior art keywords
- application
- interface
- page
- design drawing
- interface design
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Landscapes
- Stored Programmes (AREA)
Abstract
The application provides an application generation method, an application generation device, electronic equipment and a storage medium, wherein the method comprises the following steps: acquiring an interface design drawing; generating interface configuration data according to the interface design drawing, and generating an application page corresponding to the interface design drawing according to the interface configuration data; correspondingly matching the interactive data of the application page with the interface configuration data to obtain page configuration information; calling a basic code according to an interface design drawing through an application classifier, and modifying configuration parameters in the basic code according to page configuration information to obtain an application code; generating an application deployment file according to the application code; wherein the application deployment file is used for generating the application. The application page is automatically generated according to the interface design drawing, interface configuration data, interaction data and the like are fused, stored and processed, basic code templates are provided for different classified applications, the application template library and the basic code templates can be expanded, and the application development process is optimized and simplified.
Description
Technical Field
The present application relates to the field of application development, and in particular, to an application generation method and apparatus, an electronic device, and a storage medium.
Background
With the popularization of intelligent devices, application programs on intelligent terminals become more and more important, and the use scenes are more and more extensive. Common intelligent terminal applications at present include native applications, web applications, hybrid applications and the like, and the functions of updating, debugging and the like of application programs are realized by means of the technical characteristics of HTML 5. However, due to the variety of development frameworks and the requirement of developers to consider the development of different applications when developing applications, the process of developing applications is complex and time and labor are wasted.
Disclosure of Invention
The embodiment of the invention aims at providing an application development method, an application development device, electronic equipment and a storage medium, wherein an application page corresponding to an interface design drawing is generated by obtaining a design effect drawing and an original material drawing in the interface design drawing through picture matching, character matching and style matching; manually editing page interaction actions, storing interaction data and interface configuration data in a database, and generating interface supply application calls; and matching the closest application template in the application template library according to the design effect diagram through the application classifier, modifying the basic code in the application template according to the page configuration information to obtain an application code, and generating the application according to the application code. And acquiring a design effect diagram and an original material diagram, automatically generating an application page, and fusing, storing and processing interface configuration data, interactive data and the like. The basic code template is provided by different classification applications, can be developed once, used for multiple times, updated iteratively, and can be expanded for the application template library and the basic code template. And generating the application according to the application code.
In a first aspect, an embodiment of the present application provides an application generation method, including: acquiring an interface design drawing; generating interface configuration data according to the interface design drawing, and generating an application page corresponding to the interface design drawing according to the interface configuration data; correspondingly matching the interactive data of the application page with the interface configuration data to obtain page configuration information; calling a basic code according to an interface design drawing through an application classifier, and modifying configuration parameters in the basic code according to page configuration information to obtain an application code; generating an application deployment file according to the application code; wherein the application deployment file is used for generating the application.
In the implementation process, the design effect diagram and the original material diagram are obtained, the page is automatically generated, and interface configuration data, interaction data and the like are fused, stored and processed. The basic code template is provided by the application classifier, so that the method can be developed once, used for multiple times and updated iteratively, and can be used for expanding an application template library and the basic code template. And generating the application according to the application code. An interface design tool does not need to be considered, and the application development process is optimized and simplified.
Optionally, in this embodiment of the present application, the interface configuration data includes: picture position information, character position information and style information; generating interface configuration data according to the interface design drawing, comprising: generating picture position information according to the picture information of the interface design drawing; generating character position information according to the character information of the interface design drawing; and matching style information according to the interface design drawing. In the implementation process, the application page is automatically generated according to the picture position information, the character position information and the matching style in the interface configuration data of the interface design drawing by inputting the interface design drawing without considering an interface design tool, so that the process of generating the page is simplified.
Optionally, in this embodiment of the application, after generating the interface configuration data according to the interface design drawing and generating the application page corresponding to the interface design drawing according to the interface configuration data, the method further includes: and matching and checking the picture of the application page and the interface design drawing by previewing the application page to obtain a matching and checking result, and adjusting interface configuration data according to the matching and checking result.
In the implementation process, the generated application page is compared with the original graph of the interface design graph to generate a proofreading result, the difference between the application page and the interface design graph is adjusted until the application page and the interface design graph reach an ideal matching degree, the adjustment is completed, repeated processes of marking data, cutting graph size and the like in application development are avoided by visually adjusting the application page, and the adjustment of the application page is quicker and simpler.
Optionally, in an embodiment of the present application, the interface design drawing includes a design effect drawing and a raw material drawing; adjusting the interface configuration data according to the matching verification result, comprising: and adjusting the position of the original material graph of the picture of the application page and the hierarchical relation in the interface design graph according to the matching and checking result.
In the implementation process, the obtained interface design drawing comprises a design effect drawing and an original material drawing, the generated application page is compared with the original drawing of the interface design drawing to generate a proofreading result, the difference between the application page and the interface design drawing is adjusted, and the adjustment is completed until the application page and the interface design drawing reach an ideal matching degree.
Optionally, in this embodiment of the present application, the obtaining page configuration information by correspondingly matching the interaction data of the application page with the interface configuration data includes: matching interactive elements in the application page with corresponding interactive actions to obtain interactive data; and processing the interactive data and matching the interactive data with the corresponding interface configuration data.
In the implementation process, the interactive elements and the interactive actions are bound through online previewing and editing the application page, and interactive data are obtained; and formatting the interactive data, binding and matching the interactive data with corresponding interface configuration data, and realizing interactive association among a plurality of pages, thereby realizing switching among the pages.
Optionally, in this embodiment of the present application, the obtaining the application code by invoking the basic code according to the interface design drawing through the application classifier and modifying the configuration parameter in the basic code according to the page configuration information includes: matching corresponding application types in the multiple application types according to the interface design drawing through an application classifier, and acquiring basic codes of the matched application types; and modifying the configuration parameters in the basic codes of the matched application types according to the page configuration information to obtain the application codes corresponding to the interface design drawing.
In the implementation process, the application classifier is used for matching the closest application template in the application template library according to the design effect diagram, modifying the basic code in the application template according to the page configuration information to obtain the application code, and generating the application according to the application code. The basic code template is provided by different classification applications, can be developed once, used for multiple times, updated iteratively, and can be expanded for the application template library and the basic code template. The application template is used to avoid the conditions that different developers have different code quality, the terminal transplanting process is uncontrollable and the like.
Optionally, in this embodiment of the present application, generating the application deployment file according to the application code includes: compiling and packaging the application codes according to the application types to generate application deployment files; the application deployment file comprises an installation package and a remote deployment file, the installation package is used for generating the application through downloading, and the remote deployment file is used for deploying the application by the remote server. In the implementation process, the system automatically generates an application installation package or a remote deployment file, the package is used for generating the application through downloading, and the remote deployment file is used for deploying the application by the remote server to adapt to various requirements.
Optionally, in this embodiment of the present application, the page configuration information is stored in the database, and a data interface is generated according to the page configuration information, where the interface is used for the application to call.
In a second aspect, an embodiment of the present application further provides an application generating apparatus, including: the acquisition module is used for acquiring an interface design drawing; the page generation module is used for generating interface configuration data according to the interface design drawing and generating an application page corresponding to the interface design drawing according to the interface configuration data; the data processing module is used for correspondingly matching the interactive data of the application page with the interface configuration data to obtain page configuration information; the application classification module is used for calling the basic code according to the interface design drawing through the application classifier and modifying the configuration parameters in the basic code according to the page configuration information to obtain the application code; the application generation module is used for generating an application deployment file according to the application code; wherein the application deployment file is used for generating the application.
Optionally, in this embodiment of the present application, the interface configuration data includes: picture position information, character position information and style information; the page generation module is also used for generating picture position information according to the picture information of the interface design drawing; generating character position information according to the character information of the interface design drawing; and matching style information according to the interface design drawing.
Optionally, in this embodiment of the application, the application generating apparatus further includes an adjusting module, configured to perform matching verification on the screen of the application page and the interface design drawing by previewing the application page, and adjust the screen of the application page according to the interface design drawing.
Optionally, in an embodiment of the present application, the interface design drawing includes a design effect drawing and a raw material drawing; and the adjusting module is also used for adjusting the original material map of the picture of the application page according to the design effect map.
Optionally, in this embodiment of the application, the data processing module is further configured to match the interactive elements in the application page with the corresponding interactive actions, so as to obtain interactive data; and processing the interactive data and matching the interactive data with the corresponding interface configuration data.
Optionally, in this embodiment of the application, the application classification module is further configured to match, by the application classifier, a corresponding application type in the plurality of application types according to the interface design drawing, and obtain a basic code of the matched application type; and modifying the configuration parameters in the basic codes of the matched application types according to the page configuration information to obtain the application codes corresponding to the interface design drawing.
Optionally, in this embodiment of the application, the application generation module is further configured to compile and package the application code according to the application type to generate an application deployment file; the application deployment file comprises an installation package and a remote deployment file, the installation package is used for generating the application through downloading, and the remote deployment file is used for deploying the application by the remote server.
In a third aspect, an embodiment of the present application further provides an electronic device, including: a processor and a memory, the memory storing processor-executable machine-readable instructions, the machine-readable instructions when executed by the processor performing the method as described above.
In a fourth aspect, the present application further provides a computer-readable storage medium, on which a computer program is stored, where the computer program is executed by a processor to perform the above-described method.
By adopting the application generation method, the application generation device, the electronic equipment and the storage medium, the page is automatically generated by acquiring the design effect diagram and the original material diagram, and interface configuration data, interactive data and the like are fused, stored and processed. The basic code template is provided by the application classifier, so that the method can be developed once, used for multiple times and updated iteratively, and can be used for expanding an application template library and the basic code template. And generating the application according to the application code. An interface design tool does not need to be considered, and the application development process is optimized and simplified.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings that are required to be used in the embodiments of the present application will be briefly described below, it should be understood that the following drawings only illustrate some embodiments of the present application and therefore should not be considered as limiting the scope, and that those skilled in the art can also obtain other related drawings based on the drawings without inventive efforts.
Fig. 1 is a schematic flowchart of an application generation method according to an embodiment of the present application;
fig. 2 is a schematic flowchart of an application generation method according to a first embodiment of the present application;
FIG. 3 is a schematic flow chart of a process interface design provided in an embodiment of the present application;
fig. 4 is a schematic structural diagram of an application generation apparatus according to an embodiment of the present application;
fig. 5 is a schematic structural diagram of an electronic device according to an embodiment of the present application.
Detailed Description
Embodiments of the present invention will be described in detail below with reference to the accompanying drawings. The following examples are merely used to more clearly illustrate the technical solutions of the present application, and therefore are only examples, and the protection scope of the present application is not limited thereby.
Unless defined otherwise, all technical and scientific terms used herein have the same meaning as commonly understood by one of ordinary skill in the art to which this application belongs; the terminology used herein is for the purpose of describing particular embodiments only and is not intended to be limiting of the application.
In the description of the embodiments of the present application, the technical terms "first", "second", and the like are used only for distinguishing different objects, and are not to be construed as indicating or implying relative importance or implicitly indicating the number, specific order, or primary-secondary relationship of the technical features indicated. In the description of the embodiments of the present application, "a plurality" means two or more unless specifically defined otherwise.
Please refer to fig. 1, which is a schematic flow chart of an application generation method according to an embodiment of the present application.
Step S110: and acquiring an interface design drawing.
The embodiment of the step S110 includes: and uploading an interface design drawing by a user, wherein the interface design drawing comprises the overall design of human-computer interaction, operation logic and attractive interface of software. The interface design drawing can be a high-fidelity rendering drawing, and specifically can be a static picture made by using PS software. The interface design drawing comprises a design effect drawing and an original material drawing.
After step S110, step S120 is performed: and generating interface configuration data according to the interface design drawing, and generating an application page corresponding to the interface design drawing according to the interface configuration data.
The embodiment of the step S120 includes: carrying out picture processing on the interface design drawing to generate interface configuration data, wherein the picture processing comprises the following steps: the method comprises the steps of picture matching, character matching and style matching, wherein interface configuration data comprise picture position information, character position information and style information. And generating interface configuration data through image processing, and automatically generating an application page corresponding to the interface design drawing, wherein the application page can be an HTML5 page.
After step S120, step S130 is performed: and correspondingly matching the interactive data of the application page with the interface configuration data to obtain page configuration information.
The embodiment of the step S130 includes: and correspondingly matching the interactive data of the application page with the interface configuration data, wherein the interactive data comprises interactive action data and interface data, and correspondingly matching the interactive action data and the interface data with the interface configuration data of the current application page to obtain page configuration information. Specifically, a user previews an application page on line, and binds and edits interaction elements in the application page in an interaction action through editing the application page on line to obtain interaction action data; and then, editing the application page on line, binding and editing the interface data of the dynamic data in the application page to obtain the interface data, formatting the interactive action data and the interface data, and binding the interactive action data and the interface data with the interface configuration data of the current application page to obtain page configuration information.
After step S130, step S140 is performed: and calling the basic code according to the interface design drawing through the application classifier, and modifying the configuration parameters in the basic code according to the page configuration information to obtain the application code.
The embodiment of the step S140 includes: the application template library provided by the application classifier is used for applying the application template matched with the closest application template in the template library according to the interface design drawing, and each application template has a corresponding basic code; calling the basic code in the matched closest application template; and modifying the configuration parameters in the basic code according to the page configuration information to obtain the application code.
After step S140, step S150 is performed: generating an application deployment file according to the application code; wherein the application deployment file is used for generating the application.
The embodiment of the step S150 includes: and compiling and packaging the application codes to generate an application installation package for downloading to generate the application, or compiling the application codes into a remote deployment file of the server for remote deployment and application.
In the implementation process, the design effect diagram and the original material diagram are obtained, the page is automatically generated, and interface configuration data, interaction data and the like are fused, stored and processed. The basic code template is provided by the application classifier, so that the method can be developed once, used for multiple times and updated iteratively, and can be used for expanding an application template library and the basic code template. And generating the application according to the application code. An interface design tool does not need to be considered, and the application development process is optimized and simplified.
Optionally, in this embodiment of the application, the interface configuration data includes: picture position information, character position information and style information; generating interface configuration data according to the interface design drawing, comprising: generating picture position information according to the picture information of the interface design drawing; generating character position information according to the character information of the interface design drawing; and matching style information according to the interface design drawing.
The implementation manner of the above steps is as follows: inputting an interface design drawing comprising a design effect drawing and an original material drawing by a user, and generating position information of the original material drawing by matching the original material drawing; character information in the interface design drawing is subjected to character recognition through a character recognition OCR library, and character position information is generated; the interface design generates style information via a style matching library, which in a preferred embodiment may generate css styles (overlay style sheets) via an HTML5 style matching library.
In the implementation process, the application page is automatically generated according to the picture position information, the character position information and the matching style in the interface configuration data of the interface design drawing by inputting the interface design drawing without considering an interface design tool, so that the process of generating the page is simplified.
Optionally, in this embodiment of the application, after generating the interface configuration data according to the interface design drawing and generating the application page corresponding to the interface design drawing according to the interface configuration data, the method further includes: and matching and checking the picture of the application page and the interface design drawing by previewing the application page to obtain a matching and checking result, and adjusting interface configuration data according to the matching and checking result.
The implementation manner of the above steps is as follows: and matching and checking the picture of the application page and the interface design drawing by previewing the generated application page to obtain a matching and checking result, and adjusting the configuration parameters of the interface design drawing according to the matching and checking result. Specifically, after a plurality of application pages are generated, each application page is previewed on line, a plurality of application page screenshots can be obtained by performing screenshot on each application page, the screenshots of the application pages are compared with corresponding interface design drawings one by one, and configuration parameters of the interface design drawings are adjusted according to matching verification of the interface design drawings and the corresponding application pages.
In the implementation process, the generated application page is compared with the original graph of the interface design graph to generate a matching verification result, the difference between the application page and the interface design graph is adjusted until the application page and the interface design graph reach an ideal matching degree, the adjustment is completed, repeated processes of marking data, cutting graph size and the like in application development are avoided by visually adjusting the application page, and the adjustment of the application page is quicker and simpler.
Optionally, in an embodiment of the present application, the interface design drawing includes a design effect drawing and a raw material drawing; adjusting the interface configuration data according to the matching verification result, comprising: and adjusting the position of the original material graph of the picture of the application page and the hierarchical relation in the interface design graph according to the matching and checking result.
The implementation manner of the above steps is as follows: the interface design drawing comprises a design effect drawing and an original material drawing, a matching verification result is generated by comparing the generated application page with the original drawing of the interface design drawing, the matching verification result comprises the picture matching degree of the interface design drawing and the corresponding application page and the hierarchical relation matching degree of the interface design drawing, the local position of the original material drawing of the picture of the application page is adjusted according to the matching verification result, and the hierarchical relation in the interface design drawing is adjusted according to the matching verification result, so that the matching verification result reaches the ideal matching degree.
In the implementation process, the obtained interface design drawing comprises a design effect drawing and an original material drawing, the generated application page is compared with the original drawing of the interface design drawing to generate a proofreading result, the difference between the application page and the interface design drawing is adjusted, and the adjustment is completed until the application page and the interface design drawing reach an ideal matching degree.
Optionally, in this embodiment of the present application, the obtaining page configuration information by correspondingly matching the interaction data of the application page with the interface configuration data includes: matching interactive elements in the application page with corresponding interactive actions to obtain interactive data; and processing the interactive data and matching the interactive data with the corresponding interface configuration data.
The implementation manner of the above steps is as follows: and performing interactive action binding editing on the interactive elements through manual editing, namely binding components used for jumping to other pages in the application page and interactive actions to obtain interactive data, wherein the interactive data comprises interactive settings, formatting the interactive settings and binding the interactive settings with interface configuration data of the current application page. Specifically, selecting a component of an application page, adding interaction parameters, selecting the application page to be jumped, adding jump parameters and animation effects between jumps, and storing the settings, namely, completing the matching of interaction data and corresponding interface configuration data.
The application page can be edited online, the return route of the page is added, the current application page is selected firstly, the return route information of the current application page is modified, the target application page needing to be returned is selected, the jump parameter is added, the animation effect among jumps is added, the setting is stored, and the return setting of the page is completed.
It should be noted that after the interactive data and the interface configuration data are correspondingly matched, that is, after the interactive action data and the interface data are formatted and bound with the interface configuration data of the current application page, the page configuration information is obtained, the page configuration information and the interface configuration data are stored in the database, and a data interface is automatically generated, where the data interface is used for application call, and the data interface may be a restfull interface.
In the implementation process, the interactive elements and the interactive actions are bound through online previewing and editing the application page, and interactive data are obtained; and formatting the interactive data, binding and matching the interactive data with corresponding interface configuration data, and realizing interactive association among a plurality of pages, thereby realizing switching among the pages.
Optionally, in this embodiment of the present application, the obtaining the application code by invoking the basic code according to the interface design drawing through the application classifier and modifying the configuration parameter in the basic code according to the page configuration information includes: matching corresponding application types in the multiple application types according to the interface design drawing through an application classifier, and acquiring basic codes of the matched application types; and modifying the configuration parameters in the basic codes of the matched application types according to the page configuration information to obtain the application codes corresponding to the interface design drawing.
The implementation manner of the above steps is as follows: providing application classification data for the application classifier through a preset application template library, wherein the application template library comprises application templates of multiple application types, and the application classification data comprises application template data of each application type; according to the interface design drawing and the application template data of each application type, matching the application type closest to the interface design drawing in an application template library, and acquiring and calling the application template data of the application type, wherein the application template data comprises basic codes; and modifying the configuration parameters in the basic codes of the matched application types according to the page configuration information to obtain the application codes corresponding to the interface design drawing.
In a preferred embodiment, the application templates corresponding to the application types in the preset application template library and the basic codes in the templates can be expanded according to actual requirements, and supportable application types can be conveniently increased according to the actual requirements.
In the implementation process, the application classifier is used for matching the closest application template in the application template library according to the design effect diagram, modifying the basic code in the application template according to the page configuration information to obtain the application code, and generating the application according to the application code. The basic code template is provided by different classification applications, can be developed once, used for multiple times, updated iteratively, and can be expanded for the application template library and the basic code template. The application template is used to avoid the conditions that different developers have different code quality, the terminal transplanting process is uncontrollable and the like.
Optionally, in this embodiment of the present application, generating the application deployment file according to the application code includes: compiling and packaging the application codes according to the application types to generate application deployment files; the application deployment file comprises an installation package and a remote deployment file, the installation package is used for generating the application through downloading, and the remote deployment file is used for deploying the application by the remote server.
The implementation manner of the above steps is as follows: the system automatically generates an application installation package or a remote deployment file, the package is used for generating the application through downloading, and the remote deployment file is used for deploying the application by a remote server and is adaptive to various requirements.
Please refer to fig. 2, which is a schematic flow chart diagram of an application generation method according to a first embodiment of the present application.
As shown in fig. 2, an interface design drawing is obtained, the interface design drawing includes a design effect drawing and a raw material drawing, and the raw material is matched through a picture mode library according to the interface design drawing to generate picture position information; character information in the interface design drawing is subjected to character recognition through a character recognition OCR library, and character position information is generated; the interface design drawing generates css style information through an H5 style matching library, and an application page is automatically generated according to picture position information, character position information and matching styles in interface configuration data of the interface design drawing.
Editing an application page through online preview, and storing interface configuration data; and correspondingly matching the interactive data of the application page with the interface configuration data to obtain page configuration information, for example, clicking a component of the application page, and appointing to jump to a target application page. And storing the page configuration information and the interface configuration data into a database.
In a preferred embodiment, the interface data binding editing is performed on the dynamic data in the page through online editing, and the interface setting is formatted and matched with the interface configuration data of the current application page. Specifically, a component of a page is selected, interface data needing to be bound is added, a service interface address is input, a system automatically requests and displays interface information of a returned application page, the information is compared with a preset standard interface data format, the corresponding relation of interface data fields is displayed, a user manually adjusts the corresponding relation according to the displayed corresponding relation of the interface data fields, interface setting formatting is completed, and the interface setting formatting is matched with interface configuration data of a current application page.
Matching the generated application page with a corresponding application type according to the interface design drawing through an application classifier, calling a preset basic code corresponding to the application type, modifying a configuration parameter in the basic code of the matched application type according to page configuration information, and obtaining an application code corresponding to the interface design drawing; and compiling and packaging the application codes according to the application types to generate application deployment files, wherein the application deployment files comprise installation packages and remote deployment files, the installation packages are used for generating the applications through downloading, and the remote deployment files are used for deploying the applications by a remote server.
Please refer to fig. 3, which is a schematic flow chart of a processing interface design diagram according to an embodiment of the present application.
As shown in fig. 3, an interface design drawing is obtained, the interface design drawing includes a design effect drawing and a raw material drawing, and the raw material is matched through a picture mode library according to the interface design drawing to generate picture position information; character information in the interface design drawing is subjected to character recognition through a character recognition OCR library, and character position information is generated; the interface design drawing generates css style information through an H5 style matching library, and an initial H5 application page is automatically generated according to picture position information, character position information and matching styles in interface configuration data of the interface design drawing.
And previewing the generated H5 application page, screenshot the picture of the H5 application page, comparing the screenshot with a design effect diagram in an interface design diagram, adjusting the positions of local characters and pictures according to local differences after comparison, and then comparing the revised screenshot of the application page with the design effect diagram of the interface design diagram again until the comparison result reaches an ideal matching degree to generate a final H5 application page and page data of the application page.
Please refer to fig. 4, which illustrates a schematic structural diagram of an application generating apparatus provided in the embodiment of the present application; the embodiment of the present application provides an application generating apparatus 200, including:
an obtaining module 210, configured to obtain an interface design drawing;
the page generating module 220 is configured to generate interface configuration data according to the interface design drawing, and generate an application page corresponding to the interface design drawing according to the interface configuration data;
the data processing module 230 is configured to match the interaction data of the application page with the interface configuration data correspondingly to obtain page configuration information;
the application classification module 240 is configured to call a basic code according to the interface design drawing through the application classifier, and modify a configuration parameter in the basic code according to the page configuration information to obtain an application code; and
an application generating module 250, configured to generate an application deployment file according to the application code; wherein the application deployment file is used for generating the application.
It should be understood that the apparatus corresponds to the above-mentioned embodiment of the application generation method, and can perform the steps related to the above-mentioned embodiment of the method, and the specific functions of the apparatus can be referred to the above description, and the detailed description is appropriately omitted here to avoid redundancy. The device includes at least one software function that can be stored in memory in the form of software or firmware (firmware) or solidified in the Operating System (OS) of the device.
Please refer to fig. 5, which illustrates a schematic structural diagram of an electronic device according to an embodiment of the present application. An electronic device 300 provided in an embodiment of the present application includes: a processor 310 and a memory 320, the memory 320 storing machine readable instructions executable by the processor 310, the machine readable instructions when executed by the processor 310 performing the method as above.
The embodiment of the application also provides a storage medium, wherein the storage medium is stored with a computer program, and the computer program is executed by a processor to execute the method.
The storage medium may be implemented by any type of volatile or nonvolatile storage device or combination thereof, such as a Static Random Access Memory (SRAM), an Electrically Erasable Programmable Read-Only Memory (EEPROM), an Erasable Programmable Read-Only Memory (EPROM), a Programmable Read-Only Memory (PROM), a Read-Only Memory (ROM), a magnetic Memory, a flash Memory, a magnetic disk, or an optical disk.
In the embodiments provided in the present application, it should be understood that the disclosed apparatus and method may be implemented in other ways. The apparatus embodiments described above are merely illustrative, and for example, the flowchart and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of apparatus, methods and computer program products according to various embodiments of the present application. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.
In addition, functional modules in the embodiments of the present application may be integrated together to form an independent part, or each module may exist separately, or two or more modules may be integrated to form an independent part.
The above description is only an alternative embodiment of the embodiments of the present application, but the scope of the embodiments of the present application is not limited thereto, and any person skilled in the art can easily conceive of changes or substitutions within the technical scope of the embodiments of the present application, and all the changes or substitutions should be covered by the scope of the embodiments of the present application.
Claims (10)
1. An application generation method, comprising:
acquiring an interface design drawing;
generating interface configuration data according to the interface design drawing, and generating an application page corresponding to the interface design drawing according to the interface configuration data;
correspondingly matching the interactive data of the application page with the interface configuration data to obtain page configuration information;
calling a basic code according to an interface design drawing through an application classifier, and modifying configuration parameters in the basic code according to the page configuration information to obtain an application code; and
generating an application deployment file according to the application code; wherein the application deployment file is used for generating an application.
2. The method of claim 1, wherein the interface configuration data comprises: picture position information, character position information and style information; generating interface configuration data according to the interface design drawing comprises the following steps:
generating picture position information according to the picture information of the interface design drawing; generating character position information according to the character information of the interface design drawing; and matching style information according to the interface design drawing.
3. The method according to claim 1, wherein after generating interface configuration data according to the interface design drawing and generating an application page corresponding to the interface design drawing according to the interface configuration data, the method further comprises:
and matching and checking the picture of the application page and the interface design drawing by previewing the application page to obtain a matching and checking result, and adjusting the interface configuration data according to the matching and checking result.
4. The method of claim 3, wherein the interface design drawing comprises a design effect drawing and a source material drawing; the adjusting the interface configuration data according to the matching verification result comprises:
and adjusting the position of the original material graph of the picture of the application page and the hierarchical relation in the interface design graph according to the matching and checking result.
5. The method according to claim 1, wherein the obtaining page configuration information by correspondingly matching the interaction data of the application page with the interface configuration data comprises:
matching interactive elements in the application page with corresponding interactive actions to obtain interactive data; and
and processing the interactive data and matching the interactive data with the corresponding interface configuration data.
6. The method of claim 1, wherein the obtaining the application code by invoking the base code according to the interface design drawing and modifying the configuration parameters in the base code according to the page configuration information through the application classifier comprises:
matching corresponding application types in the multiple application types according to the interface design drawing through an application classifier, and acquiring basic codes of the matched application types; and
and modifying the configuration parameters in the basic codes of the matched application types according to the page configuration information to obtain the application codes corresponding to the interface design drawing.
7. The method of claim 6, wherein the generating an application deployment file according to the application code comprises:
compiling and packaging the application codes according to the application types to generate the application deployment files;
the application deployment file comprises an installation package and a remote deployment file, the installation package is used for generating the application through downloading, and the remote deployment file is used for deploying the application by a remote server.
8. An application generation apparatus, comprising:
the acquisition module is used for acquiring an interface design drawing;
the page generation module is used for generating interface configuration data according to the interface design drawing and generating an application page corresponding to the interface design drawing according to the interface configuration data;
the data processing module is used for correspondingly matching the interactive data of the application page with the interface configuration data to obtain page configuration information;
the application classification module is used for calling a basic code according to an interface design drawing through an application classifier, modifying a configuration parameter in the basic code according to the page configuration information and obtaining an application code; and
the application generation module is used for generating an application deployment file according to the application code; wherein the application deployment file is used for generating an application.
9. An electronic device, comprising: a processor and a memory, the memory storing machine-readable instructions executable by the processor, the machine-readable instructions, when executed by the processor, performing the method of any of claims 1 to 7.
10. A computer-readable storage medium, having stored thereon a computer program which, when executed by a processor, performs the method of any one of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111680646.5A CN114327432A (en) | 2021-12-27 | 2021-12-27 | Application generation method and device, electronic equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111680646.5A CN114327432A (en) | 2021-12-27 | 2021-12-27 | Application generation method and device, electronic equipment and storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN114327432A true CN114327432A (en) | 2022-04-12 |
Family
ID=81022821
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111680646.5A Pending CN114327432A (en) | 2021-12-27 | 2021-12-27 | Application generation method and device, electronic equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114327432A (en) |
-
2021
- 2021-12-27 CN CN202111680646.5A patent/CN114327432A/en active Pending
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10033835B2 (en) | System, method, and device for remotely operating a server | |
| US10565293B2 (en) | Synchronizing DOM element references | |
| TWI578220B (en) | Simulation of web applications and secondary devices in a web browser, web application development tools, and methods using the same | |
| CN108415702B (en) | Dynamic rendering method and device for application interface of mobile terminal | |
| CN111475163A (en) | Method, device and equipment for generating code file of view template and storage medium | |
| CN113918151A (en) | Low-code page development method, device, equipment and storage medium | |
| CN108664242B (en) | Method and device for generating visual interface, electronic equipment and readable storage medium | |
| CN109960773A (en) | Page animation method, apparatus, equipment and storage medium based on HTML5 | |
| CN112965701A (en) | Front-end code generation method and device | |
| CN111079062A (en) | Page creating method and device, electronic equipment and storage medium | |
| CN101582899B (en) | Method, system, and service server for providing firmware through communication network | |
| CN113095056B (en) | Generation method, processing method, device, electronic equipment and medium | |
| CN114820881A (en) | Picture generation method, intelligent terminal and computer readable storage medium thereof | |
| CN115220718A (en) | UI design method, design equipment, server and storage medium | |
| CN114327432A (en) | Application generation method and device, electronic equipment and storage medium | |
| CN115543291A (en) | Development and application method and device of interface template suite | |
| CN114398032B (en) | Program writing method, apparatus and medium | |
| JP2019079165A (en) | Editing program, editing device and editing method | |
| JP6097231B2 (en) | Program generating apparatus and method | |
| KR20140137630A (en) | Widget authoring system and method thereof | |
| US20200159805A1 (en) | System and method for producing transferable, modular web pages | |
| CN111782257A (en) | Application installation package generation method and device and interface display method and device | |
| CN114721930A (en) | Data processing method, device, equipment and medium | |
| CN111079382A (en) | Form rendering method and system based on MVVM (multifunction virtual machine) mode | |
| CN113934412A (en) | Program generation method, device, equipment and storage medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |