Application development method and device

Abstract

The invention provides an application development method and device. The method comprises the steps of obtaining a data standard used for generating a business application front-end page; designing and iterating a front-end page based on a data standard to obtain structured page data; generating a front-end code of the front-end page and a rear-end code of the business application according to the structured page data; and performing combined debugging on the front-end code and the rear-end code to complete code development of the business application. Therefore, the design of the front-end page of the business application can be completed only by depending on the data standard, so that the front-end page design is more flexible and independent and does not depend on a back-end model any more, the development speed is increased, and the maintainability of codes is improved.

Description

Technical Field

[0001] The present disclosure relates to the field of computer technology, and in particular to an application development method and device. Background Art

[0002] The low-code platform is a graphical digital technology tool platform that can quickly implement innovative applications in the digital transformation of enterprises by dragging and dropping, and supports the use of a small amount of code to expand and realize personalized needs. The low-code platform improves development efficiency, lowers technical barriers, and reduces the need for native code writing through a visual application development environment. The scalable architecture provided by this platform allows developers to implement functions through configuration rather than hard coding.

[0003] The front-end and back-end design of the low-code platform requires a lot of configuration, and the front-end and back-end are not decoupled, that is, the functions of separate design, evaluation, and demonstration of the front-end and back-end are not realized. Once the business requirements change, the front-end and back-end designs need to be changed synchronously. There is no way to achieve the effect of constantly modifying and iterating the front-end design, and then starting the back-end design and completing the design in one step. Summary of the invention

[0004] The present disclosure provides an application development method and device to solve one of the technical problems in the related art at least to a certain extent. The technical solution of the present disclosure is as follows:

[0005] According to a first aspect of an embodiment of the present disclosure, there is provided an application development method, which is applied to a low-code platform, the method comprising: obtaining a data standard for generating a business application front-end page;

[0006] Based on the data standard, the front-end page is designed and iterated to obtain structured page data;

[0007] Generate the front-end code of the front-end page and the back-end code of the business application according to the structured page data;

[0008] The front-end code and the back-end code are combined and debugged to complete the code development of the business application.

[0009] According to a second aspect of an embodiment of the present disclosure, a code development device is provided, which is applied to a low-code platform, and the device includes:

[0010] A first acquisition module is used to acquire data standards for generating a business application front-end page;

[0011] A first processing module is used to design and iterate the front-end page based on the data standard to obtain structured page data;

[0012] A generation module, used to generate the front-end code of the front-end page and the back-end code of the business application according to the structured page data;

[0013] The merge debugging module is used to merge and debug the front-end code and the back-end code to complete the code development of the business application.

[0014] According to a third aspect of an embodiment of the present disclosure, an electronic device is provided, comprising: a processor; and a memory for storing instructions executable by the processor; wherein the processor is configured to execute the instructions to implement the application development method as described in the embodiment of the first aspect of the present disclosure.

[0015] According to a fourth aspect of an embodiment of the present disclosure, a computer-readable storage medium is provided. When instructions in the computer-readable storage medium are executed by a processor of an electronic device, the electronic device can execute the application development method as described in the embodiment of the first aspect of the present disclosure.

[0016] According to a fifth aspect of an embodiment of the present disclosure, a computer program product is provided, including: a computer program, which, when executed by a processor, implements the application development method as described in the embodiment of the first aspect of the present disclosure.

[0017] The technical solution provided by the embodiments of the present disclosure brings at least the following beneficial effects:

[0018] In the present technical scheme, data standards for generating the front-end pages of business applications are obtained; based on the data standards, the front-end pages are designed and iterated to obtain structured page data; based on the structured page data, the front-end code of the front-end pages and the back-end code of the business applications are generated; the front-end code and the back-end code are merged and debugged to complete the code development of the business applications. Thus, the front-end page design can be realized and the structured data of the front-end page can be obtained only by relying on the data standards. Then, based on the structured data of the front-end pages, the front-end code and the back-end code are respectively obtained, thus realizing the decoupling of the front-end and back-end designs of the low-code platform, making the front-end page design more flexible and independent, and no longer dependent on the back-end model. Such a decoupled design helps to speed up the development and improve the maintainability of the code. Among them, based on the data standards , design and iterate the front-end page, and when the structured page data is obtained, the front-end page can be quickly built and iterated by non-direct code writing, which significantly reduces the complexity of application development and improves development efficiency; further, when the back-end code of the business application is generated according to the structured page data, the data interaction requirements between the front-end page and the back-end are determined by analyzing the structured page data, and then, the application development process from front-end page design to back-end logic implementation is supported, the iteration speed of business applications is accelerated, the consistency and maintainability in the development process are ensured, and it helps to build stable, reliable and easy-to-expand business applications; and, by simulating the back-end interface service, the front-end development can design and develop the front-end page when the back-end service has not yet been developed, which improves development efficiency and reduces the dependence between front-end and back-end development.

[0019] It is to be understood that the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the present disclosure. BRIEF DESCRIPTION OF THE DRAWINGS

[0020] The drawings herein are incorporated into and constitute a part of the specification, illustrate embodiments consistent with the present disclosure, and together with the description are used to explain the principles of the present disclosure, and do not constitute improper limitations on the present disclosure.

[0021] Figure 1 is a flowchart of an application development method shown in an embodiment of the present disclosure;

[0022] Figure 2 is a flowchart of an application development method shown in another embodiment of the present disclosure;

[0023] Figure 3 is a flowchart of an application development method shown in another embodiment of the present disclosure;

[0024] Figure 4 is a flowchart of an application development method shown in another embodiment of the present disclosure;

[0025] Figure 5 is a flowchart of an application development method shown in another embodiment of the present disclosure;

[0026] Figure 6 It is a schematic diagram of the structure of the low-code platform shown in the present disclosure;

[0027] Figure 7 is a structural schematic diagram of a code development device shown in another embodiment of the present disclosure;

[0028] Figure 8 It is a schematic structural diagram of an electronic device shown in an exemplary embodiment of the present disclosure. DETAILED DESCRIPTION

[0029] In order to enable ordinary persons in the art to better understand the technical solutions of the present disclosure, the technical solutions in the embodiments of the present disclosure will be clearly and completely described below in conjunction with the accompanying drawings.

[0030] It should be noted that the terms "first", "second", etc. in the specification and claims of the present disclosure and the above-mentioned drawings are used to distinguish similar objects, and are not necessarily used to describe a specific order or sequence. It should be understood that the data used in this way can be interchanged where appropriate, so that the embodiments of the present disclosure described herein can be implemented in an order other than those illustrated or described herein. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present disclosure. Instead, they are merely examples of devices and methods consistent with some aspects of the present disclosure as detailed in the appended claims.

[0031] It should be noted that in the technical solution of the present disclosure, the collection, storage, use, processing, transmission, provision and disclosure of user personal information are all carried out with the user's consent, and are in compliance with relevant laws and regulations and do not violate public order and good morals.

[0032] The application development method and apparatus according to the embodiments of the present disclosure are described below with reference to the accompanying drawings.

[0033] Figure 1 It is a flowchart of an application development method shown in an embodiment of the present disclosure.

[0034] It should be noted that the application development method disclosed in the present invention is applied to a low-code platform.

[0035] like Figure 1 As shown, the application development method includes the following steps:

[0036] Step 101, obtaining data standards for generating a business application front-end page.

[0037] Among them, data standards are definitions and specifications of corresponding data, which are used to ensure the consistency and interoperability of data in business applications.

[0038] As an example, the data is age, gender, ID number, customer type, city, product code, account number, etc. When the data is "age", the corresponding data standard is a positive integer, the minimum value is 1, and the maximum value is 60. When the data is "city", the corresponding data standard is a string with a maximum length of 6.

[0039] In order to accurately obtain the data standards for generating the front-end page of the business application, as a possible implementation method, in response to the user's fifth operation on the data standard management page, obtain the business data standard table; read the business data standard table to obtain the data standards for generating the front-end page of the business application.

[0040] The digital standard management page has data standard management functions (also called digital standard management functions) and data standard design functions (also called digital standard design functions). The data standard management functions include data standard addition (also called digital standard addition) function, data standard modification (also called digital standard modification) function, data standard search (also called digital standard search) function, data standard deletion (also called digital standard deletion) function, data standard batch addition (also called digital standard batch addition) function, etc.

[0041] Among them, the business data standard table includes multiple data standards.

[0042] As an example, the service number table is shown in Table 1:

[0043] Table 1 Business data table

[0044] name Data Types Minimum Length Maximum length Minimum Maximum age Integer 1 150 gender Boolean Certificate Number String 18 18 Customer Type String 2 10

[0045] The fifth operation includes but is not limited to clicking, hovering, scrolling, inputting, etc.

[0046] In order to obtain the business data table, as an example, when a user builds a business data table on the data management page of the low-code platform and submits the business data table, the low-code platform will respond to the user's submission of the constructed business data table on the data management page and obtain the business data table.

[0047] As another example, in response to a user clicking on a batch of new digital label components in the digital label management page of the low-code platform, the low-code platform reads the business digital label table determined by the user from local storage.

[0048] In order to obtain the data standards for generating the front-end pages of business applications, as another possible implementation method, after obtaining the requirement page prototype of the business application front-end page, the low-code platform analyzes the requirement page prototype and reversely derives the data standards.

[0049] Among them, the demand page prototype is a page prototype set and provided by the business demand party according to business needs.

[0050] Step 102, based on the data standard, the front-end page is designed and iterated to obtain structured page data.

[0051] The structured page data refers to the text that describes the front-end page in a target format, and the structured page data includes interaction logic and rendering style, wherein the target format includes but is not limited to JSON (JavaScript Object Notation, JS object notation) format, YAML (YAML Ain't Markup Language, another markup language) format, etc.

[0052] After designing and iterating the front-end page, the interaction logic and rendering style of the front-end page are stored in the form of structured data. Therefore, in the present disclosure, the structured data of the front-end page can be obtained, wherein the present disclosure records the structured data of the front-end page as structured page data.

[0053] Step 103, generating the front-end code of the front-end page and the back-end code of the business application according to the structured page data.

[0054] It can be understood that the structured page data defines the layout, page elements, content and interaction logic of the front-end page. Therefore, as an example, the front-end engine or JavaScript (a lightweight, interpreted or just-in-time compiled programming language with function priority) library can be used to parse the structured page data and generate corresponding HTML (Hyper Text Markup Language) elements and JavaScript code.

[0055] Step 104, merge and debug the front-end code and the back-end code to complete the code development of the business application.

[0056] Combine and debug the front-end code and the back-end code to ensure that the business application front-end can correctly call the API (Application Programming Interface) provided by the back-end, and that the back-end can process the front-end request and return the correct data.

[0057] The application development method of the disclosed embodiment obtains data standards for generating front-end pages of business applications; designs and iterates the front-end pages based on the data standards to obtain structured page data; generates front-end codes for the front-end pages and back-end codes for the business applications according to the structured page data; and merges and debugs the front-end codes and back-end codes to complete the code development of the business applications. Thus, the design of the front-end pages of the business applications can be completed by relying only on the data standards, thereby achieving the decoupling of the front-end and back-end designs of the low-code platform, making the front-end page design more flexible and independent, and no longer dependent on the back-end model, which helps to speed up development and improve the maintainability of the code.

[0058] In order to clearly explain how the front-end page is designed and iterated based on data standards to obtain structured page data in the above embodiments of the present disclosure, the present disclosure also proposes an application development method.

[0059] Figure 2 It is a flowchart of an application development method shown in another embodiment of the present disclosure.

[0060] like Figure 2 As shown, the application development method includes the following steps:

[0061] Step 201, obtaining data standards for generating a business application front-end page.

[0062] It should be noted that the execution process of step 201 can be implemented in any way in the embodiments of the present disclosure, and the embodiments of the present disclosure do not limit this and will not be described in detail.

[0063] Step 202: Determine and generate at least one page element displayed on the front-end page based on the data standard.

[0064] Among them, page elements include text, buttons, radio buttons, multiple-choice boxes, icons, scripts, forms, etc.

[0065] In order to improve the flexibility and reliability of generating page elements displayed on the front-end page, as a possible implementation method, at least one target text and target form displayed on the front-end page is generated based on the data standard, and the at least one target text, target form and pre-set design components are determined as page elements. Among them, the design components include buttons, radio buttons, multiple selection boxes, etc.

[0066] As an example, after obtaining the data standards in the business data table shown in Table 1, the target text displayed on the front-end page is generated, namely "age", "gender", "ID number", and "customer type", and four target forms are generated whose contents include "age", "gender", "ID number", and "customer type" in sequence, and the above target texts, target forms and pre-set design components are all determined as page elements.

[0067] Step 203 , in response to a first operation of the user on the first design canvas, at least one first page element is determined from the at least one page element, and the at least one first page element is laid out.

[0068] The first operation includes, but is not limited to, dragging, zooming, clicking, inputting, etc.

[0069] That is, when the user performs a first operation on the first design canvas, the low-code platform listens to the user's first operation on the first design canvas and responds to the user's first operation, determines at least one first page element from at least one page element, and adjusts the layout of the at least one page element.

[0070] As a possible implementation, after the low-code platform generates at least one page element displayed on the front-end page, the low-code platform displays the at least one page element through the first design canvas. The page elements are displayed in a visual manner to facilitate subsequent users to layout and adjust the front-end page.

[0071] Step 204, in response to the user's second operation, determine the target page element from at least one first page element of the completed layout, and bind the corresponding event handler to the target page element; wherein the event handler has a corresponding event trigger type and event action, and is bound to corresponding input parameters and output parameters.

[0072] The second operation includes but is not limited to adding, modifying, deleting, querying, etc.;

[0073] Event trigger types include left click, right click, page refresh, etc.

[0074] Event actions include jump, redirect, form submission, pop-up window, page refresh, etc.

[0075] As an example, based on data standards, a parameter list is generated and displayed, wherein the parameter list includes at least one parameter and corresponding parameter information; in response to the user's second operation, first, a target page element is determined from at least one first page element of the completed layout and input parameters and output parameters are selected from the parameter list; secondly, the input parameters, output parameters and their corresponding parameter information are inserted into a parameter DSL (Dynamic Script Language) text corresponding to the target page element to bind the input parameters and output parameters to the target page element; finally, an event trigger type and an event action are inserted into an event DSL text corresponding to the target page element to bind the corresponding event to the target page element.

[0076] Step 205 , obtaining a rendering style of each first page element, and rendering the corresponding first page element based on the rendering style.

[0077] The rendering style includes font, size, color, scrolling display, etc.

[0078] As an example, when the user determines and selects the rendering style of the first page element, the low-code platform responds to the user's trigger operation on the rendering style and obtains the rendering style of the first page element.

[0079] It should be noted that the present disclosure does not limit the execution sequence of step 204 and step 205. Step 204 and step 205 can be executed sequentially or in parallel. Figure 2 It is merely assumed that step 205 is executed after step 204 for example.

[0080] Step 206, based on the rendering result, iterate the front-end page to obtain structured page data.

[0081] Step 207, generating the front-end code of the front-end page and the back-end code of the business application according to the structured page data.

[0082] Step 208, merge and debug the front-end code and the back-end code to complete the code development of the business application.

[0083] It should be noted that the execution process of steps 207 to 208 can be implemented in any manner in the embodiments of the present disclosure, and the embodiments of the present disclosure do not limit this and will not be described in detail.

[0084] The application development method of the disclosed embodiment determines and generates at least one page element displayed by the front-end page based on data standards; in response to a first operation of a user on a first design canvas in a low-code platform, determines at least one first page element from at least one page element, and lays out at least one first page element; in response to a second operation of a user, determines a target page element from at least one first page element that has completed the layout, and binds a corresponding event handler to the target page element; wherein the event handler has a corresponding event trigger type and event action, and is bound to corresponding input parameters and output parameters; obtains the rendering style of each first page element, and renders the corresponding first page element based on the rendering style; based on the rendering result, iterates the front-end page to obtain structured page data. Thus, the front-end page can be quickly constructed and iterated in a non-direct code-writing manner, significantly reducing the complexity of application development and improving development efficiency.

[0085] In order to clearly explain how to generate the backend code of the business application according to the structured page data in any of the above embodiments of the present disclosure, the present disclosure also proposes an application development method.

[0086] Figure 3 It is a flowchart of an application development method shown in another embodiment of the present disclosure.

[0087] like Figure 3 As shown, the application development method includes the following steps:

[0088] Step 301, obtaining data standards for generating a business application front-end page.

[0089] Step 302, based on the data standard, the front-end page is designed and iterated to obtain structured page data.

[0090] Step 303, generating the front-end code of the front-end page according to the structured page data.

[0091] It should be noted that the execution process of steps 301 to 303 can be implemented in any manner in the embodiments of the present disclosure, and the embodiments of the present disclosure do not limit this and will not be described in detail.

[0092] Step 304: Analyze the structured page data to determine the data interaction interface between the front-end page and the back-end.

[0093] By analyzing the interaction logic in structured page data, the data interaction interface between the front-end and the back-end can be determined.

[0094] Step 305: In response to the user's third operation on the interface generation page, configure the data interaction interface.

[0095] Among them, the interface generation page is used to undertake interface generation related tasks.

[0096] It should be noted that when designing and iterating the front-end page, only the interaction logic and rendering effects of the rendering style between the front-end and the back-end are considered, and the real data of the back-end is not connected. The low-code platform can respond to the user's third operation on the interface generation page and configure the data interaction interface to configure interface information for the data interaction interface, where the interface information includes interface path, request method, request header, request body, response format, security authentication format, etc. The third operation includes but is not limited to adding, modifying, querying, deleting, etc. Configure the interface information for the data interaction interface so that the front-end can access the real data of the back-end through the data interaction interface to realize the interaction between the front-end and the back-end.

[0097] Step 306: Build a target business model based on the data standard and the configured data interaction interface.

[0098] The target business model is used to indicate the association relationship between data models in the related business, wherein the association relationship includes a one-to-one relationship, a one-to-many relationship, a many-to-many relationship, and the like.

[0099] Step 307: Generate backend code for the business application based on the target business model.

[0100] Through the back-end coding engine in the low-code platform, using its own automated code generation mechanism, the back-end code of the business application is generated based on the target business model.

[0101] Step 308, merge and debug the front-end code and the back-end code to complete the code development of the business application.

[0102] It should be noted that the execution process of step 308 can be implemented in any way in the embodiments of the present disclosure, and the embodiments of the present disclosure do not limit this and will not be described in detail.

[0103] In order to facilitate the reuse and expansion of business models, as a possible implementation method, after the target business model is constructed, the target business model can be deposited in a model library.

[0104] The application development method of the disclosed embodiment analyzes the structured page data to determine the data interaction interface between the front-end page and the back-end; in response to the user's third operation of generating a page through the interface in the low-code platform, configures the data interaction interface; builds a target business model based on the data standard and the configured data interaction interface; and generates the back-end code of the business application based on the target business model. Thus, by analyzing the structured page data, the data interaction requirements between the front-end page and the back-end are determined, and then, the application development process from the front-end page design to the back-end logic implementation is supported, which improves the development efficiency, speeds up the iteration speed of the business application, ensures the consistency and maintainability in the development process, and helps to build stable, reliable and easy-to-expand business applications.

[0105] In order to clearly explain how to build a target business model based on data standards and a configured data interaction interface in the above embodiments of the present disclosure, the present disclosure also proposes an application development method.

[0106] Figure 4 It is a flowchart of an application development method shown in another embodiment of the present disclosure.

[0107] like Figure 4 As shown, based on the previous embodiment of the present disclosure, the application development method may further include the following steps:

[0108] Step 401: Acquire at least one target data model according to the interaction parameters and data standards of the configured data interaction interface.

[0109] In order to obtain the target data model, as a possible implementation method, at least one data object (or entity) is determined based on the interaction parameters of the configured data interaction interface; for any data object, when there is no data model matching the data object in the model library, a target data standard matching the data object is determined from multiple data standards, and based on the target data standard, attribute information of the data object is determined, and the attribute information of the data object is encapsulated to obtain the target data model of the data object; when there is a data model matching the data object in the model library, the data model matching the data object is determined as the target data model.

[0110] The interaction parameters include input parameters and output parameters.

[0111] As an example, assuming that the input parameters of the configured data interaction interface are "product name" and "product batch number", and the output parameters are "manufacturer name" and "raw material supplier name", the data objects that can be determined include "product", "manufacturer" and "raw material supplier"; for the data object "raw material supplier", when there is no data model matching the data object in the model library, the target data standard matching the data object can be determined from multiple data standards. For example, the target data standard corresponding to "raw material supplier" is: supplier's Chinese name, supplier's English name, supplier code, and whether it has export qualifications. Obviously, supplier's Chinese name, supplier's English name, supplier code, and whether it has export qualifications can be used as attribute information of "raw material supplier", thereby encapsulating the attribute information of the data object "raw material supplier" and obtaining the target data model of the data object "raw material supplier"; when there is a data model matching the data object in the model library, the data model matching the data object can be determined as the target data model.

[0112] In this way, the target data model required by the business can be automatically obtained to meet business needs.

[0113] Step 402: In response to a third operation performed by the user on the second design canvas, an association relationship between target data models is established.

[0114] As an example, assuming that there are target data model 1 and target data model 2, when the user selects a one-to-many relationship in the relationship type multiple-choice box on the second design canvas in the low-code platform, and sets the associated fields of target data model 1 and target data model 2 as target fields, the low-code platform responds to the user's above operations and establishes a corresponding relationship for target data model 1 and target data model 2.

[0115] Step 403: Obtain a target business model based on the target data models and the associations between the target data models.

[0116] As an example, each target data model is combined according to the corresponding association relationship to obtain a target business model.

[0117] The application development method of the disclosed embodiment obtains at least one target data model according to the interaction parameters and data standards of the configured data interaction interface; for any target data model, in response to the third operation of the user on the second design canvas in the low-code platform, establishes an association relationship between the target data model and at least one target data model other than the target data model; based on the association relationship between the target data models, obtains the target business model. Thus, the target business model is effectively obtained based on the interaction parameters and data standards of the configured data interaction interface, that is, the back-end model design is implemented according to the data standards and the interface designed by the front-end, ensuring the consistency of the front-end and back-end during the development process.

[0118] It is understandable that after completing the configuration of the data interaction interface, the data interaction interface can be tested and / or debugged. Figure 5 , the above process is explained.

[0119] Figure 5 It is a flowchart of an application development method shown in another embodiment of the present disclosure.

[0120] like Figure 5 As shown, based on any of the above embodiments of the present disclosure, the application development method may further include the following steps:

[0121] Step 501, in response to intercepting a call request from a business application front end to a target data interaction interface, obtaining an interface document of the target data interface.

[0122] When the business application front end sends a call request to the target data interaction interface, the low-code platform can intercept the call request and obtain the interface document of the target data interface. For example, the call request can be intercepted through the interface simulation (i.e. mock) service in the low-code platform, and the interface document of the target data interface can be obtained.

[0123] Step 502: Parse the interface document to obtain parameter information of the response parameter.

[0124] The parameter information includes, for example, the name, data type, verification rule, etc. of the response parameter, which is not limited in the present disclosure.

[0125] Step 503: construct a corresponding simulation data model based on the parameter information of the response parameter.

[0126] As an example, when the parameter information of the response parameter includes:

[0127] id: integer type, must be true;

[0128] name: string type, must be true, length 1 to 50;

[0129] email: string type, must be true, format is email;

[0130] age: integer type, not necessarily true, minimum value is 18;

[0131] According to the parameter information of the above response parameters, the corresponding target data model is constructed as follows:

[0132] const User = {

[0133] id:Number,

[0134] name:String,

[0135] email:String,

[0136] age:Number

[0137] }

[0138] Step 504: Generate at least one simulation data according to the simulation data model, and store the at least one simulation data in a simulation database.

[0139] It should be noted that the simulation database is different from the business database, wherein the business database refers to a database system used to store and manage data required for daily operations of an enterprise.

[0140] It should also be noted that the present disclosure does not limit the amount of simulation data.

[0141] Step 505: Expose at least one simulation data stored in the simulation database through a predefined service interface.

[0142] As an example, based on the request method of the target data interface (such as GET, POST, PUT, DELETE, etc.) and the simulation data model, an SQL (Structured Query Language) statement template is generated for querying the simulation data in the simulation database; the request parameters of the target data interface are received through a predefined service interface, and a corresponding SQL statement is generated according to the received request parameters and the SQL statement template, the simulation database is queried according to the SQL statement and the query results are returned; finally, the query results are returned to the business application front end.

[0143] The application development method of the disclosed embodiment obtains the interface document of the target data interface in response to intercepting the call request of the business application front end to the target data interaction interface; parses the interface document to obtain the parameter information of the response parameter; builds the corresponding target data model based on the parameter information of the response parameter; generates at least one simulation data according to the target data model, and stores at least one simulation data in the simulation database; exposes at least one simulation data stored in the simulation database through a predefined service interface. Thus, by simulating the interface service of the back end, the front end development can design and develop the front end page when the back end service has not been developed, thereby improving the development efficiency and reducing the dependence between the front end and back end development.

[0144] In order to clearly illustrate the application development method disclosed in the present invention, the above process is described below with reference to examples.

[0145] As an example, the application development method of the present disclosure is applied to Figure 6 In the low-code platform shown, the low-code platform 600 includes a digital management and design module 601, a front-end page design module 602, an interface generation service 603, an interface mock service 604, a front-end code generation module 605, a back-end model design module 606, a back-end code generation engine 607, and a merge debugging module 608, wherein:

[0146] 1. The data standard management and design module 601 is used to obtain data standards (referred to as data standards) for generating business applications.

[0147] Among them, the digital standard management and design modules rely on the digital standard library, which is used to store data standards and can be used as the initial input basis for the launch of the entire plan.

[0148] Generally speaking, the data standards in the digital standard table (referred to as the business digital standard table in this disclosure) provided by the business demand party are imported into the low-code platform in batches; the specific content of the digital standard library can also be reversely deduced based on the page prototype provided by the business demand party (referred to as the demand page prototype in this disclosure).

[0149] Among them, it should be noted that when managing and maintaining data standards, the digital label management and design module must have the capabilities including digital label retrieval, digital label addition, digital label modification, digital label deletion, digital label details, and digital label batch addition; among them, the digital label batch addition capability can be used to carry out scenarios of batch import of digital label tables.

[0150] 2. The front-end page design module 602 is used to design and iterate the front-end page of the business application to obtain the structured data of the front-end page (the present disclosure refers to the structured data of the front-end page as structured page data).

[0151] General low-code platforms all have this module, which provides data, interaction, and rendering capabilities. The content displayed on the page in this module and the form content that needs to be passed to the backend all come from the digital library.

[0152] When the design of the front-end page of a business application is a finished version, the front-end page is stored in the system database in the form of structured data. The present disclosure records the structured data of the front-end page as structured page data, which includes the interactive logic and rendering style of the page. Its specific data source (i.e., the real data of the back-end) needs to be improved by the subsequent back-end design.

[0153] You can continue to iterate the design of the front-end page and conduct a demonstration. In this process, you only need to consider the interaction logic and style rendering effects, without accessing the real data of the back-end, and continuously integrate requirements and suggestions to improve the front-end design.

[0154] 3. Interface generation service 603, used to analyze the structured data of the front-end page, determine the data interaction interface between the front-end and the back-end, and configure the data interaction interface in response to the user's operation.

[0155] Specifically, the interface generation service reads the structured data of the front-end page, analyzes the structured data, and determines all the input and output parameters of the data interaction interface, which correspond exactly to the page content. In addition, the service can provide a visual operation interface to help users configure key content such as interface path, request method, header information, etc. for the data interaction interface.

[0156] 4. Interface mock service 604 is used to intercept calls to the data interaction interface and automatically generate simulated data for front-end use based on the input and output parameters of the data interaction interface.

[0157] Specifically, the input and output parameters of the data interaction interface are parsed, including name, type, verification rules, etc., and multiple simulation data are generated and inserted into a special mock library (referred to as a simulation database in this disclosure). Then, the query SQL statement is packaged and the simulation data stored in the mock is exposed through a pre-defined service interface.

[0158] It should be noted that the mock library is different from the business database.

[0159] 5. The front-end code generation module 605 is used to generate the front-end code based on the structured data of the front-end page.

[0160] 6. The back-end model design module 606 is used to build a structured business model based on the data standards in the digital library and the interface definition of the data interaction interface in the structured data.

[0161] Among them, the data standards in the digital library and the interface definitions of the data interaction interfaces in the structured data cover all data modeling content without the need for other steps to be added manually.

[0162] As a possible implementation manner, after the structured business model is obtained, the structured business model may be deposited in a model library.

[0163] 7. Backend code generation engine 607, used to generate backend code based on the structured business model.

[0164] Backend code generation is completely dependent on the model library designed by the backend low-code model. The backend code generation engine 607 generates backend code based on the structured model content.

[0165] 8. The merge debugging module 608 is used to merge and debug the front-end code and the back-end code to complete the code development of the business application.

[0166] In summary, by building data standards on a low-code platform, the front-end and back-end designs of business applications can be decoupled, so that the design of the front-end page no longer depends on the back-end model design.

[0167] Corresponding to the application development method provided in the above-mentioned embodiment, the present disclosure also provides a code development device. Since the code development device provided in the embodiment of the present disclosure corresponds to the application development method provided in the above-mentioned embodiment, the implementation method of the application development method is also applicable to the code development device provided in the embodiment of the present disclosure, and will not be described in detail in the embodiment of the present disclosure.

[0168] Figure 7 It is a structural diagram of a code development device shown in another embodiment of the present disclosure.

[0169] like Figure 7 As shown, the code development device 700 includes: a first acquisition module 701 , a first processing module 702 , a generation module 703 and a merging and debugging module 704 .

[0170] The first acquisition module 701 is used to acquire data standards for generating a business application front-end page.

[0171] The first processing module 702 is used to design and iterate the front-end page based on the data standard to obtain structured page data.

[0172] The generation module 703 is used to generate the front-end code of the front-end page and the back-end code of the business application according to the structured page data.

[0173] The merge debugging module 704 is used to merge and debug the front-end code and the back-end code to complete the code development of the business application.

[0174] In a possible implementation of the embodiment of the present disclosure, the first processing module 702 is used to: determine and generate at least one page element displayed on the front-end page based on the data standard; in response to the user's first operation on the first design canvas, determine at least one first page element from at least one page element, and layout the at least one first page element; in response to the user's second operation, determine the target page element from at least one first page element that has completed the layout, and bind the corresponding event handler to the target page element; wherein the event handler has a corresponding event trigger type and event action, and is bound to corresponding input parameters and output parameters; obtain the rendering style of each first page element, and render the corresponding first page element based on the rendering style; based on the rendering result, iterate the front-end page to obtain structured page data.

[0175] In a possible implementation of the embodiment of the present disclosure, the generation module 703 is used to: analyze the structured page data to determine the data interaction interface between the front-end page and the back-end; configure the data interaction interface in response to the user's third operation on the interface generation page; build a target business model based on the data standards and the configured data interaction interface; and generate the back-end code of the business application based on the target business model.

[0176] In a possible implementation of the embodiment of the present disclosure, the generation module 703 is used to: obtain at least one target data model according to the interaction parameters and data standards of the configured data interaction interface; establish an association relationship between the target data models in response to the fourth operation of the user on the second design canvas; and obtain the target business model based on the target data models and the association relationship between the target data models.

[0177] In a possible implementation of the embodiment of the present disclosure, there are multiple data standards; a generation module 703 is used to: determine at least one data object based on the interaction parameters of the configured data interaction interface; for any data object, in response to the absence of a data model matching the data object in the model library, determine a target data standard matching the data object from multiple data standards; determine attribute information of the data object based on the target data standard; and encapsulate the attribute information of the data object to obtain the target data model of the data object.

[0178] In a possible implementation of the embodiment of the present disclosure, the code development device 700 includes:

[0179] The determination module is used to determine the data model matching the data object as the target data model in response to the existence of a data model matching the data object in the model library.

[0180] In a possible implementation of the embodiment of the present disclosure, the code development device 700 includes:

[0181] The second acquisition module is used to obtain the interface document of the target data interface in response to intercepting the call request of the business application front end to the target data interaction interface.

[0182] The parsing module is used to parse the interface document to obtain parameter information of the response parameters.

[0183] The construction module is used to construct a corresponding simulation data model based on parameter information of the response parameter.

[0184] The second processing module is used to generate at least one simulation data according to the simulation data model, and store the at least one simulation data in the simulation database.

[0185] The exposing module is used to expose at least one simulation data stored in the simulation database through a predefined service interface.

[0186] In a possible implementation of the embodiment of the present disclosure, the first acquisition module 701 is used to: obtain a business digital table in response to the user's fifth operation on the digital management page; read the business digital table to obtain data standards for generating a business application front-end page.

[0187] In a possible implementation of the embodiment of the present disclosure, the first acquisition module 701 is used to: acquire a required page prototype of a business application front-end page; and analyze the required page prototype to reversely derive a data standard.

[0188] The application development device of the disclosed embodiment obtains data standards for generating front-end pages of business applications; designs and iterates the front-end pages based on the data standards to obtain structured page data; generates front-end codes for the front-end pages and back-end codes for the business applications according to the structured page data; and merges and debugs the front-end codes and back-end codes to complete the code development of the business applications. Thus, the design of the front-end pages of the business applications can be completed by relying only on the data standards, thereby realizing the decoupling of the front-end and back-end designs of the low-code platform, making the front-end page design more flexible and independent, and no longer relying on the back-end model, which helps to speed up development and improve the maintainability of the code.

[0189] In an exemplary embodiment, an electronic device is also provided.

[0190] Among them, electronic equipment includes:

[0191] processor;

[0192] a memory for storing processor-executable instructions;

[0193] The processor is configured to execute instructions to implement the application development method proposed in any of the aforementioned embodiments.

[0194] As an example, Figure 8 is a schematic diagram of the structure of an electronic device 700 shown in an exemplary embodiment of the present disclosure, such as Figure 8 As shown, the electronic device 800 may further include:

[0195] The memory 810 and the processor 820, a bus 830 connecting different components (including the memory 810 and the processor 820), the memory 810 stores a computer program, and when the processor 820 executes the program, the application development method described in the embodiment of the present disclosure is implemented.

[0196] Bus 830 represents one or more of several types of bus structures, including a memory bus or memory controller, a peripheral bus, an accelerated graphics port, a processor or a local bus using any of a variety of bus architectures. For example, these architectures include but are not limited to Industry Standard Architecture (ISA) bus, Micro Channel Architecture (MAC) bus, Enhanced ISA bus, Video Electronics Standards Association (VESA) local bus and Peripheral Component Interconnect (PCI) bus.

[0197] The electronic device 800 typically includes a variety of electronic device readable media. These media can be any available media that can be accessed by the electronic device 800, including volatile and non-volatile media, removable and non-removable media.

[0198] The memory 810 may also include computer system readable media in the form of volatile memory, such as random access memory (RAM) 840 and / or cache memory 850. The server 800 may further include other removable / non-removable, volatile / non-volatile computer system storage media. By way of example only, the storage system 860 may be used to read and write non-removable, non-volatile magnetic media ( Figure 8 not shown, usually called a "hard drive"). Although Figure 8 Not shown, a disk drive for reading and writing to a removable non-volatile disk (e.g., a "floppy disk"), and an optical disk drive for reading and writing to a removable non-volatile optical disk (e.g., a CD-ROM, a DVD-ROM, or other optical media) may be provided. In these cases, each drive may be connected to the bus 830 via one or more data medium interfaces. The memory 810 may include at least one program product having a set (e.g., at least one) of program modules that are configured to perform the functions of the various embodiments of the present disclosure.

[0199] A program / utility 880 having a set (at least one) of program modules 870 may be stored, for example, in the memory 810, such program modules 870 including but not limited to an operating system, one or more application programs, other program modules, and program data, each of which or some combination may include an implementation of a network environment. The program modules 870 generally perform the functions and / or methods of the embodiments described in the present disclosure.

[0200] The electronic device 800 may also communicate with one or more external devices 890 (e.g., keyboard, pointing device, display 891, etc.), may also communicate with one or more devices that enable a user to interact with the electronic device 800, and / or may communicate with any device that enables the electronic device 800 to communicate with one or more other computing devices (e.g., network card, modem, etc.). Such communication may be performed via an input / output (I / O) interface 892. Furthermore, the electronic device 800 may also communicate with one or more networks (e.g., local area network (LAN), wide area network (WAN) and / or public network, such as the Internet) via a network adapter 893. As shown, the network adapter 893 communicates with other modules of the electronic device 800 via a bus 830. It should be understood that, although not shown in the figure, other hardware and / or software modules may be used in conjunction with the electronic device 800, including but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, and data backup storage systems.

[0201] The processor 820 executes various functional applications and data processing by running the programs stored in the memory 810 .

[0202] It should be noted that the implementation process and technical principles of the electronic device of this embodiment refer to the aforementioned explanation of the application development method of the embodiment of the present disclosure, and will not be repeated here.

[0203] In an exemplary embodiment, a computer-readable storage medium including instructions is also provided, such as a memory including instructions, and the above instructions can be executed by a processor of an electronic device to complete the application development method proposed in any of the above embodiments. Optionally, the computer-readable storage medium can be a ROM, a random access memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, etc.

[0204] In an exemplary embodiment, a computer program product is also provided, including a computer program / instruction, wherein the computer program / instruction, when executed by a processor, implements the application development method proposed in any of the above embodiments.

[0205] Those skilled in the art will readily appreciate other embodiments of the present disclosure after considering the specification and practicing the invention disclosed herein. The present disclosure is intended to cover any variations, uses or adaptations of the present disclosure that follow the general principles of the present disclosure and include common knowledge or customary techniques in the art that are not disclosed in the present disclosure. The description and examples are to be considered exemplary only, and the true scope and spirit of the present disclosure are indicated by the following claims.

[0206] It should be understood that the present disclosure is not limited to the exact structures that have been described above and shown in the drawings, and that various modifications and changes may be made without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.

Claims

1. An application development method, characterized in that: Applied to a low-code platform, the method includes: Obtain data standards for generating business application front-end pages; Based on the data standard, the front-end page is designed and iterated to obtain structured page data; Generate the front-end code of the front-end page and the back-end code of the business application according to the structured page data; The front-end code and the back-end code are combined and debugged to complete the code development of the business application.

2. The method according to claim 1, characterized in that Based on the data standard, the front-end page is designed and iterated to obtain structured page data, including: Based on the data standard, determining and generating at least one page element displayed on the front-end page; In response to a first operation of a user on a first design canvas, determining at least one first page element from the at least one page element, and laying out the at least one first page element; In response to the second operation of the user, a target page element is determined from at least one first page element of the completed layout, and a corresponding event handler is bound to the target page element; wherein the event handler has a corresponding event trigger type and event action, and is bound to corresponding input parameters and output parameters; Obtaining a rendering style of each first page element, and rendering the corresponding first page element based on the rendering style; Based on the rendering result, the front-end page is iterated to obtain the structured page data.

3. The method according to claim 1, characterized in that The step of generating the backend code of the business application according to the structured page data includes: Analyze the structured page data to determine the data interaction interface between the front-end page and the back-end; In response to a third operation of the user on the interface generation page, configuring the data interaction interface; Building the target business model based on the data standard and the configured data interaction interface; Based on the target business model, a backend code of the business application is generated.

4. The method according to claim 3, characterized in that The constructing the target business model based on the data standard and the configured data interaction interface includes: Acquire at least one target data model according to the interaction parameters of the configured data interaction interface and the data standard; In response to a fourth operation performed by the user on the second design canvas, establishing an association relationship between the target data models; Based on the target data models and the association relationship between the target data models, the target business model is obtained.

5. The method according to claim 4, characterized in that The data standards are multiple; The acquiring at least one target data model according to the interaction parameters of the configured data interaction interface and the data standard comprises: Determining at least one data object according to the interaction parameters of the configured data interaction interface; For any of the data objects, in response to the absence of a data model matching the data object in the model library, determining a target data standard matching the data object from the plurality of data standards; Determining attribute information of the data object according to the target data standard; Encapsulate the attribute information of the data object to obtain a target data model of the data object.

6. The method according to claim 5, characterized in that The method further comprises: In response to the existence of a data model matching the data object in the model library, the data model matching the data object is determined as the target data model.

7. The method according to claim 3, characterized in that After configuring the data interaction interface in response to the third operation of the user on the interface generation page, the method includes: In response to intercepting a call request from the business application front end to a target data interaction interface, obtaining an interface document of the target data interface; Parsing the interface document to obtain parameter information of the response parameter; Based on the parameter information of the response parameter, construct a corresponding simulation data model; Generate at least one simulation data according to the simulation data model, and store the at least one simulation data in a simulation database; The at least one simulation data stored in the simulation database is exposed through a predefined service interface.

8. The method according to any one of claims 1 to 7, characterized in that: The data standard for generating a business application front-end page is obtained, including: In response to a fifth operation of the user on the digital label management page, obtaining a business digital label table; The business data standard table is read to obtain data standards for generating the business application front-end page.

9. The method according to any one of claims 1 to 7, characterized in that: The data standard for generating a business application front-end page is obtained, including: Obtain the required page prototype of the business application front-end page; The requirement page prototype is analyzed to reversely derive the data standard.

10. A code development device, characterized in that: Applied to a low-code platform, the device includes: A first acquisition module is used to acquire data standards for generating a business application front-end page; A first processing module, configured to design and iterate the front-end page based on the data standard to obtain structured page data; A generation module, used to generate the front-end code of the front-end page and the back-end code of the business application according to the structured page data; The merge debugging module is used to merge and debug the front-end code and the back-end code to complete the code development of the business application.

Images