A low-code development method, device, computer equipment and storage medium

Abstract

The application discloses a low-code development method and device, computer equipment and a storage medium, and relates to the technical field of rack operation and maintenance and the field of financial technology. The application generates a first front-end page template through a front end, wherein the first front-end page template contains a function configuration input item, generates a back-end function configuration template in a back-end processor, and generates a second front-end page template matched with the back-end function configuration template through the front end. Function configuration information input by a user is acquired, the function configuration information is converted into JSON data, the back-end function configuration template is configured based on the JSON data in the back-end processor, and after the configuration of the back-end function configuration template is completed, the second front-end page template is refreshed to generate a front-end display page. The application also relates to the field of blockchain technology, and the function configuration information can be stored on a blockchain node. The application can realize low-code development of front-end and back-end, and reduce the consumption of manpower and time in front-end and back-end development.

Description

Technical Field

[0001] This application relates to the fields of infrastructure maintenance technology and financial technology, specifically to a low-code development method, apparatus, computer equipment, and storage medium. Background Technology

[0002] OBM (Original Brand Manufacturer) operating platforms are comprehensive platforms created and managed by private label manufacturers to support and promote the sales and operation of their own-brand products. As OBM operating platform products continue to evolve, the need for configurable features on platform pages is becoming increasingly urgent. This is because configuring individual fields using the backend Apollo may not meet the demands of complex functions, requiring the product team to submit requirements and conduct front-end and back-end development work each time, potentially leading to significant manpower and time consumption. For example, configuring certain functions may involve relationships and complex logic between multiple fields; relying solely on backend Apollo to configure individual fields may not meet such needs. Furthermore, whenever CRUD (Create, Read, Update, Delete) configurations are required, the product team must submit requirements and wait for the front-end and back-end teams to develop them. This template-based CRUD page development process consumes substantial manpower and time resources, extending the development cycle and impacting product iteration and response speed. Summary of the Invention

[0003] The purpose of this application is to provide a low-code development method, apparatus, computer device, and storage medium to solve the technical problem that the development process of existing functional configuration update schemes consumes a lot of human and time resources, resulting in a prolonged development cycle and affecting product iteration and response speed.

[0004] To address the aforementioned technical problems, this application provides a low-code development method, employing the following technical solution:

[0005] A low-code development methodology includes:

[0006] A first front-end page template is generated on the front end, wherein the first front-end page template includes function configuration input items;

[0007] Generate a backend function configuration template in the backend processor, and generate a second frontend page template that matches the backend function configuration template in the frontend.

[0008] Responding to the user's operation on the function configuration input item, obtaining the function configuration information input by the user, and converting the function configuration information into JSON data;

[0009] The JSON data is sent to the backend processor, and the backend function configuration template is configured in the backend processor based on the JSON data;

[0010] After completing the configuration of the backend function configuration template, refresh the second frontend page template to generate the frontend display page.

[0011] Furthermore, the step of generating a first front-end page template, wherein the first front-end page template includes functional configuration input items, specifically includes:

[0012] Obtain the preset functional configuration requirements;

[0013] Create a matching HTML structure based on the preset functional configuration requirements, wherein the HTML structure includes several page elements;

[0014] The interaction logic between page elements is constructed based on a preset JavaScript language to generate the first front-end page template.

[0015] Furthermore, before the step of generating the first front-end page template by constructing the interaction logic between page elements based on a preset JavaScript language, the method further includes:

[0016] Configure a visual editing tool on the front end;

[0017] Use the visual editing tool to convert the page elements into visual editing elements.

[0018] Furthermore, the step of generating a backend function configuration template in the backend processor and generating a second frontend page template that matches the backend function configuration template in the frontend specifically includes:

[0019] Define the data structure of the backend function configuration template according to the aforementioned function configuration requirements;

[0020] Obtain backend database operations and business logic;

[0021] The backend function configuration template is created based on the data structure, the backend database operations, and the business implementation logic.

[0022] The backend function configuration template is parsed, and a second frontend page template matching the backend function configuration template is generated on the frontend.

[0023] Furthermore, the step of parsing the backend function configuration template and generating a second frontend page template that matches the backend function configuration template specifically includes:

[0024] Configure a general component library;

[0025] The backend function configuration template is parsed to obtain the data of the page to be displayed;

[0026] The data of the page to be displayed is rendered onto the front-end page using the general component library, generating the second front-end page template.

[0027] Furthermore, the step of responding to the user's operation on the function configuration input item, obtaining the function configuration information input by the user, and converting the function configuration information into JSON data specifically includes:

[0028] Configure the embedded points in the function configuration input item;

[0029] In response to user actions regarding the function configuration input items, the function configuration information input by the user is obtained through event tracking.

[0030] Create a JavaScript object, and use the JSON.stringify() function in the JavaScript object to convert the function configuration information into a JSON string to obtain the JSON data.

[0031] Furthermore, the step of sending the JSON data to the backend processor and configuring the backend function configuration template based on the JSON data in the backend processor specifically includes:

[0032] The JSON data is sent to the backend processor via an HTTP request.

[0033] Retrieve the JSON.parse() method from the JavaScript object;

[0034] The JSON data is parsed using the JSON.parse() method to obtain an operable data structure for the JSON data;

[0035] Configure the backend function configuration template based on the operable data structure of the JSON data.

[0036] To address the aforementioned technical problems, this application also provides a low-code development device, which employs the following technical solution:

[0037] A low-code development device, comprising:

[0038] The first template configuration module is used to generate a first front-end page template on the front end, wherein the first front-end page template includes function configuration input items;

[0039] The second template configuration module is used to generate a backend function configuration template in the backend processor and generate a second frontend page template that matches the backend function configuration template in the frontend.

[0040] The JSON data conversion module is used to respond to the user's operation on the function configuration input item, obtain the function configuration information input by the user, and convert the function configuration information into JSON data;

[0041] The backend function configuration module is used to send the JSON data to the backend processor and configure the backend function configuration template based on the JSON data in the backend processor;

[0042] The front-end page refresh module is used to refresh the second front-end page template and generate the front-end display page after the back-end function configuration template is configured.

[0043] To address the aforementioned technical problems, this application also provides a computer device that employs the following technical solution:

[0044] A computer device includes a memory and a processor, the memory storing computer-readable instructions, the processor executing the computer-readable instructions to implement the steps of the low-code development method as described in any of the preceding claims.

[0045] To address the aforementioned technical problems, this application also provides a computer-readable storage medium, employing the technical solution described below:

[0046] A computer-readable storage medium storing computer-readable instructions that, when executed by a processor, implement the steps of the low-code development method as described in any one of the preceding descriptions.

[0047] Compared with the prior art, the embodiments of this application have the following main advantages:

[0048] This application discloses a low-code development method, apparatus, computer device, and storage medium, relating to the fields of infrastructure operation and maintenance technology and fintech. This application generates a first front-end page template on the front end, which includes function configuration input items. A back-end function configuration template is generated in the back-end processor, and a second front-end page template matching the back-end function configuration template is generated on the front end. Responding to user operations on the function configuration input items, the application obtains the user-input function configuration information, converts the function configuration information into JSON data, sends the JSON data to the back-end processor, and configures the back-end function configuration template based on the JSON data. After configuring the back-end function configuration template, the second front-end page template is refreshed to generate the front-end display page. This application obtains user-input function configuration information by configuring the first front-end page template and transmits the function configuration from the front end to the back end. Through collaboration between the front end and back end, configurable pages and functions are dynamically generated. Users can configure and define functions through a visual interface without in-depth programming or manual code writing, enabling low-code development for both front-end and back-end, reducing the manpower and time consumption of front-end and back-end development. Attached Figure Description

[0049] To more clearly illustrate the solutions in this application, the accompanying drawings used in the description of the embodiments of this application will be briefly introduced below. Obviously, the accompanying drawings described below are some embodiments of this application. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0050] Figure 1 An exemplary system architecture diagram is shown, in which this application can be applied;

[0051] Figure 2 A flowchart illustrating one embodiment of the low-code development method according to this application is shown;

[0052] Figure 3 A schematic diagram of the structure of one embodiment of the low-code development apparatus according to this application is shown;

[0053] Figure 4 A schematic diagram of the structure of one embodiment of a computer device according to this application is shown. Detailed Implementation

[0054] Unless otherwise defined, all technical and scientific terms used herein have the same meaning as commonly understood by one of ordinary skill in the art to which this application pertains; the terminology used herein in the specification of the application is for the purpose of describing particular embodiments only and is not intended to be limiting of the application; the terms "comprising" and "having," and any variations thereof, in the specification, claims, and foregoing drawings of this application, are intended to cover non-exclusive inclusion. The terms "first," "second," etc., in the specification, claims, or foregoing drawings of this application are used to distinguish different objects, not to describe a particular order.

[0055] In this document, the term "embodiment" means that a particular feature, structure, or characteristic described in connection with an embodiment may be included in at least one embodiment of this application. The appearance of this phrase in various places throughout the specification does not necessarily refer to the same embodiment, nor is it a separate or alternative embodiment mutually exclusive with other embodiments. It will be explicitly and implicitly understood by those skilled in the art that the embodiments described herein can be combined with other embodiments.

[0056] To enable those skilled in the art to better understand the present application, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the accompanying drawings.

[0057] like Figure 1 As shown, system architecture 100 may include terminal devices 101, 102, and 103, a network 104, and a server 105. Network 104 serves as the medium for providing communication links between terminal devices 101, 102, and 103 and server 105. Network 104 may include various connection types, such as wired or wireless communication links, or fiber optic cables, etc.

[0058] Users can use terminal devices 101, 102, and 103 to interact with server 105 via network 104 to receive or send messages, etc. Various communication client applications can be installed on terminal devices 101, 102, and 103, such as web browser applications, shopping applications, search applications, instant messaging tools, email clients, social media platform software, etc.

[0059] Terminal devices 101, 102, and 103 can be various electronic devices with displays and support web browsing, including but not limited to smartphones, tablets, e-book readers, MP3 players (Moving Picture Experts Group Audio Layer III), MP4 players (Moving Picture Experts Group Audio Layer IV), laptops, and desktop computers, etc.

[0060] Server 105 can be a server that provides various services, such as a backend server that supports the pages displayed on terminal devices 101, 102, and 103. The server can be a standalone server or a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, content delivery networks (CDN), and big data and artificial intelligence platforms.

[0061] It should be noted that the low-code development method provided in this application embodiment is generally executed by a server, and correspondingly, the low-code development device is generally located in the server.

[0062] It should be understood that Figure 1 The number of terminal devices, networks, and servers shown is merely illustrative. Depending on implementation needs, any number of terminal devices, networks, and servers can be included.

[0063] Continue to refer to Figure 2 The diagram illustrates a flowchart of an embodiment of the low-code development method according to this application. Embodiments of this application can acquire and process relevant data based on artificial intelligence technology. Artificial intelligence (AI) refers to the theories, methods, technologies, and application systems that utilize digital computers or machines controlled by digital computers to simulate, extend, and expand human intelligence, perceive the environment, acquire knowledge, and use that knowledge to obtain optimal results.

[0064] Foundational technologies for artificial intelligence generally include sensors, dedicated AI chips, cloud computing, distributed storage, big data processing, operating / interactive systems, and mechatronics. AI software technologies mainly encompass computer vision, robotics, biometrics, speech processing, natural language processing, and machine learning / deep learning.

[0065] As OBM operation platform products continue to develop, the demand for configurable features on platform pages is becoming increasingly strong. This is because relying solely on the configuration of certain single fields in the backend Apollo configuration may not meet the needs of complex functions. Each time, the product team needs to raise requirements and carry out front-end and back-end development work, which may result in a large consumption of manpower and time.

[0066] To address the aforementioned technical issues, this application discloses a low-code development method, apparatus, computer device, and storage medium, relating to the fields of infrastructure operation and maintenance technology and financial technology. This application obtains user-inputted functional configuration information by configuring a first front-end page template and transmits the functional configuration from the front-end to the back-end. Through collaboration between the front-end and back-end, configurable pages and functions are dynamically generated, allowing users to configure and define functions through a visual interface without needing in-depth programming or manual code writing. This enables low-code development of both the front-end and back-end, reducing the manpower and time consumption of front-end and back-end development.

[0067] The low-code development method includes the following steps:

[0068] S201, Generate a first front-end page template, wherein the first front-end page template contains function configuration input items.

[0069] In this embodiment, an initial page template is created on the front end. This template contains input items for configuring functions, which users can configure to meet their business needs. The main purpose of the first front end page template is to provide users with a visual interface so that they can define and configure the functions on the page. The first front end page template is an interactive interface that allows users to drag, select, and fill in information.

[0070] Furthermore, the process of generating a first front-end page template, wherein the first front-end page template includes the step of providing function configuration input items, specifically includes:

[0071] Obtain the preset functional configuration requirements;

[0072] Create a matching HTML structure based on the preset functional configuration requirements, wherein the HTML structure includes several page elements;

[0073] The interaction logic between page elements is constructed based on a preset JavaScript language to generate the first front-end page template.

[0074] In this embodiment, before generating the front-end page template, it is necessary to clarify the functional configuration requirements, which can be obtained through user interaction, requirements analysis, or configuration files. Based on the preset functional configuration requirements, the corresponding page structure can be created using HTML markup language. These HTML structures should include functional configuration input items, i.e., elements that users can configure on the page, such as forms and drop-down menus.

[0075] In the first front-end page template, the various page elements need to interact. For example, other elements can be shown or hidden based on the configuration options selected by the user, or the page content can be dynamically changed based on the user's input. This can be achieved by listening to the user's actions and executing the corresponding logic when the corresponding events are triggered.

[0076] Based on the previous steps, the created HTML structure and JavaScript interaction logic are combined to generate the first front-end page template. This template can be used by the back-end processor, and the back-end will process and generate the corresponding content according to the user's configuration.

[0077] In the above solution, by passing the functional configuration from the front end to the back end and generating configurable page templates on the front end, the separation and collaboration between the front end and the back end are achieved. The front end is responsible for generating the page structure and interaction logic, while the back end is responsible for processing and generating according to the user's configuration. This can achieve the goal of rapid development and flexible configuration, while also improving the maintainability and scalability of the system.

[0078] Furthermore, before the step of generating the first front-end page template by constructing the interaction logic between page elements based on a preset JavaScript language, the following steps are also included:

[0079] Configure a visual editing tool on the front end;

[0080] Use visual editing tools to transform page elements into visually editable elements.

[0081] In this embodiment, a visual editing tool is a tool that can edit and configure pages on the front end. In this step, a suitable visual editing tool can be selected and configured accordingly so that the tool can be used to edit and configure page elements later. Visual editing tools such as Wix and Weebly can generate the first front end page template by dragging and configuring.

[0082] Visual editing tools typically provide a visual interface that allows users to transform page elements into visual editing elements through drag-and-drop and configuration. These visual editing elements can be forms, buttons, drop-down menus, etc., and users can edit and configure the page by manipulating these elements.

[0083] By configuring a visual editing tool on the front end and using this tool to transform page elements into visual editing elements, page editing and configuration become more intuitive and convenient. Users can define page functions and styles through visual operations without needing to delve into programming or manually write code, which improves development efficiency and reduces development difficulty.

[0084] S202 generates a backend function configuration template in the backend processor and generates a second frontend page template that matches the backend function configuration template in the frontend.

[0085] In this embodiment, a template for configuring backend functions is generated on the backend processor (usually the server side). This backend function configuration template corresponds to the second frontend page template, and it defines the operations and logic that the backend needs to perform. The generation of the backend function configuration template is usually based on the configuration input items of the frontend, which may include information such as defining the backend data model, business logic, and database operations.

[0086] The front-end uses the function configuration template information generated by the back-end to generate a matching second front-end page template. The second front-end page template may include business logic, data display, user interface elements, etc., configured by the back-end template. The front-end page will dynamically generate different functions according to the different back-end configurations.

[0087] Furthermore, the steps of generating a backend function configuration template in the backend processor and generating a second frontend page template that matches the backend function configuration template specifically include:

[0088] Define the data structure of the backend function configuration template according to the function configuration requirements;

[0089] Obtain backend database operations and business logic;

[0090] Create backend function configuration templates based on data structures, backend database operations, and business implementation logic;

[0091] The backend function configuration template is parsed, and a second frontend page template matching the backend function configuration template is generated on the frontend.

[0092] In this embodiment, before generating the backend function configuration template, it is necessary to define a corresponding data structure based on the function configuration requirements. This data structure can be an object, an array, or other data structure, used to store relevant information about the function configuration, such as the name, type, and default value of the configuration item. Simultaneously, it is necessary to obtain the backend database operations and business implementation logic, which can be obtained through collaboration with backend developers or by consulting relevant documentation.

[0093] Based on the data structure defined above, and combined with backend database operations and business logic, a backend programming language (such as Java, Python, etc.) can be used to create a backend function configuration template. This template can include database queries, data processing, logical judgments, and interfaces and data formats for interaction with the frontend.

[0094] Correspondingly, the front-end can use a corresponding parser or template engine to parse the back-end function configuration template and generate a second front-end page template that matches the back-end function configuration template based on the parsing results. This template can contain the page structure and interaction logic corresponding to the back-end function configuration template, as well as the interface and data format for interacting with the back-end.

[0095] The advantage of this approach is that by generating functional configuration templates on the backend and parsing them into frontend page templates, it achieves collaboration and consistency between the frontend and backend. The backend is responsible for generating functional configuration templates and processing logic, while the frontend is responsible for generating page structure and interaction logic, thus enabling rapid application development and meeting diverse business needs. At the same time, this approach also improves the system's flexibility and scalability, as different frontend page templates can be dynamically generated based on business requirements.

[0096] Furthermore, the steps of parsing the backend function configuration template and generating a second frontend page template that matches the backend function configuration template specifically include:

[0097] Configure a general component library;

[0098] Parse the backend function configuration template to obtain the data of the page to be displayed;

[0099] The data of the page to be displayed is rendered to the front-end page through a general component library, generating a second front-end page template.

[0100] In this embodiment, the first step is to select and configure a general component library. This library contains a series of reusable front-end components, such as form components, button components, and dropdown menu components. These components can be used to display the data and interactive elements in the back-end function configuration template. Based on the definition of the back-end function configuration template, a corresponding parser or template engine can be used to parse the template and obtain the data for the page to be displayed. This data includes page structure, component configuration, data binding, and other information. Using the components provided by the general component library, the data for the page to be displayed is rendered onto the front-end page. This can be achieved by binding the component configuration to the data for the page to be displayed, or by using a template engine to populate the data into the corresponding template.

[0101] By following the steps above—configuring the general component library, parsing the backend function configuration template, and using the general component library to render the page data to be displayed onto the frontend page—a second frontend page template matching the backend function configuration template can be generated. This template includes the corresponding page structure, component configuration, and data binding, and can be used to display and edit the function configuration. This achieves consistency between the frontend and backend, and improves development efficiency and flexibility.

[0102] In one specific embodiment of this application, the general component library is the base-component library, which is a library that provides general components and is a key component for dynamically generating front-end page templates based on user-configured JSON data.

[0103] In this approach, base-component plays a crucial role. Its main function is to provide general-purpose components for generating front-end page templates. These components can dynamically render based on the question type and attributes in the JSON data, thereby constructing the entire front-end page template. The following is a description of the role of base-component in this approach:

[0104] The base-component provides a set of common components, such as text boxes, radio buttons, checkboxes, dropdown lists, etc. These components are configurable and can be used to represent different types of questions. This eliminates the need to write separate components for each question type, thereby improving code reusability and development efficiency.

[0105] Rendering components based on question type: Based on the question type in the JSON data, base-component is responsible for selecting the appropriate component to render the question. For example, for text-type questions, base-component will render a text box component; for multiple-choice questions, base-component will render a radio button component, and so on.

[0106] Dynamic attribute settings: base-component is also responsible for configuring the generated component based on the dynamic attribute settings of the question in the JSON data, such as question text, answer options, whether it is required, etc. This includes setting the component's label text, option list, required attributes, etc.

[0107] Component scalability: The base-component itself can also be scalable, allowing system developers to add new general components as needed to support more problem types or custom components, so that the system can flexibly respond to ever-changing development needs.

[0108] In this embodiment, the use of a general base-component library helps reduce the amount of repetitive page rendering code, improves the maintainability and scalability of the system, and enables the system to adapt more flexibly to different types of questionnaire needs.

[0109] S203 responds to the user's operation on the function configuration input item, obtains the function configuration information entered by the user, and converts the function configuration information into JSON data.

[0110] In this embodiment, the user's actions on the first front-end page template, such as selection, filling, and configuration, will trigger events or operations that capture the user's configuration information as data and convert it into JSON format data. This data will contain the user's configuration options and possible other metadata for processing in subsequent steps.

[0111] Furthermore, the steps of responding to user actions regarding function configuration input items, obtaining the user-inputted function configuration information, and converting the function configuration information into JSON data specifically include:

[0112] Configure the tracking points in the function configuration input field;

[0113] Respond to user actions on function configuration input items and obtain the function configuration information entered by the user through tracking points;

[0114] Create a JavaScript object and use the JSON.stringify() function in the JavaScript object to convert the feature configuration information into a JSON string to obtain JSON data.

[0115] In this embodiment, configuring event tracking points in the function configuration input field is to respond to user operations and obtain the function configuration information entered by the user. Event tracking points can be events triggered when the user clicks a button, fills out a form, or performs other actions. By listening to these events, the user's input data can be obtained.

[0116] In response to user input regarding feature configuration items, after obtaining the user's input feature configuration information through event tracking, this information needs to be converted into JSON data. To achieve this, a JavaScript object can be created, and the user input data can be stored in this object. Then, the JSON.stringify() function in the JavaScript object can be used to convert this object into a JSON string, obtaining the JSON data.

[0117] JSON.stringify() is a built-in function in JavaScript that converts JavaScript objects or values ​​into JSON strings. This function converts serializable objects or values ​​into JSON format for use in data transmission, storage, or interaction with other systems.

[0118] In this embodiment, user input data is stored in a JavaScript object for easy processing and manipulation. Simultaneously, by using the JSON.stringify() function to convert the JavaScript object into a JSON string, the data can be easily passed to the backend for processing. This improves the system's maintainability and scalability, enabling it to more flexibly adapt to different types of frontend and backend development needs.

[0119] S204 sends JSON data to the backend processor and configures the backend function configuration template based on the JSON data in the backend processor.

[0120] In this embodiment, the frontend sends JSON data to the backend processor so that the backend can use this data to configure backend functions. After receiving the JSON data, the backend processor parses the configuration information and configures the backend functions based on this information. This includes database operations, generation of business logic, etc. The backend will execute the corresponding operations to ensure that the backend functions are consistent with the frontend configuration.

[0121] Furthermore, the steps of sending JSON data to the backend processor and configuring the backend function configuration template based on the JSON data in the backend processor specifically include:

[0122] Send JSON data to the backend processor using HTTP requests;

[0123] Get the JSON.parse() method from a JavaScript object;

[0124] Parse JSON data using the JSON.parse() method to obtain a workable data structure for the JSON data;

[0125] Configure backend function configuration templates based on operable data structures using JSON data.

[0126] In this embodiment, a front-end HTTP request library, such as axios or fetch, can be used to send JSON data as the request payload to the back-end processor. A POST request can be used to send JSON data as the request body to the back-end. In the back-end processor, the request body of the HTTP request can be obtained and passed to the JSON.parse() method. The JavaScript object obtained by JSON.parse() can be manipulated and accessed. The object's properties and methods can be used to retrieve specific values ​​from the JSON data, and these values ​​can be used to configure the back-end function configuration template. Based on the specific values ​​in the JSON data, the configuration methods or tools provided by the back-end processor can be used to configure the back-end function configuration template, including modifying component configurations and data bindings in the template, to dynamically generate the final function configuration page based on the function configuration information input by the user.

[0127] Parsing JSON data typically involves converting a JSON string into a workable data structure, such as a JavaScript object. In JavaScript, this task can be accomplished using methods provided by the built-in JSON object, such as the `JSON.parse()` method. The `JSON.parse()` method is a built-in JavaScript method for parsing JSON strings; it takes a JSON string as an argument and returns a JavaScript object corresponding to the JSON string, such as:

[0128] const jsonString='{"name":"John","age":30,"city":"NewYork"}';

[0129] const jsonObject=JSON.parse(jsonString);

[0130] console.log(jsonObject.name); / / Outputs "John"

[0131] console.log(jsonObject.age); / / Output 30

[0132] console.log(jsonObject.city); / / Outputs "NewYork"

[0133] The example above parses the JSON string 'jsonString' into a JavaScript object 'jsonObject', and then you can access the individual parts of the JSON data through the object's properties.

[0134] In this embodiment, by sending JSON data to the backend processor and configuring the backend function configuration template based on the JSON data in the backend processor, the final function configuration page can be dynamically generated according to the function configuration information input by the user. This can improve the flexibility and scalability of the system and enable the system to adapt to different types of function configuration requirements.

[0135] S205: After configuring the backend function configuration template, refresh the second frontend page template to generate the frontend display page.

[0136] In this embodiment, once the backend processor completes the configuration of the function, it will notify the frontend to refresh the second frontend page template. The refreshed second frontend page template will include the functions configured by the user, so that the user can see the effect of their configuration on the frontend.

[0137] The core idea of ​​the above solution is to quickly generate and configure front-end and back-end functional pages using low-code development methods, reducing the workload of manual writing and configuration in traditional development. At the same time, by converting functional configuration information into JSON data, it achieves flexibility and scalability in configuration, allowing users to customize and modify it according to their needs.

[0138] In the above embodiments, this application discloses a low-code development method, relating to the fields of infrastructure operation and maintenance technology and fintech. This application generates a first front-end page template on the front end, which includes function configuration input items. A back-end function configuration template is generated in the back-end processor, and a second front-end page template matching the back-end function configuration template is generated on the front end. Responding to user operations on the function configuration input items, the application obtains the user-input function configuration information, converts the function configuration information into JSON data, sends the JSON data to the back-end processor, and configures the back-end function configuration template based on the JSON data. After configuring the back-end function configuration template, the second front-end page template is refreshed to generate the front-end display page. This application obtains user-input function configuration information by configuring the first front-end page template and transmits the function configuration from the front end to the back end. Through collaboration between the front end and back end, configurable pages and functions are dynamically generated. This allows users to configure and define functions through a visual interface without in-depth programming or manual code writing, enabling low-code development for both front-end and back-end, reducing the manpower and time consumption of front-end and back-end development.

[0139] In this embodiment, the low-code development method runs on an electronic device (e.g., Figure 1The server shown can receive instructions or acquire data via wired or wireless connection. It should be noted that the aforementioned wireless connection methods may include, but are not limited to, 3G / 4G connections, WiFi connections, Bluetooth connections, WiMAX connections, Zigbee connections, UWB (ultra-wideband) connections, and other currently known or future wireless connection methods.

[0140] It should be emphasized that, to further ensure the privacy and security of the above-mentioned function configuration information, the above-mentioned function configuration information can also be stored in a node of a blockchain.

[0141] The blockchain referred to in this application is a novel application model of computer technologies such as distributed data storage, peer-to-peer transmission, consensus mechanisms, and encryption algorithms. Essentially, a blockchain is a decentralized database, a chain of data blocks linked together using cryptographic methods. Each data block contains information about a batch of network transactions, used to verify the validity of the information (anti-counterfeiting) and generate the next block. A blockchain can include an underlying blockchain platform, a platform product service layer, and an application service layer.

[0142] Those skilled in the art will understand that all or part of the processes in the methods of the above embodiments can be implemented by instructing related hardware with computer-readable instructions. These computer-readable instructions can be stored in a computer-readable storage medium, and when executed, they can include the processes of the embodiments of the methods described above. The aforementioned storage medium can be a non-volatile storage medium such as a magnetic disk, optical disk, or read-only memory (ROM), or random access memory (RAM).

[0143] It should be understood that although the steps in the flowcharts of the accompanying figures are shown sequentially as indicated by the arrows, these steps are not necessarily executed in the order indicated by the arrows. Unless explicitly stated herein, there is no strict order restriction on the execution of these steps, and they can be executed in other orders. Moreover, at least some steps in the flowcharts of the accompanying figures may include multiple sub-steps or multiple stages. These sub-steps or stages are not necessarily completed at the same time, but can be executed at different times, and their execution order is not necessarily sequential, but can be performed alternately or in turn with other steps or at least some of the sub-steps or stages of other steps.

[0144] Further reference Figure 3 As a response to the above Figure 2 To implement the method shown, this application provides an embodiment of a low-code development apparatus, which is similar to... Figure 2 Corresponding to the method embodiments shown, this device can be specifically applied to various electronic devices.

[0145] like Figure 3 As shown, the low-code development device 300 described in this embodiment includes:

[0146] The first template configuration module 301 is used to generate a first front-end page template on the front end, wherein the first front-end page template includes function configuration input items;

[0147] The second template configuration module 302 is used to generate a backend function configuration template in the backend processor and generate a second frontend page template that matches the backend function configuration template in the frontend.

[0148] The JSON data conversion module 303 is used to respond to user operations on function configuration input items, obtain the function configuration information entered by the user, and convert the function configuration information into JSON data.

[0149] The backend function configuration module 304 is used to send JSON data to the backend processor and configure the backend function configuration template based on the JSON data in the backend processor.

[0150] The front-end page refresh module 305 is used to refresh the second front-end page template and generate the front-end display page after the back-end function configuration template is configured.

[0151] Furthermore, the first template configuration module 301 specifically includes:

[0152] The configuration requirement acquisition unit is used to acquire preset functional configuration requirements;

[0153] The HTML structure creation unit is used to create a matching HTML structure based on preset functional configuration requirements. The HTML structure includes several page elements.

[0154] The first front-end page template generation unit is used to build the interaction logic between page elements based on a preset JavaScript language and generate the first front-end page template.

[0155] Furthermore, the first template configuration module 301 also includes:

[0156] The visual editing tool configuration unit is used to configure visual editing tools on the front end;

[0157] The page element transformation unit is used to transform page elements into visually editable elements using visual editing tools.

[0158] Furthermore, the second template configuration module 302 specifically includes:

[0159] The data structure definition unit is used to define the data structure of the backend function configuration template according to the function configuration requirements.

[0160] Database operation and business logic unit, used to obtain backend database operation and business implementation logic;

[0161] The backend function configuration template creation unit is used to create backend function configuration templates based on data structure, backend database operations, and business implementation logic.

[0162] The second front-end page template generation unit is used to parse the back-end function configuration template and generate a second front-end page template that matches the back-end function configuration template.

[0163] Furthermore, the second front-end page template generation unit specifically includes:

[0164] The general component library configuration subunit is used to configure the general component library;

[0165] The page data acquisition sub-unit is used to parse the backend function configuration template to obtain the page data to be displayed.

[0166] The page data rendering subunit is used to render the page data to be displayed to the front-end page through a general component library, generating a second front-end page template.

[0167] Furthermore, the JSON data conversion module 303 specifically includes:

[0168] The event tracking configuration unit is used to configure event tracking points in the function configuration input item;

[0169] The function configuration information acquisition unit is used to respond to the user's operation on the function configuration input item and acquire the function configuration information input by the user through the tracking point;

[0170] The JSON data conversion unit is used to create a JavaScript object and convert the feature configuration information into a JSON string based on the JSON.stringify() function in the JavaScript object, thus obtaining JSON data.

[0171] Furthermore, the backend function configuration module 304 specifically includes:

[0172] The JSON data sending unit is used to send JSON data to the backend processor based on an HTTP request.

[0173] The JSON data parsing method retrieval unit is used to retrieve the JSON.parse() method from a JavaScript object;

[0174] The JSON data parsing unit is used to parse JSON data based on the JSON.parse() method to obtain an operable data structure of the JSON data.

[0175] The backend function configuration unit is used to configure the backend function configuration template based on the operable data structure of JSON data.

[0176] In the above embodiments, this application discloses a low-code development device, relating to the fields of infrastructure operation and maintenance technology and fintech. This application generates a first front-end page template on the front end, which includes function configuration input items. A back-end function configuration template is generated in the back-end processor, and a second front-end page template matching the back-end function configuration template is generated on the front end. Responding to user operations on the function configuration input items, the device obtains the user-inputted function configuration information, converts the function configuration information into JSON data, sends the JSON data to the back-end processor, and configures the back-end function configuration template based on the JSON data. After configuring the back-end function configuration template, the device refreshes the second front-end page template to generate the front-end display page. This application obtains user-inputted function configuration information by configuring the first front-end page template and transmits the function configuration from the front end to the back end. Through collaboration between the front end and back end, configurable pages and functions are dynamically generated. This allows users to configure and define functions through a visual interface without in-depth programming or manual code writing, enabling low-code development for both front-end and back-end, reducing the manpower and time consumption of front-end and back-end development.

[0177] To address the aforementioned technical problems, embodiments of this application also provide a computer device. Please refer to [link / reference needed]. Figure 4 , Figure 4 This is a basic structural block diagram of the computer device in this embodiment.

[0178] The computer device 4 includes a memory 41, a processor 42, and a network interface 43 that are interconnected via a system bus. It should be noted that only the computer device 4 with components 41-43 is shown in the figure; however, it should be understood that it is not required to implement all the shown components, and more or fewer components can be implemented alternatively. Those skilled in the art will understand that the computer device described here is a device capable of automatically performing numerical calculations and / or information processing according to pre-set or stored instructions, and its hardware includes, but is not limited to, microprocessors, application-specific integrated circuits (ASICs), field-programmable gate arrays (FPGAs), digital signal processors (DSPs), embedded devices, etc.

[0179] The computer device can be a desktop computer, laptop, handheld computer, or cloud server, etc. The computer device can interact with the user via a keyboard, mouse, remote control, touchpad, or voice control.

[0180] The memory 41 includes at least one type of readable storage medium, including flash memory, hard disk, multimedia card, card-type memory (e.g., SD or DX memory), random access memory (RAM), static random access memory (SRAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), programmable read-only memory (PROM), magnetic memory, magnetic disk, optical disk, etc. In some embodiments, the memory 41 may be an internal storage unit of the computer device 4, such as the hard disk or memory of the computer device 4. In other embodiments, the memory 41 may also be an external storage device of the computer device 4, such as a plug-in hard disk, smart media card (SMC), secure digital (SD) card, flash card, etc., equipped on the computer device 4. Of course, the memory 41 may also include both the internal storage unit and its external storage device of the computer device 4. In this embodiment, the memory 41 is typically used to store the operating system and various application software installed on the computer device 4, such as computer-readable instructions of low-code development methods. In addition, the memory 41 can also be used to temporarily store various types of data that have been output or will be output.

[0181] In some embodiments, the processor 42 may be a central processing unit (CPU), controller, microcontroller, microprocessor, or other data processing chip. The processor 42 is typically used to control the overall operation of the computer device 4. In this embodiment, the processor 42 is used to execute computer-readable instructions stored in the memory 41 or to process data, for example, to execute computer-readable instructions of the low-code development method.

[0182] The network interface 43 may include a wireless network interface or a wired network interface, which is typically used to establish communication connections between the computer device 4 and other electronic devices.

[0183] In the above embodiments, this application discloses a computer device relating to the fields of infrastructure maintenance technology and financial technology. This application generates a first front-end page template on the front end, which includes function configuration input items. A back-end function configuration template is generated in the back-end processor, and a second front-end page template matching the back-end function configuration template is generated on the front end. Responding to user operations on the function configuration input items, the application obtains the user-inputted function configuration information, converts the function configuration information into JSON data, sends the JSON data to the back-end processor, and configures the back-end function configuration template based on the JSON data. After configuring the back-end function configuration template, the second front-end page template is refreshed to generate the front-end display page. This application obtains user-inputted function configuration information by configuring the first front-end page template and transmits the function configuration from the front end to the back end. Through collaboration between the front end and back end, configurable pages and functions are dynamically generated. This allows users to configure and define functions through a visual interface without in-depth programming or manual code writing, enabling low-code development of both the front end and back end, reducing the manpower and time consumption of front-end and back-end development.

[0184] This application also provides another embodiment, namely, providing a computer-readable storage medium storing computer-readable instructions that can be executed by at least one processor to cause the at least one processor to perform the steps of the low-code development method as described above.

[0185] In the above embodiments, this application discloses a computer-readable storage medium, relating to the fields of infrastructure operation and maintenance technology and financial technology. This application generates a first front-end page template on the front end, wherein the first front-end page template includes function configuration input items. A back-end function configuration template is generated in the back-end processor, and a second front-end page template matching the back-end function configuration template is generated on the front end. Responding to user operations on the function configuration input items, the application obtains the user-input function configuration information, converts the function configuration information into JSON data, sends the JSON data to the back-end processor, and configures the back-end function configuration template based on the JSON data in the back-end processor. After completing the configuration of the back-end function configuration template, the second front-end page template is refreshed to generate the front-end display page. This application obtains user-input function configuration information by configuring the first front-end page template and transmits the function configuration from the front end to the back end. Through collaboration between the front end and the back end, configurable pages and functions are dynamically generated. This allows users to configure and define functions through a visual interface without in-depth programming or manual code writing, enabling low-code development for both front-end and back-end, reducing the manpower and time consumption of front-end and back-end development.

[0186] Through the above description of the embodiments, those skilled in the art can clearly understand that the methods of the above embodiments can be implemented by means of software plus necessary general-purpose hardware platforms. Of course, they can also be implemented by hardware, but in many cases the former is a better implementation method. Based on this understanding, the technical solution of this application, in essence, or the part that contributes to the prior art, can be embodied in the form of a software product. This computer software product is stored in a storage medium (such as ROM / RAM, magnetic disk, optical disk) and includes several instructions to cause a terminal device (which may be a mobile phone, computer, server, air conditioner, or network device, etc.) to execute the methods described in the various embodiments of this application.

[0187] This application can be used in a wide variety of general-purpose or special-purpose computer system environments or configurations. Examples include: personal computers, server computers, handheld or portable devices, tablet devices, multiprocessor systems, microprocessor-based systems, set-top boxes, programmable consumer electronics, network PCs, minicomputers, mainframe computers, and distributed computing environments including any of the above systems or devices. This application can be described in the general context of computer-executable instructions executed by a computer, such as program modules. Generally, program modules include routines, programs, objects, components, data structures, etc., that perform specific tasks or implement specific abstract data types. This application can also be practiced in distributed computing environments where tasks are performed by remote processing devices connected via a communication network. In distributed computing environments, program modules can reside in local and remote computer storage media, including storage devices.

[0188] Obviously, the embodiments described above are only some embodiments of this application, not all embodiments. The accompanying drawings show preferred embodiments of this application, but do not limit the patent scope of this application. This application can be implemented in many different forms; rather, the purpose of providing these embodiments is to provide a more thorough and comprehensive understanding of the disclosure of this application. Although this application has been described in detail with reference to the foregoing embodiments, those skilled in the art can still modify the technical solutions described in the foregoing specific embodiments, or make equivalent substitutions for some of the technical features. Any equivalent structures made using the content of this application's specification and drawings, directly or indirectly applied to other related technical fields, are similarly within the scope of patent protection of this application.

Claims

1. A low-code development method, characterized in that, include: A first front-end page template is generated on the front end, wherein the first front-end page template includes function configuration input items; A backend function configuration template is generated in the backend processor, and a second frontend page template matching the backend function configuration template is generated in the frontend. The process involves obtaining preset function configuration requirements, defining the data structure of the backend function configuration template according to the function configuration requirements, obtaining backend database operations and business implementation logic, creating the backend function configuration template based on the data structure, the backend database operations and the business implementation logic, parsing the backend function configuration template, and generating a second frontend page template matching the backend function configuration template in the frontend. Responding to the user's operation on the function configuration input item, obtaining the function configuration information input by the user, and converting the function configuration information into JSON data; The JSON data is sent to the backend processor, and the backend function configuration template is configured in the backend processor based on the JSON data; After completing the configuration of the backend function configuration template, refresh the second frontend page template to generate the frontend display page.

2. The low-code development method as described in claim 1, characterized in that, The step of generating a first front-end page template, wherein the first front-end page template includes function configuration input items, specifically includes: Create a matching HTML structure based on the preset functional configuration requirements, wherein the HTML structure includes several page elements; The interaction logic between page elements is constructed based on a preset JavaScript language to generate the first front-end page template.

3. The low-code development method as described in claim 2, characterized in that, Before the step of generating the first front-end page template by constructing the interaction logic between page elements based on a preset JavaScript language, the method further includes: Configure a visual editing tool on the front end; Use the visual editing tool to convert the page elements into visual editing elements.

4. The low-code development method as described in claim 2, characterized in that, The step of parsing the backend function configuration template and generating a second frontend page template that matches the backend function configuration template specifically includes: Configure a general component library; The backend function configuration template is parsed to obtain the data of the page to be displayed; The data of the page to be displayed is rendered onto the front-end page using the general component library, generating the second front-end page template.

5. The low-code development method as described in claim 1, characterized in that, The steps of responding to user operations on the function configuration input item, obtaining the function configuration information input by the user, and converting the function configuration information into JSON data specifically include: Configure the embedded points in the function configuration input item; In response to user actions regarding the function configuration input items, the function configuration information input by the user is obtained through event tracking. Create a JavaScript object, and use the JSON.stringify() function in the JavaScript object to convert the function configuration information into a JSON string to obtain the JSON data.

6. The low-code development method as described in claim 5, characterized in that, The step of sending the JSON data to the backend processor and configuring the backend function configuration template based on the JSON data in the backend processor specifically includes: The JSON data is sent to the backend processor via an HTTP request. Retrieve the JSON.parse() method from the JavaScript object; The JSON data is parsed using the JSON.parse() method to obtain an operable data structure for the JSON data; Configure the backend function configuration template based on the operable data structure of the JSON data.

7. A low-code development device, characterized in that, The low-code development apparatus implements the steps of the low-code development method as described in any one of claims 1 to 6, wherein the low-code development apparatus comprises: The first template configuration module is used to generate a first front-end page template on the front end, wherein the first front-end page template includes function configuration input items; The second template configuration module is used to generate a backend function configuration template in the backend processor and generate a second frontend page template that matches the backend function configuration template in the frontend. The JSON data conversion module is used to respond to the user's operation on the function configuration input item, obtain the function configuration information input by the user, and convert the function configuration information into JSON data; The backend function configuration module is used to send the JSON data to the backend processor and configure the backend function configuration template based on the JSON data in the backend processor; The front-end page refresh module is used to refresh the second front-end page template and generate the front-end display page after the back-end function configuration template is configured.

8. A computer device, characterized in that, The method includes a memory and a processor, wherein the memory stores computer-readable instructions, and the processor executes the computer-readable instructions to implement the steps of the low-code development method as described in any one of claims 1 to 6.

9. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores computer-readable instructions that, when executed by a processor, implement the steps of the low-code development method as described in any one of claims 1 to 6.

Images