Visual low-code modeling method and system

Abstract

The invention discloses a visual low-code modeling method and system, and relates to the technical field of visual modeling, and the method comprises the steps: recognizing and recording the business demands of a PC terminal and a mobile terminal; based on business requirements, a visual designer is used for constructing pages and components of a PC end and a mobile end; personalized pages and components are customized for needs based on existing pages and components. According to the method, a high-custom module is provided through a visual low-code modeling tool, and each functional module is relatively independent and can be configured and associated when needed. Layering and decoupling are achieved in design, flexible construction of applications is supported, and the professional threshold of modeling personnel is lowered. A quickly started development scaffold is provided on a low-code platform underlying development framework, an open data interface is provided, integration with an external system is realized, better integration with existing low / no-code construction applications can be realized under the condition of meeting more customization requirements, and the modeling efficiency and the updating speed can be greatly improved.

Description

Technical Field

[0001] The present invention relates to the technical field of visual modeling, and particularly to a visual low-code modeling method and system. Background Art

[0002] In the context of digital transformation, the power grid industry has been increasingly emphasizing data. As the foundation of data management and application, data modeling is widely used in many fields such as enterprise resource planning (ERP), customer relationship management (CRM), big data analysis, artificial intelligence, etc., helping enterprises better understand and utilize data to support decision-making, optimize business processes, and enhance competitiveness. Common modeling methods such as entity-relationship modeling (E-R modeling), dimensional modeling, object-oriented data modeling, etc. each have their own characteristics and applicable scenarios. Enterprises will choose appropriate modeling methods according to their own needs and project characteristics, or comprehensively apply multiple modeling methods in different stages and different projects.

[0003] High requirements for personnel professionalism: Data modeling requires modelers to have extensive knowledge and skills, including business domain knowledge, data management knowledge, database technology, mathematics and statistics basics, etc. Modelers lacking experience or professional knowledge may have difficulty building accurate and effective data models, resulting in models that cannot meet actual needs or have defects. The creativity of the present invention lies in lowering the threshold of data modeling, enabling non-professional modelers to complete modeling work through visual component editing and logic configuration.

[0004] Require continuous updates and iterations: Business requirements and data environments are constantly changing, and data models also need to be manually maintained and updated accordingly to ensure their consistency with the actual situation. Otherwise, the models may gradually lose accuracy and effectiveness and cannot meet new business requirements and data analysis requirements. Considerable human, material, and time resources need to be invested, including the salaries of modelers, the procurement and use of tool software, the cost of data collection and collation, etc. From requirement research, model design, review to final implementation and verification, the entire process may last for several months or even years, resulting in a long project cycle and an inability to quickly respond to changes in business requirements. The present invention enables business personnel to directly configure and publish with one key through the adjustment of form fields and processes, quickly completing the response to business requirements. At the same time, business personnel can operate it, avoiding processes such as requirement research, code development, and deployment update in traditional development, effectively improving efficiency. Summary of the Invention

[0005] In view of the above existing problems, the present invention is proposed.

[0006] Therefore, the problem to be solved by the present invention is: how to solve the problems of long development cycle and slow response to demand changes in the current software development process of traditional methods, resulting in a large gap between business needs and actual applications; at the same time, the user experience of different terminals is inconsistent, and it is difficult for business personnel to participate in software development, resulting in inaccurate demand communication and excessively high technical barriers; in addition, internal enterprise system integration is difficult, data islands are common, and there is a lack of effective data analysis tools, making it difficult to support quick decision-making; in mobile office scenarios, data security and system security issues are becoming increasingly prominent.

[0007] To solve the above technical problems, the present invention provides the following technical solutions: a visual low-code modeling method, comprising: identifying and recording business needs of PC and mobile terminals; based on business needs, using a visual designer to build PC and mobile terminal pages and components; customizing personalized pages and components based on existing pages and components according to needs, and selecting PC or mobile terminal for processing.

[0008] As a preferred solution of the visual low-code modeling method described in the present invention, the business needs of the PC and mobile terminals include separating the business modeling of the PC terminal from that of the mobile terminal, abstracting the list, button, and initiation process components for the PC terminal business scenarios; and abstracting the grid navigation, bottom navigation, pictures, text, and list components for the mobile terminal business scenarios, which are respectively suitable for different scenarios.

[0009] As a preferred solution of the visual low-code modeling method described in the present invention, wherein: the construction of PC and mobile pages and components includes PC business modeling and mobile business modeling; PC business modeling is based on a visual page designer to organize page content and configure page rules to build PC application services and functions. PC business modeling supports the management of menus and pages of PC applications, quick addition of pages and maintenance of page names and menus, dragging and sorting of pages, and requiring secondary confirmation when deleting pages.

[0010] As a preferred scheme of the visual low-code modeling method described in the present invention, wherein: the mobile business modeling includes designing the page of the application running on the mobile terminal by dragging and dropping on the visual canvas based on the development mode of the page designer, focusing on data collection, business processing and efficient work in mobile scenarios, and providing basic components that meet the mobile scenarios; the basic components include lists, forms, texts, pictures, dividing lines, grid navigation and bottom menus, among which lists and forms must be used separately; mobile business modeling supports the management of page navigation and pages of the mobile terminal of the application, quickly adding pages and maintaining page names and groups, dragging and sorting pages, and requiring secondary confirmation when deleting pages.

[0011] As a preferred solution of the visual low-code modeling method described in the present invention, wherein: the customized personalized pages and components include online coding, integration with external systems, and visual data processing; the online coding includes providing an online coding function through a custom page to customize personalized pages; the integration with external systems includes external output capabilities through form capabilities, process capabilities, and custom data processing interfaces; quickly linking to external systems, and third-party external systems providing the integration of system data and capabilities in an API manner; the API includes API management, API logs, callback logs, and address book authorization; API management supports setting corresponding authorization scopes and push rules according to applications; the API log provides a function for real-time query of API call logs to timely check whether the interface is normal; the callback log provides real-time query of callback logs to timely check whether the interface is normal; the address book authorization provides authorization setting for the address book data range.

[0012] As a preferred solution of the visual low-code modeling method described in the present invention, wherein: the visual data processing includes report design, and the report design provides a drag-and-drop visual way to design reports, providing summary tables, line charts, bar charts, bar graphs, area charts, pie charts, and radar charts; using a single or multiple forms as data sources, selecting fields in the data sources as dimensions and metrics of the charts, setting dimensions and metrics according to the chart type, setting the sorting method of the dimensions in the chart, filtering data by setting conditions for data display according to roles, and setting the linkage between multiple charts.

[0013] As a preferred solution of the visual low-code modeling method described in the present invention, where: the selection of the PC side or the mobile side for processing includes selecting the PC side or the mobile side for processing according to the business scenario. If the mobile side is selected, when the business personnel are working externally, they need to report the operation plan for the operation, register and feedback on-site problems, confirm the operation time, operation risks and countermeasures, edit the relevant data model fields into forms and approval processes, and design them into a visual page for the mobile side. Provide external network access for the mobile side to the processes that need to be processed internally on the intranet; the PC side includes identifying and recording the business requirements of the PC side, logging in to the visual designer, selecting a suitable PC side page template from the provided templates, selecting and dragging list components from the component library to the page design area, configuring the data source for the list components, adding add and edit buttons next to the list, and setting interaction actions, selecting form components from the component library, and designing form fields containing product information, adjusting the page layout, previewing the page in the designer, testing all functions and interactions, and after confirming that there are no errors, clicking the publish button to generate the PC side; the mobile side includes identifying and recording the business requirements of the mobile side, selecting a suitable page template for the mobile side in the visual designer, selecting the bottom navigation component from the component library, and configuring the navigation items, designing corresponding pages for each navigation item, filling the content with text and picture components, adjusting the size and position of the components, adding click events to the page elements, previewing the page in the mobile emulator, testing the layout and functions, and after completing the test, clicking the publish button to generate the mobile side.

[0014] Another object of the present invention is to provide a system for a visual low-code modeling method, which can solve the problem of a visual low-code modeling by constructing a visual low-code modeling system.

[0015] To solve the above technical problems, the present invention provides the following technical solutions: a visual low-code modeling system, including a data acquisition module, a construction module and a customization module; the data acquisition module is used to identify and record the business requirements of the PC side and the mobile side; the construction module is used to construct the PC side and mobile side pages and components based on the business requirements using the visual designer; the customization module is used to customize personalized pages and components based on the existing pages and components according to the requirements.

[0016] A computer device includes a memory and a processor, the memory stores a computer program, and when the processor executes the computer program, it implements the steps of the above-mentioned visual low-code modeling method.

[0017] A computer-readable storage medium stores a computer program thereon, and when the computer program is executed by a processor, it implements the steps of the above-mentioned visual low-code modeling method.

[0018] The beneficial effects of the present invention are as follows: A visual low-code modeling method provided by the present invention provides highly customizable modules such as forms, processes, reports, pages, etc. through a visual low-code modeling tool. Each functional module is relatively independent and can be configured and associated when needed. It realizes layering and decoupling in design, supports the flexible construction of applications, and reduces the professional threshold of modelers. On the underlying development framework of the low-code platform, it provides a development scaffolding for quick start, provides open data interfaces, realizes integration with external systems, supports custom extensions such as JS, SQL, and JAVA, and can better integrate with existing low / no-code built applications when meeting more customization requirements, which can greatly improve the modeling efficiency and update speed.

[0019] Low-code modeling visualizes data modeling, can quickly build and adjust data models, and solves the technical problem that it is difficult to optimize data models and unable to respond to business changes. At the same time, low-code modeling distinguishes between mobile and PC ends in usage scenarios. The mobile end is adapted for use on the external network of the power grid, thus solving the technical problems that power operation and maintenance personnel cannot report on-site faults and cannot carry out job declarations on the external network. The separate design of the mobile and PC ends in the same business scenario facilitates the display and use of data and processes on different clients. Through refined requirement identification and component-based construction, seamless docking and rapid deployment of business logic are achieved, greatly shortening the cycle from requirement submission to application launch. At the same time, its adaptive page layout engine ensures a consistent experience between the PC and mobile ends, and the built-in component customization function allows for the rapid construction of interactive elements that meet specific business scenarios, improving the personalized adaptation ability of the software. In addition, the efficient interface integration and data security mechanism of the system provide flexible scalability and cross-platform collaboration capabilities for enterprises while ensuring information security. BRIEF DESCRIPTION OF THE DRAWINGS

[0020] In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the drawings required for description in the embodiments will be briefly introduced below. Obviously, the drawings in the following description are only some embodiments of the present invention, and those of ordinary skill in the art can obtain other drawings without creative efforts.

[0021] Figure 1 It is a flowchart of a visual low-code modeling method provided by the first embodiment of the present invention.

[0022] Figure 2 It is a diagram of the functional area division of the page designer of a visual low-code modeling method provided by the first embodiment of the present invention.

[0023] Figure 3 It is a PC business modeling diagram of a visual low-code modeling method provided by the first embodiment of the present invention.

[0024] Figure 4 The PC business modeling list diagram of a visual low-code modeling method provided for the first embodiment of the present invention.

[0025] Figure 5 The PC business modeling report diagram of a visual low-code modeling method provided for the first embodiment of the present invention.

[0026] Figure 6 The custom page diagram of a visual low-code modeling method provided for the first embodiment of the present invention.

[0027] Figure 7 The mobile business modeling diagram of a visual low-code modeling method provided for the first embodiment of the present invention.

[0028] Figure 8 The mobile business modeling text diagram of a visual low-code modeling method provided for the first embodiment of the present invention.

[0029] Figure 9 The mobile business modeling grid navigation diagram of a visual low-code modeling method provided for the first embodiment of the present invention.

[0030] Figure 10 The mobile business modeling bottom navigation diagram of a visual low-code modeling method provided for the first embodiment of the present invention.

[0031] Figure 11 The structure diagram of a visual low-code modeling system provided for the second embodiment of the present invention. Detailed implementation manners

[0032] To make the above objects, features, and advantages of the present invention more apparent and understandable, the following detailed description of the specific implementation manners of the present invention will be given in conjunction with the accompanying drawings of the specification.

[0033] In the following description, many specific details are set forth in order to fully understand the present invention. However, the present invention can also be implemented in other ways different from those described herein. Those skilled in the art can make similar generalizations without departing from the connotation of the present invention. Therefore, the present invention is not limited by the specific embodiments disclosed below.

[0034] Example 1, referring to Figures 1 to 10 , which is the first embodiment of the present invention. This embodiment provides a visual low-code modeling method, including: identifying and recording the business requirements of the PC side and the mobile side; based on the business requirements, using a visual designer to construct the pages and components of the PC side and the mobile side; customizing personalized pages and components based on the requirements for the existing pages and components, and selecting the PC side or the mobile side for processing.

[0035] S1. Identify and record the business requirements of the PC and mobile terminals.

[0036] Separate the business modeling of the PC and mobile terminals.

[0037] Separate the business modeling of the PC from that of the mobile terminal. Abstract components such as lists, buttons, and initiation processes for the PC business scenario; abstract components such as grid navigation, bottom navigation, images, text, and lists for the mobile terminal business scenario, which are respectively applicable to different scenarios.

[0038] S2. Based on the business requirements, use a visual designer to construct the pages and components of the PC and mobile terminals.

[0039] PC business modeling is based on a visual page designer. The page content is formed and the page rules are configured by dragging and dropping, so as to construct the PC application business and functions. Provide common components such as lists, summary lists, reports, details, addition, editing, deletion, one-key modification, and custom development to meet the usage scenarios of most PC business functions, and cover other personalized requirements in a scripted manner. As Figure 2 shown.

[0040] PC business modeling supports managing the menus and pages of the PC application of the management application, quickly adding pages and maintaining page names and the belonging menus, etc. It is also possible to drag and drop the pages for sorting. When deleting a page, secondary confirmation is required.

[0041] The PC terminal business design provides the ability to quickly build pages. The page can drag and drop list components, the list is bound to a form to display form data, and the data is operated through components such as addition, editing, details, and deletion. As Figure 3 shown.

[0042] Page designer: PC business modeling is based on the development mode of the page designer to design the pages that the application runs on the PC on the visual canvas by dragging and dropping. Provide basic components and advanced components, support dragging and dropping the components onto the canvas, and configure the usage characteristics and interaction modes for each component, etc.

[0043] List: The list is used for the management and display of user data, bound to a data source, and the page functions and business rules can be configured. As Figure 4 shown.

[0044] Report: The report is used for the statistical display of data, can be bound to display the designed report, and display the report on the PC page. As Figure 5 shown.

[0045] Custom page: The custom page provides an online coding function, supporting the customization of personalized page requirements. As Figure 6 shown.

[0046] Mobile business modeling is based on a visual page designer. By dragging and dropping, you can build page content and configure page rules to build mobile application services and functions. It provides commonly used components such as lists, forms, grid navigation, bottom navigation, statistics, etc., which can meet most mobile business function usage scenarios and cover other personalized needs with scripts. Figure 7 shown.

[0047] Mobile business modeling supports page navigation and pages of the mobile terminal of the management application, quick addition of pages and maintenance of page names and groups, etc. Pages can also be sorted by dragging and dropping, and secondary confirmation is required when deleting a page.

[0048] Mobile business modeling is based on the development mode of the page designer. The page running on the mobile terminal is designed by dragging and dropping on the visual canvas. It focuses on data collection, business processing and efficient work in mobile scenarios, and provides business components that meet mobile scenarios, such as grid navigation, bottom navigation, text and pictures.

[0049] Basic components: Provides basic components for page design, including lists, forms, text, images, dividing lines, grid navigation, bottom menus, etc., among which lists and forms must be used separately.

[0050] Text: Supports adding text to the page, setting text style, font size, bold, italic, underline, color, text position and jump link. Figure 8 shown.

[0051] Image: The image component can be placed separately or in the bottom navigation component. You can set the image size and the click event of the image.

[0052] Grid navigation: realize centralized grid navigation links to facilitate access to different secondary functions. Figure 9 shown.

[0053] Bottom navigation: Use the bottom menu to switch the main page of the mobile terminal. Add basic components such as text, pictures, grid navigation, lists, etc. to the bottom navigation. After publishing, you can switch pages through the bottom navigation on the mobile terminal. Figure 10 shown.

[0054] List: Implement common components on mobile terminals, design text and image text list styles, and implement basic operations such as adding, deleting, editing, searching, and filtering data on mobile terminals.

[0055] Advanced components: Provides commonly used data summary and statistical components on mobile terminals, including statistics, summary lists, and tree lists.

[0056] Statistics: The statistics component can set the statistical data source, statistical type, statistical field, statistical conditions, etc.

[0057] Summary list: The summary list is used to display the data summary of a certain form in a list form, and the summary dimension, summary field, summary condition, etc. can be set as required.

[0058] Tree list: The tree list is used to display data in a tree-like hierarchical relationship, and the list binding form, list configuration, list button operation setting, interaction setting, data sorting, and data filtering, etc. can be set.

[0059] Report: The report is used for statistical display of data, and the designed report can be bound and displayed, and the report can be displayed on the mobile page.

[0060] S3. Customize personalized pages and components based on the existing pages and components according to the requirements, and select the PC side or the mobile side for processing.

[0061] Flexible programming ability, different choices for different requirements. Each center provides page custom development functions at the component level. The form center can select visual configuration, regular expression, and online programming mode as required.

[0062] Custom page: The custom page provides an online coding function and supports customizing personalized pages.

[0063] Powerful integration ability, seamless connection with multiple types of systems. Powerful integration ability, seamless connection with multiple types of systems: Through the form ability, process ability, data processing and other custom interface output capabilities. It can quickly link to external systems, such as erp, user center, financial system, etc. The third-party external system provides the integration of system data and capabilities in the form of API. Provide detailed development guidelines and usage help.

[0064] API management: Support setting the corresponding authorization scope and push rules according to the application.

[0065] API log: Provide the function of real-time querying API call logs to check whether the interface is normal in time.

[0066] Callback log: Provide real-time querying of callback logs to check whether the interface is normal in time.

[0067] Address book authorization: Provide authorization setting for the address book data range.

[0068] Visual data processing, realizing enterprise-level data modeling without code dragging, and cooperating with the report engine to achieve multi-dimensional data display and analysis. Commonly used in data analysis scenarios such as performance management, sales analysis, and inventory management in enterprises, providing strong data support for enterprise decision-making.

[0069] Report modeling is based on a visual page designer, and statistical reports and statistical rules are designed by dragging and dropping. It provides various types of reports, including summary tables, line charts, bar charts, column charts, area charts, pie charts, etc., supports multiple data sources and data filtering settings, as well as the linkage between charts.

[0070] Reports can be managed by grouping. Multiple charts can be designed in one report, and the reports can be sorted by dragging. Reports in this module can be directly called in the business design module.

[0071] Report design provides a visual way of dragging and dropping to design reports, including summary tables, line charts, bar charts, column charts, area charts, pie charts, and radar charts.

[0072] Data source: Supports single or multiple forms as data sources.

[0073] Dimensions and metrics: Select fields in the data source as the dimensions and metrics of the chart, and corresponding dimensions and metrics can be set according to the chart type.

[0074] Data sorting: The sorting method of dimensions in the chart can be set.

[0075] Data filtering: Supports setting conditions for data display according to roles. For example, leaders can view all statistical data, while ordinary employees can only view part of the statistical data.

[0076] Chart linkage: The linkage between multiple charts can be set. For example, Figure 1 To display the overall sales overview, click Figure 1 a certain data can be linked to display Figure 2 the data.

[0077] According to the business scenario, select the PC side or the mobile side for processing. If the mobile side is selected, when business personnel are working externally, they need to report the operation plan for the operation, register and feedback on-site problems, confirm the operation time, operation risks and countermeasures. And according to the safety control requirements of China Southern Power Grid, the power grid management system is an intranet system and does not support external network access. While low-code modeling edits relevant data model fields into forms and approval processes through visual modeling, and designs them into a visual page for the mobile side, providing external network access to the processes that need to be processed internally on the intranet, thus improving the work efficiency of staff.

[0078] If it is the PC side, it is applicable to complex intranet business scenarios that require high-performance computing, multi-task processing on large screens, accurate data input and editing. Report the operation plan for the operation, register and feedback on-site problems, confirm the operation time, operation risks and countermeasures, and edit relevant data model fields into forms and approval processes, and design them into a visual page for the PC side.

[0079] Through visual drag-and-drop operations, the long writing and debugging time in the traditional coding process is reduced. The direct mapping from business requirements to page components is realized, greatly shortening the time cycle from requirement analysis to function implementation.

[0080] Components customized for different terminals (PC and mobile) are provided, adapting to the operation habits of users in different scenarios. Mobile components such as grid navigation and bottom navigation have particularly optimized the mobile operation experience and improved user satisfaction.

[0081] Business personnel can participate in the development and customization of applications without professional programming knowledge. This reduces the enterprise's dependence on professional developers and improves the autonomy and response speed of the business team.

[0082] Through API management and data processing capabilities, seamless docking with multiple systems such as ERP and financial systems is achieved. Flexible interface configuration and log query functions are provided to ensure stability and traceability during the integration process.

[0083] In response to the security requirements of the intranet system, external network access control for mobile devices is implemented. Through low-code modeling, it not only meets the work needs of field staff but also ensures the secure isolation of sensitive data.

[0084] On the PC side, identify and record PC-side business requirements, such as the need to display a product list, add product functions, edit product information, etc. Log in to the visual designer, select a suitable PC-side page template from the provided templates, select and drag the "list" component from the component library to the page design area, configure the data source for the "list" component, such as selecting the "product information" data table, add "add" and "edit" buttons next to the list, and set the corresponding interaction actions. Select the "form" component from the component library and design the form fields containing product information. Adjust the page layout to ensure that the component positions are reasonable and the page is beautiful. Preview the page in the designer and test whether all functions and interactions are normal. After confirmation, click the publish button to generate the PC side.

[0085] On the mobile side, identify and record mobile-side business requirements, such as the need for bottom navigation, product detail pages, etc. In the visual designer, select a suitable mobile page template, select the "bottom navigation" component from the component library, and configure the navigation items, such as "Home" and "Products". Design the corresponding pages for each navigation item, fill the content with components such as text and pictures, ensure that the page layout fits the mobile screen, adjust the component size and position, add click events to page elements, such as clicking on a product picture to view details. Preview the page in the mobile emulator, test the layout and functions. After completing the test, click the publish button to generate the mobile side.

[0086] Example 2, refer to Figure 11, which is the second embodiment of the present invention. Different from the previous embodiment, it provides a visual low-code modeling system, including: a data acquisition module 100, a construction module 200, and a customization module 300.

[0087] The data acquisition module 100 is used to identify and record the business requirements of the PC side and the mobile side.

[0088] The construction module 200 is used to construct the PC side and mobile side pages and components based on the business requirements using a visual designer.

[0089] The customization module 300 is used to customize personalized pages and components based on the existing pages and components according to the requirements.

[0090] If the above functions are implemented in the form of software function units and sold or used as an independent product, they can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the present invention, in essence, or the part that contributes to the prior art, or a part of this technical solution, can be embodied in the form of a software product. This computer software product is stored in a storage medium and includes several instructions for causing a computer device (which can be a personal computer, a server, or a network device, etc.) to execute all or part of the steps of the methods described in the various embodiments of the present invention. The foregoing storage medium includes: USB flash drives, mobile hard disks, read-only memories (ROM, Read-Only Memory), random access memories (RAM, Random Access Memory), magnetic disks, or optical discs, etc., which can store program codes.

[0091] The logic and / or steps represented in the flowchart or described in other ways herein, for example, can be considered as a definite sequence list of executable instructions for implementing logical functions, and can be specifically implemented in any computer-readable medium for use by an instruction execution system, apparatus, or device (such as a computer-based system, a system including a processor, or other systems that can fetch instructions from the instruction execution system, apparatus, or device and execute the instructions), or in combination with these instruction execution systems, apparatus, or devices. For the purposes of this specification, a "computer-readable medium" can be any device that can contain, store, communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device.

[0092] More specific examples (a non-exhaustive list) of computer-readable media include the following: an electrical connection (electronic device) having one or more wirings, a portable computer diskette (magnetic device), a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber device, and a portable compact disc read-only memory (CDROM). Additionally, the computer-readable media can even be paper or other suitable media on which the program can be printed, as the program can be obtained electronically, for example, by optically scanning the paper or other media, followed by editing, interpretation, or otherwise processing it in a suitable manner if necessary, and then storing it in a computer memory.

[0093] It should be understood that the various parts of the present invention can be implemented by hardware, software, firmware, or a combination thereof. In the above-described embodiments, the multiple steps or methods can be implemented by software or firmware stored in a memory and executed by a suitable instruction execution system. For example, if implemented in hardware, as in another embodiment, any one or a combination of the following techniques known in the art can be used: discrete logic circuits having logic gate circuits for implementing logical functions on data signals, application specific integrated circuits having suitable combinational logic gate circuits, programmable gate arrays (PGAs), field programmable gate arrays (FPGAs), etc.

[0094] It should be noted that the above embodiments are only used to illustrate the technical solutions of the present invention and not to limit them. Although the present invention has been described in detail with reference to the preferred embodiments, those of ordinary skill in the art should understand that the technical solutions of the present invention can be modified or equivalently replaced without departing from the spirit and scope of the technical solutions of the present invention, and they should all be covered by the scope of the claims of the present invention.

Claims

1. A visual low-code modeling method, characterized by: include, Identify and record business requirements for PC and mobile terminals; Based on business needs, use visual designers to build PC and mobile pages and components; Customize personalized pages and components based on existing pages and components according to needs, and choose PC or mobile terminal for processing.

2. A visual low-code modeling method as claimed in claim 1, characterized in that: The business requirements of the PC and mobile terminals include separating the business modeling of the PC terminal from that of the mobile terminal, and abstracting the list, button, and initiation process components for the business scenarios of the PC terminal; Grid navigation, bottom navigation, image, text and list components are abstracted for mobile business scenarios, which are suitable for different scenarios respectively.

3. A visual low-code modeling method as claimed in claim 2, characterized in that: The construction of PC and mobile pages and components includes PC business modeling and mobile business modeling; PC business modeling is based on a visual page designer to build page content and configure page rules to build PC-side application services and functions. PC business modeling supports the management of menus and pages on the PC side of the application, quick addition of pages, maintenance of page names and menus, drag-and-drop sorting of pages, and secondary confirmation when deleting pages.

4. A visual low-code modeling method as claimed in claim 3, characterized in that: The mobile business modeling includes designing the page for application running on the mobile terminal by dragging and dropping on the visual canvas based on the development mode of the page designer, focusing on data collection, business handling and efficient work in mobile scenarios, and providing basic components that meet the mobile scenarios; The basic components include lists, forms, text, images, dividing lines, grid navigation and bottom menus, among which lists and forms must be used separately; Mobile business modeling supports page navigation and pages of the mobile terminal of the management application, quickly adding pages and maintaining page names and groups, dragging and dropping pages to sort, and requiring secondary confirmation when deleting pages.

5. A visual low-code modeling method as claimed in claim 4, characterized in that: The customized personalized pages and components include online coding, integration with external systems and visual data processing; The online coding includes providing online coding functions for customizing pages and customizing personalized pages; The integration with external systems includes external output capabilities through form capabilities, process capabilities, and data processing custom interfaces; Quickly connect to external systems. Third-party external systems provide API-based integration of system data and capabilities. API includes API management, API logs, callback logs and address book authorization; API management supports setting corresponding authorization scope and push rules according to applications; API log provides real-time query of API call logs to timely check whether the interface is normal; The callback log provides real-time query of the callback log, and timely query whether the interface is normal; Address book authorization provides address book data scope authorization settings.

6. A visual low-code modeling method as claimed in claim 5, characterized in that: The visual data processing includes report design, which provides a drag-and-drop visual way to design reports, and provides summary tables, line charts, column charts, bar charts, area charts, pie charts, and radar charts; Use a single or multiple forms as data sources, select fields in the data source as dimensions and indicators for the chart, set dimensions and indicators based on the chart type, set the sorting method for dimensions in the chart, set data display conditions by role to filter data, and set linkage between multiple charts.

7. A visual low-code modeling method as claimed in claim 6, characterized in that: The selection of PC or mobile terminal for processing includes selecting PC or mobile terminal for processing according to the business scenario. If the mobile terminal is selected, the business personnel need to report the operation plan for the operation when working externally, register and feedback the on-site problems, confirm the operation time, operation risks and countermeasures, edit the relevant data model fields into forms and approval flows, and design them into visual pages for the mobile terminal, and provide mobile terminal external network access for the processes that need to be processed on the intranet; The PC terminal includes identifying and recording PC terminal business requirements, logging in to the visual designer, selecting a PC terminal page template from the provided templates, selecting and dragging a list component from the component library to the page design area, configuring a data source for the list component, adding add and edit buttons next to the list, and setting interactive actions, selecting a form component from the component library, and designing form fields containing product information, adjusting the page layout, previewing the page in the designer, testing all functions and interactions, and after confirmation, clicking the publish button to generate the PC terminal; The mobile terminal includes identifying and recording mobile terminal business requirements, selecting a mobile terminal page template in a visual designer, selecting a bottom navigation component from a component library, configuring navigation items, designing corresponding pages for each navigation item, using text and image components to fill in content, adjusting component size and position, adding click events to page elements, previewing the page in a mobile terminal simulator, testing layout and functions, and after completing the test, clicking a publish button to generate the mobile terminal.

8. A system using a visual low-code modeling method as described in any one of claims 1 to 7, characterized in that: It includes a data acquisition module (100), a construction module (200) and a custom module (300); The data collection module (100) is used to identify and record the business needs of the PC terminal and the mobile terminal; The construction module (200) is used to construct PC-side and mobile-side pages and components using a visual designer based on business requirements; The customization module (300) is used to customize personalized pages and components based on existing pages and components according to needs.

9. A computer device comprising a memory and a processor, wherein the memory stores a computer program, wherein: When the processor executes the computer program, the steps of a visual low-code modeling method described in any one of claims 1 to 7 are implemented.

10. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, the steps of a visual low-code modeling method described in any one of claims 1 to 7 are implemented.

Images