A visual no-code or light-code cloud development method and system

Abstract

The application provides a visual no-code or light-code cloud development method and system, and relates to the technical field of software management and software management system. The visual no-code or light-code cloud development method can greatly improve development efficiency. As long as the developers participating in the system development master the basic operation principle, various applications can be developed according to requirements, the error rate is extremely low, code-level errors do not occur, the advantages of the system can be embodied when facing complex application scenarios, the requirement for the professional of the developers is not high, and the developers can participate in development after short-term training. In addition, the application further provides a visual no-code or light-code cloud development system, which comprises a node development module, a data processing module, a data mapping module, a visual development module, a source code compiling module and a permission control module.

Description

TECHNICAL FIELD

[0001] The present application relates to the field of software management technology and software management system, in particular to a visual no-code or light-code cloud development method and system. BACKGROUND

[0002] In the process of software service for small and medium-sized enterprises, it is found that most of the demands cannot be solved by standardized software. In response to the demands of small and medium-sized enterprise customers, the research and development investment of software companies is often higher than the budget of customers, and the development speed of software companies cannot cope with the changes in development demands, resulting in that software companies are difficult to make a profit, and small and medium-sized enterprises are difficult to find suitable digital solutions. A system with low development cost, fast development speed and easy iteration of complex demands is needed to solve these problems.

[0003] At present, most no-code / light-code platforms can realize some simple applications, such as internal process management of enterprises, but it is difficult to realize some complex applications, and most of them cannot generate native code for secondary development, and most of them cannot realize cross-end and are difficult to operate. SUMMARY

[0004] The purpose of the present application is to provide a visual no-code or light-code cloud development method, which can develop various applications according to demands, with extremely low error rate and no code-level errors.

[0005] Another purpose of the present application is to provide a visual no-code or light-code cloud development system, which can run a visual no-code or light-code cloud development method.

[0006] Embodiments of the present application are implemented as follows:

[0007] In a first aspect, the embodiments of the present application provide a visual codeless or light code cloud development method, which includes abstracting data, a UI interface, background operation, and an interface into nodes, each node having its own attributes, each node accepting different child nodes according to its function, and each node setting a terminal environment for running, thereby completing development of the node; a data storage table is established by setting a corresponding relationship of data table fields, a developer selects related data tables through a visual data table relationship tree diagram, the system analyzes the relationship of each field of the data table and the related data tables selected by the developer and the required data fields, generates backend source code meeting various development requirements, and realizes data processing; when data is transmitted between nodes, a data mapping relationship is set in the case of a same data structure, inconsistent data field names, and / or a relatively complex data structure, and all data nodes are automatically connected; a UI component display position and size are sketched at any position, the position and size are adjusted through dragging, a component supporting a slot is supported, a child component is drawn in the slot in the component, the superior-inferior relationship and relative position between UI components are set through a dragging operation, thereby completing visual development; the system saves all settings in a tree structure, generates runnable and secondarily developable frontend and backend source code and a database through a parsing generator for various source code development and a node source code stored in the cloud, the system adds different language source code parsing generators according to a business scenario running environment requirement, thereby meeting application cross-end requirements.

[0008] In some embodiments of the present application, the above-mentioned abstracting data, a UI interface, background operation, and an interface into nodes, each node having its own attributes, each node accepting different child nodes according to its function, and each node setting a terminal environment for running, thereby completing development of the node includes: all nodes are driven by data, the relationship of all nodes is displayed through a tree structure, the system draws a UI interface of each node relationship on a system canvas, sets the relationship between UI interfaces and data processing and background operation through a logic tree, and develops various applications according to an actual application scenario.

[0009] In some embodiments of the present application, the above-mentioned establishing a data storage table by setting a corresponding relationship of data table fields, the developer selecting related data tables through a visual data table relationship tree diagram, the system analyzing the relationship of each field of the data table and the related data tables selected by the developer and the required data fields, and generating backend source code meeting various development requirements to realize data processing includes: in the process of version iteration, the system generates a sql statement for upgrading a database after updating a data table field, and performs online version upgrading; the system can detect all affected nodes through automatic testing, and detects after all problems are repaired.

[0010] In some embodiments of the present application, the above-mentioned situation when the data between nodes is transmitted, the data structure is basically the same, the data field name is inconsistent and / or the data structure is relatively complex, the data mapping relationship is set, and all data nodes are automatically connected, including: when the data source of the data is consistent, all nodes calling the data are set to have a mapping relationship, and when the data source changes, all mapped nodes are automatically synchronized and updated.

[0011] In some embodiments of the present application, the above-mentioned drawing of the position, size, and then adjusting the position and size of the UI component display at any position, supporting the component of the slot, drawing the sub-component in the slot inside the component, and setting the superior-inferior and relative position between the UI components through the dragging operation, thereby completing the visual development, including: the system cuts the block alternately horizontally and vertically through an algorithm, and then cuts the block horizontally and vertically until it cannot be cut, if there are overlapping components, the overlapping components are regarded as a complete area for segmentation, and then according to the position of the component relative to the cutting line, all blocks and components are converted into front-end code that can run on various platforms.

[0012] In some embodiments of the present application, the above-mentioned system saves all settings in a tree structure, generates executable and secondarily developable front-end and back-end source code and databases through the analysis generator developed for various source codes and the node source code stored in the cloud, and the system increases different language source code analysis generators according to the needs of the business scene running environment, thereby meeting the cross-end application requirements, including: data processing, UI interface, and background operation encapsulation into nodes and stored in the cloud, each node has version management and is published to the application, and after the node is upgraded, each system synchronously upgrades according to the actual needs.

[0013] In some embodiments of the present application, the above-mentioned system further includes: the system detects problems existing in the system through analysis of all node settings, some node versions are updated, the settings need to be adjusted, the developer clicks the problem to locate the node of the problem, and solves the problem according to the guidance.

[0014] In the second aspect, the embodiments of the present application provide a visual no-code or light-code cloud development system, which includes a node development module for abstracting data, UI interface, background operation, and interface into nodes, each node has its own attributes, each node accepts different sub-nodes according to its function, and each node sets the terminal environment for running, thereby completing the development of the node.

[0015] The data processing module is used for establishing a data storage table by setting the corresponding relationship of the data table fields, the developer selects the related data table through a visual data table relationship tree diagram, the system analyzes the relationship of each field of the data table and the data fields required by the developer selected related data table, generates back-end source code meeting various development requirements, and realizes data processing.

[0016] A data mapping module is configured to set a data mapping relationship and automatically connect all data nodes when data structures are basically the same, data field names are inconsistent and / or data structures are relatively complex when data is transmitted between nodes.

[0017] A visual development module is configured to sketch a position and size of a UI component display at any position, adjust the position and size through dragging, support a component with a slot, draw a sub-component in the slot in the component, set a superior-inferior relationship and a relative position between UI components through a dragging operation, and thus complete visual development.

[0018] A source code compiling module is configured to save all settings in a tree structure by a parsing generator developed for various source codes and a node source code stored in the cloud, generate front-end and back-end source codes and a database that can be run and secondarily developed, add different language source code parsing generators according to a business scenario running environment, and thus meet application cross-end requirements.

[0019] A permission control module is configured to generate tree-structure permission data when any node needs permission, generate a configuration file through a compiling source code engine and generate related source codes that can be called by an application, support role management of the application, set different permission nodes for each role, and set different roles for a user.

[0020] In some embodiments of the present application, the above includes at least one memory for storing computer instructions, and at least one processor in communication with the above memory, wherein when the at least one processor executes the above computer instructions, the at least one processor causes the system to perform the node development module, the data processing module, the data mapping module, the visual development module and the source code compiling module.

[0021] In a third aspect, the embodiments of the present application provide a computer readable storage medium having a computer program stored thereon, and the computer program is executed by a processor to implement any one of the methods in the visual codeless or light code cloud development method.

[0022] Compared with the prior art, the embodiments of the present application have at least the following advantages or beneficial effects:

[0023] The development efficiency can be greatly improved, a developer participating in the system development only needs to master basic operation principles, can develop various applications according to requirements, has a very low error rate and will not have code-level errors, can better reflect the advantages of the system when facing complex application scenarios, has a low requirement for the professionalism of the developer, and the developer can participate in the development after a short-term training. BRIEF DESCRIPTION OF DRAWINGS

[0024] In order to more clearly illustrate the technical solutions of the embodiments of the present application, the following will briefly introduce the drawings needed to be used in the embodiments. It should be understood that the following drawings only show some of the embodiments of the present application, and therefore should not be regarded as a limitation on the scope. For those skilled in the art, other related drawings can also be obtained without creative labor.

[0025] Figure 1 A visual no-code or light-code cloud development method step schematic diagram provided for the embodiments of the present application;

[0026] Figure 2 A visual no-code or light-code cloud development method detailed step schematic diagram provided for the embodiments of the present application;

[0027] Figure 3 A visual no-code or light-code cloud development system module schematic diagram provided for the embodiments of the present application;

[0028] Figure 4 An electronic device provided for the embodiments of the present application;

[0029] Figure 5 A copy cross-page schematic diagram provided for the embodiments of the present application;

[0030] Figure 6 A related representation schematic diagram provided for the embodiments of the present application;

[0031] Figure 7 A segmentation schematic diagram provided for the embodiments of the present application;

[0032] Icon: 10 - node development module; 20 - data processing module; 30 - data mapping module; 40 - visual development module; 50 - source code compilation module; 60 - permission control module; 101 - memory; 102 - processor; 103 - communication interface. DETAILED DESCRIPTION

[0033] In order to make the purpose, technical solutions and advantages of the embodiments of the present application more clear, the following will combine the drawings in the embodiments of the present application to clearly and completely describe the technical solutions in the embodiments of the present application. Obviously, the described embodiments are some of the embodiments of the present application, not all the embodiments. The components of the embodiments of the present application described and shown in the drawings here can be arranged and designed in various different configurations.

[0034] Therefore, the following detailed description of embodiments of the application provided in the accompanying drawings is not intended to limit the scope of the application as claimed, but merely represents selected embodiments of the application. Based on the embodiments in the present application, all other embodiments obtained by those of ordinary skill in the art without creative labor are within the scope of protection of the present application.

[0035] It should be noted that similar reference numbers and letters represent similar items in the following drawings, and therefore, once an item is defined in one drawing, it need not be further defined and explained in subsequent drawings.

[0036] It should be noted that the term "comprising" or any other variant thereof is intended to cover non-exclusive inclusion, so that a process, method, article or apparatus including a series of elements not only includes those elements, but also includes other elements not explicitly listed or inherent to such a process, method, article or apparatus. Without more limitations, the element defined by the statement "comprising a" does not exclude the presence of additional identical elements in the process, method, article or apparatus including the element.

[0037] Some embodiments of the present application will be described in detail below with reference to the accompanying drawings. Each of the following embodiments and features in the embodiments can be combined with each other without conflict.

[0038] Embodiment 1

[0039] Please refer to Figure 1 , Figure 1 A visual no-code or light-code cloud development method step schematic diagram provided for embodiments of the present application is as follows:

[0040] 1. Node development;

[0041] Data, UI interface, background operation, interface, etc. are abstracted into nodes, each node has its own attributes, each node accepts different child nodes according to its function, and each node can set the terminal environment for running, such as WeChat applet, IOS, Android, etc.

[0042] For example: The attributes of a function include required parameters and return results. The attributes of a front-end display component include size, position information, required parameters of the component (color, read-only, etc.), externally callable methods (submit, display, etc.), component event callbacks (click, close, etc.), and component slots. The slot node supports adding child components, etc.

[0043] Each node is driven by data, and the relationship between all nodes is displayed through a tree structure. The system displays the relationship between each node on the system canvas UI interface, sets the relationship between UI interfaces through logical trees, and processes data and background operations. According to the actual application scenario, various applications are developed.

[0044] 2. Data processing;

[0045] By setting the one-to-one and one-to-many relationship of the data table field, a data storage table is established. Developers can select related data tables through a visual data table relationship tree diagram. The system analyzes the relationship of each field of the data table and the related data tables selected by the developer, generates backend source code that meets various development needs, and realizes the addition, deletion, modification, and query processing of related data. During the version iteration process, after updating the data table field, the system can generate sql statements for upgrading the database, and can perform online version upgrade. After updating the data table, some node settings will be affected. The system can detect all affected nodes through automated testing. After all problems are fixed, the system can pass the detection.

[0046] 3. Data mapping;

[0047] When data is transmitted between nodes, the data structure is often the same, but the data field names are different, especially for multi-dimensional arrays, which have complex data structures. Traditional development requires a lot of coding to implement, and is prone to errors. This system sets up data mapping relationships, and the system can automatically interface all data nodes. For example, data field A corresponds to property field B. When data is transmitted to properties, properties can read the corresponding value of data. Data mapping also supports multi-dimensional arrays, and in theory, the data structure that can be interfaced is roughly the same.

[0048] Some data sources are consistent, and all nodes that call this data can be set to have a mapping relationship. For example, after setting the list attribute of the list component, the data of the object item traversed is actually the object of the data source array. For example, array: [{A: 1}], when the list component binds the array to the list attribute, the data of the attribute item traversed by the list component should be {A: 1}. This is to facilitate automatic synchronization of all mapping nodes when the data source changes.

[0049] 4. Visual development;

[0050] The position and size of the UI component display can be sketched at any position, and the position and size can be adjusted by dragging. For components that support slots, subcomponents can be drawn inside the component slots. The relative position between UI components can be set through simple drag-and-drop operations without setting complex css position styles.

[0051] The system cuts the block alternately horizontally and vertically by algorithm, and then cuts the block horizontally and vertically until it cannot be cut, if there is an overlapping component, the overlapping component is regarded as a complete area for segmentation, and then according to the position of the component relative to the cutting line, all blocks and components are converted into front-end code that can run on various platforms.

[0052] 5. Automated testing;

[0053] The system has avoided most of the errors that may be generated by traditional development, and some setting problems may also be generated in the setting process. The system can detect the problems existing in the system by analyzing all node settings with one key, such as data mismatch, setting adjustment after updating the version of some nodes, and other problems. The developer can locate the problem node by clicking the problem, and solve the problem according to the guidance.

[0054] 6. Source code compilation;

[0055] The system saves all settings in a tree structure. The system generates executable and secondarily developable front-end and back-end source codes, as well as databases, through the analysis generator developed for various source codes and the node source code stored in the cloud, and the front-end and back-end source codes include Vue, php, java, WeChat applet, html, css, javascript, etc. The system increases different language source code analysis generators according to the needs of the business scenario running environment, thereby meeting the cross-end application requirements, realizing one-time development of IOS, Android, H5, PC, WeChat / Baidu / Alipay / TikTok applets, and synchronous publishing of applications in all terminals.

[0056] Data processing, UI interface, and background operation are encapsulated into nodes and stored in the cloud. Each node has version management and is published to the application. After the node is upgraded, each system can do corresponding synchronous upgrade according to actual needs.

[0057] 7. Open platform;

[0058] The platform is open to professional and technical developers of related nodes. Through the system, the development utilization rate is improved, the development cost is reduced, and the professionalism and coverage of the node are improved.

[0059] Embodiment 2

[0060] Please refer to Figure 2 , Figure 5 , Figure 6 and Figure 7 , Figure 2 for a detailed step diagram of a visual no-code or light-code cloud development method provided by the embodiments of the present application, which is shown as follows:

[0061] S200, data, UI interface, background operation, interface abstraction into nodes, each node has its own attributes, each node accepts different child nodes according to its function, and each node sets the terminal environment for running, thereby completing the development of the node;

[0062] S210, a data storage table is established by setting the corresponding relationship of the data table field, the developer selects the related data table through the visual data table relationship tree diagram, the system analyzes the relationship of each field of the data table and the related data table selected by the developer, and generates the backend source code meeting various development requirements according to the required data field, and realizes data processing;

[0063] S220, when data transmission between nodes encounters the case that the data structure is basically the same, the data field name is inconsistent and / or the data structure is relatively complex, a data mapping relationship is set, and all data nodes are automatically connected;

[0064] S230, the position and size of the UI component display are outlined at any position, and then the position and size are adjusted through dragging, the component supporting the slot is used to draw the child component in the slot, the upper and lower levels and the relative position between the UI components are set through the dragging operation, and thus the visual development is completed;

[0065] S240, the system saves all settings in a tree structure, generates executable and secondarily developable front and backend source code and a database through the analysis generator developed for various source codes and the node source code stored in the cloud, the system adds different language source code analysis generators according to the running environment required by the business scenario, and thus the cross-end application requirement is met.

[0066] In some embodiments, the advantage of node development is that traditional development needs to read a large amount of code to clarify the code logic, and is prone to errors, and many code level errors need to be analyzed by senior programmers or testers for a long time before they can be found. For reference Figure 5 .

[0067] The system generates source code to realize functions by analyzing the setting intention of the developer, not only can the system analyze many potential problems, but also the developer can know the project process at a glance, which is convenient for quickly solving problems.

[0068] In traditional development, if the code needs to be copied, the front-end and back-end codes are usually separated, and if the data of the front-end and back-end codes do not match, a lot of work will be increased, but the node development of the system can move all the front-end and back-end functions by simple copying and pasting, without errors.

[0069] For reference Figure 6A large amount of development work is done for data processing, and the system can realize code-free development of data processing, without writing SQL, only needing to set one-to-one and one-to-many relationships of fields with other table fields, and only needing to select related tables and data operation types including adding, modifying, deleting, querying single, and querying list when actually calling data, for example, the following figure: one-to-many association of product ID and product specifications: product ID, one-to-many association of product ID and product inventory price: product ID, one-to-one association of product ID and product details: product ID, if a single product needs to be queried, the system will generate source code according to the field relationship to query the required data.

[0070] By analyzing the data relationship, other data processing, saving, deleting, and querying list can be realized.

[0071] A large amount of front-end development work is to write codes such as positon, width, height, top, left, margin, and padding, which is low in work efficiency, and traditional development needs to be cut by front-end personnel first, that is, to convert pictures into a large amount of front-end codes, html+css, and then run. The system can realize all front-end layout requirements with zero code through horizontal and vertical cutting algorithms, and can realize a large amount of development and maintenance work that may take several days for a front-end personnel to complete in milliseconds.

[0072] For details, please refer to Figure 7 The specific implementation method is to search all slots, vertically scan the slots, and if there is a gap, divide it, if it cannot be divided, switch to horizontal division, until it cannot be divided. For example Figure 7 : when vertically dividing, AC is a block and BD is a block, the red color represents the division line, and the position of the division line is in the middle of the minimum distance between AB and CD, if CD is the minimum distance, then the division line is in the middle of CD, then AC region is horizontally divided and BD region is horizontally divided, and then the code is generated, if AC itself is overlapped, AC is regarded as a component for division. If A has a sub-slot, the slot of A is processed in the same way.

[0073] Embodiment 3

[0074] For details, please refer to Figure 3 , Figure 3 A visual code-free or light-code cloud development system module schematic diagram provided by the embodiment of the application is shown as follows:

[0075] The node development module 10 is used for abstracting data, UI interface, background operation, and interface into nodes, each node has its own attribute, each node accepts different child nodes according to its function, and each node sets a terminal environment for running, thereby completing development of the node.

[0076] The data processing module 20 is configured to establish a data storage table by setting corresponding relationships of data table fields, and a developer selects relevant data tables through a visual data table relationship tree diagram, and the system generates back-end source code meeting various development requirements by analyzing relationships of each field of the data table and relevant data tables and required data fields selected by the developer, so as to realize data processing.

[0077] The data mapping module 30 is configured to set a data mapping relationship and automatically connect all data nodes when data is transmitted between nodes and a data structure is basically the same, data field names are inconsistent and / or the data structure is relatively complex.

[0078] The visual development module 40 is configured to draw a position and size of a UI component display at any position, and then adjust the position and size through dragging, support a component with a slot, draw a sub-component in the slot in the component, set a superior-inferior relationship and a relative position between UI components through a dragging operation, and thus complete visual development.

[0079] The source code compiling module 50 is configured to save all settings in a tree structure by the system, generate front-end and back-end source code and a database that can be run and secondarily developed through a parsing generator for various source code development and node source code stored in the cloud, increase different language source code parsing generators according to a business scenario running environment, and thus meet application cross-end requirements.

[0080] The permission control module 60 is configured to generate tree structure permission data when any node needs permission, generate a configuration file through a compiling source code engine and generate related source code that can be called by an application, support role management of the application, set different permission nodes for each role, and set different roles for a user.

[0081] As shown in Figure 4 The electronic device provided by the embodiment of the present application includes a memory 101 configured to store one or more programs, and a processor 102. When the one or more programs are executed by the processor 102, the method of any one of the above first aspects is implemented.

[0082] The electronic device further includes a communication interface 103. The memory 101, the processor 102 and the communication interface 103 are electrically connected to each other directly or indirectly to realize data transmission or interaction. For example, the elements can be electrically connected to each other through one or more communication buses or signal lines. The memory 101 can be used to store software programs and modules. The processor 102 executes the software programs and modules stored in the memory 101, thereby performing various functional applications and data processing. The communication interface 103 can be used for signaling or data communication with other node devices.

[0083] The memory 101 can be, but is not limited to, a random access memory 101 (RAM), a read only memory 101 (ROM), a programmable read-only memory 101 (PROM), an erasable programmable read-only memory 101 (EPROM), an electrically erasable programmable read-only memory 101 (EEPROM), and the like.

[0084] The processor 102 can be an integrated circuit chip having a signal processing capability. The processor 102 can be a general-purpose processor 102, including a central processing unit 102 (CPU), a network processor 102 (NP), and the like; and can also be a digital signal processor 102 (DSP), an application specific integrated circuit (ASIC), a field-programmable gate array (FPGA), or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components.

[0085] In the embodiments provided by the present application, it should be understood that the disclosed method and system can also be implemented by other ways. The above described method and system embodiments are only illustrative, for example, the flowcharts and block diagrams in the drawings show the possible implementation architectures, functions and operations of the method and system, the method and the computer program product according to the embodiments of the present application. In this regard, each block in the flowcharts or block diagrams can represent a module, a program segment or a part of code, which contains one or more executable instructions for implementing the specified logical function. It should also be noted that in some alternative implementations, the functions noted in the blocks can occur in different orders from that shown in the drawings. For example, two consecutive blocks can actually be executed substantially in parallel, and sometimes they can be executed in reverse order, depending on the functions involved. It should also be noted that each block in the block diagrams and / or flowcharts, and the combination of blocks in the block diagrams and / or flowcharts, can be implemented by a dedicated hardware-based system for performing the specified functions or actions, or can be implemented by a combination of special-purpose hardware and computer instructions.

[0086] In addition, the function modules in the various embodiments of the present application can be integrated together to form an independent part, or each module can exist independently, or two or more modules can be integrated to form an independent part.

[0087] In another aspect, the embodiments of the present application provide a computer readable storage medium, which stores a computer program, and the computer program is executed by the processor 102 to implement the method of any one of the above first aspect. The functions, if realized in the form of software function modules and sold or used as independent products, can be stored in a computer readable storage medium. Based on this understanding, the technical solutions of the present application essentially or the parts that make contributions to the prior art or parts of the technical solutions can be embodied in the form of a software product, and the computer software product is stored in a storage medium, including a number of instructions to make a computer device (which can be a personal computer, a server, or a network device, etc.) execute all or part of the steps of the methods described in the various embodiments of the present application. The foregoing storage medium includes: a U disk, a mobile hard disk, a read-only memory 101 (ROM, Read-Only Memory), a random access memory 101 (RAM, Random Access Memory), a magnetic disk or an optical disk, and various media that can store program codes.

[0088] In summary, the visual code-free or light code cloud development method and system provided by the embodiments of the present application can greatly improve the development efficiency. As long as the developers participating in the system development master the basic operation principle, various applications can be developed according to the requirements, the error rate is extremely low, and code-level errors will not occur. When facing complex application scenarios, the advantages of the system can be better reflected. The requirement for the professional level of the developers is not high, and the developers can participate in the development after a short period of training.

[0089] The above is only the preferred embodiment of the present application and is not used to limit the present application. For those skilled in the art, the present application can have various modifications and changes. Any modification, equivalent replacement, improvement, etc. made within the spirit and principles of the present application shall be included in the protection scope of the present application.

[0090] It will be apparent to those skilled in the art that the application is not limited to the details of the above-exemplified embodiments and that the present application can be implemented in other particular forms without departing from the spirit or essential characteristics thereof. The embodiments should be considered in all respects as illustrative and not restrictive, the scope of the application being indicated by the appended claims rather than by the above description, and all changes which come within the meaning and range of equivalency of the claims are therefore intended to be embraced therein. No reference herein to any prior art is to be taken as an admission that the application is not entitled to antedate such prior art by virtue of prior application. Any reference to the use of a term in the singular herein shall also be taken to refer to the plural, and vice versa, unless otherwise indicated by context. Any reference to the use of a term in the present application shall be taken to refer to the use of the term in the context of the present application, and not to the use of the term in any other context. Any reference to the use of a term in the present application shall be taken to refer to the use of the term in the context of the present application, and not to the use of the term in any other context.

Claims

1. A visual no-code or light-code cloud development method, characterized in that, include: Data, UI, backend computation, and interfaces are abstracted into nodes. Each node has its own attributes, each node accepts different child nodes according to its function, and each node sets the terminal environment for running, thereby completing the node development. Data storage tables are established by setting the corresponding relationships between data table fields. Developers can select relevant data tables through a visual data table relationship tree diagram. The system analyzes the relationship between each field in the data table, as well as the relevant data tables selected by the developers and the required data fields, to generate backend source code that meets various development needs and enables data processing. When data is transferred between nodes, if the data structure is the same, the data field names are inconsistent, or the data structure is relatively complex, set up a data mapping relationship to automatically connect all data nodes. Draw the position and size of the UI component at any location, and then adjust the position and size by dragging. For components that support slots, draw child components in the slots inside the component. Set the hierarchy and relative position between UI components by dragging, thus completing the visual development. The system saves all settings in a tree structure. Through parsing generators developed for various types of source code and node source code stored in the cloud, it generates runnable and customizable front-end and back-end source code as well as a database. The system can add parsing generators for different languages ​​according to the needs of the business scenario and operating environment, thereby meeting the cross-platform application requirements. The process of abstracting data, UI interface, backend computation, and interfaces into nodes, where each node has its own attributes, accepts different child nodes according to its function, and sets up the terminal environment for each node, thus completing the node development includes: Each node is driven by data, and the relationship between all nodes is displayed in a tree structure. The system draws the UI interface on the system canvas based on the relationship between each node, and sets the relationship between the UI interface and data processing and background calculation through the logic tree. Various applications are developed according to actual application scenarios. The system establishes data storage tables by setting corresponding relationships between data table fields. Developers can select relevant data tables through a visual data table relationship tree diagram. The system analyzes the relationships between each field in the data tables, as well as the relevant data tables selected by the developers, and the required data fields to generate backend source code that meets various development needs, enabling data processing including: During version iteration, after updating data table fields, the system generates SQL statements to upgrade the database and performs online version upgrades; the system can detect all affected nodes through automated testing, and passes the test once all issues are fixed. When data transfer between nodes encounters situations where data structures are identical, data field names are inconsistent, and / or the data structures are complex, a data mapping relationship is set up to automatically connect all data nodes, including: If the data source is consistent, then a mapping relationship is set for all nodes that call the data. When the data source changes, all mapped nodes are automatically updated in sync.

2. The visual no-code or light-code cloud development method as described in claim 1, characterized in that, The process of sketching the position and size of UI components at any location, then adjusting their position and size by dragging, supports slots for components, draws child components within slots, and sets the hierarchy and relative positions of UI components through dragging operations, thereby completing the visual development process, includes: The system uses an algorithm to alternately cut the blocks horizontally and vertically until it can no longer be cut. If there are overlapping components, the overlapping components are treated as a complete area and divided. Then, based on the position of the components relative to the cutting lines, all blocks and components are converted into front-end code that can run on various platforms.

3. The visual no-code or light-code cloud development method as described in claim 1, characterized in that, The system stores all settings in a tree structure. Through parsing generators developed for various source codes and cloud-stored node source code, it generates runnable, customizable front-end and back-end source code, as well as a database. The system can add source code parsing generators in different languages ​​according to the needs of the business scenario's operating environment, thereby meeting cross-platform application requirements, including: Data processing, UI interface, and backend computing are encapsulated into nodes and stored in the cloud. Each node has version management and is published to the application. After a node is upgraded, each system performs a corresponding synchronous upgrade according to actual needs.

4. The visual no-code or light-code cloud development method as described in claim 1, characterized in that, Also includes: The system analyzes all node settings and can detect system problems with one click. After some node versions are updated, settings need to be adjusted. Developers can click on the problem to locate the problematic node and solve the problem according to the instructions.

5. A visual no-code or light-code cloud development system, based on the visual no-code or light-code cloud development method described in claims 1-4, characterized in that, include: The node development module is used to abstract data, UI interface, backend computing, and interface into nodes. Each node has its own attributes, each node accepts different child nodes according to its function, and each node sets the terminal environment for running, thereby completing the node development. The data processing module is used to establish data storage tables by setting the corresponding relationships between data table fields. Developers can select relevant data tables through a visual data table relationship tree diagram. The system analyzes the relationship between each field in the data table, as well as the relevant data tables selected by the developers and the required data fields, to generate backend source code that meets various development needs and realizes data processing. The data mapping module is used to set up data mapping relationships and automatically connect all data nodes when data is transferred between nodes and the data structures are the same, the data field names are inconsistent, or the data structures are relatively complex. The visual development module is used to draw the position and size of UI components at any location, and then adjust the position and size by dragging. It supports slot components, draws child components in slots inside the component, and sets the hierarchy and relative position between UI components by dragging operations, thereby completing the visual development. The source code compilation module is used to save all settings in a tree structure. Through parsing generators developed for various types of source code and node source code stored in the cloud, it generates runnable and customizable front-end and back-end source code as well as a database. The system can add source code parsing generators in different languages ​​according to the needs of the business scenario and operating environment, thereby meeting the cross-platform application requirements. The access control module generates tree-structured access data when any node requires permissions. It then uses a source code engine to generate configuration files and related source code that applications can call. This allows applications to implement role management, setting different access nodes for each role and assigning different roles to users.

6. A visual no-code or light-code cloud development system as described in claim 5, characterized in that, include: At least one memory used to store computer instructions; At least one processor communicating with the memory, wherein when the at least one processor executes the computer instructions, the at least one processor causes the system to execute: a node development module, a data processing module, a data mapping module, a visualization development module, and a source code compilation module.

7. A computer-readable storage medium having a computer program stored thereon, characterized in that, When the computer program is executed by the processor, it implements the method as described in any one of claims 1-4.

Images