技术领域Technical Field
本发明涉及软件开发技术领域，尤其涉及一种用于低代码平台的自开发系统、方法及电子设备。The present invention relates to the field of software development technology, and in particular to a self-developed system, method and electronic device for a low-code platform.
背景技术Background Art
在当前的软件开发领域，低代码平台正在逐渐被广泛使用。低代码平台是一种可以快速生成应用程序的开发工具，是通过少量代码或零代码就可以快速生成新应用的开发平台。它允许开发者通过可视化拖拉拽组件的方式来设计应用界面并关联后端数据，而无需手动编写大量的代码。In the current software development field, low-code platforms are gradually being widely used. Low-code platforms are development tools that can quickly generate applications. They are development platforms that can quickly generate new applications with little or no code. They allow developers to design application interfaces and associate backend data by visually dragging and dropping components without having to manually write a lot of code.
然而，在使用低代码平台自开发中，由于低代码平台提供的组件、页面无法满足用户需求，导致低代码平台无法支持自行开发，为后续在线编辑代码、在线调试带来了不便。However, when using low-code platforms for self-development, the components and pages provided by the low-code platforms cannot meet user needs, resulting in the low-code platforms being unable to support self-development, which brings inconvenience to subsequent online code editing and online debugging.
发明内容Summary of the invention
鉴于以上所述现有技术的缺点，本申请公开了一种用于低代码平台的自开发系统、方法及电子设备，用于克服低代码平台自开发中无法自开发的问题。In view of the shortcomings of the prior art mentioned above, the present application discloses a self-developed system, method and electronic device for a low-code platform, which are used to overcome the problem that the low-code platform cannot be self-developed.
本申请的第一方面公开了一种用于低代码平台的自开发系统，包括：前端，基于Monorepo管理架构而创建，对所述前端中的业务代码与公共组件进行抽离，根据所述业务代码在所述前端分别构建平台管理端、应用移动端和应用Web端；依赖包，布局于所述前端，用于存储所述公共组件与自开发模板，且所述自开发模板集成脚手架，响应于来自所述应用移动端或所述应用Web端的开发指令，通过所述脚手架自定义配置模板，所述脚手架根据所述开发指令的业务类型确定是否调用所述公共组件进行开发管理，以完成所述模板的自定义配置，生成用于替换所述自开发系统中占位符所处位置的数据的自开发包；后端，对所述自开发包进行解析，确定代码文件中预替换所述占位符位置的描述文件，将所述占位符所处位置替换成所述描述文件形成自开发应用，并予以发布。The first aspect of the present application discloses a self-developed system for a low-code platform, comprising: a front-end, which is created based on a Monorepo management architecture, and extracts business codes and common components in the front-end, and constructs a platform management end, an application mobile end, and an application Web end in the front-end according to the business code; a dependency package, which is arranged in the front-end and is used to store the common components and self-developed templates, and the self-developed template integrates a scaffolding, and responds to development instructions from the application mobile end or the application Web end, and customizes the configuration template through the scaffolding. The scaffolding determines whether to call the common components for development management according to the business type of the development instruction to complete the custom configuration of the template, and generates a self-developed package for replacing the data at the placeholder position in the self-developed system; a back-end, which parses the self-developed package, determines a description file that pre-replaces the placeholder position in the code file, replaces the placeholder position with the description file to form a self-developed application, and publishes it.
于本申请第一方面的某些实施例中，所述自开发模板包括显示模板的框架页面的可视化界面，所述可视化界面在呈现的图形化界面中布局多个业务控件，多个所述业务控件分别为公共组件控件、公共方法、开发模板、命令行工具、命名控件、新建控件与安装控件，通过拖拉拽方式组合各所述业务控件，以形成自开发模板的业务流程逻辑；所述公共组件控件，用于调用所述依赖包存储的所述公共组件来构建所述模板；所述公共方法，用于配置各所述公共组件调用的业务流程；所述开发模板，用于存储各类样式的模板；所述命令行工具，用于初始化本地环境，对输入的指令进行解析，按照解析结果调用所述新建控件来开发组件，生成压缩文件；所述命名控件，用于接收所述自开发包的命名参数，将所述自开发包对应的代码文件拷贝到本地的模板，并将所述命名参数替换成所述模板中的占位符；所述安装控件，用于接收来自仓库的所述依赖包，根据目录查找安装路径，依据所述安装路径安装所述依赖包；所述新建控件，用于依据接收的命名打开相应目录文件的所述自开发包进行编译打包，生成打包文件并进行压缩处理，等待上传压缩文件。In certain embodiments of the first aspect of the present application, the self-developed template includes a visual interface that displays a framework page of the template, and the visual interface layouts multiple business controls in the presented graphical interface, and the multiple business controls are public component controls, public methods, development templates, command line tools, naming controls, new controls and installation controls, and each of the business controls is combined by dragging and dropping to form the business process logic of the self-developed template; the public component control is used to call the public component stored in the dependent package to build the template; the public method is used to configure the business process called by each of the public components; the development template is used to store templates of various styles; A command line tool is used to initialize the local environment, parse the input instructions, call the newly created control to develop components according to the parsing results, and generate a compressed file; the naming control is used to receive the naming parameters of the self-developed package, copy the code file corresponding to the self-developed package to the local template, and replace the naming parameters with the placeholders in the template; the installation control is used to receive the dependent package from the warehouse, search for the installation path according to the directory, and install the dependent package according to the installation path; the new control is used to compile and package the self-developed package of the corresponding directory file according to the received naming, generate a packaged file and compress it, and wait for the compressed file to be uploaded.
于本申请第一方面的某些实施例中，所述自开发包包括样式文件、自开发包描述文件、静态资源文件与直译式脚本文件，其中，所述自开发包描述文件嵌有本地开发入口、线上访问地址、打包待拷贝的文件地址、自开发组件以及本地开发对应的路由地址，所述静态资源文件存储有所述模板的图片与字体。In certain embodiments of the first aspect of the present application, the self-developed package includes a style file, a self-developed package description file, a static resource file and a directly interpreted script file, wherein the self-developed package description file is embedded with a local development entry, an online access address, a packaged file address to be copied, a self-developed component and a routing address corresponding to the local development, and the static resource file stores images and fonts of the template.
于本申请第一方面的某些实施例中，所述应用移动端和所述应用Web端分别在入口文件嵌有自定义加载机制，所述自定义加载机制在代码文件中预设有占位符，以使所述后端在发布应用时，通过所述占位符将所述应用替换成所述自开发包中的描述文件。In certain embodiments of the first aspect of the present application, the application mobile terminal and the application Web terminal respectively embed a custom loading mechanism in the entry file, and the custom loading mechanism has a placeholder preset in the code file so that when the backend publishes the application, it replaces the application with the description file in the self-developed package through the placeholder.
于本申请第一方面的某些实施例中，所述平台管理端、所述应用移动端和所述应用Web端分别设置有前端控件，所述前端控件包括第一管理端组件、数据资源控件、数据库控件以及路由权限控件；所述后端设置有后端控件，所述后端控件包括流程图组件、打包配置、事件引擎、公式引擎、页面引擎、第二管理端组件、控制器、Widget与Element-ui。In certain embodiments of the first aspect of the present application, the platform management end, the application mobile end and the application Web end are respectively provided with front-end controls, and the front-end controls include a first management end component, a data resource control, a database control and a routing permission control; the back end is provided with back-end controls, and the back-end controls include a flowchart component, a packaging configuration, an event engine, a formula engine, a page engine, a second management end component, a controller, a Widget and an Element-ui.
于本申请第一方面的某些实施例中，所述第一管理端组件根据API类型来管理所述数据库控件，建立API与数据库控件中各组件之间的映射关系，其中，基于所述API类型，从所述数据库控件中配置相关组件；基于预设运行模型，将所述API类型与相关组件进行耦合运行，通过预设编程模型，对耦合结果进行解耦，得到解耦结果，并基于所述解耦结果，建立映射关系。In certain embodiments of the first aspect of the present application, the first management-end component manages the database control according to the API type, and establishes a mapping relationship between the API and the components in the database control, wherein, based on the API type, relevant components are configured from the database control; based on a preset operation model, the API type and the relevant components are coupled and operated, and the coupling results are decoupled through a preset programming model to obtain a decoupling result, and a mapping relationship is established based on the decoupling result.
于本申请第一方面的某些实施例中，所述第二管理端组件接收各所述后端控件相应的拖拉拽信号，组合业务流程配置业务属性，以使所述控制器按照所述业务流程以及业务属性进行响应。In certain embodiments of the first aspect of the present application, the second management-end component receives corresponding drag signals of each of the back-end controls, combines business processes and configures business attributes, so that the controller responds according to the business processes and business attributes.
于本申请第一方面的某些实施例中，所述自开发系统集成在所述低代码平台上，所述低代码平台包括可视化模块、业务构建模块和流程引擎模块，其中，所述可视化模块包括图形化界面、业务控件和流程编辑器，所述图形化界面用于布局所述业务控件和所述流程编辑器；所述流程编辑器通过拖拉拽方式组合所述业务控件，以形成业务流程逻辑；所述业务构建模块，用于动态执行所述可视化模块的属性和配置，编写在所述可视化模块上的代码；所述流程引擎模块，用于驱动所述可视化模块按照业务流程进行响应。In certain embodiments of the first aspect of the present application, the self-developed system is integrated on the low-code platform, and the low-code platform includes a visualization module, a business construction module and a process engine module, wherein the visualization module includes a graphical interface, business controls and a process editor, and the graphical interface is used to layout the business controls and the process editor; the process editor combines the business controls by dragging and dropping to form business process logic; the business construction module is used to dynamically execute the properties and configurations of the visualization module and write code on the visualization module; the process engine module is used to drive the visualization module to respond according to the business process.
本申请的第二方面公开了一种用于低代码平台的自开发系统，包括：基于Monorepo管理架构创建前端，对所述前端中的业务代码与公共组件进行抽离，根据所述业务代码在所述前端分别构建平台管理端、应用移动端和应用Web端；将依赖包布局于所述前端，来存储所述公共组件与自开发模板，且所述自开发模板集成脚手架，响应于来自所述应用移动端或所述应用Web端的开发指令，下载脚手架并通过所述脚手架自定义配置模板，初始化本地环境，根据所述开发指令的业务类型确定是否调用所述公共组件进行开发管理，以完成所述模板的自定义配置，通过命令工具行打包生成用于替换所述自开发系统中占位符所处位置的数据的自开发包；判断所述自开发包的类型，若所述自开发包类型为页面，则创建自开发页面，并在所述自开发页面中输入名称匹配相应自开发资源包确定所述自开发包；若所述自开发包类型为组件，则在页面编辑中拖入自开发组件以及公共组件进行配置完成为所述组件的所述自开发包；利用后端对所述自开发包进行解析，确定代码文件中预替换所述占位符位置的描述文件，将所述占位符所处位置替换成所述描述文件形成自开发应用，并予以发布。The second aspect of the present application discloses a self-developed system for a low-code platform, including: creating a front-end based on the Monorepo management architecture, extracting the business code and public components in the front-end, and building a platform management end, an application mobile end, and an application Web end in the front-end according to the business code; laying out the dependent packages in the front-end to store the public components and the self-developed templates, and the self-developed templates integrate scaffolding, responding to development instructions from the application mobile end or the application Web end, downloading the scaffolding and customizing the configuration template through the scaffolding, initializing the local environment, and determining whether to call the public components for development management according to the business type of the development instructions to complete the development. The self-developed package is generated by packaging the self-developed package through the command tool line to replace the data at the placeholder position in the self-developed system; the type of the self-developed package is determined, and if the self-developed package type is a page, a self-developed page is created, and a name is entered in the self-developed page to match the corresponding self-developed resource package to determine the self-developed package; if the self-developed package type is a component, the self-developed component and the common component are dragged into the page editor to configure and complete the self-developed package of the component; the self-developed package is parsed by using the back end to determine the description file for pre-replacing the placeholder position in the code file, the placeholder position is replaced with the description file to form a self-developed application, and then it is published.
本申请的第三方面公开了一种电子设备，包括：处理器及存储器；所述存储器用于存储计算机程序，所述处理器用于执行所述存储器存储的计算机程序，以使所述电子设备执行上述的方法。The third aspect of the present application discloses an electronic device, comprising: a processor and a memory; the memory is used to store a computer program, and the processor is used to execute the computer program stored in the memory, so that the electronic device executes the above method.
本申请的有益效果：通过在低代码平台集成自开发系统，基于Monorepo管理架构创建前端，在所述前端分别构建平台管理端、应用移动端和应用Web端，响应于来自所述应用移动端或所述应用Web端的开发指令，通过脚手架自定义配置模板，所述脚手架根据所述开发指令的业务类型确定是否调用所述公共组件进行开发管理，以完成所述模板的自定义配置，生成用于替换所述自开发系统中占位符所处位置的数据的自开发包，以使后端通过所述占位符替换自开发包中描述文件内容，促使前端能够直接加载，这样，不仅使得前端支持本地调测，同时，能够按照用户需求实现自开发，还有利于前端实现在线编辑代码、在线调试，也提高了系统开发效率。The beneficial effects of the present application are as follows: by integrating a self-developed system on a low-code platform, creating a front end based on the Monorepo management architecture, constructing a platform management end, an application mobile end and an application Web end respectively on the front end, and responding to development instructions from the application mobile end or the application Web end, a template is customized through a scaffolding, and the scaffolding determines whether to call the common component for development management according to the business type of the development instruction to complete the customized configuration of the template, and generates a self-developed package for replacing the data at the location of the placeholder in the self-developed system, so that the back end replaces the description file content in the self-developed package through the placeholder, enabling the front end to load directly. In this way, not only does the front end support local debugging, but it can also realize self-development according to user needs, and it is also beneficial for the front end to realize online code editing and online debugging, and also improves the system development efficiency.
附图说明BRIEF DESCRIPTION OF THE DRAWINGS
图1是本发明实施例中一种用于实施用于低代码平台的自开发系统的系统构架示意图；FIG1 is a schematic diagram of a system architecture for implementing a self-developed system for a low-code platform in an embodiment of the present invention;
图2是本发明实施例中一种用于低代码平台的自开发系统的结构框图；FIG2 is a structural block diagram of a self-developed system for a low-code platform in an embodiment of the present invention;
图3是本发明实施例中一种用于低代码平台的自开发系统原理框图；FIG3 is a block diagram of a self-developed system for a low-code platform in an embodiment of the present invention;
图4是本发明实施例中一种用于低代码平台的自开发系统中自开发模板界面图；FIG4 is a diagram of a self-developed template interface in a self-developed system for a low-code platform in an embodiment of the present invention;
图5是本发明实施例中一种用于低代码平台的自开发系统中自开发模板构成示意图；5 is a schematic diagram of a self-developed template in a self-developed system for a low-code platform in an embodiment of the present invention;
图6是本发明实施例中一种用于低代码平台的自开发系统中自开发包编辑图；FIG6 is a diagram of editing a self-developed package in a self-developed system for a low-code platform in an embodiment of the present invention;
图7是本发明实施例中一种用于低代码平台的自开发系统中自开发资源设置图；FIG7 is a diagram of a self-developed resource setting in a self-developed system for a low-code platform in an embodiment of the present invention;
图8是本发明实施例中一种用于低代码平台的自开发系统中自开发页面信息设置图；FIG8 is a diagram of setting information of a self-developed page in a self-developed system for a low-code platform in an embodiment of the present invention;
图9是本发明实施例中一种用于低代码平台的自开发系统中自开发组件设置图；FIG9 is a diagram of a self-developed component setting in a self-developed system for a low-code platform in an embodiment of the present invention;
图10是本发明实施例中一种用于低代码平台自开发方法流程图；FIG10 is a flow chart of a method for self-development of a low-code platform in an embodiment of the present invention;
图11是本发明实施例中一种用于低代码平台自开发方法完整流程图；FIG11 is a complete flow chart of a method for self-development of a low-code platform in an embodiment of the present invention;
图12是本发明实施例中一种电子设备的结构示意图。FIG. 12 is a schematic diagram of the structure of an electronic device according to an embodiment of the present invention.
具体实施方式DETAILED DESCRIPTION
以下通过特定的具体实例说明本发明的实施方式，本领域技术人员可由本说明书所揭露的内容轻易地了解本发明的其他优点与功效。本发明还可以通过另外不同的具体实施方式加以实施或应用，本说明书中的各项细节也可以基于不同观点与应用，在没有背离本发明的精神下进行各种修饰或改变。需说明的是，在不冲突的情况下，以下实施例及实施例中的子样本可以相互组合。The following describes the embodiments of the present invention through specific examples, and those skilled in the art can easily understand other advantages and effects of the present invention from the contents disclosed in this specification. The present invention can also be implemented or applied through other different specific embodiments, and the details in this specification can also be modified or changed in various ways based on different viewpoints and applications without departing from the spirit of the present invention. It should be noted that the following embodiments and sub-samples in the embodiments can be combined with each other without conflict.
需要说明的是，以下实施例中所提供的图示仅以示意方式说明本发明的基本构想，遂图式中仅显示与本发明中有关的组件而非按照实际实施时的组件数目、形状及尺寸绘制，其实际实施时各组件的型态、数量及比例可为一种随意的改变，且其组件布局型态也可能更为复杂。It should be noted that the illustrations provided in the following embodiments are only schematic illustrations of the basic concept of the present invention, and thus the drawings only show components related to the present invention rather than being drawn according to the number, shape and size of components in actual implementation. In actual implementation, the type, quantity and proportion of each component may be changed arbitrarily, and the component layout may also be more complicated.
在下文描述中，探讨了大量细节，以提供对本发明实施例的更透彻的解释，然而，对本领域技术人员来说，可以在没有这些具体细节的情况下实施本发明的实施例是显而易见的，在其他实施例中，以方框图的形式而不是以细节的形式来示出公知的结构和设备，以避免使本发明的实施例难以理解。In the following description, numerous details are discussed to provide a more thorough explanation of the embodiments of the present invention. However, it is obvious to those skilled in the art that the embodiments of the present invention can be implemented without these specific details. In other embodiments, well-known structures and devices are shown in the form of block diagrams rather than in detail to avoid making the embodiments of the present invention difficult to understand.
本公开实施例的说明书和权利要求书及上述附图中的术语“第一”“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开实施例的实施例。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含。The terms "first", "second", etc. in the specification and claims of the embodiments of the present disclosure and the above-mentioned drawings are used to distinguish similar objects, and are not necessarily used to describe a specific order or sequence. It should be understood that the terms used in this way can be interchanged where appropriate, so as to describe the embodiments of the embodiments of the present disclosure described herein. In addition, the terms "including" and "having" and any variations thereof are intended to cover non-exclusive inclusions.
除非另有说明，术语“多个”表示两个或两个以上。Unless otherwise stated, the term "plurality" means two or more.
本公开实施例中，字符“/”表示前后对象是一种“或”的关系。例如，A/B表示：A或B。In the embodiment of the present disclosure, the character "/" indicates that the preceding and following objects are in an "or" relationship. For example, A/B indicates: A or B.
术语“和/或”是一种描述对象的关联关系，表示可以存在三种关系。例如，A和/或B，表示：A或B，或，A和B这三种关系。The term "and/or" is a description of the association relationship between objects, indicating that three relationships can exist. For example, A and/or B means: A or B, or, A and B.
结合图1所示，本公开实施例提供了一种用于实施用于低代码平台的自开发系统的系统构架图，包括用户端和服务器端，其中，所述用户端和服务器端之间网络连接且相互通信，在本申请中用户端即为前端，服务器端即为后端，不再赘述。As shown in Figure 1, an embodiment of the present disclosure provides a system architecture diagram for implementing a self-developed system for a low-code platform, including a user side and a server side, wherein the user side and the server side are connected to a network and communicate with each other. In this application, the user side is the front end and the server side is the back end, which will not be repeated.
本申请实施例提供了一种用于低代码平台的自开发系统，可应用于终端中，也可应用于服务器中，还可以是运行于终端或服务器中的软件。在一些实施例中，终端可以是计算机设备、台式机设备、智能手机、平板设备中的至少一种；服务器可以配置成独立的物理服务器，也可以配置成多个物理服务器构成的服务器集群或者分布式系统，还可以配置成提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务以及大数据和人工智能平台等基础云计算服务的云服务器；软件可以是固件程序升级生成的应用程序等，但并不局限于以上形式。The embodiment of the present application provides a self-developed system for a low-code platform, which can be applied to a terminal or a server, or can be software running in a terminal or a server. In some embodiments, the terminal can be at least one of a computer device, a desktop device, a smart phone, and a tablet device; the server can be configured as an independent physical server, or a server cluster or distributed system composed of multiple physical servers, 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 communications, middleware services, domain name services, security services, and big data and artificial intelligence platforms; the software can be an application generated by a firmware program upgrade, etc., but is not limited to the above forms.
例如，请参阅图1，为本申请提供的一种车辆能耗管理系统的实施环境图，本申请中用于低代码平台的自开发系统，示例性地，如图1所示，本申请实施例提供的系统的执行主体主要布置于用户端，用户端响应于用户在低代码平台上的自开发系统。For example, please refer to Figure 1, which is an implementation environment diagram of a vehicle energy consumption management system provided in the present application. The self-developed system used for the low-code platform in the present application, exemplarily, as shown in Figure 1, the execution body of the system provided in the embodiment of the present application is mainly arranged on the user end, and the user end responds to the user's self-developed system on the low-code platform.
结合图2所示，本公开实施例提供了一种用于低代码平台的自开发系统结构框图，包括：As shown in FIG2 , the embodiment of the present disclosure provides a self-developed system structure block diagram for a low-code platform, including:
前端1，基于Monorepo管理架构而创建，对所述前端中的业务代码与公共组件进行抽离，根据所述业务代码在所述前端分别构建平台管理端12、应用移动端13和应用Web端14；The front end 1 is created based on the Monorepo management architecture, and the business code and public components in the front end are extracted. According to the business code, the platform management end 12, the application mobile end 13 and the application Web end 14 are respectively constructed in the front end;
其中，Monorepo架构，也称为单体仓库架构，是一种软件开发中的代码管理策略，其核心特点是将多个相关的项目或组件存储在同一个代码仓库中，便于公共组件的复用和版本控制，具有统一的工作流、代码共享和集中化的版本控制等优势。Among them, the Monorepo architecture, also known as the single repository architecture, is a code management strategy in software development. Its core feature is to store multiple related projects or components in the same code repository, which facilitates the reuse and version control of common components. It has the advantages of unified workflow, code sharing and centralized version control.
需要说明的是，前端即为用户端，即将前端项目可以分为平台管理端12、应用移动端13和应用Web端14。It should be noted that the front end is the user end, that is, the front end project can be divided into a platform management end 12, an application mobile end 13 and an application Web end 14.
依赖包11，布局于所述前端，用于存储所述公共组件与自开发模板110，且所述自开发模板110集成脚手架1101，响应于来自所述应用移动端或所述应用Web端的开发指令，通过所述脚手架自定义配置模板，所述脚手架1101根据所述开发指令的业务类型确定是否调用所述公共组件进行开发管理，以完成所述模板的自定义配置，生成用于替换所述自开发系统中占位符所处位置的数据的自开发包；The dependency package 11 is arranged in the front end and used to store the common components and the self-developed template 110, and the self-developed template 110 integrates the scaffold 1101, responds to the development instruction from the mobile terminal of the application or the web terminal of the application, and customizes the configuration template through the scaffold. The scaffold 1101 determines whether to call the common components for development management according to the business type of the development instruction to complete the custom configuration of the template, and generates a self-developed package for replacing the data at the location of the placeholder in the self-developed system;
具体地，自开发模板集成脚手架，用于快速生成和配置前端代码结构，当检测到从应用移动端或应用Web端发出开发指令时，脚手架根据开发指令的业务类型决定是否调用公共组件进行开发管理，即，有的开发指令不需要调用公共组件直接进行开发管理，有的开发指令需要调用公共组件进行开发管理，才能完成模板自定义配置。Specifically, the self-developed template integrates scaffolding for quickly generating and configuring the front-end code structure. When a development instruction is detected from the mobile application or the Web application, the scaffolding decides whether to call public components for development management based on the business type of the development instruction. That is, some development instructions do not need to call public components for direct development management, while some development instructions need to call public components for development management in order to complete the template custom configuration.
需要说明的是，在自定义配置与生成自开发包时，脚手架根据开发指令和业务类型生成用于替换所述自开发系统中占位符所处位置的数据的自开发包，占位符用于标识需要在后端处理中替换的部分(如API地址、环境变量等)，在此需要说明的是，占位符是提前预设在自开发系统内。It should be noted that when customizing configuration and generating self-developed packages, the scaffolding generates a self-developed package for replacing the data at the location of the placeholder in the self-developed system according to the development instructions and business type. The placeholder is used to identify the part that needs to be replaced in the back-end processing (such as API address, environment variables, etc.). It should be noted here that the placeholder is preset in the self-developed system in advance.
后端2，对所述自开发包进行解析，确定代码文件中预替换所述占位符位置的描述文件，将所述占位符所处位置替换成所述描述文件形成自开发应用，并予以发布。Backend 2 parses the self-developed package, determines the description file that pre-replaces the placeholder position in the code file, replaces the placeholder position with the description file to form a self-developed application, and publishes it.
具体地，后端接收自开发包，并解析其中的代码文件，确定占位符的位置，根据需要替换描述文件中的占位符内容，生成完整的自开发应用，将应用发布到相应的平台或环境，方便前端直接加载。Specifically, the backend receives the self-developed package, parses the code files therein, determines the location of the placeholders, replaces the placeholder contents in the description file as needed, generates a complete self-developed application, and publishes the application to the corresponding platform or environment for direct loading by the frontend.
需要说明的是，首先，本申请通过公共组件提高代码复用率，减少重复开发；其次，通过嵌有自开发模板与脚手架，能够快速生成和配置前端代码结构，提高开发效率；再次，通过占位符实现灵活的配置和部署，然后，通过后端解析处理确保应用的正确性和完整性，最后，根据需求将应用发布到不同的平台或环境。It should be noted that, first, this application improves code reuse rate and reduces duplicate development through common components; second, by embedding self-developed templates and scaffolding, it can quickly generate and configure the front-end code structure to improve development efficiency; third, flexible configuration and deployment are achieved through placeholders, and then, the correctness and completeness of the application are ensured through back-end parsing processing. Finally, the application can be published to different platforms or environments according to needs.
在本实施例中，通过在低代码平台集成自开发系统，基于Monorepo管理架构创建前端，在所述前端分别构建平台管理端、应用移动端和应用Web端，响应于来自所述应用移动端或所述应用Web端的开发指令，通过脚手架自定义配置模板，所述脚手架根据所述开发指令的业务类型确定是否调用所述公共组件进行开发管理，以完成所述模板的自定义配置，生成用于替换所述自开发系统中占位符所处位置的数据的自开发包，而通过自开发包携带可用于替换数据，以使后端通过所述占位符替换自开发包中描述文件内容，促使前端能够直接加载，这样，不仅使得前端支持本地调测，同时，能够按照用户需求实现自开发，还有利于前端实现在线编辑代码、在线调试，提高了系统开发效率。In this embodiment, a self-developed system is integrated into a low-code platform, a front end is created based on a Monorepo management architecture, and a platform management end, an application mobile end, and an application Web end are respectively constructed on the front end. In response to development instructions from the application mobile end or the application Web end, a template is customized through a scaffolding, and the scaffolding determines whether to call the common component for development management according to the business type of the development instruction to complete the customized configuration of the template, and generates a self-developed package for replacing the data at the location of the placeholder in the self-developed system. The self-developed package carries the data that can be used for replacement, so that the back end replaces the description file content in the self-developed package through the placeholder, enabling the front end to load directly. In this way, not only does the front end support local debugging, but it can also realize self-development according to user needs, and it is also beneficial for the front end to realize online code editing and online debugging, thereby improving system development efficiency.
在一些实施例中，请参阅图3，是本发明实施例中一种用于低代码平台的自开发系统原理框图，前端整体架构使用Monorepo架构，抽离业务代码和公共组件，业务代码分为App-admin、App-Web、App-h5，分别为平台管理端，应用Web端，应用移动端，公共组件在Packages(依赖包)目录下，包含了抽离的公共组件以及方法，命令行工具也在其中，该目录下所有包通过Npm(Node Package Manager，是一个NodeJS包管理和分发工具)的方式发送至Npm仓库以便开发者下载。In some embodiments, please refer to Figure 3, which is a principle block diagram of a self-developed system for a low-code platform in an embodiment of the present invention. The overall front-end architecture uses a Monorepo architecture, extracts business codes and public components, and the business codes are divided into App-admin, App-Web, and App-h5, which are the platform management end, the application Web end, and the application mobile end, respectively. The public components are in the Packages (dependent packages) directory, which includes extracted public components and methods, and command line tools are also included. All packages in this directory are sent to the Npm warehouse through Npm (Node Package Manager, a NodeJS package management and distribution tool) for developers to download.
其中，所述平台管理端、所述应用移动端和所述应用Web端分别设置有前端控件，所述前端控件包括第一管理端组件(即图3中前端控件中的管理端组件)、数据资源控件、数据库控件以及路由权限控件；所述后端设置有后端控件，所述后端控件包括流程图组件、打包配置、事件引擎、公式引擎、页面引擎、第二管理端组件(即图3中后端控件中的管理端组件)、控制器、Widget与Element-ui。Among them, the platform management end, the application mobile end and the application Web end are respectively provided with front-end controls, and the front-end controls include a first management end component (i.e., the management end component in the front-end control in Figure 3), a data resource control, a database control, and a routing permission control; the back-end is provided with back-end controls, and the back-end controls include a flowchart component, a packaging configuration, an event engine, a formula engine, a page engine, a second management end component (i.e., the management end component in the back-end control in Figure 3), a controller, a Widget and an Element-ui.
例如，Widget是一个可视化的组件或工具，用于在图形用户界面中显示特定功能或信息，Widget是一个功能丰富、应用广泛的组件，它在不同的编程语言和开发框架中扮演着不同的角色，但核心功能都是为用户提供直观、交互式的界面体验。又例如，Element-ui是一套基于Vue.js 2.0的桌面端组件库，它提供了一套丰富、高质量且易于使用的UI组件，旨在帮助开发者快速构建出美观、易用的Web界面。For example, a widget is a visual component or tool used to display specific functions or information in a graphical user interface. It is a feature-rich and widely used component that plays different roles in different programming languages and development frameworks, but its core function is to provide users with an intuitive and interactive interface experience. Another example is Element-ui, a desktop component library based on Vue.js 2.0. It provides a rich, high-quality, and easy-to-use set of UI components designed to help developers quickly build beautiful, easy-to-use web interfaces.
在某些实施例中，前端控件与后端控件皆为组件，所述第一管理端组件根据API类型来管理所述数据库控件，建立API与数据库控件中各组件之间的映射关系，其中，基于所述API类型，从所述数据库控件中配置相关组件；基于预设运行模型，将所述API类型与相关组件进行耦合运行，通过预设编程模型，对耦合结果进行解耦，得到解耦结果，并基于所述解耦结果，建立映射关系。In some embodiments, both the front-end control and the back-end control are components, and the first management-end component manages the database control according to the API type, and establishes a mapping relationship between the API and the components in the database control, wherein, based on the API type, relevant components are configured from the database control; based on a preset operation model, the API type and relevant components are coupled and operated, and the coupling results are decoupled through a preset programming model to obtain a decoupling result, and a mapping relationship is established based on the decoupling result.
例如，API(应用程序接口)是用于不同软件应用程序之间通信的接口，API类型可以指的是HTTP API、RESTful API、GraphQL API等，每种类型都有其特定的使用场景和优点。数据库控件，指的是用于管理和操作数据库的用户界面组件，如数据表、查询构建器、表单等。For example, API (Application Programming Interface) is an interface used for communication between different software applications. API types can refer to HTTP API, RESTful API, GraphQL API, etc. Each type has its specific usage scenarios and advantages. Database controls refer to user interface components used to manage and operate databases, such as data tables, query builders, forms, etc.
应当理解的是，第一管理端组件根据API类型来确定需要哪些数据库控件来支持该API的功能，例如，如果API用于读取数据，那么，需要数据表或查询构建器组件，基于API类型，从数据库控件中选择并配置相关的组件。相关的组件包括但不限于设置组件的属性、参数、事件处理程序等，以确保它们能够正确地与API进行交互。It should be understood that the first management end component determines which database controls are needed to support the API function according to the API type. For example, if the API is used to read data, then a data table or query builder component is required. Based on the API type, the relevant components are selected and configured from the database controls. The relevant components include but are not limited to setting the properties, parameters, event handlers, etc. of the components to ensure that they can interact with the API correctly.
使用预设的运行模型(例如某种中间件或框架)，将API类型与相关组件进行耦合运行，这样，当API被调用时，相关的数据库控件组件会被激活并执行相应的操作。Use a preset operation model (such as a certain middleware or framework) to couple the API type with related components for operation, so that when the API is called, the related database control component will be activated and perform the corresponding operation.
在耦合运行之后，将产生一些中间结果或状态，这些结果或状态包含了API调用和数据库控件操作之间的关联信息，通过预设的编程模型(例如某种设计模式或算法)，对这些耦合结果进行解耦，以分离出独立的、可管理的部分，基于解耦结果，建立API与数据库控件中各组件之间的映射关系，这种映射关系描述了API如何与特定的数据库控件组件进行交互，以及它们之间的数据流和依赖关系。After the coupling operation, some intermediate results or states will be generated. These results or states contain the association information between the API call and the database control operation. Through a preset programming model (such as a design pattern or algorithm), these coupling results are decoupled to separate independent and manageable parts. Based on the decoupling results, a mapping relationship between the API and the components in the database control is established. This mapping relationship describes how the API interacts with specific database control components, as well as the data flow and dependencies between them.
一旦建立了映射关系，就可以通过该关系来管理和维护API与数据库控件之间的交互，这样，有助于确保API调用的正确性和效率，同时也简化了对数据库控件的管理和维护工作。Once the mapping relationship is established, the interaction between the API and the database controls can be managed and maintained through the relationship. This helps ensure the correctness and efficiency of the API calls, while also simplifying the management and maintenance of the database controls.
通过上述方式，在构建复杂的Web应用程序或企业级应用中非常有用，由于该系统能够提高系统的可维护性、可扩展性和可重用性，同时，它还能够降低开发成本，提高开发效率。The above method is very useful in building complex Web applications or enterprise-level applications, because the system can improve the maintainability, scalability and reusability of the system. At the same time, it can also reduce development costs and improve development efficiency.
在某些实施例中，所述第二管理端组件接收各所述后端控件相应的拖拉拽信号，组合业务流程配置业务属性，以使所述控制器按照所述业务流程以及业务属性进行响应。In some embodiments, the second management-end component receives the corresponding drag and drop signals of each of the back-end controls, combines the business process and configures the business attributes, so that the controller responds according to the business process and the business attributes.
当用户通过前端界面中按钮或控件与后端控件(如拖拽按钮、滑块、开关等)进行交互时，这些控件会产生相应的信号，该信号包括但不限于控件的状态变化、用户意图等信息。When users interact with back-end controls (such as drag buttons, sliders, switches, etc.) through buttons or controls in the front-end interface, these controls will generate corresponding signals, which include but are not limited to information such as control state changes and user intentions.
第二管理端组件负责监听并接收这些来自后端控件的拖拉拽信号，例如，通过事件监听、回调函数等方式传递给第二管理端组件。The second management end component is responsible for monitoring and receiving the drag and drop signals from the back-end control, for example, transmitting them to the second management end component through event monitoring, callback functions, etc.
第二管理端组件接收到信号后，先对信号进行解析，识别出用户或系统想要执行的操作或意图；再根据解析结果，识别出与这些操作或意图相关的业务流程，业务流程也许是一系列预定义的、按照特定顺序执行的任务或活动，它们共同实现了某种业务功能。After receiving the signal, the second management component first parses the signal to identify the operation or intention that the user or system wants to perform; then, based on the analysis results, it identifies the business processes related to these operations or intentions. The business process may be a series of predefined tasks or activities performed in a specific order, which together implement a certain business function.
根据解析出的用户意图和业务流程，第二管理端组件将这些业务流程进行组合，组合方式包括但不限于选择适当的业务流程、确定它们之间的执行顺序、设置条件分支等。其中，组合后的业务流程应该能够完整地实现用户的意图，并且满足业务需求和约束条件。According to the parsed user intention and business process, the second management end component combines these business processes, including but not limited to selecting appropriate business processes, determining the execution order between them, setting conditional branches, etc. The combined business process should be able to fully realize the user's intention and meet business requirements and constraints.
在组合业务流程的过程中，第二管理端组件还需要配置业务属性，业务属性是指与业务流程相关的各种参数、设置、规则等，它们决定了业务流程的具体执行方式和行为。例如，配置业务属性包括但不限于设置输入参数、指定输出格式、定义数据验证规则、配置权限和安全性设置等。In the process of combining business processes, the second management end component also needs to configure business attributes, which refer to various parameters, settings, rules, etc. related to business processes, which determine the specific execution mode and behavior of business processes. For example, configuring business attributes includes but is not limited to setting input parameters, specifying output formats, defining data validation rules, configuring permissions and security settings, etc.
一旦业务流程和业务属性配置完成，第二管理端组件会将这些信息通知给控制器(一个或多个后端服务或中间件)，控制器根据接收到的业务流程和业务属性信息，按照指定的方式和顺序执行相应的操作和任务，以实现用户的意图和业务功能。Once the business process and business attribute configuration is completed, the second management-end component will notify the controller (one or more back-end services or middleware) of this information. The controller will perform corresponding operations and tasks in the specified manner and sequence based on the received business process and business attribute information to achieve the user's intentions and business functions.
在业务流程执行的过程中，第二管理端组件需要监控执行状态、记录日志、处理异常情况等，同时，它还需要将执行结果或状态信息反馈给用户或系统其他部分。During the execution of the business process, the second management end component needs to monitor the execution status, record logs, handle exceptions, etc. At the same time, it also needs to feedback the execution results or status information to the user or other parts of the system.
通过监控和反馈机制，可以确保业务流程的正确执行和及时响应，提高系统的稳定性和可用性。Through the monitoring and feedback mechanism, the correct execution and timely response of business processes can be ensured, and the stability and availability of the system can be improved.
通过上述方式，基于拖拉拽信号和业务流程配置业务属性的方式，使得系统更加灵活和可定制，用户或开发者可以根据实际需求快速构建和配置业务流程，而无需编写大量的代码或进行复杂的配置工作。同时，这种方式还降低了系统的维护成本和风险，提高了系统的可扩展性和可维护性。Through the above method, the system is more flexible and customizable based on dragging and dropping signals and configuring business attributes of business processes. Users or developers can quickly build and configure business processes according to actual needs without writing a lot of code or performing complex configuration work. At the same time, this method also reduces the maintenance cost and risk of the system and improves the scalability and maintainability of the system.
在一些实施例中，请参阅图4，是本发明实施例中一种用于低代码平台的自开发系统中自开发模板界面图，详述如下：In some embodiments, please refer to FIG. 4 , which is a diagram of a self-developed template interface in a self-developed system for a low-code platform in an embodiment of the present invention, and is described in detail as follows:
所述自开发模板包括显示模板的框架页面的可视化界面，所述可视化界面在呈现的图形化界面中布局多个业务控件，多个所述业务控件分别为公共组件控件、公共方法、开发模板、命令行工具、命名控件、新建控件与安装控件，通过拖拉拽方式组合各所述业务控件，以形成自开发模板的业务流程逻辑；The self-developed template includes a visual interface that displays a framework page of the template. The visual interface layouts multiple business controls in the presented graphical interface. The multiple business controls are respectively common component controls, common methods, development templates, command line tools, naming controls, new controls and installation controls. The business controls are combined by dragging and dropping to form the business process logic of the self-developed template.
所述公共组件控件，用于调用所述依赖包存储的所述公共组件来构建所述模板；The common component control is used to call the common component stored in the dependent package to build the template;
所述公共方法，用于配置各所述公共组件调用的业务流程；The public method is used to configure the business process called by each of the public components;
所述开发模板，用于存储各类样式的模板；The development template is used to store templates of various styles;
所述命令行工具，用于初始化本地环境，对输入的指令进行解析，按照解析结果调用所述新建控件来开发组件，生成压缩文件；The command line tool is used to initialize the local environment, parse the input instructions, call the newly created control to develop components according to the parsing results, and generate a compressed file;
所述命名控件，用于接收所述自开发包的命名参数，将所述自开发包对应的代码文件拷贝到本地的模板，并将所述命名参数替换成所述模板中的占位符；The naming control is used to receive the naming parameters of the self-developed package, copy the code file corresponding to the self-developed package to the local template, and replace the naming parameters with the placeholders in the template;
所述安装控件，用于接收来自仓库的所述依赖包，根据目录查找安装路径，依据所述安装路径安装所述依赖包；The installation control is used to receive the dependent package from the warehouse, search for the installation path according to the directory, and install the dependent package according to the installation path;
所述新建控件，用于依据接收的命名打开相应目录文件的所述自开发包进行编译打包，生成打包文件并进行压缩处理，等待上传压缩文件。The newly created control is used to compile and package the self-developed package of the corresponding directory file according to the received name, generate a packaged file and compress it, and wait for the compressed file to be uploaded.
应当理解的是，可视化界面提供了一个用于布局和组合多个业务控件的图形化界面。It should be understood that the visualization interface provides a graphical interface for laying out and combining multiple business controls.
公共组件控件，允许用户调用存储在依赖包中的公共组件，用于构建模板，这些公共组件可以是预先定义好的、可复用的代码片段或模块。The common component control allows users to call common components stored in dependent packages to build templates. These common components can be pre-defined, reusable code snippets or modules.
公共方法，用于配置各个公共组件调用的业务流程，用户可以通过设置参数、选择调用顺序等方式来定义业务流程。Public methods are used to configure the business processes called by various public components. Users can define business processes by setting parameters, selecting the calling order, etc.
开发模板，存储了各类样式的模板，供用户选择使用这些模板作为开发的基础，以快速构建新的自开发模板。Development templates store templates of various styles for users to choose and use as the basis for development, so as to quickly build new self-developed templates.
命令行工具，提供了一个命令行接口，用于初始化本地开发环境、解析用户输入的指令，并根据解析结果调用其他控件(如新建控件)进行后续操作，例如，用户可以通过命令行工具输入指令来生成压缩文件。The command line tool provides a command line interface for initializing the local development environment, parsing the instructions entered by the user, and calling other controls (such as new controls) for subsequent operations based on the parsing results. For example, users can generate compressed files by entering instructions through the command line tool.
命名控件，接收用户为自开发包指定的命名参数，然后将自开发包对应的代码文件拷贝到本地的模板中，并将模板中的占位符替换为命名参数，这样，用户可以根据需要为生成的代码包命名，并快速应用到模板中。The naming control receives the naming parameters specified by the user for the self-developed package, then copies the code file corresponding to the self-developed package to the local template, and replaces the placeholders in the template with the naming parameters. In this way, the user can name the generated code package as needed and quickly apply it to the template.
安装控件，从指定的仓库接收依赖包，根据目录结构查找安装路径，并按照安装路径安装这些依赖包。这确保了开发环境中所需的依赖项能够被正确安装和配置。Install the control, receive the dependency packages from the specified repository, find the installation path according to the directory structure, and install these dependency packages according to the installation path. This ensures that the required dependencies in the development environment can be correctly installed and configured.
新建控件：根据用户输入的命名参数，打开相应目录的自开发包进行编译打包。编译打包完成后，生成打包文件并进行压缩处理，等待用户上传压缩文件。Create a new control: According to the naming parameters entered by the user, open the self-developed package in the corresponding directory for compilation and packaging. After the compilation and packaging is completed, generate a package file and compress it, waiting for the user to upload the compressed file.
用户可以通过鼠标或其他输入设备，在可视化界面中拖拉拽各个业务控件，将它们放置在合适的位置，并通过连接线等方式建立它们之间的逻辑关系，这样，用户可以直观地构建出复杂的业务流程逻辑。Users can use a mouse or other input device to drag and drop various business controls in the visual interface, place them in appropriate locations, and establish logical relationships between them through connecting lines, etc. In this way, users can intuitively build complex business process logic.
用户通过组合和配置业务控件，形成自开发模板的业务流程逻辑，该逻辑定义了从初始化开发环境、安装依赖包、编译打包代码到生成压缩文件等一系列操作的流程和顺序。用户可以根据需要自定义这些操作，以满足特定的开发需求。Users combine and configure business controls to form the business process logic of self-developed templates. This logic defines the process and sequence of a series of operations, including initializing the development environment, installing dependent packages, compiling and packaging codes, and generating compressed files. Users can customize these operations as needed to meet specific development needs.
通过上述方式，用户可以更加便捷地进行自开发模板的创建和管理，提高了开发效率和代码质量；同时，由于采用了可视化界面和拖拉拽操作方式，使得整个过程更加直观和易用。Through the above method, users can create and manage self-developed templates more conveniently, improving development efficiency and code quality; at the same time, due to the use of a visual interface and drag-and-drop operation, the entire process is more intuitive and easy to use.
在本实施例中，自开发模板：在App-Web的基础上改造而来，package.json中引入所有公共组件，模板中{{moduleName}}作为包名的占位，模板主要目录如下：In this embodiment, the self-developed template is modified based on App-Web. All public components are introduced in package.json. {{moduleName}} in the template is used as a placeholder for the package name. The main directory of the template is as follows:
package.json前端通用描述文件package.json front-end general description file
vue.config.js vue-cli通用配置文件vue.config.js vue-cli general configuration file
src提供本地项目所需的外部框架页面src provides external framework pages required by local projects
src/custom自开发代码位置src/custom self-developed code location
init：接受一个name参数，代表当前自开发包名称，使用node脚本将自开发模板拷贝到本地，并将传入的name替换掉{{moduleName}}init: accepts a name parameter, which represents the name of the current self-developed package. It uses the node script to copy the self-developed template to the local computer and replaces the passed name with {{moduleName}}
install:在当前目录下执行Npminstall–registry＝http://geega.com、安装依赖，主要为调整远程仓库install: execute Npminstall –registry=http://geega.com in the current directory to install dependencies, mainly to adjust the remote warehouse
build：打包自开发产物，接收一个name，将src/custom/name下的文件通过vue-cli打包、打包后通过node的zip-local模块压缩为zip等待上传。build: Package self-developed products, receive a name, package the files under src/custom/name through vue-cli, compress them into zip through node's zip-local module and wait for upload.
请参阅图5，是本发明实施例中一种用于低代码平台的自开发系统中自开发模板构成示意图，所述自开发包包括样式文件、自开发包描述文件、静态资源文件与直译式脚本文件，其中，所述自开发包描述文件嵌有本地开发入口、线上访问地址、打包待拷贝的文件地址、自开发组件以及本地开发对应的路由地址，所述静态资源文件存储有所述模板的图片与字体。Please refer to Figure 5, which is a schematic diagram of the composition of a self-developed template in a self-developed system for a low-code platform in an embodiment of the present invention, wherein the self-developed package includes a style file, a self-developed package description file, a static resource file and a directly interpreted script file, wherein the self-developed package description file is embedded with a local development entry, an online access address, a packaged file address to be copied, a self-developed component and a routing address corresponding to the local development, and the static resource file stores images and fonts of the template.
其中，样式文件定义模板的视觉样式和布局，通常包括CSS、SCSS、LESS等样式表文件，用于描述HTML元素的外观和布局。自开发包描述文件提供关于自开发包的元数据和配置信息。The style file defines the visual style and layout of the template, and usually includes style sheet files such as CSS, SCSS, and LESS, which are used to describe the appearance and layout of HTML elements. The self-developed package description file provides metadata and configuration information about the self-developed package.
本地开发入口，指定了本地开发时启动应用的入口点，例如一个特定的HTML文件或脚本。The local development entry specifies the entry point for starting the application during local development, such as a specific HTML file or script.
例如，线上访问地址，提供了部署到线上环境后应用的访问URL。For example, the online access address provides the access URL of the application after it is deployed to the online environment.
例如，打包待拷贝的文件地址，列出了在打包过程中需要被复制和包含的文件或目录的路径。For example, the file address to be copied during packaging lists the paths of files or directories that need to be copied and included during the packaging process.
例如，自开发组件，列出了自开发包中包含的自定义组件或模块的详细信息。For example, Self-Developed Components lists the details of custom components or modules included in the self-developed package.
例如，本地开发对应的路由地址，定义了本地开发环境中应用的路由规则，用于导航到不同的页面或视图。For example, the routing address corresponding to local development defines the routing rules applied in the local development environment and is used to navigate to different pages or views.
静态资源文件用于存储不经常变动或不需要编译的资源文件，其中，图片用于模板中的图像元素，如背景图、图标、按钮图像等。字体用于自定义字体文件，如TTF、WOFF、EOT等格式，用于在模板中使用特定的字体样式。Static resource files are used to store resource files that do not change frequently or do not need to be compiled. Images are used for image elements in templates, such as background images, icons, button images, etc. Fonts are used for custom font files, such as TTF, WOFF, EOT and other formats, to use specific font styles in templates.
直译式脚本文件包含直接可在浏览器中执行的脚本代码。通常是JavaScript文件，用于实现模板的动态交互功能、数据处理、页面逻辑等。A translated script file contains script code that can be directly executed in the browser. Usually it is a JavaScript file, which is used to implement dynamic interactive functions of templates, data processing, page logic, etc.
在本实施例中，当用户基于某个模板进行自定义开发时，创建一个自开发包，该自开发包包括用户自定义的样式、脚本、静态资源以及相关的配置信息，然后，用户通过图形化界面或其他方式将这些自定义内容组合到模板中，形成最终的应用。在开发过程中，用户可以利用本地开发入口快速启动应用进行调试和测试，一旦开发完成，将应用打包成压缩文件并部署到线上环境，供用户访问和使用。In this embodiment, when a user performs custom development based on a template, a self-developed package is created, which includes user-defined styles, scripts, static resources, and related configuration information. Then, the user combines these customized contents into the template through a graphical interface or other means to form the final application. During the development process, the user can use the local development portal to quickly start the application for debugging and testing. Once the development is completed, the application is packaged into a compressed file and deployed to the online environment for user access and use.
在某些实施例中，所述应用移动端和所述应用Web端分别在入口文件嵌有自定义加载机制，所述自定义加载机制在代码文件中预设有占位符，以使所述后端在发布应用时，通过所述占位符将所述应用替换成所述自开发包中的描述文件。In some embodiments, the application mobile terminal and the application web terminal respectively embed a custom loading mechanism in the entry file, and the custom loading mechanism has a placeholder preset in the code file so that when the backend publishes the application, it replaces the application with the description file in the self-developed package through the placeholder.
应当理解的是，自定义加载机制是一个在应用启动或初始化时执行的程序逻辑，它负责加载和配置应用所需的资源、模块和设置。在这种场景中，它特别用于处理自开发包的集成。占位符是在代码文件中预先定义的一个或多个标记，用于在后续处理中被替换为实际的值或内容。It should be understood that a custom loading mechanism is a program logic executed when the application starts or initializes, which is responsible for loading and configuring the resources, modules, and settings required by the application. In this scenario, it is particularly used to handle the integration of self-developed packages. Placeholders are one or more pre-defined tags in the code file, which are used to be replaced with actual values or content in subsequent processing.
由于应用移动端和应用Web端在各自的入口文件中嵌入了自定义加载机制，这些入口文件通常是应用的启动点，负责应用的初始化和主要流程控制。Since the mobile application and the web application have embedded custom loading mechanisms in their respective entry files, these entry files are usually the starting point of the application, responsible for the initialization of the application and the main process control.
例如，应用移动端，在移动应用的入口文件(如AppDelegate.m、MainActivity.java或相应的启动脚本)中，自定义加载机制会检查并加载与自开发包相关的配置和资源，在应用启动时读取预定义的占位符，并根据这些占位符从自开发包中加载相应的描述文件。For example, on the mobile side of the application, in the entry file of the mobile application (such as AppDelegate.m, MainActivity.java or the corresponding startup script), the custom loading mechanism will check and load the configuration and resources related to the self-developed package, read the predefined placeholders when the application starts, and load the corresponding description files from the self-developed package according to these placeholders.
例如，应用Web端，在Web应用的入口文件(如index.html、main.js或相应的启动脚本)中，自定义加载机制会以类似的方式工作，在页面加载时查找并替换占位符，这些占位符指向自开发包中提供的描述文件。For example, on the web side of the application, in the entry file of the web application (such as index.html, main.js or the corresponding startup script), the custom loading mechanism works in a similar way, finding and replacing placeholders when the page is loaded. These placeholders point to the description files provided in the self-developed package.
应用端代码预留位置给后端替换The application code reserves space for backend replacement
在本实施例中，在App-Web和App-h5的入口文件中引入custom-load(自定义加载机制)文件，该文件中留了占位符供后端在发布应用时替换，后端会替换为用户在应用设置中选择的自开发包中的描述文件内容In this embodiment, the custom-load file is introduced in the entry file of App-Web and App-h5. The file contains a placeholder for the backend to replace when publishing the application. The backend will replace it with the description file content in the self-developed package selected by the user in the application settings.
发布前Before release
const customList＝[‘__CUSTOM_CONFIG__’]const customList=[‘__CUSTOM_CONFIG__’]
发布后After release
在实际应用中，前端遍历custimeList依次通过outputName加载js和css，并将该js暴露的组件名称设置为name对应的名称。In actual applications, the front end traverses custimeList and loads js and css through outputName in turn, and sets the component name exposed by the js to the name corresponding to name.
最后，展示相关的自开发组件，例如，用户在配置自开发组件时，输入自开发名称，此处，名称需要与自开发包描述文件中的name一致，因为在入口文件中前端已经通过后端替换的内容注册过该name的组件，直接根据配置的name使用即可<component:is＝”name”/>。Finally, the related self-developed components are displayed. For example, when the user configures the self-developed component, he enters the self-developed name. Here, the name needs to be consistent with the name in the self-developed package description file, because the front end has registered the component of the name through the content replaced by the back end in the entry file. It can be used directly according to the configured name <component:is="name"/>.
在另一些实施例中，所述自开发系统集成在所述低代码平台上，所述低代码平台包括可视化模块、业务构建模块和流程引擎模块，其中，所述可视化模块包括图形化界面、业务控件和流程编辑器，所述图形化界面用于布局所述业务控件和所述流程编辑器；所述流程编辑器通过拖拉拽方式组合所述业务控件，以形成业务流程逻辑；所述业务构建模块，用于动态执行所述可视化模块的属性和配置，编写在所述可视化模块上的代码；所述流程引擎模块，用于驱动所述可视化模块按照业务流程进行响应。In other embodiments, the self-developed system is integrated on the low-code platform, and the low-code platform includes a visualization module, a business construction module and a process engine module, wherein the visualization module includes a graphical interface, business controls and a process editor, and the graphical interface is used to layout the business controls and the process editor; the process editor combines the business controls by dragging and dropping to form business process logic; the business construction module is used to dynamically execute the properties and configurations of the visualization module and write code on the visualization module; the process engine module is used to drive the visualization module to respond according to the business process.
需要说明的是，低代码平台是一种软件开发工具，允许开发者通过图形化界面和预构建的模块来创建应用，而无需传统的手动编程，该平台适合快速原型制作、迭代开发和业务用户参与的应用开发。It should be noted that a low-code platform is a software development tool that allows developers to create applications through a graphical interface and pre-built modules without traditional manual programming. The platform is suitable for rapid prototyping, iterative development, and application development involving business users.
图形化界面，提供一个直观的界面，用于布局和设计应用的外观，开发者通过拖拽和放置各种元素(如按钮、文本框、图片等)来创建应用的用户界面。A graphical interface provides an intuitive interface for laying out and designing the appearance of an application. Developers create the application's user interface by dragging and placing various elements (such as buttons, text boxes, pictures, etc.).
业务控件，这些控件是预构建的、可重用的用户界面元素，它们封装了常见的业务逻辑和交互行为，通过将业务控件添加到图形化界面中，以减少编写重复代码的工作量。Business controls are pre-built, reusable user interface elements that encapsulate common business logic and interactive behaviors. By adding business controls to the graphical interface, the workload of writing repetitive code is reduced.
流程编辑器，流程编辑器允许开发者通过拖拉拽的方式组合业务控件，以形成复杂的业务流程逻辑，这种可视化的方式使得开发者能够直观地理解和编辑业务流程，而无需深入了解底层的编程逻辑。The process editor allows developers to combine business controls by dragging and dropping to form complex business process logic. This visual approach enables developers to intuitively understand and edit business processes without having to deeply understand the underlying programming logic.
业务构建模块负责动态执行可视化模块的属性和配置，并编写在可视化模块上定义的代码。该模块的主要功能包括：解析和加载，解析可视化模块中定义的属性和配置，加载必要的业务控件和流程逻辑。动态执行，根据用户的交互和业务需求，动态执行可视化模块上的代码和业务逻辑。数据绑定，将业务控件与数据源进行绑定，实现数据的实时更新和展示。The business construction module is responsible for dynamically executing the properties and configurations of the visualization module and writing the code defined on the visualization module. The main functions of this module include: parsing and loading, parsing the properties and configurations defined in the visualization module, loading the necessary business controls and process logic. Dynamic execution, dynamically executing the code and business logic on the visualization module according to user interaction and business needs. Data binding, binding the business controls to the data source to achieve real-time update and display of data.
流程引擎模块是低代码平台中用于驱动业务流程的核心组件，它的主要功能包括：流程解析，解析在流程编辑器中定义的业务流程，将其转换为可执行的流程实例。流程执行，根据流程实例的定义，驱动可视化模块按照业务流程进行响应。例如，触发业务控件的交互行为、执行数据验证和转换、调用外部服务等。流程监控，监控流程实例的执行状态，提供流程日志和性能指标，帮助开发者进行故障排查和性能优化。The process engine module is the core component used to drive business processes in the low-code platform. Its main functions include: process parsing, parsing the business process defined in the process editor and converting it into an executable process instance. Process execution, according to the definition of the process instance, drives the visualization module to respond according to the business process. For example, triggering the interactive behavior of business controls, performing data validation and conversion, calling external services, etc. Process monitoring, monitoring the execution status of process instances, providing process logs and performance indicators, and helping developers troubleshoot and optimize performance.
在本实施例中，自开发系统集成在低代码平台上，可以充分利用平台提供的可视化开发环境和预构建的模块，加速应用的开发和部署过程。通过自定义加载机制，自开发系统可以将其特有的功能、业务逻辑和配置信息集成到低代码平台中，与平台的其他模块协同工作，共同构建出功能强大、易于维护的应用。In this embodiment, the self-developed system is integrated on the low-code platform, which can make full use of the visual development environment and pre-built modules provided by the platform to accelerate the development and deployment process of the application. Through the custom loading mechanism, the self-developed system can integrate its unique functions, business logic and configuration information into the low-code platform, and work together with other modules of the platform to build a powerful and easy-to-maintain application.
在集成过程中，自开发系统需要与低代码平台进行数据交换和交互，通过平台提供的API接口、事件机制或消息队列等方式实现，通过合理的接口设计和数据交互机制，可以确保自开发系统与低代码平台之间的无缝集成和高效协作。During the integration process, the self-developed system needs to exchange and interact with the low-code platform through the API interface, event mechanism or message queue provided by the platform. Through reasonable interface design and data interaction mechanism, seamless integration and efficient collaboration between the self-developed system and the low-code platform can be ensured.
请参阅图6，是本发明实施例中一种用于低代码平台的自开发系统中自开发包编辑图，在上传打包后的自开发包时，通过自开发包编辑图可以编辑自开发包的文件类型，例如，该文件类型属于Web端自开发页面，自开发包文件上传所对应的文件，自开发包的说明，通过上述编辑后，生成的应用按照上述方式显示。Please refer to Figure 6, which is a self-developed package editing diagram in a self-developed system for a low-code platform in an embodiment of the present invention. When uploading the packaged self-developed package, the file type of the self-developed package can be edited through the self-developed package editing diagram. For example, the file type belongs to the self-developed page on the Web side, the file corresponding to the self-developed package file upload, and the description of the self-developed package. After the above editing, the generated application is displayed in the above manner.
请参阅图7，是本发明实施例中一种用于低代码平台的自开发系统中自开发资源设置图，应用设置中添加自开发资源，通过添加数据源方式增加相应压缩文件，当然，也可以根据查找需求进行查找添加。Please refer to Figure 7, which is a self-developed resource setting diagram in a self-developed system for a low-code platform in an embodiment of the present invention. Self-developed resources are added in the application settings, and corresponding compressed files are added by adding data sources. Of course, searches and additions can also be performed based on search requirements.
请参阅图8，是本发明实施例中一种用于低代码平台的自开发系统中自开发页面信息设置图，添加自开发页面基础信息时，此处“自开发页面名称”需要与上传name保持一致，即页面名称与自开发页面名称一致。Please refer to Figure 8, which is a self-developed page information setting diagram in a self-developed system for a low-code platform in an embodiment of the present invention. When adding the basic information of the self-developed page, the "self-developed page name" here needs to be consistent with the uploaded name, that is, the page name is consistent with the self-developed page name.
请参阅图9，是本发明实施例中一种用于低代码平台的自开发系统中自开发组件设置图，在自开发组件设置时，通过自开发组件的标题名称、标题说明以及自开发资源的设置，即可添加自开发组件、组件选择对应的自开发资源。Please refer to Figure 9, which is a self-developed component setting diagram in a self-developed system for a low-code platform in an embodiment of the present invention. When setting the self-developed component, you can add the self-developed component and select the corresponding self-developed resource by setting the title name, title description and self-developed resource of the self-developed component.
请参阅图10，是本发明实施例中一种用于低代码平台自开发方法流程图，包括：Please refer to FIG. 10 , which is a flow chart of a method for self-development of a low-code platform in an embodiment of the present invention, including:
步骤S101，基于Monorepo管理架构创建前端，对所述前端中的业务代码与公共组件进行抽离，根据所述业务代码在所述前端分别构建平台管理端、应用移动端和应用Web端；Step S101, creating a front end based on the Monorepo management architecture, extracting the business code and public components in the front end, and building a platform management end, an application mobile end, and an application Web end in the front end according to the business code;
步骤S102，将依赖包布局于所述前端，来存储所述公共组件与自开发模板，且所述自开发模板集成脚手架，响应于来自所述应用移动端或所述应用Web端的开发指令，下载脚手架并通过所述脚手架自定义配置模板，初始化本地环境，根据所述开发指令的业务类型确定是否调用所述公共组件进行开发管理，以完成所述模板的自定义配置，通过命令工具行打包生成用于替换所述自开发系统中占位符所处位置的数据的自开发包；Step S102, layout the dependent packages on the front end to store the common components and the self-developed templates, and the self-developed templates integrate scaffolding, respond to the development instructions from the mobile terminal of the application or the web terminal of the application, download the scaffolding and customize the configuration template through the scaffolding, initialize the local environment, determine whether to call the common components for development management according to the business type of the development instructions to complete the custom configuration of the template, and generate a self-developed package for replacing the data at the location of the placeholder in the self-developed system through command tool line packaging;
步骤S103，判断所述自开发包的类型，若所述自开发包类型为页面，则创建自开发页面，并在所述自开发页面中输入名称匹配相应自开发资源包确定所述自开发包；若所述自开发包类型为组件，则在页面编辑中拖入自开发组件以及公共组件进行配置完成为所述组件的所述自开发包；Step S103, determining the type of the self-developed package. If the self-developed package type is a page, creating a self-developed page, and entering a name in the self-developed page to match the corresponding self-developed resource package to determine the self-developed package; if the self-developed package type is a component, dragging the self-developed component and the common component in the page editor to configure and complete the self-developed package as the component;
步骤S104，利用后端对所述自开发包进行解析，确定代码文件中预替换所述占位符位置的描述文件，将所述占位符所处位置替换成所述描述文件形成自开发应用，并予以发布。Step S104, using the backend to parse the self-developed package, determine the description file that pre-replaces the placeholder position in the code file, replace the placeholder position with the description file to form a self-developed application, and publish it.
需要说明的是，本申请用于低代码平台自开发方法与用于低代码平台的自开发系统一一对应，所对应的技术细节即技术方案与技术效果参照上述用于低代码平台的自开发系统，不再一一赘述。It should be noted that the self-developed method for the low-code platform in this application corresponds one-to-one to the self-developed system for the low-code platform. The corresponding technical details, i.e., the technical solutions and technical effects, refer to the above-mentioned self-developed system for the low-code platform and will not be described one by one.
请参阅图11，为本发明实施例中一种用于低代码平台自开发方法完整流程图，详述如下：Please refer to FIG. 11 , which is a complete flow chart of a method for self-development of a low-code platform in an embodiment of the present invention, which is described in detail as follows:
通过下载自开发模板中的脚手架；例如，从内部或第三方仓库下载针对特定框架(如React、Vue、Angular等)的脚手架模板，确保本地环境满足脚手架的依赖要求(如Node.js、npm/yarn等。By downloading the scaffolding in the self-developed template; for example, downloading the scaffolding template for a specific framework (such as React, Vue, Angular, etc.) from an internal or third-party repository, and ensuring that the local environment meets the scaffolding dependency requirements (such as Node.js, npm/yarn, etc.
通过命名行工具初始化本地环境；例如，解压下载的脚手架模板，进入解压后的目录，运行npminstall或yarn install安装依赖，根据需要配置环境变量或项目设置。Initialize the local environment using command line tools; for example, unzip the downloaded scaffolding template, go to the unzipped directory, run npm install or yarn install to install dependencies, and configure environment variables or project settings as needed.
在本地开发组件或页面；例如，在项目目录结构中定位到组件或页面的开发目录。编写组件或页面的代码，包括HTML、CSS、JavaScript等。Develop the component or page locally; for example, locate the development directory of the component or page in the project directory structure. Write the code of the component or page, including HTML, CSS, JavaScript, etc.
命令行工具打包生成压缩文件即自开发包，例如，ZIP格式文件；又例如，运行打包命令(如npm run build或yarn build)，生成生产环境的代码和资源。将生成的资源压缩为ZIP格式的自开发包。The command line tool packages and generates a compressed file, i.e., a self-developed package, such as a ZIP format file; for another example, running a packaging command (such as npm run build or yarn build) generates code and resources for the production environment. The generated resources are compressed into a self-developed package in ZIP format.
上传自开发包；Upload from the development package;
通过在应用中选择上传的资源文件；By selecting the uploaded resource file in the application;
判断上传的自开发包(资源文件)为页面或组件；若自开发包为页面，创建自开发页面，通过名称输入与自开发包资源相互对应，完成发布；若自开发包为组件，在页面编辑中拖入自开发组件、组件与上述组件相对应，完成发布；Determine whether the uploaded self-developed package (resource file) is a page or a component; if the self-developed package is a page, create a self-developed page, enter the name and correspond it with the self-developed package resource to complete the release; if the self-developed package is a component, drag the self-developed component into the page editor, and the component corresponds to the above component to complete the release;
例如，对于页面：创建新页面或编辑现有页面，输入页面名称，并选择与自开发包资源相对应的设置，完成页面发布，使其在应用中可用。对于组件，在页面编辑器中，选择拖入组件的功能，从已发布的组件列表中选择与自开发包相对应的组件，将组件拖入到页面中的适当位置，并进行配置，完成页面编辑和发布。For example, for a page: create a new page or edit an existing page, enter a page name, and select the settings corresponding to the self-developed package resources to complete the page publishing and make it available in the application. For a component, in the page editor, select the function of dragging in a component, select the component corresponding to the self-developed package from the list of published components, drag the component to the appropriate location in the page, configure it, and complete the page editing and publishing.
待应用发布后，通过下载应用，在应用中查看。After the app is released, you can view it in the app by downloading it.
在本实施例中，采用本公开实施例提供的用于低代码平台自开发方法，基于Monorepo管理架构创建前端，在所述前端分别构建平台管理端、应用移动端和应用Web端，响应于来自所述应用移动端或所述应用Web端的开发指令，通过脚手架自定义配置模板，所述脚手架根据所述开发指令的业务类型确定是否调用所述公共组件进行开发管理，以完成所述模板的自定义配置，生成用于替换所述自开发系统中占位符所处位置的数据的自开发包，以使后端通过所述占位符替换自开发包中描述文件内容，促使前端能够直接加载，这样，不仅使得前端支持本地调测，同时，能够按照用户需求实现自开发，还有利于前端实现在线编辑代码、在线调试，提高了系统开发效率。In this embodiment, the method for self-development of a low-code platform provided by the embodiment of the present disclosure is adopted, and a front end is created based on the Monorepo management architecture. A platform management end, an application mobile end, and an application Web end are respectively constructed on the front end. In response to development instructions from the application mobile end or the application Web end, a template is customized through a scaffolding. The scaffolding determines whether to call the common component for development management according to the business type of the development instruction to complete the customized configuration of the template, and generates a self-developed package for replacing the data at the location of the placeholder in the self-developed system, so that the back end replaces the description file content in the self-developed package through the placeholder, so that the front end can be loaded directly. In this way, not only does the front end support local debugging, but also can realize self-development according to user needs, and it is also beneficial for the front end to realize online code editing and online debugging, thereby improving system development efficiency.
在另一些实施例中，本公开实施例还提供了一种电子设备，包括：处理器及存储器；存储器用于存储计算机程序，处理器用于执行存储器存储的计算机程序，以使电子设备执行上述的方法。In other embodiments, the present disclosure also provides an electronic device, including: a processor and a memory; the memory is used to store a computer program, and the processor is used to execute the computer program stored in the memory, so that the electronic device executes the above method.
图12示出了适于用来实现本申请实施例的电子设备的计算机系统的结构示意图。需要说明的是，图12示出的电子设备的计算机系统1200仅是一个示例，不应对本申请实施例的功能和使用范围带来任何限制。Fig. 12 shows a schematic diagram of a computer system of an electronic device suitable for implementing an embodiment of the present application. It should be noted that the computer system 1200 of the electronic device shown in Fig. 12 is only an example and should not bring any limitation to the functions and scope of use of the embodiment of the present application.
如图12所示，计算机系统1200包括中央处理单元(Central Processing Unit，CPU)1201，其可以根据存储在只读存储器(Read-Only Memory，ROM)1202中的程序或者从储存部分508加载到随机访问存储器(Random Access Memory，RAM)1203中的程序而执行各种适当的动作和处理，例如执行上述实施例中的方法。在随机访问存储器1203中，还存储有系统操作所需的各种程序和数据。中央处理单元1201、只读存储器1202以及随机访问存储器1203通过总线1204彼此相连。输入/输出(Input/Output，I/O)接口1205也连接至总线1204。As shown in FIG. 12 , the computer system 1200 includes a central processing unit (CPU) 1201, which can perform various appropriate actions and processes according to the program stored in the read-only memory (ROM) 1202 or the program loaded from the storage part 508 to the random access memory (RAM) 1203, such as executing the method in the above embodiment. In the random access memory 1203, various programs and data required for system operation are also stored. The central processing unit 1201, the read-only memory 1202 and the random access memory 1203 are connected to each other through a bus 1204. An input/output (I/O) interface 1205 is also connected to the bus 1204.
以下部件连接至输入/输出接口1205：包括键盘、鼠标等的输入部分1206；包括诸如阴极射线管(Cathode Ray Tube，CRT)、液晶显示器(Liquid Crystal Display，LCD)等以及扬声器等的输出部分1207；包括硬盘等的储存部分1208；以及包括诸如LAN(Local AreaNetwork，局域网)卡、调制解调器等的网络接口卡的通信部分1209。通信部分1209经由诸如因特网的网络执行通信处理。驱动器1210也根据需要连接至输入/输出接口1205。可拆卸介质1211，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器1210上，以便于从其上读出的计算机程序根据需要被安装入储存部分1208。The following components are connected to the input/output interface 1205: an input section 1206 including a keyboard, a mouse, etc.; an output section 1207 including a cathode ray tube (CRT), a liquid crystal display (LCD), etc., and a speaker, etc.; a storage section 1208 including a hard disk, etc.; and a communication section 1209 including a network interface card such as a LAN (Local Area Network) card, a modem, etc. The communication section 1209 performs communication processing via a network such as the Internet. A drive 1210 is also connected to the input/output interface 1205 as needed. A removable medium 1211, such as a magnetic disk, an optical disk, a magneto-optical disk, a semiconductor memory, etc., is installed on the drive 1210 as needed so that a computer program read therefrom is installed into the storage section 1208 as needed.
特别地，根据本申请的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本申请的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的计算机程序。在这样的实施例中，该计算机程序可以通过通信部分1209从网络上被下载和安装，和/或从可拆卸介质1211被安装。在该计算机程序被中央处理单元(CPU)1201执行时，执行本申请的系统中限定的各种功能。In particular, according to an embodiment of the present application, the process described above with reference to the flowchart can be implemented as a computer software program. For example, an embodiment of the present application includes a computer program product, which includes a computer program carried on a computer-readable medium, and the computer program includes a computer program for executing the method shown in the flowchart. In such an embodiment, the computer program can be downloaded and installed from a network through a communication section 1209, and/or installed from a removable medium 1211. When the computer program is executed by a central processing unit (CPU) 1201, various functions defined in the system of the present application are executed.
以上描述和附图充分地示出了本公开的实施例，以使本领域的技术人员能够实践它们。其他实施例可以包括结构的、逻辑的、电气的、过程的以及其他的改变。实施例仅代表可能的变化。除非明确要求，否则单独的部件和功能是可选的，并且操作的顺序可以变化。一些实施例的部分和子样本可以被包括在或替换其他实施例的部分和子样本。而且，本申请中使用的用词仅用于描述实施例并且不用于限制权利要求。如在实施例以及权利要求的描述中使用的，除非上下文清楚地表明，否则单数形式的“一个”(a)、“一个”(an)和“所述”(the)旨在同样包括复数形式。类似地，在本申请中所使用的术语“和/或”是指包含一个或一个以上相关联的列出的任何以及所有可能的组合。另外，当用于本申请中时，术语“包括”(comprise)及其变型“包括”(comprises)和/或包括(comprising)等指陈述的子样本、整体、步骤、操作、元素，和/或组件的存在，但不排除一个或一个以上其它子样本、整体、步骤、操作、元素、组件和/或这些的分组的存在或添加。在没有更多限制的情况下，由语句“包括一个…”限定的要素，并不排除在包括要素的过程、方法或者设备中还存在另外的相同要素。本文中，每个实施例重点说明的可以是与其他实施例的不同之处，各个实施例之间相同相似部分可以互相参见。对于实施例公开的方法、产品等而言，如果其与实施例公开的方法部分相对应，那么相关之处可以参见方法部分的描述。The above description and the accompanying drawings fully illustrate the embodiments of the present disclosure so that those skilled in the art can practice them. Other embodiments may include structural, logical, electrical, process and other changes. The embodiments represent possible changes only. Unless explicitly required, separate components and functions are optional, and the order of operation may vary. Parts and subsamples of some embodiments may be included in or replace parts and subsamples of other embodiments. Moreover, the words used in this application are only used to describe the embodiments and are not used to limit the claims. As used in the description of the embodiments and the claims, unless the context clearly indicates, the singular forms of "a", "an" and "the" are intended to include plural forms as well. Similarly, the term "and/or" used in this application refers to any and all possible combinations of listings containing one or more associated ones. In addition, when used in the present application, the term "comprise" and its variants "comprises" and/or comprising refer to the presence of a stated sub-sample, whole, step, operation, element, and/or component, but do not exclude the presence or addition of one or more other sub-samples, wholes, steps, operations, elements, components and/or groups of these. In the absence of further restrictions, the elements defined by the sentence "comprising a ..." do not exclude the presence of other identical elements in the process, method or device comprising the elements. In this article, each embodiment may focus on the differences from other embodiments, and the same and similar parts between the various embodiments may refer to each other. For the methods, products, etc. disclosed in the embodiments, if they correspond to the method part disclosed in the embodiments, then the relevant parts can refer to the description of the method part.
本领域技术人员可以意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行，可以取决于技术方案的特定应用和设计约束条件。技术人员可以对每个特定的应用来使用不同方法以实现所描述的功能，但是这种实现不应认为超出本公开实施例的范围。技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统、装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。Those skilled in the art will appreciate that the units and algorithm steps of each example described in conjunction with the embodiments disclosed herein can be implemented in electronic hardware or a combination of computer software and electronic hardware. Whether these functions are performed in hardware or software may depend on the specific application and design constraints of the technical solution. Technicians can use different methods to implement the described functions for each specific application, but such implementation should not be considered to be beyond the scope of the embodiments of the present disclosure. Technicians can clearly understand that for the convenience and simplicity of description, the specific working process of the above-described system, device and unit can refer to the corresponding process in the aforementioned method embodiment, and will not be repeated here.
本文所披露的实施例中，所揭露的方法、产品(包括但不限于装置、设备等)，可以通过其他的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，单元的划分，可以仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些子样本可以忽略，或不执行。另外，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其他的形式。作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例。另外，在本公开实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。In the embodiments disclosed herein, the disclosed methods and products (including but not limited to devices, equipment, etc.) can be implemented in other ways. For example, the device embodiments described above are only schematic. For example, the division of units can be only a logical function division. There may be other division methods in actual implementation, such as multiple units or components can be combined or integrated into another system, or some sub-samples can be ignored or not executed. In addition, the coupling or direct coupling or communication connection between each other shown or discussed can be through some interfaces, indirect coupling or communication connection of devices or units, which can be electrical, mechanical or other forms. The units described as separate components may or may not be physically separated, and the components displayed as units may or may not be physical units, that is, they may be located in one place, or they may be distributed on multiple network units. Some or all of the units may be selected according to actual needs to implement this embodiment. In addition, each functional unit in the embodiment of the present disclosure may be integrated in a processing unit, or each unit may exist physically alone, or two or more units may be integrated in one unit.
附图中的流程图和框图显示了根据本公开实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这可以依所涉及的功能而定。在附图中的流程图和框图所对应的描述中，不同的方框所对应的操作或步骤也可以以不同于描述中所披露的顺序发生，有时不同的操作或步骤之间不存在特定的顺序。例如，两个连续的操作或步骤实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这可以依所涉及的功能而定。框图和/或流程图中的每个方框，以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。The flowchart and block diagram in the accompanying drawings show the possible architecture, functions and operations of the system, method and computer program product according to the embodiment of the present disclosure. In this regard, each box in the flowchart or block diagram can represent a module, a program segment or a part of the code, and a part of the module, program segment or code contains one or more executable instructions for realizing the specified logical function. In some alternative implementations, the functions marked in the box can also occur in a different order from the order marked in the accompanying drawings. For example, two consecutive boxes can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, which can depend on the functions involved. In the description corresponding to the flowchart and block diagram in the accompanying drawings, the operations or steps corresponding to different boxes can also occur in a different order from the order disclosed in the description, and sometimes there is no specific order between different operations or steps. For example, two consecutive operations or steps can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, which can depend on the functions involved. Each block in the block diagrams and/or flowcharts, and combinations of blocks in the block diagrams and/or flowcharts, may be implemented by a dedicated hardware-based system that performs the specified functions or actions, or may be implemented by a combination of dedicated hardware and computer instructions.
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202410861844.9ACN118885157A (en) | 2024-06-28 | 2024-06-28 | Self-developed system, method and electronic device for low-code platform |
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202410861844.9ACN118885157A (en) | 2024-06-28 | 2024-06-28 | Self-developed system, method and electronic device for low-code platform |
| Publication Number | Publication Date |
|---|---|
| CN118885157Atrue CN118885157A (en) | 2024-11-01 |
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202410861844.9APendingCN118885157A (en) | 2024-06-28 | 2024-06-28 | Self-developed system, method and electronic device for low-code platform |
| Country | Link |
|---|---|
| CN (1) | CN118885157A (en) |
| Publication | Publication Date | Title |
|---|---|---|
| CN110597506B (en) | Front-end application visualization development tool and use method | |
| CA2604449C (en) | A system and method for flexible visual representation of presentation components | |
| CN101777004B (en) | Method and system for realizing BPEL sub-process multiplexing based on template in service-oriented environment | |
| US20060236307A1 (en) | System and method for transformation of wireless application definition to simplified form | |
| CN115113850B (en) | Cross-platform application construction and operation method, server, terminal and system | |
| WO2015078343A1 (en) | Development method for web development system, and web development system | |
| US20060206864A1 (en) | System and method for applying development patterns for component based applications | |
| CN113934832A (en) | Session-based interactive processing method, apparatus, device, medium and program product | |
| KR101326985B1 (en) | Method and apparatus for developing, distributing and executing object-wise dynamic compileless programs | |
| CN108287720B (en) | Software compiling method, device, equipment and storage medium | |
| CN119621034A (en) | A business process construction method combining workflow engine and dynamic form | |
| US7168062B1 (en) | Object-oriented software system allowing live modification of an application | |
| CN112181483B (en) | Plasma control system software development platform and method | |
| CN118519622A (en) | Low-code flow chart dynamic configuration and self-defined interaction system | |
| KR101552914B1 (en) | Web server application framework web application processing method using the framework and computer readable medium processing the method | |
| CN113010168A (en) | User interface generation method based on scene tree | |
| CN112631563A (en) | System development method and device based on framework, computer equipment and storage medium | |
| JP7014960B2 (en) | Information processing equipment, servers, their processing methods and programs | |
| JP2016066355A (en) | Web application generating system, control method of web application generating system, program for web application generating system, web application generating device, control method of web application generating device, and program for web application generating device | |
| CN101303663A (en) | Simulation test method for digital set-top box software development | |
| CN117707530A (en) | Application program page generation method and device, storage medium and electronic equipment | |
| Aponte | Building Single Page Applications in. NET Core 3: Jumpstart Coding Using Blazor and C | |
| CN118885157A (en) | Self-developed system, method and electronic device for low-code platform | |
| Correnson | Ivette: a modern GUI for Frama-C | |
| CN116107555A (en) | GUI model driven low-code platform based on energy industry and use method |
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |