Method and device for customizing large data screen based on dragging and electronic equipment
By dragging and pulling components, a customization request for data large screens is obtained and a customized data large screen is built, which solves the problems of long development cycle and high cost in the existing technology, and realizes efficient and accurate construction of customized data large screens.
Patent Information
- Application Number
- CN202510387464.0
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2025-03-31
- Publication Date
- 2025-04-29
- Estimated Expiration
- 2045-03-31
AI Technical Summary
In the prior art, visualization of large data screens requires professional development technology, with a long development cycle and high cost, and it is impossible to truly achieve the customized display effect that users want.
By obtaining the customization request for the large-screen data screen, drag and drop the data processing component to the visual interface, and determine the target display component from the component library according to the request, so as to achieve the construction of the large-screen customized data screen.
It improves the efficiency and accuracy of customized data large screens, realizes the rapid and accurate construction of customized large screens, and reduces development costs and cycles.
Smart Images

Figure CN119902757A_ABST
Abstract
Description
Technical Field
[0001] The present application relates to the technical field of data resource analysis visualization, and in particular to a method, device and electronic device for customizing a large data screen based on dragging and dropping. Background Art
[0002] The data big screen is a data visualization tool that is specifically used to display various data to be displayed. Big screen data visualization is an expression of data analysis results and an important part of data empowerment decision-making. It can not only display data, but also allow users to see the entire data change process. With the popularity of big data analysis technology, the demand for data analysis and large-screen visualization in industry applications to provide decision support is becoming increasingly urgent.
[0003] At present, the visualization of data large screens requires professional development technology, and the development cycle is long, the development cost is high, and there is no way to truly achieve the large-screen display effect that users want. Therefore, how to build a method to customize data large screens so that users can independently customize data large screens quickly and accurately has become a technical problem that needs to be solved. Summary of the invention
[0004] In view of the above-mentioned multiple technical problems existing in the prior art, the embodiments of the present application provide a method, device and electronic device for customizing a large data screen based on dragging and dropping, so as to solve at least one of the above-mentioned technical problems.
[0005] According to one aspect of an embodiment of the present application, a method for customizing a large data screen based on dragging and dropping is provided, including: obtaining a large data screen customization request, the large data screen customization request is a request sent by a target account and corresponding to the data to be displayed; dragging multiple data processing components from a first component library to a first visualization interface according to the large data screen customization request, the first component library is a component library corresponding to the first visualization interface, and the multiple data processing components are draggable components corresponding to the first visualization interface and the large data screen customization request; determining multiple target display components from multiple second components included in a second component library according to the multiple data processing components and the large data screen customization request, and dragging the multiple target display components from the second component library to the second visualization interface to obtain a customized large data screen.
[0006] According to another aspect of an embodiment of the present application, a device for customizing a large data screen based on dragging and dropping is also provided, including: an acquisition unit, used to obtain a large data screen customization request, the large data screen customization request is a request sent by a target account and corresponding to the data to be displayed; a first dragging unit, used to drag multiple data processing components from a first component library to a first visualization interface according to the large data screen customization request, the first component library is a component library corresponding to the first visualization interface, and the multiple data processing components are draggable components corresponding to the first visualization interface and the large data screen customization request; a determination unit, used to determine multiple target display components from multiple second components included in a second component library according to the multiple data processing components and the large data screen customization request; a second dragging unit, used to drag multiple target display components from the second component library to the second visualization interface to obtain a customized large data screen.
[0007] Optionally, the above-mentioned determination unit includes a setting subunit, which is used to set the connection relationship between multiple data processing components according to the data large screen customization request, and the connection relationship is used to indicate the data flow direction between the multiple data processing components; a first determination subunit, which is used to determine the correspondence between at least one data processing component and at least one data display component in the second component library according to the connection relationship and the data large screen customization request; a second determination subunit, which is used to determine multiple target display components according to the correspondence relationship; the correspondence relationship includes at least one of the following: at least two data processing components among the multiple data processing components correspond to the same target display component respectively; multiple data processing components correspond to different target display components respectively; any data processing component corresponds to multiple different target display components.
[0008] Optionally, the above-mentioned device for customizing a large data screen based on dragging and dropping also includes: a second determination unit, which is used to set the connection relationship between multiple data processing components according to the data large screen customization request, and then determine at least one target data source from multiple reference data sources according to the data large screen customization request; a first setting unit, which is used to set at least one target data source for at least one data processing component, and set specific component properties for at least one data processing component according to the data large screen customization request; a second setting unit, which is used to set the target display component corresponding to at least one data processing component in the specific component properties of at least one data processing component according to the corresponding relationship after determining the corresponding relationship.
[0009] Optionally, the above-mentioned device for customizing the data large screen based on dragging and dropping also includes: a third setting unit, which is used to set the name of the reference customized data large screen corresponding to the first visual interface according to the data large screen customization request after obtaining the data large screen customization request; a first trigger unit, which is used to trigger the interface state of the interface corresponding to the data large screen customization request in the first visual interface to change from an invalid state to a valid state after setting the name; a third determination unit, which is used to determine multiple data processing components from multiple first components included in the first component library according to the data large screen customization request.
[0010] Optionally, the above-mentioned device for customizing a large data screen based on dragging and dropping also includes: a fourth setting unit, which is used to set a first component library for the first visual interface in a language compatible with the first visual interface before obtaining a request for customizing the large data screen, and to set first common component attributes for multiple first components in the first component library, respectively, and the first common component attributes are component attributes shared by multiple first components; a fifth setting unit, which is used to set a second component library for the second visual interface in a language compatible with the second visual interface, and to set second common component attributes for multiple second components in the second component library, respectively, and the second common component attributes are component attributes shared by multiple second components.
[0011] Optionally, the above-mentioned device for customizing the large data screen based on dragging and dropping also includes: a sixth setting unit, which is used to set the first common component properties for multiple first components in the first component library respectively, and then, in the first visual interface, set at least one log printing sub-interface for at least one data processing component in the first visual interface, each data processing component corresponds to a log printing sub-interface, and at least one log printing sub-interface is connected through a tab; a second trigger unit, which is used to trigger at least one log printing sub-interface to print data processed by the corresponding data processing component after setting specific component properties for at least one data processing component.
[0012] According to another aspect of the embodiments of the present application, a computer-readable storage medium is provided, which stores computer instructions for causing a computer to execute the above method for customizing a large data screen based on dragging and dropping.
[0013] According to another aspect of the embodiments of the present application, an electronic device is also provided, comprising: at least one processor; and a memory communicatively connected to the at least one processor; wherein the memory stores a computer program executable by the at least one processor, and the computer program is executed by the at least one processor so that the at least one processor executes the method for customizing a large data screen based on dragging and dropping as described above.
[0014] By obtaining a large data screen customization request, the large data screen customization request is a request sent by a target account corresponding to the data to be displayed; according to the large data screen customization request, multiple data processing components are dragged from a first component library to a first visualization interface, the first component library is a component library corresponding to the first visualization interface, and multiple data processing components are draggable components corresponding to the first visualization interface and the large data screen customization request; according to multiple data processing components and the large data screen customization request, multiple target display components are determined from multiple second components included in a second component library, and multiple target display components are dragged from the second component library to the second visualization interface to obtain a customized large data screen. The above method can not only improve the efficiency of customizing a large data screen, but also improve the accuracy of customizing a large data screen. BRIEF DESCRIPTION OF THE DRAWINGS
[0015] In order to more clearly illustrate the specific implementation methods of the present application or the technical solutions in the prior art, the drawings required for use in the specific implementation methods or the description of the prior art will be briefly introduced below. Obviously, the drawings described below are only some implementation methods of the present application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying creative work.
[0016] Figure 1 is a schematic diagram of a hardware environment of an optional method for customizing a large data screen based on dragging and dropping according to an embodiment of the present invention; Figure 2 is a flow chart of an optional method for customizing a large data screen based on dragging and dropping according to an embodiment of the present invention; Figure 3 is a flowchart of another optional method for customizing a large data screen based on dragging and dropping according to an embodiment of the present invention; Figure 4 is a schematic structural diagram of an optional device for customizing a large data screen based on dragging and dropping according to an embodiment of the present invention; Figure 5 It is a schematic diagram of the structure of an optional electronic device according to an embodiment of the present invention. DETAILED DESCRIPTION
[0017] In order to enable those skilled in the art to better understand the solution of the present application, the technical solution in the embodiments of the present application will be clearly and completely described below in conjunction with the drawings in the embodiments of the present application. Obviously, the described embodiments are only part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in this field without creative work should fall within the scope of protection of the present application.
[0018] It should be noted that the terms "first", "second", etc. in the specification and claims of the present application 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 such data can be interchanged where appropriate, so that the embodiments of the present invention described herein can be implemented in an order other than those illustrated or described herein. In addition, the terms "including" and "having" and any variations thereof are intended to cover non-exclusive inclusions, for example, a process, method, system, product or device that includes a series of steps or units is not necessarily limited to those steps or units that are clearly listed, but may include other steps or units that are not clearly listed or inherent to these processes, methods, products or devices.
[0019] It should be noted that, in the absence of conflict, the embodiments and features in the embodiments of the present application can be combined with each other. The present application will be described in detail below with reference to the accompanying drawings and in combination with the embodiments.
[0020] In order to solve the problems existing in the prior art, the embodiment of the present application provides a method for quickly building a customized data large screen, that is, a method for customizing a data large screen based on dragging and dropping. As an optional implementation method, the above-mentioned method for customizing a data large screen based on dragging and dropping can be applied to, but not limited to, Figure 1 In the system based on dragging and dropping customized data large screen composed of terminal device 102 and server 104 shown in FIG. Figure 1 As shown, the terminal device 102 is connected to the server 104 via a network 110, and the network 110 may include but is not limited to: a wired network, a wireless network, wherein the wired network includes: a local area network, a metropolitan area network and a wide area network, and the wireless network includes: Bluetooth, WIFI and other networks that implement wireless communication. The terminal device 102 may include but is not limited to at least one of the following: a mobile phone (such as an Android phone, an iOS phone, etc.), a laptop, a tablet computer, a PDA, a MID (Mobile Internet Devices), a PAD, a desktop computer, a smart TV, etc.
[0021] The terminal device 102 is also provided with a display 106, a processor 108 and a memory 112. The display 106 can be used to display a customized data large screen, etc. The processor 108 can be used to identify and judge the received data large screen customization request, as well as perform operations such as processing. The memory 112 can be used to store the data large screen customization request, or store the data obtained after processing the data large screen customization request, etc.
[0022] The server 104 may be a single server, a server cluster consisting of multiple servers, or a cloud server. The server 104 includes a database 114 and a processing engine 116. The database 114 may be used to store data large screen customization requests and customized data large screens, etc., and the processing engine 116 may be used to process the data large screen customization requests, data processing components, etc.
[0023] According to one aspect of an embodiment of the present invention, the above-mentioned system based on dragging and dropping to customize the large data screen can also perform the following steps: first, the terminal device 102 executes S102, and sends a large data screen customization request to the server 104 through the network 110; then, the server 104 executes S104 to S108: obtain the large data screen customization request, the large data screen customization request is a request sent by the target account corresponding to the data to be displayed; according to the large data screen customization request, drag multiple data processing components from the first component library to the first visualization interface, the first component library is a component library corresponding to the first visualization interface, and the multiple data processing components are draggable components corresponding to the first visualization interface and the large data screen customization request; determine multiple target display components from the multiple second components included in the second component library according to the multiple data processing components and the large data screen customization request, and drag the multiple target display components from the second component library to the second visualization interface to obtain a customized data screen.
[0024] In the above embodiment of the present invention, a large data screen customization request is obtained, which is a request sent by a target account and corresponds to the data to be displayed; according to the large data screen customization request, multiple data processing components are dragged from the first component library to the first visualization interface, the first component library is a component library corresponding to the first visualization interface, and the multiple data processing components are draggable components corresponding to the first visualization interface and the large data screen customization request; according to the multiple data processing components and the large data screen customization request, multiple target display components are determined from the multiple second components included in the second component library, and the multiple target display components are dragged from the second component library to the second visualization interface to obtain a customized large data screen, thereby improving the efficiency and accuracy of customizing the large data screen and achieving the technical effect of quickly and accurately building a customized large screen.
[0025] The above is only an example and is not limited in this embodiment.
[0026] As an optional implementation, please refer to Figure 2, which shows a flow chart of a method for customizing a large data screen based on dragging and dropping provided by an embodiment of the present application. The execution subject of each step of the method may be the terminal device or server introduced above. In the following method embodiment, for the convenience of description, only the execution subject of each step is introduced as a "computer device". The method may include at least one of the following steps (S202 to S206): S202, obtaining a data large screen customization request, where the data large screen customization request is a request sent by a target account corresponding to the data to be displayed; S204, dragging multiple data processing components from the first component library to the first visualization interface according to the data large screen customization request, where the first component library is a component library corresponding to the first visualization interface, and the multiple data processing components are draggable components corresponding to the first visualization interface and the data large screen customization request; S206, determining multiple target display components from multiple second components included in the second component library according to multiple data processing components and the data large screen customization request, and dragging the multiple target display components from the second component library to the second visualization interface to obtain a customized data large screen.
[0027] It should be noted that the data large screen customization request in S202 can be understood, but not limited to, as a request sent by the target account through the terminal device after the target user logs in to the data large screen visualization system where the first visualization interface and the second visualization interface are located through the target account. The data large screen customization request carries the target display task corresponding to the target account, and the target account's specific display requirements for the target display task (such as a specific display effect), etc. The specific display requirements can be text requirements or drawing requirements (such as a simple display drawing drawn by the user). The target account is the account used by the target user to log in to the data large screen visualization system. When the target user uses the target account to log in to the data large screen visualization system, the target account can be verified to verify the identity of the target user corresponding to the target account. After the verification is passed, the target user can be allowed to send a data large screen customization request through the target account. The components in this application (i.e., the first component, the second component, the data processing component, the target display component, etc.) can be understood, but not limited to, as a data engine, and the dragging and dropping of the components can be understood, but not limited to, as the dragging and dropping of the data engine.
[0028] The first component library in S204 is a component library pre-set for the first visualization interface. The first component library includes multiple first components. The multiple first components can be understood as, but not limited to, components for data processing. The multiple first components can be pre-set by developers or can be user-defined. The multiple first components include multiple data processing components. Each first component corresponds to a subtask, and the target display task corresponds to at least one subtask, that is, the target display task corresponds to at least one first component. It can be understood that the operation of dragging multiple data processing components from the first component library can be a manual operation or a trigger operation. This trigger operation is that after obtaining the data large screen customization request, the system will automatically determine the multiple data processing components according to the data large screen customization request, and then automatically trigger the operation of dragging the multiple data processing components from the first component library to the first visualization interface.
[0029] The above-mentioned multiple first components, such as trigger components (including timing trigger components, manual trigger components, node end trigger components, node abnormality trigger components, register trigger components, initialization trigger components, etc.), functional components, algorithm components, notification components, industrial control protocol components, CNC data acquisition components, cloud connection components, network components, database components, file processing components, HMI / BI report components, equipment management components, alarm management components, fault prediction components, equipment utilization rate components, data management components, production work order components and energy management components, etc., the specific types of components included in the multiple first components can be independently set as needed, and this application does not limit it.
[0030] The second component library in S206 is a component library pre-set for the second visualization interface. The second component library includes multiple second components. The multiple second components can be pre-set by the developer or customized by the user. The multiple second components can be understood as, but not limited to, display components for displaying data. The multiple second components include multiple target display components. It can be understood that, similarly, the operation of dragging multiple target display components from the second component library to the second visualization interface can be a manual operation or a trigger operation. This trigger operation is an operation of automatically triggering the dragging of multiple target display components to the second visualization interface after determining multiple target display components and setting the target display components corresponding to each data processing component in multiple data processing components.
[0031] It should be noted that the above-mentioned operation of dragging multiple data processing components from the first component library to the first visualization interface, and the operation of dragging multiple target display components from the second component library to the second visualization interface are considered operations or automatically triggered operations, which can be determined according to the target account carried in the data large screen customization request and the operation requirements carried in the data large screen customization request. Specifically including: when the target account is not an account stored in the preset account table (i.e., an ordinary user account) and the operation requirement carried in the data large screen customization request is empty, determining that the drag operation (for ease of explanation, the following drag operation includes the drag in S204 and the drag in S206) is an automatically triggered drag operation; when the target account is not an account stored in the preset account table (i.e., an ordinary user account) and the operation requirement carried in the data large screen customization request is "autonomous drag", determining that the drag operation is a manual drag operation; when the target account is an account existing in the preset account table and the operation requirement carried in the data large screen customization request is empty, determining that the drag operation is a manual drag operation; when the target account is an account existing in the preset account table and the operation requirement carried in the data large screen customization request is "automatically triggered drag", determining that the drag operation is an automatically triggered drag operation.
[0032] It should be noted that, in the case where the above-mentioned dragging is "automatically triggered dragging", after obtaining the above-mentioned customized data large screen, it also includes the system automatically triggering the customized data large screen to be packaged and sent to the third display interface for display; in the case where the above-mentioned dragging is "autonomous dragging", after obtaining the customized data large screen and receiving the target display request, the customized data large screen will be packaged and sent to the third display interface for display.
[0033] Through the above-mentioned implementation mode of the present application, a large data screen customization request is obtained, and the large data screen customization request is a request sent by the target account corresponding to the data to be displayed; according to the large data screen customization request, multiple data processing components are dragged from the first component library to the first visualization interface, the first component library is a component library corresponding to the first visualization interface, and the multiple data processing components are draggable components corresponding to the first visualization interface and the large data screen customization request; according to the multiple data processing components and the large data screen customization request, multiple target display components are determined from the multiple second components included in the second component library, and the multiple target display components are dragged from the second component library to the second visualization interface to obtain a customized large data screen; the efficiency and accuracy of customizing the large data screen are improved.
[0034] As an optional implementation manner, the above-mentioned determining multiple target display components according to multiple data processing components and data large screen customization requests includes: S1, according to the data large screen customization request, the connection relationship between the multiple data processing components is set, and the connection relationship is used to indicate the data flow direction between the multiple data processing components; S2, determining a correspondence between at least one data processing component and at least one data display component in the second component library according to the connection relationship and the data large screen customization request; S3, determining multiple target display components according to the corresponding relationship.
[0035] It should be noted that the multiple data processing components in the above S1, for example Figure 3 The timing trigger component 302, the data reading component 304 for reading the data of the first machine, the data set query component 306, the data reading component 308 for reading the data of the second machine, the time format adjustment component 310, the data cleaning component 312, the decimal to binary conversion component 314, the product number analysis component 316 and the log printing component 318 are shown; the operation in S1 can be understood as, but not limited to, determining the processing flow of the data to be displayed (data obtained from multiple types of data sources) according to the data large screen customization request, determining the connection relationship between multiple data processing components according to the processing flow, and then setting the connection relationship, and the connection relationship can be understood as, but not limited to, the flow direction of the data obtained after being processed by the multiple data processing components (for example Figure 3 arrows as shown).
[0036] The operation in S2 above can be understood, but not limited to, as after the data processing component processes the data, it needs to be displayed through the data display component in the second visualization interface. Therefore, it is necessary to set the corresponding relationship between the data processing component and the data display component, but not every data processing component needs to set the corresponding data display component. Each data processing component may not set a data display component, may set one data display component, or may set multiple data display components, but at least one of the multiple data processing components needs to set a data display component, and the data display component is used to display the data through the set component display form, that is, the operation in S2 above can be understood, but not limited to, as setting the display mode of the data processed by the data processing component, and before setting, it is necessary to first determine the specific display mode (that is, the target display component in S3 above), and this determination process needs to be determined not only based on the connection relationship, but also based on the display requirements of the customized data large screen in the data large screen customization request.
[0037] The above correspondence relationship includes at least one of the following: at least two data processing components among the multiple data processing components correspond to the same target display component (which may be understood, but not limited to, that two identical or different data processing components among the multiple data processing components correspond to the same (or called the same type) but not the same target display component); multiple data processing components correspond to different target display components (which may be understood, but not limited to, that each data processing component corresponds to a different type of target display component, for example Figure 3 The 9 different types of data processing components shown correspond to different data display components, so these 9 different types of data processing components correspond to 9 different types of data display components); any data processing component corresponds to a different target display component (it can be understood, but not limited to, that any one of the multiple data processing components corresponds to multiple different types of target display components, for example Figure 3 The data cleaning component 312 shown not only corresponds to a pie chart display component, but also corresponds to a bar chart display component, etc.).
[0038] After the corresponding relationship is determined, a plurality of target display components may be determined from the plurality of second components according to the corresponding relationship (ie, the operation in S3 ).
[0039] Through the above-mentioned implementation mode of the present application, the connection relationship between multiple data processing components is first determined, and then the target display component is determined according to the connection relationship and the data large screen customization request. It can not only accurately customize the target display component corresponding to the data large screen customization request, but also take into account the user's personalized display requirements for the customized data large screen. At the same time, this application introduces a visual drag-and-drop interface, allowing users to quickly define and configure data sources, data processing nodes, and data flow logic through a graphical interface, thereby improving the flexibility and ease of use of data collection and processing; and the data engine in this application is based on componentized design, and each data processing function is encapsulated into an independent draggable component. Users can build data processing links by dragging and dropping to achieve dynamic data collection and multi-step data processing.
[0040] As an optional implementation, after the connection relationship between the multiple data processing components is set according to the data large screen customization request, the method further includes: S1, determining at least one target data source from multiple reference data sources according to a data large screen customization request; S2, setting at least one target data source for at least one data processing component, and setting specific component attributes for at least one data processing component according to the data large screen customization request, and; S3, after determining the corresponding relationship, setting a target display component corresponding to the at least one data processing component in a specific component attribute of the at least one data processing component according to the corresponding relationship.
[0041] The data source types of the multiple reference data sources in the above S1 may be the same or different. The multiple reference data sources may be multiple types of data sources that are automatically connected to the first visualization interface in advance, and this data source may include multiple types of data sources under a task scenario (such as an equipment monitoring scenario), or may include multiple types of data sources under multiple task scenarios (such as equipment monitoring scenarios, data research and development scenarios, and batch data processing scenarios). The above multiple types of data sources include: data stored in multiple different types of databases, data stored in multiple different types of files (such as excel files, word files), data in offline data sources, data generated by devices in real time (data generated by devices that are not stored but collected in real time, such as some PLC devices that do not have storage functions, and some PLC devices with storage functions only store a small amount of data. In this application, the data generated by the device in real time can be configured as a data source, so that the data generated by the device in real time can be retained, and then subsequent predictive maintenance of the device can be performed based on the data generated in real time), etc.
[0042] The operation in S2 above may be understood, but is not limited to, that multiple data processing components do not need to set a data source for each, but at least one of the multiple data processing components needs to set a data source, and the at least one data processing component may set one target data source or multiple target data sources, for example Figure 3 At least one of the nine data processing components shown needs to set a target data source, and when setting a target data source for the data processing component, multiple target data sources can be set for the data processing component, for example Figure 3 The data set query component 306 shown can be set to store data in the database, data generated by the real-time acquisition device, and data in various types of files. Figure 3 Among the components shown, it can be seen from the component names that Figure 3 Among the nine data processing components shown, at least the data reading component 304 for reading the data of the first machine, the data set query component 306, and the data reading component 308 for reading the data of the second machine need to set the corresponding target data source, while other components do not need to set specific data sources, for example Figure 3 The data of the time format adjustment component 310 shown comes from the data reading component 304 that reads the data of machine No. 1.
[0043] It should be noted that after setting the target data source, you also need to set the corresponding data source information, such as the database URL, user name, password, device IP, port, special configuration, etc. After that, the data engine (i.e., component) automatically connects to the data source after it starts running and performs read or write operations on the data source. It is understandable that after setting the target data source and setting the corresponding data source information, you also need to perform a connection check on the data source. If the connection fails, an error message is returned. If the connection is successful, the subsequent real-time data collection and / or data processing operations are performed.
[0044] The above-mentioned specific component attributes can be understood, but are not limited to, as attributes that are unique (or settable) to each data processing component and different from other data processing components. This attribute can be set according to the specific display requirements carried in the data large screen customization request (for example, the timestamp of the specific timed trigger set in the timed trigger component 302, the specific time format to be adjusted in the time format adjustment component 310, etc.), or it can be added autonomously to customize the display effect of the data large screen for better (for example, what to display when an empty product number is parsed according to the product parsing product number component 316, and how to display or prompt when an obvious error is parsed, such as a product number that is too long or too short).
[0045] It should be noted that the above-mentioned specific component attributes and specific display component attributes, as well as the first common component attributes and the second common component attributes described below specifically include attribute types that can be set independently as needed. For example, the component attributes include IP address, port number, connection name, read strategy, etc.
[0046] The operation in S3 above can be understood, but not limited to, as the need to bind the data processing component to its corresponding target display component after determining the corresponding relationship, and this binding (i.e., the setting in S3 above) process not only requires setting the target display component corresponding to the data processing component in the data processing component, but also requires setting the second visualization interface corresponding to the data processing component before that, and then setting the specific target display component corresponding to the data processing component after setting the second visualization interface, and when setting the corresponding second visualization interface and the corresponding target display component, it can be set according to the interface name of the second visualization interface and the name of the target display component (i.e., setting the interface name of the corresponding second visualization interface and the component name of the corresponding target display component in the specific component attributes in the data processing component), or it can be set according to other customized methods, such as setting the interface ID of the corresponding second visualization interface and the component ID of the corresponding target display component in the specific component attributes in the data processing component. It can be understood that, just as a data processing component can be set to correspond to multiple target display components, each data processing component can also be set to multiple second visualization interfaces. In other words, customized data large screens in multiple different visualization interfaces can be built through the same multiple data processing components.
[0047] It should be noted that after dragging multiple target display components to the second visualization interface, it is also necessary to set the specific display component attributes corresponding to each target display component for each of the multiple target display components in the second visualization interface. The specific display component attributes can be but are not limited to being understood as the unique attributes that can be set corresponding to each target display component. When setting the specific display attributes, it is also necessary to set the first visualization interface and the corresponding data processing component corresponding to each target display component for each target display component. Similarly, when setting the corresponding first visualization interface and the corresponding data processing component, they can be set according to the interface name of the first visualization interface and the name of the data processing component (that is, the interface name of the corresponding first visualization interface and the component name of the corresponding data processing component are set in the specific component attributes in the target display component), or they can be set according to other customized methods, such as setting the interface ID of the corresponding first visualization interface and the component ID of the corresponding data processing component in the specific component attributes in the target display component.
[0048] Through the above implementation of the present application, not only is it possible to flexibly set one or more corresponding data sources for different data processing components, but it is also possible to set one or more corresponding second visualization interfaces and target display components for different data processing components, thereby realizing the rapid construction of multiple and diversified customized data screens. In addition, the present application supports automatic identification and adaptation of multiple data sources, including structured data, semi-structured data, and unstructured data, which improves the compatibility and adaptability of data collection.
[0049] As an optional implementation, after obtaining the data large screen customization request, the method further includes: S1, setting the name of the reference customized data screen corresponding to the first visualization interface according to the data screen customization request; S2, after the name is set, triggers the interface state of the interface corresponding to the data large screen customization request in the first visualization interface to change from an invalid state to a valid state; S3, determining a plurality of data processing components from a plurality of first components included in the first component library according to the data large screen customization request.
[0050] The operation in S2 above can be understood, but not limited to, as a naming operation for the first visualization interface, which will trigger the validity of the first visualization interface, that is, the operation in S2 above can only be performed when the first visualization interface is valid, and the subsequent operation of dragging multiple data processing components can be performed; and similarly, after the above determination of multiple target display components, before dragging multiple target display components from the second component library to the second visualization interface, it is also necessary to perform a naming operation for the second visualization interface (that is, perform the same operations as S1 to S2 on the second visualization interface), so that the interface state of the second visualization interface changes from an invalid state to a valid state, and then the dragging operation of multiple target display components can be performed. It can be understood that there can be one or more second visualization interfaces, which can be specifically determined according to the data large screen customization request, and when there are multiple second visualization interfaces, the process of determining multiple target display components from multiple second components corresponding to each second visualization interface and dragging multiple target display components corresponding to each second visualization interface from the second component library corresponding to each second visualization interface to each second visualization interface is performed in parallel in a multi-threaded manner for multiple second visualization interfaces, thereby obtaining multiple customized data large screens at the same time.
[0051] The operations in the above S3 specifically include: determining the target customized large screen task according to the data large screen customization request; determining multiple data processing subtasks according to the target customized large screen task; determining multiple data processing components from the multiple first components included in the first component library according to the multiple data processing subtasks, and each data processing subtask corresponds to a data processing component.
[0052] Through the above-mentioned implementation mode of the present application, not only the confusion and waste of resources of the customized interface caused by the arbitrary triggering and dragging of data processing components and target display components are avoided, but also the accurate determination of multiple data processing components can be achieved, thereby improving the accuracy of the customized data large screen.
[0053] As an optional implementation, before obtaining the data large screen customization request, the method further includes: S1, using a language compatible with the first visualization interface to set a first component library for the first visualization interface, and respectively setting first common component attributes for a plurality of first components in the first component library, where the first common component attributes are component attributes common to the plurality of first components; S2, setting a second component library for the second visual interface using a language compatible with the second visual interface, and setting second common component attributes for multiple second components in the second component library, respectively, where the second common component attributes are component attributes shared by the multiple second components.
[0054] The languages in S1 and S2 above can be understood as development languages, but not limited to, and there can be multiple development languages, such as JAVA, C++, Python, etc. The languages compatible with the first visualization interface in S1 above can be understood as languages compatible with the first visualization interface and the system where the first visualization interface is located, but not limited to. The first common component attribute can be understood as a component attribute shared by multiple first components, but not limited to; the language compatible with the second visualization interface in S2 above can be understood as a language compatible with the second visualization interface and the system where the second visualization interface is located, but not limited to (that is, the systems where the first visualization interface and the second visualization interface (and the third visualization interface) are located can be the same system, such as both are Android systems, or different systems, such as some visualization interfaces are Android systems, and some visualization interfaces are IOS systems). The second common component attribute can be understood as a component attribute shared by multiple second components, but not limited to.
[0055] The first common component attribute and the second common component attribute may be configured uniformly when configuring the component library, or may be individually customized after dragging the corresponding component.
[0056] Through the above implementation of the present application, it is possible to avoid excessive restrictions on the language and visualization interface (first visualization interface, second visualization interface, third visualization interface), thereby improving the flexibility in realizing a customized data large screen.
[0057] As an optional implementation manner, after respectively setting the first common component attributes for the plurality of first components in the first component library, the method further includes: S1, in a first visualization interface, setting at least one log printing sub-interface for at least one data processing component in the first visualization interface, each data processing component corresponds to a log printing sub-interface, and at least one log printing sub-interface is connected through a tab; S2, after setting specific component attributes for at least one data processing component, trigger at least one log printing sub-interface to print data processed by the corresponding data processing component.
[0058] It should be noted that each of the above data processing components can be dragged and dropped with a corresponding log printing component (such as Figure 3 The log printing component 318 shown in the figure), and each log printing component can set a log printing sub-interface for printing out the corresponding data content. When there are multiple log printing components set, a log printing sub-interface can be set for each log printing component, then multiple log printing sub-interfaces will be set, and the multiple log printing sub-interfaces are connected through tabs.
[0059] It can be understood that these multiple log printing sub-interfaces are set in the first visual interface, but after setting the multiple log printing sub-interfaces, the multiple log printing sub-interfaces will not be directly displayed in the first visual interface, but the log printing sub-interface will be triggered to display after setting specific component properties for at least one data processing component, and the printing operation in the log printing sub-interface will be triggered at the same time, and the interface size of the log printing sub-interface can be adaptive to the size of the first visual interface, or it can be an interface size set by the user according to needs.
[0060] Through the above-mentioned implementation mode of the present application, a log printing sub-interface can be flexibly set for the data processing component, so that after the data processing component processes the data, the processed data can be verified through the log printed in the log printing sub-interface, so that when errors are verified in the data, the staff can be reminded in time to adjust the corresponding data processing component.
[0061] It should be noted that, for the above-mentioned method embodiments, for the sake of simplicity, they are all described as a series of action combinations, but those skilled in the art should know that the present invention is not limited by the described action sequence, because according to the present invention, certain steps can be performed in other sequences or simultaneously. Secondly, those skilled in the art should also know that the embodiments described in the specification are all preferred embodiments, and the actions and modules involved are not necessarily required by the present invention.
[0062] According to another aspect of an embodiment of the present invention, there is also provided a device for implementing the method for customizing a large data screen based on dragging and dropping, such as Figure 4As shown, the device comprises: An acquisition unit 402 is used to acquire a data large screen customization request, where the data large screen customization request is a request sent by a target account and corresponding to the data to be displayed; A first dragging unit 404 is used to drag a plurality of data processing components from a first component library to a first visualization interface according to a data large screen customization request, wherein the first component library is a component library corresponding to the first visualization interface, and the plurality of data processing components are draggable components corresponding to the first visualization interface and the data large screen customization request; A determining unit 406 is used to determine a plurality of target display components from a plurality of second components included in the second component library according to the plurality of data processing components and the data large screen customization request; The second dragging unit 408 is used to drag multiple target display components from the second component library to the second visualization interface to obtain a customized data large screen.
[0063] The specific manner in which each unit in the above device embodiment performs operations has been described in detail in the embodiment of the method, and will not be elaborated on again here.
[0064] According to another aspect of the embodiments of the present invention, an electronic device for implementing the method for customizing a large screen of data based on dragging and dropping is also provided. The electronic device may be as follows: Figure 5 The terminal device or server shown in the figure. This embodiment is described by taking the electronic device as a terminal device as an example. Figure 5 As shown, the electronic device includes: at least one processor 504; and a memory 502 that is communicatively connected to the at least one processor 504; wherein the memory 502 stores a computer program that can be executed by the at least one processor 504, and the computer program is executed by the at least one processor 504 so that the at least one processor 504 performs the steps in any one of the above method embodiments.
[0065] Optionally, in this embodiment, the electronic device may be located in at least one network device among a plurality of network devices of a computer network.
[0066] Optionally, in this embodiment, the processor may be configured to execute the steps of the method for customizing a large data screen based on dragging and dropping through a computer program.
[0067] Alternatively, a person skilled in the art may understand that: Figure 5 The structure shown is for illustration only, and the electronic device may also be a smart phone (such as an Android phone, an iOS phone, etc.), a tablet computer, a PDA, a mobile Internet device (Mobile Internet Devices, MID), a PAD, or other terminal devices. Figure 5The structure of the electronic device is not limited. Figure 5 More or fewer components (such as network interfaces, etc.) as shown in, or with Figure 5 Different configurations are shown.
[0068] Among them, the memory 502 can be used to store software programs and modules, such as the program instructions / modules corresponding to the method and device for customizing a large data screen based on dragging and dropping in the embodiment of the present invention. The processor 504 executes various functional applications and data processing by running the software programs and modules stored in the memory 502, that is, realizing the above-mentioned method for customizing a large data screen based on dragging and dropping. The memory 502 may include a high-speed random access memory, and may also include a non-volatile memory, such as one or more magnetic storage devices, flash memory, or other non-volatile solid-state memory. In some instances, the memory 502 may further include a memory remotely arranged relative to the processor 504, and these remote memories may be connected to the terminal via a network. Examples of the above-mentioned networks include, but are not limited to, the Internet, corporate intranets, local area networks, mobile communication networks, and combinations thereof. Among them, the memory 502 can be specifically, but not limited to, used to store information such as customized data large screens. As an example, such as Figure 5 As shown, the memory 502 may include, but is not limited to, the acquisition unit 402, the first drag unit 404, the determination unit 406, and the second drag unit 408 in the device for customizing a large screen of data based on dragging. In addition, other module units in the device for customizing a large screen of data based on dragging may also be included but are not limited to, which will not be described in detail in this example.
[0069] Optionally, the transmission device 506 is used to receive or send data via a network. Specific examples of the network may include a wired network and a wireless network. In one example, the transmission device 506 includes a network adapter (Network Interface Controller, NIC), which can be connected to other network devices and routers via a network cable so as to communicate with the Internet or a local area network. In one example, the transmission device 506 is a radio frequency (RF) module, which is used to communicate with the Internet wirelessly.
[0070] In addition, the electronic device mentioned above further includes: a display 508, and a connection bus 510, which is used to connect various module components in the electronic device mentioned above.
[0071] In other embodiments, the terminal device or server may be a node in a distributed system, wherein the distributed system may be a blockchain system, and the blockchain system may be a distributed system formed by connecting the multiple nodes through network communication. Among them, the nodes may form a peer-to-peer (P2P, Peer To Peer) network, and any form of computing device, such as a server, terminal and other electronic devices, may become a node in the blockchain system by joining the peer-to-peer network.
[0072] According to one aspect of the present application, a computer program product is provided, the computer program product comprising a computer program / instruction, the computer program / instruction comprising a program code for executing the method shown in the flow chart. In such an embodiment, the computer program can be downloaded and installed from a network through a communication part, and / or installed from a removable medium. When the computer program is executed by a central processing unit, various functions provided by the embodiments of the present application are executed.
[0073] The serial numbers of the above embodiments of the present invention are only for description and do not represent the advantages or disadvantages of the embodiments.
[0074] According to one aspect of the present application, a computer-readable storage medium is provided, and a processor of a computer device reads the computer instructions from the computer-readable storage medium, and the processor executes the computer instructions, so that the computer device executes the above-mentioned method of customizing a large data screen based on dragging and dropping.
[0075] Optionally, in this embodiment, the computer-readable storage medium may be configured to store a computer program for executing the method for customizing a large data screen based on dragging and dropping.
[0076] Those skilled in the art can understand that the implementation of all or part of the processes in the above method embodiments can be completed by instructing the relevant hardware through a computer program, and the program can be stored in a computer-readable storage medium, and when the program is executed, it can include the processes in the above method embodiments. Among them, the storage medium can be a disk, an optical disk, a read-only memory (ROM), a random access memory (RAM), a flash memory (FM), a hard disk (HDD), or a solid-state drive (SSD), etc.; the storage medium can also include a combination of the above types of memory.
[0077] If the integrated units in the above embodiments are implemented in the form of software functional units and sold or used as independent products, they can be stored in the above computer-readable storage medium. Based on this understanding, the technical solution of the present invention is essentially or the part that contributes to the prior art or all or part of the technical solution can be embodied in the form of a software product. The computer software product is stored in a storage medium and includes several instructions for enabling one or more computer devices (which can be personal computers, servers or network devices, etc.) to perform all or part of the steps of the above methods of various embodiments of the present invention.
[0078] In the above embodiments of the present invention, the description of each embodiment has its own emphasis. For parts that are not described in detail in a certain embodiment, reference can be made to the relevant descriptions of other embodiments.
[0079] In the several embodiments provided in the present application, it should be understood that the disclosed client can be implemented in other ways. Among them, the device embodiments described above are only schematic. For example, the division of the above units is only a logical function division. There may be other division methods in actual implementation. For example, multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be through some interfaces, indirect coupling or communication connection of units or modules, which can be electrical or other forms.
[0080] The units described above as separate components may or may not be physically separated, and the components shown as units may or may not be physical units, that is, they may be located in one place or distributed on multiple network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.
[0081] In addition, each functional unit in each embodiment of the present invention may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit. The above-mentioned integrated unit may be implemented in the form of hardware or in the form of software functional units.
[0082] The above is only a preferred embodiment of the present invention. It should be pointed out that for ordinary technicians in this technical field, several improvements and modifications can be made without departing from the principle of the present invention. These improvements and modifications should also be regarded as the scope of protection of the present invention.
Claims
1. A method for customizing a large data screen based on dragging and dropping, characterized in that: include: Obtaining a data large screen customization request, where the data large screen customization request is a request sent by a target account corresponding to the data to be displayed; Drag multiple data processing components from a first component library to a first visualization interface according to the data large screen customization request, wherein the first component library is a component library corresponding to the first visualization interface, and the multiple data processing components are draggable components corresponding to the first visualization interface and the data large screen customization request; According to the multiple data processing components and the data large screen customization request, multiple target display components are determined from the multiple second components included in the second component library, and the multiple target display components are dragged from the second component library to the second visualization interface to obtain a customized data large screen.
2. The method according to claim 1, characterized in that Determining a plurality of target display components according to the plurality of data processing components and the data large screen customization request includes: Setting a connection relationship between the plurality of data processing components according to the data large screen customization request, wherein the connection relationship is used to indicate a data flow direction between the plurality of data processing components; Determine a correspondence between at least one of the data processing components and at least one data display component in the second component library according to the connection relationship and the data large screen customization request; A plurality of target display components are determined according to the corresponding relationship.
3. The method according to claim 2, characterized in that The corresponding relationship includes at least one of the following: At least two of the plurality of data processing components correspond to the same target display component respectively; The plurality of data processing components correspond to different target display components respectively; Any of the data processing components corresponds to a plurality of different target display components.
4. The method according to claim 2, characterized in that: After setting the connection relationship between the plurality of data processing components according to the data large screen customization request, the method further includes: Determining at least one target data source from a plurality of reference data sources according to the data large screen customization request; Setting at least one of the target data sources for at least one of the data processing components, and setting specific component properties for at least one of the data processing components according to the data large screen customization request, and, After the corresponding relationship is determined, a target display component corresponding to at least one of the data processing components is set in a specific component property of at least one of the data processing components according to the corresponding relationship.
5. The method according to claim 1, characterized in that After obtaining the data screen customization request, it also includes: Setting the name of the reference customized data screen corresponding to the first visualization interface according to the data screen customization request; After the name is set, the interface state of the interface corresponding to the data large screen customization request in the first visualization interface is triggered to change from an invalid state to a valid state; According to the data large screen customization request, multiple data processing components are determined from multiple first components included in the first component library.
6. The method according to claim 5, characterized in that Before obtaining the data screen customization request, it also includes: Setting the first component library for the first visual interface in a language compatible with the first visual interface, and setting first common component attributes for the plurality of first components in the first component library, respectively, where the first common component attributes are component attributes common to the plurality of first components; The second component library is set for the second visual interface using a language compatible with the second visual interface, and second common component attributes are respectively set for multiple second components in the second component library, where the second common component attributes are component attributes shared by multiple second components.
7. The method according to claim 1, characterized in that After respectively setting the first common component attributes for the plurality of first components in the first component library, the method further includes: In the first visualization interface, at least one log printing sub-interface is set for at least one of the data processing components in the first visualization interface, each of the data processing components corresponds to a log printing sub-interface, and at least one of the log printing sub-interfaces is connected through a tab; After setting specific component attributes for at least one of the data processing components, at least one log printing sub-interface is triggered to print data processed by the corresponding data processing component.
8. A device for customizing a large data screen based on dragging and dropping, characterized in that: include: An acquisition unit, used to acquire a data large screen customization request, where the data large screen customization request is a request sent by a target account and corresponding to the data to be displayed; A first dragging unit is used to drag a plurality of data processing components from a first component library to a first visualization interface according to the data large screen customization request, wherein the first component library is a component library corresponding to the first visualization interface, and the plurality of data processing components are draggable components corresponding to the first visualization interface and the data large screen customization request; A determining unit, configured to determine a plurality of target display components from a plurality of second components included in a second component library according to the plurality of data processing components and the data large screen customization request; The second dragging unit is used to drag multiple target display components from the second component library to the second visualization interface to obtain a customized data large screen.
9. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores computer instructions, and the computer instructions are used to enable a computer to execute the method for customizing a large data screen based on dragging and dropping as described in any one of claims 1 to 7.
10. An electronic device, characterized in that: The electronic device includes: at least one processor; and a memory communicatively connected to the at least one processor; wherein the memory stores a computer program executable by the at least one processor, and the computer program is executed by the at least one processor so that the at least one processor executes the method for customizing a large data screen based on dragging and dropping as described in any one of claims 1-7.
Citation Information
Patent Citations
Dragging-based large screen modularization layout method and device
CN110597586A
Data visualization-oriented front-end modular development method and system
CN111562912A
Code development method and device, electronic equipment and storage medium
CN113821201A
Large data screen generation method and device, computer equipment and storage medium
CN116204183A
Knowledge visualization development method and system for data visualization large screen
WO2023077732A1