WO2021217660A1 - 实现图形化无代码开发用户界面的方法、计算机设备、存储介质 - Google Patents

实现图形化无代码开发用户界面的方法、计算机设备、存储介质 Download PDF

Info

Publication number
WO2021217660A1
WO2021217660A1 PCT/CN2020/088497 CN2020088497W WO2021217660A1 WO 2021217660 A1 WO2021217660 A1 WO 2021217660A1 CN 2020088497 W CN2020088497 W CN 2020088497W WO 2021217660 A1 WO2021217660 A1 WO 2021217660A1
Authority
WO
WIPO (PCT)
Prior art keywords
page
preset
node
user
event flow
Prior art date
Application number
PCT/CN2020/088497
Other languages
English (en)
French (fr)
Inventor
顾峰巍
冯燕朋
Original Assignee
深圳中砼物联网科技有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 深圳中砼物联网科技有限公司 filed Critical 深圳中砼物联网科技有限公司
Priority to PCT/CN2020/088497 priority Critical patent/WO2021217660A1/zh
Publication of WO2021217660A1 publication Critical patent/WO2021217660A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs

Definitions

  • the present invention relates to the field of computer technology, and in particular to a method, computer equipment, and storage medium for realizing graphical code-free development of user interfaces.
  • the computer program development team for example, one or more design architects, developers, programmers, coders, etc.
  • the development team communicates with the demanders , And then use the graphics software to create a schematic diagram of the computer program (for example, business flowcharts, architecture diagrams, etc.), and pass the graphics to the corresponding developers (for example, coders, programmers).
  • the developer needs to spend a considerable amount of time reviewing these schematic diagrams to identify various aspects of the design architecture (for example, components, component structure, component interaction, and/or component behavior).
  • the developer begins to create the code structure for the computer program (for example, to write the code from scratch).
  • the present invention provides a method, computer equipment, and storage medium for realizing graphical code-free development of user interfaces. Developers only need to create schematic diagrams to generate required software user interfaces without creating codes, making it easier to meet requirements.
  • the present invention provides a method for implementing graphical code-free development user interface, the method includes:
  • an event flow diagram is correspondingly configured according to the preset configuration rules, and the event flow diagram includes interconnected nodes and pages required by each node Element, wherein the event flow component is associated with the node, the node is associated with the event flow programming sentence frame, and the page element is stored in a tree-shaped storage structure;
  • the configuration information includes the information of each node, the page elements configured by each node, and the order relationship of each node;
  • the present invention also provides a computer device, which includes:
  • a memory for storing computer executable programs
  • a processor the processor is used to execute the executable program to implement the above-mentioned graphical codeless user interface development method.
  • the present invention provides a storage medium for storing a computer-executable program, and the computer-executable program is executed by a processor to implement the above-mentioned graphical codeless user interface development method.
  • FIG. 1 is a system architecture diagram of a graphical code-free development user interface provided by the first embodiment of the present invention.
  • Fig. 2 is a schematic flowchart of a method for implementing graphical code-free development of a user interface provided by the first embodiment of the present invention.
  • Fig. 3 is a schematic diagram of a configuration interface provided by the first embodiment of the present invention.
  • Fig. 4 is a schematic diagram of a tree storage structure provided by an embodiment of the present invention.
  • Fig. 5 is a schematic diagram of a sub-flow of a method for implementing graphical code-free development of a user interface provided by the first embodiment of the present invention.
  • Fig. 6 is a schematic diagram of a visual graph of front-end software development provided by the first embodiment of the present invention.
  • Fig. 7 is a schematic diagram of a configuration interface provided by the second embodiment of the present invention.
  • FIG. 8 is a schematic diagram of a sub-flow chart of a method for implementing a graphical code-free development user interface provided by the second embodiment of the present invention.
  • Fig. 9 is a schematic flowchart of a method for implementing graphical code-free development of a user interface provided by the second embodiment of the present invention.
  • FIG. 10 is a schematic partial flowchart of a method for implementing a graphical code-free development user interface provided by the third embodiment of the present invention.
  • FIG. 11 is a schematic diagram of a configuration interface provided by the third embodiment of the present invention.
  • FIG. 12 is a schematic structural diagram of a computer device provided by an embodiment of the present invention.
  • FIG. 1 is a system architecture diagram of the graphical non-code development user interface provided by the first embodiment.
  • the system 1000 for developing a graphical user interface without code includes a client 1001 and a backend server 1002.
  • the background server 1002 communicates with the client 1001 through the network.
  • the background server 1002 displays a corresponding schematic diagram of the corresponding user interface on the client 1001 for the user to configure according to the startup request of the client 1001.
  • the client 1001 is used to generate corresponding operation instructions in response to user operations and transmit them to the background server 1002.
  • the back-end server 1002 executes a program for realizing a graphical non-code development user interface to realize a graphical non-code development user interface, and then generates a user interface desired by the user.
  • a program that implements a graphical non-code development user interface may also be executed in the client 1001 to implement a graphical non-code development user interface.
  • the client 1001 and the server 1002 are computer devices that execute the client and server programs of the graphical codeless software development program, respectively.
  • the computer equipment may be a tablet computer, a desktop computer, or a notebook computer. Computer equipment can be loaded with or Wait for the operating system.
  • FIG. 2 is a schematic flowchart of a method for implementing graphical code-free development of a user interface provided by the first embodiment.
  • the method of realizing graphical user interface development without code includes the following steps.
  • the server 1002 generates the event flow component graphics and page component graphics required to construct the user interface according to the preset processing logic programming statement frame and the page elements required for the processing logic programming statement frame used in the development of the user interface software.
  • the user interface design mainly includes each static page and the processing logic (event flow) of each static page.
  • the combination of the processing logic of each static page and each static page can realize the human-computer interaction effect.
  • Each static page contains displayed page elements, which can be containers, input boxes, buttons, pictures, text boxes, or switches, etc.
  • the event stream is used to process each page element at each node and process the sequence relationship between each node, so as to realize the dynamic change process of the static page in the human-computer interaction.
  • the event flow component graphic 31 and the page component graphic 32 are displayed on the client 1001.
  • specific processing of page elements is converted into corresponding event flow component graphics 31.
  • the logical processing of using a certain programming statement framework to express page elements is converted to using the corresponding event flow component graphics 31 to express.
  • Using a certain programming statement frame to express page elements is converted to using page component graphics 32 to express.
  • the sequence relationship between the nodes is represented by interconnecting nodes.
  • Each node is used to indicate that for a certain event, that is, at the node, specific processing is performed on the input page element (page information) to form a corresponding output page element (page information), and the output page element can be used as a link to the node
  • the input page element of a node is used to indicate that for a certain event, that is, at the node, specific processing is performed on the input page element (page information) to form a corresponding output page element (page information), and the output page element can be used as a link to the node The input page element of a node.
  • the server 1002 responds to the user's operations on the page component graphic 32 and the event flow component graphic 31, and correspondingly configures the event flow diagram 12 according to the preset configuration rules.
  • the event flow diagram 12 includes interconnected nodes 121 and page elements 123 required by each node 121.
  • the event flow component graph 31 is associated with the node 121
  • the node 121 is associated with the event flow programming sentence frame
  • the page element 123 is stored in a tree-shaped storage structure.
  • the event flow diagram 12 is a diagram composed of one or more interconnected nodes.
  • the interconnection node diagram is also shown using a flowchart showing a certain sequence relationship.
  • the page element 123 is stored in a tree-shaped storage structure T.
  • the tree structure can be used to decompose, which can be decomposed infinitely, that is, it can cover the intelligence elements of the required object intelligence in the business scene.
  • the tree diagram T is shown in Figure 4.
  • it when portraying the Chinese government, it can be divided into a tree structure, and then it can be divided into a specific group, such as a family.
  • the flowchart can reflect the change process of an object from one node to the next node.
  • the flowchart includes a graphic 301, a configuration line 302 between graphics, and a graphic or content 303 on a configuration line.
  • each graph 301 is equivalent to a node in the page event flow
  • the configuration line 302 can show the association relationship of the page from one node to the next node
  • the content 303 is the required page element.
  • the graph 301, the configuration line 302 between the graphs, and the page elements in the flowchart can show the change process of the page from one node to the next node.
  • the object of processing is the page.
  • the logical processing of a page is to use a programming language to describe the process of one or more pages from one node to the next node, that is, to describe what is needed to generate the next node after a node is processed according to the required page information Page intelligence. Since the page information required by each node can be represented by page elements, and the page elements adopt a tree structure, the pages required by each node can be completely described.
  • the logic processing of the page is represented by a flowchart, which can reflect the dynamic change process of the page. Therefore, the programming statements of the user interface and the pages required by the programming statements can be expressed by combining the page elements of the tree-shaped storage structure and the change process represented by the flowchart.
  • Step S205 Analyze the event flow schematic diagram according to a preset analysis rule to obtain corresponding configuration information.
  • the configuration information includes the information of each node, the page elements configured by each node, and the order relationship of each node.
  • the preset parsing rules include how to determine the sequence of nodes in the event flow diagram, how to determine the programming sentence frame that needs to be called, and how to determine the page information in the node.
  • the configuration information is used to indicate the programming sentence framework that each node needs to call, the sequence between each node, and the page information of each node.
  • the event flow node also includes background data processing logic.
  • the configuration information includes how to determine the background data processing logic to be called.
  • the preset parsing rules correspond to the preset configuration rules. Nodes with different functions have different preset parsing rules.
  • Step S207 Generate computer executable code according to the configuration information and the preset processing logic programming statement frame.
  • the server side 1002 calls the programming sentence framework corresponding to each node according to the configuration information, loads the corresponding page information elements into the programming sentence framework corresponding to the node according to the configuration information to form programming sentences, and sorts them according to the order in the configuration information to form computer executable code .
  • the executable code is an executable file, such as a .class file.
  • FIG. 6 is a schematic diagram of the sub-process of step S203.
  • the preset configuration rules include graphical rules and nested rules.
  • an event flow diagram is correspondingly configured, which specifically includes:
  • the server 1002 provides an event stream configuration area.
  • the page configuration area is output when the server 1002 receives an instruction from a user to develop a software user interface.
  • the program that implements the graphical non-code development user interface is an independent application, and when the program that implements the graphical non-code development user interface is started, the page configuration area is displayed on the client 1001 in the user interface 1003.
  • the program that implements the graphical code-free development user interface is only one program block in a certain application program, then when the user chooses to start the program of the graphical code-free development user interface, the event The stream configuration area is displayed in the user interface 1003 of the client 1001.
  • step S603 the server 1002 detects the first position of the event stream configuration area corresponding to the event stream component graphic 32 operated by the user.
  • user operations include dragging the event flow component graphic 32, moving the event flow component graphic 32, and so on.
  • FIG. 7 for example, when the user drags a certain event stream component graphic 32 to the A area of the event stream configuration area 61, the server 1002 detects the A area.
  • step S605 the server 1002 generates a visual event flow node corresponding to the first position according to the graphical rule and the first position. As shown in FIG. 7, the server side 1002 generates an event flow node 62 corresponding to the event flow component graph 32 in the A area.
  • step S607 the server 1002 responds to the user's connection operation to the event stream node, and connects the event stream node correspondingly.
  • a configuration line 64 connecting the event flow nodes 62a and 62b is generated to connect the event flow nodes 62a and 62b.
  • the configuration line 64 is a straight line.
  • the configuration line 64 can also be replaced with other illustrations, such as circles, arrows, etc., which are not limited here.
  • the tree-shaped page elements can be pre-built. In some feasible embodiments, the tree-shaped page elements can be constructed by the construction method provided by the present invention. It can be understood that, that is, the method further includes: configuring the storage data structure of the page elements in response to the user's operation on the page graphics.
  • configuring the storage data structure of the page element specifically includes the following steps.
  • step S801 a page configuration area is provided. Please refer to FIG. 7 again.
  • the event stream configuration area 61 and the page configuration area 63 are vertically arranged in the user interface.
  • Step S803 Detect the second position of the page configuration area corresponding to the operated page component graphic.
  • user operations include dragging the page component graphic 31, moving the event flow component graphic 32, and so on. As shown in FIG. 7, for example, when the user drags a certain drag page component graphic 31 to the B area of the page configuration area 63, the server 1002 detects the B area.
  • step S805 a visual page element corresponding to the second position is generated according to the graphical rule and the second position, and the visual page element constitutes a static page.
  • the page elements are displayed in the page configuration area 63, so that the user can view the overall effect of the static page, making human-computer interaction more friendly.
  • Step S807 Configure the data storage structure of each static page according to the corresponding second position and the preset nesting rule.
  • nesting rules are used to indicate the storage structure of each page element, for example, which page elements belong to the same page; whether the page (including one or more page elements) and the page are in a master-slave relationship or a parallel relationship; In the page, the storage relationship between page elements.
  • the data storage structure of each static page is the data storage relationship between pages and the data storage relationship between page elements and page elements of each static page.
  • the preset configuration rule includes dividing the page configuration area 63 into different areas according to the tree-shaped storage structure.
  • the nesting relationship between the page elements can be determined, for example, the parent-child relationship, the side-by-side relationship, etc., thereby forming the page elements and page elements of each static page
  • the data storage relationship between For the data storage relationship between pages and pages, a corresponding mechanism can be provided when each page is created to realize the tree storage relationship of the pages, as shown in the page layout 33 in FIG. 7. Every time a page is created, the user is guided to establish a parent-child relationship or a parallel relationship between the page and the existing page.
  • the tree-shaped data storage structure of page elements can be set in a defined manner.
  • a tree-shaped data storage structure of page elements can be defined through one or more tables.
  • the page element when creating the attribute data storage structure of the page element, may not be displayed graphically, that is, the page element required by the page is not displayed, but displayed by some symbols or icons. .
  • the user interface software implemented by this method can be executed in different terminals in order to realize it.
  • the method also provides a variety of preset programming sentence frameworks. For example, according to the environment in which the terminal is running, for example, if the terminal is running in the IOS environment, it is set as a programming statement framework that can be run in the IOS environment. For another example, if the terminal runs in the Android environment, it is set as a programming statement framework that can be run in the Android environment.
  • the method further includes step S901.
  • the server 1002 receives the operating environment configuration information input by the user.
  • a corresponding configuration interface (not shown in the figure) is provided for the user to input operating environment configuration information.
  • step S207 includes:
  • step S903 the server 1002 selects a corresponding preset programming sentence frame according to the operating environment configuration information input by the user;
  • step S905 the server 1002 generates computer executable code according to the configuration information and the selected preset programming sentence frame.
  • the method further includes the following steps.
  • step S1001 the server 1002 detects whether the user's configuration operation is accurate. For example, in accordance with the preset programming statement framework, required page elements, processing logic, etc. have certain rules. For example, when configuring the event flow diagram, how many lines can be configured on the event flow node, or which page elements receive input, all need to meet the preset configuration rules.
  • step S1003 the server 1002 determines, according to the detection result, whether to configure an event flow diagram in response to the user's operation. In this embodiment, if the detection result is that the user's configuration operation is inaccurate, the configuration is not performed in response to the user operation, otherwise, the corresponding configuration is implemented in response to the user operation. In this embodiment, if the detection result is that the user's configuration operation is inaccurate, the corresponding prompt information is output to the user.
  • the method further includes the step of: receiving a configuration instruction input by the user for each visualization page element, and providing corresponding graphical controls for the user to configure the attributes of the visualization page element, so as to configure the style of the visualization page element .
  • the page element 203 displayed in the page configuration area 61 can be operated by the user to configure attributes.
  • the corresponding configuration control can be displayed on the side of the page configuration area 63 for the user to operate.
  • the configuration control can be, but is not limited to, an input box 630, a slider 631, a switch 632, and so on.
  • FIG. 12 is a schematic diagram of the internal structure of the computer device 800 provided by the embodiment.
  • the computer device 800 includes a memory 801, a processor 802, and a bus 803.
  • the memory 801 includes at least one type of readable storage medium, which includes flash memory, hard disk, multimedia card, card-type memory (for example, SD or DX memory, etc.), magnetic memory, magnetic disk, optical disk, and the like.
  • the memory 801 may be an internal storage unit of the computer device 800 in some embodiments, such as a hard disk of the computer device 800.
  • the memory 801 may also be an external computer device 800 storage device, such as a plug-in hard disk equipped on the computer device 800, a smart memory card (Smart Media Card, SMC), and a Secure Digital (SD) Card, Flash Card, etc.
  • the memory 801 may also include both an internal storage unit of the computer device 800 and an external storage device.
  • the memory 801 can be used not only to store application software and various data installed in the computer device 800, such as codes for implementing the method of graphically codeless user interface development, but also to temporarily store data that has been output or will be output.
  • the bus 803 may be a peripheral component interconnect (PCI) bus or an extended industry standard architecture (EISA) bus, etc.
  • PCI peripheral component interconnect
  • EISA extended industry standard architecture
  • the bus can be divided into address bus, data bus, control bus and so on. For ease of presentation, only one thick line is used in FIG. 12 to represent it, but it does not mean that there is only one bus or one type of bus.
  • the computer device 800 may further include a display component 804.
  • the display component 804 may be an LED display, a liquid crystal display, a touch-sensitive liquid crystal display, an OLED (Organic Light-Emitting Diode, organic light-emitting diode) touch device, and the like.
  • the display component 804 may also be appropriately referred to as a display device or a display unit, which is used to display information processed in the computer device 800 and used to display a visualized user interface.
  • the computer device 800 may also include a communication component 805.
  • the communication component 805 may optionally include a wired communication component and/or a wireless communication component (such as a WI-FI communication component, a Bluetooth communication component, etc.), which is usually used in computer equipment 800 establishes a communication connection with other computer equipment.
  • a wireless communication component such as a WI-FI communication component, a Bluetooth communication component, etc.
  • the processor 802 may be a central processing unit (CPU), controller, microcontroller, microprocessor, or other data processing chip, for running the program code or processing stored in the memory 801 data. Specifically, the processor 802 executes a graphical non-code programming program to implement the foregoing graphical non-code software development method.
  • CPU central processing unit
  • controller microcontroller
  • microprocessor microprocessor
  • other data processing chip for running the program code or processing stored in the memory 801 data.
  • the processor 802 executes a graphical non-code programming program to implement the foregoing graphical non-code software development method.
  • FIG. 12 only shows a computer device 800 with components 801-805 and a method for implementing graphical code-free user interface development. Those skilled in the art will understand that the structure shown in FIG. 12 does not constitute an impact on the computer device 800. Limited, it may include fewer or more components than shown, or a combination of certain components, or a different component arrangement.
  • the invention provides a graphical code-free software development method, computer equipment and storage medium, which utilizes a tree-shaped data storage structure to store information elements and a flow chart combination to realize code-free programming, so that enterprises do not need to build independent information.
  • Professionals write programming languages to complete the required application software, allowing enterprises to quickly and cost-effectively have independent informatization construction capabilities, and improve the efficiency and rationality of the enterprise's resource allocation in the entire market economy.
  • the computer program product includes one or more computer instructions.
  • the computer equipment may be a general-purpose computer, a special-purpose computer, a computer network, or other programmable devices.
  • the computer instruction can be stored in a computer-readable storage medium or transmitted from one computer-readable storage medium to another computer-readable storage medium.
  • the computer instruction can be transmitted from a website, computer, server, or data center through a wired (Such as coaxial cable, optical fiber, digital subscriber line (DSL)) or wireless (such as infrared, wireless, microwave, etc.) to another website site, computer, server or data center.
  • the computer-readable storage medium may be any available medium that can be stored by a computer or a data storage device such as a server or a data center integrated with one or more available media.
  • the usable medium may be a magnetic medium (for example, a floppy disk, a hard disk, and a magnetic tape), an optical medium (for example, a DVD), or a semiconductor medium (for example, a solid state disk (SSD)).
  • the disclosed system, device, and method can be implemented in other ways.
  • the device embodiments described above are only illustrative.
  • the division of the unit is only a logical function division, and there may be other divisions in actual implementation, for example, multiple units or components may be combined or may be Integrate into another system, or some features can be ignored or not implemented.
  • the displayed or discussed mutual coupling or direct coupling or communication connection may be indirect coupling or communication connection through some interfaces, devices or units, and may be in 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 achieve the objectives of the solutions of the embodiments.
  • the functional units in the various embodiments of the present application may be integrated into one processing unit, or each unit may exist alone physically, or two or more units may be integrated into one unit.
  • the above-mentioned integrated unit can be implemented in the form of hardware or software functional unit.
  • the integrated unit is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a computer readable storage medium.
  • the technical solution of the present application essentially or the part that contributes to the existing technology or all or part of the technical solution can be embodied in the form of a software product, and the computer software product is stored in a storage medium , Including several instructions to make a computer device (which can be a personal computer, a server, or a network device, etc.) execute all or part of the steps of the methods in the various embodiments of the present application.
  • the aforementioned storage media include: U disk, mobile hard disk, read-only memory (ROM, Read-Only Memory), random access memory (RAM, Random Access Memory), magnetic disks or optical disks and other media that can store program codes. .
  • sequence numbers of the above-mentioned embodiments of the present invention are only for description, and do not represent the superiority or inferiority of the embodiments.
  • the terms “include”, “include” or any other variants thereof in this article are intended to cover non-exclusive inclusion, so that a process, device, article or method including a series of elements not only includes those elements, but also includes those elements that are not explicitly included.
  • the other elements listed may also include elements inherent to the process, device, article, or method. If there are no more restrictions, the element defined by the sentence "including a" does not exclude the existence of other identical elements in the process, device, article, or method that includes the element.

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

一种实现图形化无代码开发用户界面的方法。该方法包括：根据用户界面软件开发所采用的预设处理逻辑编程语句框架和所述预设处理逻辑编程语句框架所需页面元素生成构建用户界面所需的事件流组件图形和页面组件图形；响应用户对所述页面组件图形和所述事件流组件图形的操作，根据预设配置规则对应配置出事件流示意图；根据预设解析规则对所述事件流示意图进行解析得出对应的配置信息，所述配置信息包括各节点信息、各节点所配置的页面元素、和各节点的顺序关系；以及根据所述配置信息和所述预设处理逻辑编程语句框架生成计算机可执行代码。此外，还提供一种计算机设备、以及存储介质。

Description

实现图形化无代码开发用户界面的方法、计算机设备、存储介质 技术领域
本发明涉及计算机技术领域，尤其涉及一种实现图形化无代码开发用户界面的方法、计算机设备、存储介质。
背景技术
当计算机程序开发团队(例如，一个或多个设计架构师、开发者、程序员、编码员等)开始实施如应用(Application,App)之类的计算机程序开发时，开发团队与需求者进行沟通，然后利用制图软件创建计算机程序的示意图(例如，业务流程图、架构图等示意图)，并将图形传递给对应的开发者(例如，编码员、程序员)。然后，开发者需要花费相当长的时间来审阅这些示意图以识别设计架构中的各方面(例如，组件、组件的结构、组件的交互和/或组件的行为)。在审阅设计架构之后，开发者开始为计算机程序创建代码结构(例如，从头开始编写代码)。
然而，在创建代码结构的同时，开发者不知道和/或不熟悉需求者的业务场景，无法深入全面的理解企业的业务需求，往往无法开发出适用需求者的应用软件。
发明内容
本发明提供一种实现图形化无代码开发用户界面的方法、计算机设备、存储介质，开发者只需要创建出示意图，即可生成所需的软件的用户界面，无需创建代码，更容易达到需求。
第一方面，本发明提供一种实现图形化无代码开发用户界面的方法，该方法包括：
根据用户界面软件开发所采用的预设处理逻辑编程语句框架和所述预设处理逻辑编程语句框架所需页面元素生成构建用户界面所需的事件流组件图形和页面组件图形；
响应用户对所述页面组件图形和预设所述事件流组件图形的操作，根据预设配置规则对应配置出事件流示意图，所述事件流示意图包括互连的节点、和各节点所需的页面元素，其中，所述事件流组件与所述节点相关联，所述节点与所 述事件流编程语句框架相关联，所述页面元素采用树形存储结构进行存储；
根据预设解析规则对所述事件流示意图进行解析得出对应的配置信息，所述配置信息包括各节点信息、各节点所配置的页面元素、和各节点的顺序关系；以及
根据所述配置信息和所述预设处理逻辑编程语句框架生成计算机可执行代码。
第二方面，本发明还提供一种计算机设备，所述计算机设备包括：
存储器，所述存储器用于存储计算机可执行程序；以及
处理器，所述处理器用于执行所述可执行程序以实现上述图形化无代码开发用户界面的方法。
第三方面，本发明提供一种存储介质，所述存储介质用于存储计算机可执行程序，所述计算机可执行程序由处理器执行以实现上述图形化无代码开发用户界面的方法。
上述实现图形化无代码开发用户界面的方法、计算机设备、存储介质，可以供用户配置的事件流示意图，并可以根据事件流示意图生成与用户界面相对应的可执行代码，无需创建代码，更容易达到需求。
附图说明
图1为本发明第一实施例提供的图形化无代码开发用户界面的系统架构图。
图2为本发明第一实施例提供的实现图形化无代码开发用户界面的方法的流程示意图。
图3为本发明第一实施例提供的配置界面的示意图。
图4为本发明实施例提供的树形存储结构示意图。
图5为本发明第一实施例提供的实现图形化无代码开发用户界面的方法子流程示意图。
图6为本发明第实施例提供的前端软件开发的可视化图形示意图。
图7为本发明第二实施例提供的配置界面的示意图。
图8为本发明第二实施例提供的实现图形化无代码开发用户界面的方法子流程图示意图。
图9为本发明第二实施例提供的实现图形化无代码开发用户界面的方法的 流程示意图。
图10为本发明第三实施例提供的实现图形化无代码开发用户界面的方法的部分流程示意图。
图11为本发明第三实施例提供的配置界面的示意图。
图12为本发明实施例提供的一种计算机设备的结构示意图。
本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅用以解释本发明，并不用于限定本发明。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”、“第四”等(如果存在)是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的实施例能够以除了在这里图示或描述的内容以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
需要说明的是，在本发明中涉及“第一”、“第二”等的描述仅用于描述目的，而不能理解为指示或暗示其相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。另外，各个实施例之间的技术方案可以相互结合，但是必须是以本领域普通技术人员能够实现为基础，当技术方案的结合出现相互矛盾或无法实现时应当认为这种技术方案的结合不存在，也不在本发明要求的保护范围之内。
请参看图1，其为第一实施例提供的图形化无代码开发用户界面的系统架构图。图形化无代码开发用户界面的系统1000包括客户端1001和后台服务器端 1002。后台服务器端1002通过网络与客户端1001通讯。在本实施例中，后台服务器端1002根据客户端1001的启动请求显示相应用户界面于客户端1001供用户配置对应的示意图。客户端1001用于响应用户操作产生对应的操作指令并传送给后台服务器端1002。后台服务器端1002响应该操作指令执行实现图形化无代码开发用户界面的程序以实现图形化无代码开发用户界面，进而生成用户所期望的用户界面。在一些可行的实施例中，实现图形化无代码开发用户界面的程序也可以执行于客户端1001中以实现图形化无代码开发用户界面。在本实施例中，客户端1001和服务器端1002分别为执行图形化无代码软件开发程序客户端和服务器端程序的计算机设备。计算机设备可以为平板电脑、台式计算机、笔记型计算机。计算机设备可以装载有
Figure PCTCN2020088497-appb-000001
或
Figure PCTCN2020088497-appb-000002
等操作系统。
请参看图2，其为第一实施例提供的实现图形化无代码开发用户界面的方法流程示意图。实现图形化无代码开发用户界面的方法包括下面步骤。
步骤S201，服务器端1002根据用户界面软件开发所采用的预设处理逻辑编程语句框架和处理逻辑编程语句框架所需页面元素生成构建用户界面所需的事件流组件图形和页面组件图形。可以理解地，用户界面设计主要包括各静态页面和各静态页面的处理逻辑(事件流)。各静态页面和各静态页面的处理逻辑结合可实现人机交互效果。各静态页面中包含所展示的页面元素，页面元素可以为容器、输入框、按钮、图片、文本框、或者开关等。事件流用于在各节点对各页面元素进行处理以及处理各节点之间顺序关系，从而实现静态页面在进行人机交互的动态变化过程。
如图3所示，该事件流组件图形31和页面组件图形32显示于客户端1001。在本实施例中，将对页面元素进行特定的处理转换成对应的事件流组件图形31。将页面元素转换成对应的页面组件图形32。进一步理解，将开发用户界面软件中，采用某一编程语句框架来表达页面元素的逻辑处理转换为采用对应的事件流组件图形31来表达。采用某一编程语句框架来表达页面元素转换为采用页面组件图形32来表达。各节点之间顺序关系通过互连节点来表示。每一个节点用于表示对某一事件，即在该节点，对输入的页面元素(页面情报)进行特定的处理形成对应输出页面元素(页面情报)，且该输出页面元素可以作为与该节点下 一个节点的输入页面元素。
步骤S203，服务器端1002响应用户对页面组件图形32和事件流组件图形31的操作，根据预设的配置规则对应配置出事件流示意图12。该事件流示意图12包括互连的节点121、和各节点121所需的页面元素123。其中，该事件流组件图形31与节点121相关联，节点121与事件流编程语句框架相关联，页面元素123采用树形存储结构进行存储。可以理解地，事件流示意图12即为由一个或者多个互连节点组成的图。在本实施例中，互连节点图也采用表示一定顺序关系的流程图来展示。在本实施例中，该页面元素123采用树形存储结构T进行存储。
针对一个对象而言，用树形结构进行分解，可以无限极地进行分解，即可以涵盖业务场景中所需对象情报的情报要素。如图4所示树形图T。例如，在刻画中国政府时，可以按照树形结构划分，则可以划分至具体的某一个小组，如一个家庭。
流程图可以反应一个对象从一个节点到下一个节点的变化过程，如图5所示，流程图包含图形301、图形之间的配置线302、以及图形或者配置线上的内容303。其中，每个图形301相当于页面事件流中的一个节点，而配置线302可以展现出页面从一个节点到下一个节点关联关系，内容303为所需的页面元素。也可以说，流程图中的图形301、图形之间的配置线302、页面元素可以展现出页面从一个节点到下一个节点的变化过程。
在应用软件开发用户界面的场景中，处理的对象是页面。对页面的逻辑处理就是用程序设计语言来描述一个或者多个页面从一个节点到下一个节点的处理变化过程，即描述在一个节点根据所需的页面情报进行处理后产生下一个节点所需的页面情报。由于每个节点所需的页面情报可以通过页面元素来表示，且页面元素又采用树形结构，因此，可以将每一个节点所需的页面都进行完整刻画。而对页面逻辑处理通过流程图表示，可以反映出页面的动态变化过程。因此，用户界面的编程语句和编程语句所需页面可以通过树形存储结构的页面元素和用流程图表示的变化过程进行组合来表达出。
步骤S205，根据预设解析规则对该事件流示意图进行解析得出对应的配置信息，该配置信息包括各节点信息、各节点所配置的页面元素、和各节点的顺序 关系。具体地，预设解析规则包括如何确定事件流示意图中节点之间的顺序、如何确定需要调用的编程语句框架、如何确定节点中的页面情报。该配置信息用于表示各节点需要调用的编程语句框架、各节点之间的顺序、和各节点的页面情报。其中，事件流节点还包括后台数据处理逻辑。配置信息包括如何确定调用的后台数据处理逻辑。可以理解地，预设解析规则和预设配置规则相对应。不同的功能的节点其预设解析规则也不同。
步骤S207，根据所述配置信息和预设处理逻辑编程语句框架生成计算机可执行代码。服务器端1002根据配置信息调用各节点对应的编程语句框架，根据配置信息将对应的页面情报要素加载于节点对应的编程语句框架中组成编程语句，根据配置信息中的顺序进行排序形成计算机可执行代码。在本实施例中，可执行代码为可执行文件，如.class文件。
请结合参看图6和图7，图6为步骤S203的子流程示意图。预设配置规则包括图形化规则和嵌套规则。响应用户对该页面组件图形和事件流组件图形的操作对应配置出事件流示意图，具体包括：
步骤S601，服务器端1002提供事件流配置区。该页面配置区为服务器端1002接收到用户开发软件用户界面的指令时输出。在一些可行的实施例中，该实现图形化无代码开发用户界面的程序为一个独立的应用程序，则该实现图形化无代码开发用户界面的程序启动时，则该页面配置区显示于客户端1001的用户界面1003中。在一些可行的实施例中，该实现图形化无代码开发用户界面的程序仅为某一应用程序中一个程序块，则当用户选择启动该图形化无代码开发用户界面的程序时，则该事件流配置区即显示于客户端1001的用户界面1003中。
步骤S603，服务器端1002检测用户操作的事件流组件图形32对应事件流配置区的第一位置。其中，用户操作包括拖拽事件流组件图形32、移动事件流组件图形32等。如图7所示，例如，当用户拖拽某一事件流组件图形32于事件流配置区61的A区域，则服务器端1002检测到A区域。
步骤S605，服务器端1002根据该图形化规则和该第一位置再相对应生成可视化的事件流节点于第一位置。如图7所示，服务器端1002在A区域生成与该事件流组件图形32相对应的事件流节点62。
步骤S607，服务器端1002响应用户对事件流节点的连接操作，将事件流节点对应地进行连接。如图7所示，当用户对事件流节点62a和62b进行连接操作时，则生成连接事件流节点62a和62b的配置线64将事件流节点62a和62b进行连接。在一些可行的实施例中，配置线64为直线。在一些可行的实施例中，配置线64也可以利用其他的图示，如圆形，箭头等替换，在此不做限定。
在一些可行的实施例中，树形的页面元素可以预先构建。在一些可行的实施例中，树形的页面元素可以通过本发明提供的构建方式来构建。可以理解，即，该方法还包括：响应用户对页面图形操作，配置页面元素的存储数据结构。
请参看图8，具体地，响应用户对页面图形操作，配置页面元素的存储数据结构具体包括下面步骤。
步骤S801，提供页面配置区。请再次参看图7，在本实施例中，事件流配置区61和页面配置区63纵向排列于用户界面中。
步骤S803，检测操作的页面组件图形对应页面配置区的第二位置。其中，用户操作包括拖拽页面组件图形31、移动事件流组件图形32等。如图7所示，例如，当用户拖拽某一拖拽页面组件图形31于页面配置区63的B区域，则服务器端1002检测到B区域。
步骤S805，根据图形化规则和第二位置生成可视化页面元素于相对应的第二位置，可视化页面元素构成静态页面。在本实施例中，将页面元素展示于页面配置区63，从而可以供用户查看静态页面的整体效果，使得人机交互更加友好。
步骤S807，根据对应的第二位置和预设的嵌套规则配置出各静态页面的数据存储结构。具体地，嵌套规则用于表示各页面元素的存储结构，例如，哪些页面元素是属于同一页面；页面(含一个或者多个页面元素)和页面之间是主从关系还是并列关系；在一个页面中，页面元素之间的存储关系。各静态页面的数据存储结构为页面与页面之间的数据存储关系以及各静态页面的页面元素与页面元素之间的数据存储关系。在本实施例中，预设的配置规则中包含将页面配置区63根据树形存储结构划分成不同的区域。当用户拖拽不同的页面组件图形31于相应的区域时，即可确定各页面元素之间的嵌套关系，例如，父子关系，并列关系等，从而形成出各静态页面的页面元素和页面元素之间的数据存储关系。对于页面和页面之间的数据存储关系，可以在创建每一页面时提供相应的机制，以实 现页面的树形存储关系，如图7所示的页面布局33。每创建一个页面时，引导用户建立页面和已存在的页面之间为父子关系还是并列关系。
在一些可行的实施例中，页面元素的树形的数据存储结构可以通过定义的方式进行设置。例如，通过一个或者多个表格的方式定义出页面元素的树形的数据存储结构。
在一些可行的实施例中，在创建页面元素的属性数据存储结构时，也可以不对页面元素进行图形化显示，即，不显示页面所需的页面元素，而是通过一些符号或者图标显示即可。
请参看图9，在一些可行的实施例中，为了实现在不同的终端中皆可以执行由该方法实现的用户界面软件。该方法还提供多种预设的编程语句框架。例如，根据终端所运行的环境，例如，终端在IOS环境下运行，则设置为IOS环境下可运行的编程语句框架。又例如，终端在Android环境下运行，则设置为Android环境下可以运行的编程语句框架。具体地，该方法还包括步骤S901，服务器端1002接收用户输入的运行环境配置信息。在本实施例中，提供对应的配置界面(图未示)，以供用户输入运行环境配置信息。
其中，步骤S207包括：
步骤S903，服务器端1002根据用户输入的运行环境配置信息选择相对应的预设编程语句框架；
步骤S905，服务器端1002根据配置信息和所选择的预设编程语句框架生成计算机可执行代码。
请参看图10，在一些可行的实施例中，为了对用户进行配置指导，以方便用户快捷地配置出所需的用户界面，该方法还包括下面步骤。
步骤S1001，服务器端1002检测用户的配置操作是否准确。例如，按照预设的编程语句框架下，所需的页面元素，处理逻辑等都具有一定的规则。例如，在配置事件流示意图时，事件流节点可以配置多少条线，或者接收输入的页面元素为哪些，都需要满足预设的配置规则。
步骤S1003，服务器端1002根据检测结果确定是否响应用户的操作配置出事件流示意图。在本实施例中，如果检测结果为用户的配置操作不准确，则未响应用户操作进行配置，反之，响应用户操作实现对应的配置。在本实施例中，如 果检测结果为用户的配置操作不准确还输出对应的提示信息给用户。
在一些可行的实施例中，该方法还包括步骤：接收用户输入对各可视化页面元素的配置指令，提供相对应的图形化控件以供用户配置可视化页面元素的属性，以配置可视化页面元素的样式。如图11所示，在页面配置区61中显示的页面元素203可以供用户操作进行配置属性。例如，用户点击所需配置的页面元素样式，则可以在页面配置区63一侧显示对应的配置控件供用户操作。配置控件可以为但不限于输入框630、滑块631、开关632等。
请参看图12，其为实施例提供的计算机设备800的内部结构示意图。计算机设备800包括存储器801、处理器802和总线803。
其中，存储器801至少包括一种类型的可读存储介质，该可读存储介质包括闪存、硬盘、多媒体卡、卡型存储器(例如，SD或DX存储器等)、磁性存储器、磁盘、光盘等。存储器801在一些实施例中可以是计算机设备800的内部存储单元，例如计算机设备800的硬盘。存储器801在另一些实施例中也可以是的外部计算机设备800存储设备，例如计算机设备800上配备的插接式硬盘，智能存储卡(Smart Media Card,SMC)，安全数字(Secure Digital,SD)卡，闪存卡(Flash Card)等。进一步地，存储器801还可以既包括计算机设备800的内部存储单元也包括外部存储设备。存储器801不仅可以用于存储安装于计算机设备800的应用软件及各类数据，例如实现图形化无代码开发用户界面的方法的代码等，还可以用于暂时地存储已经输出或者将要输出的数据。
总线803可以是外设部件互连标准(peripheral component interconnect，简称PCI)总线或扩展工业标准结构(extended industry standard architecture，简称EISA)总线等。该总线可以分为地址总线、数据总线、控制总线等。为便于表示，图12中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。
进一步地，计算机设备800还可以包括显示组件804。显示组件804可以是LED显示器、液晶显示器、触控式液晶显示器以及OLED(Organic Light-Emitting Diode，有机发光二极管)触摸器等。其中，显示组件804也可以适当的称为显示装置或显示单元，用于显示在计算机设备800中处理的信息以及用于显示可视化的用户界面。
进一步地，计算机设备800还可以包括通信组件805，通信组件805可选的 可以包括有线通信组件和/或无线通信组件(如WI-FI通信组件、蓝牙通信组件等)，通常用于在计算机设备800与其他计算机设备之间建立通信连接。
处理器802在一些实施例中可以是一中央处理器(Central Processing Unit,CPU)、控制器、微控制器、微处理器或其他数据处理芯片，用于运行存储器801中存储的程序代码或处理数据。具体地，处理器802执行图形化无代码编程程序以实现上述实现图形化无代码软件开发方法。
图12仅示出了具有组件801-805以及实现图形化无代码开发用户界面的方法的计算机设备800，本领域技术人员可以理解的是，图12示出的结构并不构成对计算机设备800的限定，可以包括比图示更少或者更多的部件，或者组合某些部件，或者不同的部件布置。
本发明提供的一种图形化无代码软件开发方法、计算机设备及存储介质，利用树形数据存储结构进行存储的情报要素和流程图组合来实现无代码编程，从而让企业在自主信息建设时无需通过专业人员编写程序设计语言完成所需应用软件，让企业快速低成本的拥有自主信息化建设能力，提升企业在整个市场经济活动中的资源配置效率与合理性。
在上述实施例中，可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时，可以全部或部分地以计算机程序产品的形式实现。
该计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行该计算机程序指令时，全部或部分地产生按照本发明实施例的流程或功能。该计算机设备可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。该计算机指令可以存储在计算机可读存储介质中，或者从一个计算机可读存储介质向另一计算机可读存储介质传输，例如，该计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(DSL))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。该计算机可读存储介质可以是计算机能够存储的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。该可用介质可以是磁性介质，(例如，软盘、硬盘、磁带)、光介质(例如，DVD)、或者半导体介质(例如固态硬盘Solid State Disk(SSD))等。
所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的 系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
在本申请所提供的几个实施例中，应该理解到，所揭露的系统，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，该单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。
该集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施例方法的全部或部分步骤。而前述的存储介质包括：U盘、流动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
需要说明的是，上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。并且本文中的术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、装置、物品或者方法不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、装置、物品或者方 法所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、装置、物品或者方法中还存在另外的相同要素。
以上仅为本发明的优选实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。

Claims (10)

  1. 一种实现图形化无代码开发用户界面的方法，其特征在于，所述方法包括：
    根据用户界面软件开发所采用的预设处理逻辑编程语句框架和所述预设处理逻辑编程语句框架所需页面元素生成构建用户界面所需的事件流组件图形和页面组件图形；
    响应用户对所述页面组件图形和所述事件流组件图形的操作，根据预设配置规则对应配置出事件流示意图，所述事件流示意图包括互连的节点、和各节点所需的页面元素，其中，所述事件流组件图形与所述节点相关联，所述节点与事件流编程语句框架相关联，所述页面元素采用树形存储结构进行存储；
    根据预设解析规则对所述事件流示意图进行解析得出对应的配置信息，所述配置信息包括各节点信息、各节点所配置的页面元素、和各节点的顺序关系；以及
    根据所述配置信息和所述预设处理逻辑编程语句框架生成计算机可执行代码。
  2. 如权利要求1所述的方法，其特征在于，所述可执行代码为可执行文件。
  3. 如权利要求2所述的方法，其特征在于，所述预设处理逻辑编程语句框架包括多种预设的编程语句框架；所述方法还包括：接收用户输入的运行环境配置信息，其中，根据所述各节点信息、各节点配置信息所需的页面元素、以及预设的用户界面处理逻辑编程语句生成计算机可执行代码具体包括：
    根据用户输入的运行环境配置信息选择相对应的预设编程语句框架；
    根据所述配置信息和所选择的预设编程语句框架生成所述计算机可执行代码。
  4. 如权利要求1所述的方法，其特征在于，所述预设配置规则包括图形化规则，所述方法还包括：
    提供事件流配置区；
    检测所述操作的所述事件流组件图形对应所述事件流配置区的第一位置；
    根据所述图形化规则和所述第一位置再相对应生成可视化的事件流节点于所述第一位置；以及
    响应用户对所述事件流节点的连接操作，对应地将所述事件流节点进行连接。
  5. 如权利要求1所述的方法，其特征在于，所述预设配置规则包括图形化规则和嵌套规则，所述方法还包括：
    提供页面配置区；
    检测所述操作的页面组件图形对应所述页面配置区的第二位置；
    根据图形化规则和所述第二位置生成可视化页面元素于所述相对应的第二位置，所述可视化页面元素构成静态页面；
    根据所述对应的第二位置和预设的嵌套规则配置出所述各静态页面的数据存储结构。
  6. 如权利要求5所述的方法，其特征在于，所述方法还包括：
    接收用户输入对各所述可视化页面元素的配置指令，提供相对应的图形化控件以供用户配置所述可视化页面元素的属性，以配置所述可视化页面元素的样式。
  7. 如权利要求1所述的方法，其特征在于，所述事件流组件图形包括调用后台处理逻辑的逻辑体组件图形，所述逻辑组件图形与所述后台数据处理逻辑相对应。
  8. 如权利要求1所述的方法，其特征在于，在响应用户对所述页面组件图形和所述事件流组件图形的操作对应配置出事件流示意图之前，所述方法还包括：
    检测用户对所述页面组件图形和所述事件流组件图形的操作是否准确；
    根据所述检测结果确定是否响应用户的操作配置出所述事件流示意图。
  9. 一种计算机设备，其特征在于，所述计算机设备包括：
    存储器，所述存储器用于存储计算机可执行程序；以及
    处理器，所述处理器用于执行所述可执行程序以实现如权利要求1～8所述的实现图形化无代码开发用户界面的方法。
  10. 一种存储介质，其特征在于，所述存储介质用于存储计算机可执行程序，所述计算机可执行程序由处理器执行以实现如权利要求1～8所述的实现图形化无代码开发用户界面的方法。
PCT/CN2020/088497 2020-04-30 2020-04-30 实现图形化无代码开发用户界面的方法、计算机设备、存储介质 WO2021217660A1 (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
PCT/CN2020/088497 WO2021217660A1 (zh) 2020-04-30 2020-04-30 实现图形化无代码开发用户界面的方法、计算机设备、存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
PCT/CN2020/088497 WO2021217660A1 (zh) 2020-04-30 2020-04-30 实现图形化无代码开发用户界面的方法、计算机设备、存储介质

Publications (1)

Publication Number Publication Date
WO2021217660A1 true WO2021217660A1 (zh) 2021-11-04

Family

ID=78373268

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2020/088497 WO2021217660A1 (zh) 2020-04-30 2020-04-30 实现图形化无代码开发用户界面的方法、计算机设备、存储介质

Country Status (1)

Country Link
WO (1) WO2021217660A1 (zh)

Cited By (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114398032A (zh) * 2021-12-20 2022-04-26 北京时空墨科技有限公司 程序编写方法、设备和介质
CN114564252A (zh) * 2022-03-03 2022-05-31 深圳壹账通智能科技有限公司 一种低代码平台的事件配置方法、系统、设备及介质
CN114691135A (zh) * 2022-03-25 2022-07-01 北京金堤科技有限公司 一种页面构建方法、装置、存储介质和电子设备
CN114840178A (zh) * 2022-07-01 2022-08-02 浙江西图盟数字科技有限公司 基于数字化仿真平台的工艺文件生成方法、装置及设备
CN115202541A (zh) * 2022-07-18 2022-10-18 阿里巴巴（中国）有限公司 页面生成方法、装置、设备、存储介质及程序产品
CN116088816A (zh) * 2021-11-05 2023-05-09 大连联达科技有限公司 一种低代码开发全景业务视图的方法
CN116383097A (zh) * 2023-03-27 2023-07-04 深圳市芯存科技有限公司 Spi Nand flash坏块管理方法和系统
CN116737278A (zh) * 2023-08-15 2023-09-12 烽台科技（北京）有限公司 系统运行包的生成方法、装置、计算机设备及存储介质
CN117215559A (zh) * 2023-11-08 2023-12-12 深圳市升立德科技有限公司 一种可视化编程的执行方法、装置、设备以及介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101887370A (zh) * 2010-07-23 2010-11-17 北京数码大方科技有限公司 创建系统用户界面的方法及装置
CN103246515A (zh) * 2013-05-13 2013-08-14 珠海飞企软件有限公司 一种可视化mvc功能建模控制方法
CN103605806A (zh) * 2013-12-09 2014-02-26 北京神舟航天软件技术有限公司 可配置的结构化数据组织方式的实现方法
CN105229617A (zh) * 2013-05-21 2016-01-06 肯赛里克斯公司 用于导航应用代码的图表

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101887370A (zh) * 2010-07-23 2010-11-17 北京数码大方科技有限公司 创建系统用户界面的方法及装置
CN103246515A (zh) * 2013-05-13 2013-08-14 珠海飞企软件有限公司 一种可视化mvc功能建模控制方法
CN105229617A (zh) * 2013-05-21 2016-01-06 肯赛里克斯公司 用于导航应用代码的图表
CN103605806A (zh) * 2013-12-09 2014-02-26 北京神舟航天软件技术有限公司 可配置的结构化数据组织方式的实现方法

Cited By (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116088816A (zh) * 2021-11-05 2023-05-09 大连联达科技有限公司 一种低代码开发全景业务视图的方法
CN116088816B (zh) * 2021-11-05 2024-03-26 大连联达科技有限公司 一种低代码开发全景业务视图的方法
CN114398032A (zh) * 2021-12-20 2022-04-26 北京时空墨科技有限公司 程序编写方法、设备和介质
CN114398032B (zh) * 2021-12-20 2022-08-09 北京时空墨科技有限公司 程序编写方法、设备和介质
CN114564252A (zh) * 2022-03-03 2022-05-31 深圳壹账通智能科技有限公司 一种低代码平台的事件配置方法、系统、设备及介质
CN114691135A (zh) * 2022-03-25 2022-07-01 北京金堤科技有限公司 一种页面构建方法、装置、存储介质和电子设备
CN114840178A (zh) * 2022-07-01 2022-08-02 浙江西图盟数字科技有限公司 基于数字化仿真平台的工艺文件生成方法、装置及设备
CN115202541A (zh) * 2022-07-18 2022-10-18 阿里巴巴（中国）有限公司 页面生成方法、装置、设备、存储介质及程序产品
CN115202541B (zh) * 2022-07-18 2024-05-10 阿里巴巴（中国）有限公司 页面生成方法、装置、设备、存储介质及程序产品
CN116383097A (zh) * 2023-03-27 2023-07-04 深圳市芯存科技有限公司 Spi Nand flash坏块管理方法和系统
CN116383097B (zh) * 2023-03-27 2024-05-17 深圳市芯存科技有限公司 Spi Nand flash坏块管理方法和系统
CN116737278A (zh) * 2023-08-15 2023-09-12 烽台科技（北京）有限公司 系统运行包的生成方法、装置、计算机设备及存储介质
CN116737278B (zh) * 2023-08-15 2023-12-01 烽台科技（北京）有限公司 系统运行包的生成方法、装置、计算机设备及存储介质
CN117215559A (zh) * 2023-11-08 2023-12-12 深圳市升立德科技有限公司 一种可视化编程的执行方法、装置、设备以及介质

Similar Documents

Publication Publication Date Title
WO2021217660A1 (zh) 实现图形化无代码开发用户界面的方法、计算机设备、存储介质
CN113590103B (zh) 实现图形化无代码开发用户界面的方法、计算机设备、存储介质
WO2021217661A1 (zh) 一种实现图形化无代码软件开发平台及方法、计算机设备及存储介质
WO2021184725A1 (zh) 用户界面测试方法、装置、存储介质及计算机设备
US9317257B2 (en) Folded views in development environment
US20150319198A1 (en) Crowdsourcing for documents and forms
WO2021217659A1 (zh) 多源异构数据的处理方法、计算机设备、存储介质
JP5643462B2 (ja) データ表示装置、データ表示方法およびプログラム
US20150067640A1 (en) Input suggestions for free-form text entry
KR20080106550A (ko) 그래픽 디자이너 재사용을 가능하게 하는 선언적 정의를 이용하기 위한 컴퓨터 프로그램 제품, 및 컴퓨팅 시스템, 컴퓨터 판독 가능 매체
US11256743B2 (en) Intermixing literal text and formulas in workflow steps
CN111736836B (zh) 基于关系图的组件配置方法、装置及计算机可读存储介质
CN113590104A (zh) 一种实现图形化无代码软件开发平台及方法、计算机设备及存储介质
CN109739856A (zh) 用于建立数据表之间的关系的方法及系统
US20140223354A1 (en) Method and system for creating floating keys in a portable device
KR101985491B1 (ko) 다이어그램 방식의 시각화 수식 작성을 통한 결과 생성 및 모니터링 장치
US20160103679A1 (en) Software code annotation
WO2019242167A1 (zh) 一种需求管理方法及计算机设备
WO2021217655A1 (zh) 基于服务实现的协同控制软件开发方法、计算机设备、及存储介质
CN104503669A (zh) 一种界面组件及其产生方法
CN114090002A (zh) 前端界面构建方法、装置、电子设备和存储介质
CN114968235A (zh) 一种页面表单生成方法、装置、计算机设备及存储介质
CN114253536A (zh) 界面设计组件的调用方法、终端设备以及可读存储介质
CN110045961B (zh) 业务规则的管理方法及管理平台
CN113626032A (zh) 列表页的配置方法、装置及存储介质

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 20933823

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

32PN Ep: public notification in the ep bulletin as address of the adressee cannot be established

Free format text: NOTING OF LOSS OF RIGHTS PURSUANT TO RULE 112(1) EPC (EPO FORM 1205 DATED 13/03/2023)

122 Ep: pct application non-entry in european phase

Ref document number: 20933823

Country of ref document: EP

Kind code of ref document: A1