CN112464039B

CN112464039B - Tree-structured data display method and device, electronic equipment and medium

Info

Publication number: CN112464039B
Application number: CN202011252445.0A
Authority: CN
Inventors: 李卓臻
Original assignee: Xinao Shuneng Technology Co Ltd
Current assignee: Xinao Shuneng Technology Co Ltd
Filing date: 2020-11-11
Publication date: 2024-07-09
Anticipated expiration: 2040-11-11

Abstract

The embodiment of the invention discloses a data display method, device, electronic equipment and medium of a tree structure. One embodiment of the method comprises the following steps: acquiring a data set of a target tree structure; extracting the data in the data set to obtain the data to be displayed and the data for interaction; in response to detecting a click operation of a target user on the node, determining whether the clicked node is the target node; and in response to determining that the clicked node is a target node, displaying the data to be displayed based on the data for interaction. The implementation method meets the requirement of the user on one-to-one association of the nodes (measuring points) and the nodes (measuring points), and improves the user experience.

Description

Tree-structured data display method and device, electronic equipment and medium

Technical Field

The embodiment of the disclosure relates to the technical field of computers, in particular to a data display method, device, electronic equipment and medium of a tree structure.

Background

In development projects related to the Internet of things, there is often a requirement that one-to-one association between an Internet of things measurement point and a (Computer Integrated Manu-facturing, cim) measurement point is performed. There is thus a need for a method by which tree structure data can be displayed based on site selection.

Disclosure of Invention

The disclosure is in part intended to introduce concepts in a simplified form that are further described below in the detailed description. The disclosure is not intended to identify key features or essential features of the claimed subject matter, nor is it intended to be used to limit the scope of the claimed subject matter.

Some embodiments of the present disclosure propose a data display method, apparatus, electronic device, and medium of tree structure to solve the technical problems mentioned in the background section above.

In a first aspect, some embodiments of the present disclosure provide a data display method of a tree structure, the method including: acquiring a data set of a target tree structure; extracting the data in the data set to obtain the data to be displayed and the data for interaction; in response to detecting a click operation of a target user on the node, determining whether the clicked node is the target node; and in response to determining that the clicked node is a target node, displaying the data to be displayed based on the data for interaction.

In a second aspect, some embodiments of the present disclosure provide a data display apparatus of a tree structure, the apparatus including: an acquisition unit configured to acquire a data set of a target tree structure; the extraction unit is configured to extract the data in the data set to obtain the data to be displayed and the data for interaction; a determining unit configured to determine whether the clicked node is a target node in response to detecting a click operation of the target user on the node; and the display unit is configured to display the data to be displayed based on the data for interaction in response to determining that the clicked node is a target node.

In a third aspect, some embodiments of the present disclosure provide an electronic device comprising: one or more processors; a storage device having one or more programs stored thereon, which when executed by one or more processors, cause the one or more processors to implement the method as described in the first aspect.

In a fourth aspect, some embodiments of the present disclosure provide a computer readable medium having a computer program stored thereon, wherein the program when executed by a processor implements the method as described in the first aspect.

One of the above embodiments of the present disclosure has the following advantageous effects: and extracting the acquired data set of the target tree structure to obtain the data to be displayed and the data for interaction. Then, further judgment is carried out on the clicked node according to the click selection operation of the user. And then, displaying the data to be displayed. The method can be applied to the related items of the Internet of things, and multiple boxes of the target node are not displayed, so that the click selection of the node by the user is single-item selection. Therefore, the requirements of users on one-to-one association of the nodes (measuring points) and the nodes (measuring points) are met, and the user experience is improved.

Drawings

The above and other features, advantages, and aspects of embodiments of the present disclosure will become more apparent by reference to the following detailed description when taken in conjunction with the accompanying drawings. The same or similar reference numbers will be used throughout the drawings to refer to the same or like elements. It should be understood that the figures are schematic and that elements and components are not necessarily drawn to scale.

Fig. 1 is a schematic diagram of one application scenario of a tree structured data display method according to some embodiments of the present disclosure;

FIG. 2 is a flow chart of some embodiments of a data display method of a tree structure according to the present disclosure;

FIG. 3 is a flow chart of other embodiments of a data display method of a tree structure according to the present disclosure;

FIG. 4 is a schematic diagram of some embodiments of a data display device in a tree structure according to the present disclosure;

Fig. 5 is a schematic structural diagram of an electronic device suitable for use in implementing some embodiments of the present disclosure.

Detailed Description

Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While certain embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure may be embodied in various forms and should not be construed as limited to the embodiments set forth herein. Rather, these embodiments are provided so that this disclosure will be thorough and complete. It should be understood that the drawings and embodiments of the present disclosure are for illustration purposes only and are not intended to limit the scope of the present disclosure.

It should be noted that, for convenience of description, only the portions related to the present invention are shown in the drawings. Embodiments of the present disclosure and features of embodiments may be combined with each other without conflict.

It should be noted that the terms "first," "second," and the like in this disclosure are merely used to distinguish between different devices, modules, or units and are not used to define an order or interdependence of functions performed by the devices, modules, or units.

It should be noted that references to "one", "a plurality" and "a plurality" in this disclosure are intended to be illustrative rather than limiting, and those of ordinary skill in the art will appreciate that "one or more" is intended to be understood as "one or more" unless the context clearly indicates otherwise.

The names of messages or information interacted between the various devices in the embodiments of the present disclosure are for illustrative purposes only and are not intended to limit the scope of such messages or information.

The present disclosure will be described in detail below with reference to the accompanying drawings in conjunction with embodiments.

Fig. 1 is a schematic diagram of an application scenario of a tree-structured data display method according to some embodiments of the present disclosure.

In the application scenario of fig. 1, first, a computing device 101 may acquire a data set 102 of a target tree structure. The computing device 101 may then extract the data in the dataset, resulting in data 103 for interaction and data 104 to be presented. Then, in response to detecting a click operation of the target user on the node, it is determined whether the clicked node 105 is the target node. Finally, in response to determining that the clicked node 105 is a target node, the computing device 101 may display the data 104 to be presented based on the data 103 for interaction.

The computing device 101 may be hardware or software. When the computing device is hardware, the computing device may be implemented as a distributed cluster formed by a plurality of servers or terminal devices, or may be implemented as a single server or a single terminal device. When the computing device is embodied as software, it may be installed in the hardware devices listed above. It may be implemented as a plurality of software or software modules, for example, for providing distributed services, or as a single software or software module. The present invention is not particularly limited herein.

It should be understood that the number of computing devices in fig. 1 is merely illustrative. There may be any number of computing devices, as desired for an implementation.

With continued reference to fig. 2, a flow 200 of some embodiments of a data display method of a tree structure according to the present disclosure is shown. The method may be performed by the computing device 101 in fig. 1. The data display method of the tree structure comprises the following steps:

step 201, a dataset of a target tree structure is obtained.

In some embodiments, the execution body of the data display method of the tree structure (such as the computing device 101 shown in fig. 1) may acquire the data set of the above-described target tree structure through a wired connection manner or a fetch connection manner. As an example, the execution body may connect other electronic devices through a wireless connection manner, and receive, as the data set, a data set of a target tree structure transmitted by the connected electronic device.

It should be noted that the wireless connection may include, but is not limited to, 3G/4G connection, wiFi connection, bluetooth connection, wiMAX connection, zigbee connection, UWB (ultra wideband) connection, and other now known or later developed wireless connection.

And 202, extracting the data in the data set to obtain the data to be displayed and the data for interaction.

In some embodiments, the execution body may extract, from the data set, data whose data structure meets a preset condition (for example, the data structure is an object array). The execution body may then divide the extracted data according to the source of the data extraction (e.g., the interface or the data set) to obtain the data to be displayed and the data for interaction.

In step 203, in response to detecting the click operation of the target user on the node, it is determined whether the clicked node is the target node.

In some embodiments, in response to detecting a click operation of the target user on the node, the execution body may determine whether the clicked node is the target node according to the attribute of the clicked node.

As an example, in response to the clicked node being a parent node, the execution body may determine that the clicked node is not a target node. In response to the clicked node being a child node, the execution body may determine that the clicked node is a target node.

And step 204, in response to determining that the clicked node is a target node, displaying the data to be displayed based on the data for interaction.

In some embodiments, in response to the clicked node being the target node, the executing entity may transmit the data for interaction to a target receiving end (e.g., a back-end server of the executing entity). Then, the execution body may display the data to be displayed to a target page.

With continued reference to fig. 3, a flow chart 300 of further embodiments of a data display method of a tree structure according to the present disclosure is shown. The method may be performed by the computing device 101 in fig. 1. The data display method of the tree structure comprises the following steps:

step 301, a dataset of a target tree structure is acquired.

In some embodiments, the specific implementation of step 301 and the technical effects thereof may refer to step 201 in those embodiments corresponding to fig. 2, which are not described herein.

Step 302, obtaining data transmitted by a target interface corresponding to the target tree structure.

In some embodiments, the execution body may acquire data transmitted by a target interface corresponding to the target tree structure.

Step 303, extracting the data in the data set based on a preset data structure to obtain the data to be displayed.

In some embodiments, the executing body may extract data in the data set based on a preset data structure, so as to obtain data to be displayed. Here, the preset data structure may be a structure of an object array.

And step 304, extracting the transmitted data based on the preset data structure to obtain data for interaction.

In some embodiments, the execution entity may extract the transmitted data based on the data structure, to obtain the data for interaction. Here, the data for interaction includes an interaction field and a value. As an example, the data for interaction may be a field in a "data" object and a value corresponding to the field.

In step 305, in response to detecting a click operation of the target user on the node, it is determined whether the clicked node is the target node.

In some embodiments, the specific implementation of step 305 and the technical effects thereof may refer to step 203 in those embodiments corresponding to fig. 2, which are not described herein.

And step 306, in response to determining that the clicked node is not the target node, performing hidden display on the multi-selection frame of the clicked node.

In some embodiments, in response to determining that the clicked node is not the target node, the execution body may determine that the clicked node is a parent node. Then, the execution body may hide the multi-box of the clicked node by changing the style (e.g., CASCADING STYLE SHEET, CSS style) of the clicked node.

In some optional implementations of some embodiments, the method further includes: responding to the determination that the clicked node is a target node, and acquiring the selected state of the clicked node; based on the selected state, performing exclusive processing on the clicked node; and displaying the data to be displayed based on the data for interaction in response to determining that the exclusive processing is completed. Here, the selected state may be "selected" or "unselected". The exclusive processing may be processing of changing the selected state of the node. As an example, the selected state of the clicked node is "selected", and the selected state after the exclusive processing is "unselected".

And step 307, in response to detecting the click operation of the target user on the clicked node and the display state of the clicked node, displaying the tree structure of the clicked node.

In some embodiments, in response to detecting the click operation of the target user on the clicked node and the display state of the clicked node, the execution body may display a tree structure of the clicked node. Here, the display state may be "display" or "hidden". As an example, in response to detecting the click operation of the target user on the "node a", the display state of the "node a" is "hidden", and the execution body may display the tree structure of the "node a". Otherwise, the execution body may perform "hidden" display on the tree structure of the "node a".

As can be seen in fig. 3, the flow 300 of the tree structured data display method in some embodiments corresponding to fig. 3 embodies the steps of expanding the process of how to extract a data set in response to determining that the clicked node is not the target node, as compared to the description of some embodiments corresponding to fig. 2. Thus, the schemes described in these embodiments may extract the data set through a preset data structure, and determine that the clicked node is not the target node and then hide the multi-box of the clicked node. The ambiguity of the user in the click selection process is avoided, and the experience is improved.

With further reference to fig. 4, as an implementation of the method described above for each of the above figures, the present disclosure provides some embodiments of a tree-structured data display apparatus, which correspond to those described above for fig. 2, and which are particularly applicable to various electronic devices.

As shown in fig. 4, the tree-structured data display apparatus 400 of some embodiments includes: an acquisition unit 401, an extraction unit 402, a determination unit 403, and a display unit 404. Wherein the acquisition unit 401 is configured to acquire a data set of a target tree structure; the extraction unit 402 is matched with the extraction of the data in the data set to obtain the data to be displayed and the data for interaction; the determining unit 403 is configured to determine, in response to detecting a click operation of the target user on the node, whether the clicked node is the target node; the display unit 404 is configured to display the data to be presented based on the data for interaction in response to determining that the clicked node is a target node.

In some optional implementations of some embodiments, the extraction unit 402 of the tree-structured data display apparatus 400 includes: the acquisition subunit is configured to acquire data transmitted by a target interface corresponding to the target tree structure; the first extraction subunit is configured to extract the data in the data set based on a preset data structure to obtain the data to be displayed; and the second extraction subunit is configured to extract the transmitted data based on the preset data structure to obtain data for interaction.

In some alternative implementations of some embodiments, the data for interaction described above includes an interaction field and a value.

In some optional implementations of some embodiments, the determining unit 403 of the tree-structured data display apparatus 400 is further configured to: responsive to determining that the clicked node is a target node, acquiring a selected state of the clicked node; performing exclusive processing on the clicked node based on the selected state; and in response to determining that the exclusive processing is completed, displaying the data to be displayed based on the data for interaction.

In some optional implementations of some embodiments, the tree structured data display apparatus 400 is further configured to: and in response to determining that the clicked node is not the target node, performing hidden display on the multi-selection frame of the clicked node.

In some optional implementations of some embodiments, the tree structured data display apparatus 400 is further configured to: and responding to detection of clicking operation of the target user on the clicked node and display state of the clicked node, and displaying the tree structure of the clicked node.

It will be appreciated that the elements described in the apparatus 400 correspond to the various steps in the method described with reference to fig. 2. Thus, the operations, features and resulting benefits described above with respect to the method are equally applicable to the apparatus 400 and the units contained therein, and are not described in detail herein.

Referring now to FIG. 5, a schematic diagram of an electronic device (e.g., computing device 101 of FIG. 1) 500 suitable for use in implementing some embodiments of the disclosure is shown. The server illustrated in fig. 5 is merely an example, and should not be construed as limiting the functionality and scope of use of embodiments of the present disclosure in any way.

As shown in fig. 5, the electronic device 500 may include a processing means (e.g., a central processing unit, a graphics processor, etc.) 501, which may perform various appropriate actions and processes according to a program stored in a Read Only Memory (ROM) 502 or a program loaded from a storage means 508 into a Random Access Memory (RAM) 503. In the RAM503, various programs and data required for the operation of the electronic apparatus 500 are also stored. The processing device 501, the ROM 502, and the RAM503 are connected to each other via a bus 504. An input/output (I/O) interface 505 is also connected to bus 504.

In general, the following devices may be connected to the I/O interface 505: input devices 506 including, for example, a touch screen, touchpad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; an output device 507 including, for example, a Liquid Crystal Display (LCD), a speaker, a vibrator, and the like; storage 508 including, for example, magnetic tape, hard disk, etc.; and communication means 509. The communication means 509 may allow the electronic device 500 to communicate with other devices wirelessly or by wire to exchange data. While fig. 5 shows an electronic device 500 having various means, it is to be understood that not all of the illustrated means are required to be implemented or provided. More or fewer devices may be implemented or provided instead. Each block shown in fig. 5 may represent one device or a plurality of devices as needed.

In particular, according to some embodiments of the present disclosure, the processes described above with reference to flowcharts may be implemented as computer software programs. For example, some embodiments of the present disclosure include a computer program product comprising a computer program embodied on a computer readable medium, the computer program comprising program code for performing the method shown in the flow chart. In such embodiments, the computer program may be downloaded and installed from a network via the communications device 509, or from the storage device 508, or from the ROM 502. The above-described functions defined in the methods of some embodiments of the present disclosure are performed when the computer program is executed by the processing device 501.

It should be noted that, in some embodiments of the present disclosure, the computer readable medium may be a computer readable signal medium or a computer readable storage medium, or any combination of the two. The computer readable storage medium can be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or a combination of any of the foregoing. More specific examples of the computer-readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In some embodiments of the present disclosure, a computer readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. In some embodiments of the present disclosure, however, the computer-readable signal medium may comprise a data signal propagated in baseband or as part of a carrier wave, with the computer-readable program code embodied therein. Such a propagated data signal may take any of a variety of forms, including, but not limited to, electro-magnetic, optical, or any suitable combination of the foregoing. A computer readable signal medium may also be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device. Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to: electrical wires, fiber optic cables, RF (radio frequency), and the like, or any suitable combination of the foregoing.

In some embodiments, the clients, servers may communicate using any currently known or future developed network protocol, such as HTTP (HyperText Transfer Protocol ), and may be interconnected with any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), the internet (e.g., the internet), and peer-to-peer networks (e.g., ad hoc peer-to-peer networks), as well as any currently known or future developed networks.

The computer readable medium may be embodied in the apparatus; or may exist alone without being incorporated into the electronic device. The computer readable medium carries one or more programs which, when executed by the electronic device, cause the electronic device to: acquiring a data set of a target tree structure; extracting the data in the data set to obtain the data to be displayed and the data for interaction; in response to detecting a click operation of a target user on the node, determining whether the clicked node is the target node; and in response to determining that the clicked node is a target node, displaying the data to be displayed based on the data for interaction.

Computer program code for carrying out operations for some embodiments of the present disclosure may be written in one or more programming languages, including an object oriented programming language such as Java, smalltalk, C ++ and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any kind of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or may be connected to an external computer (for example, through the Internet using an Internet service provider).

The flowcharts and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.

The units described in some embodiments of the present disclosure may be implemented by means of software, or may be implemented by means of hardware. The described units may also be provided in a processor, for example, described as: a processor includes an acquisition unit, an extraction unit, a determination unit, and a display unit. The names of these units do not constitute a limitation on the unit itself in some cases, and for example, the acquisition unit may also be described as "a unit that acquires a data set of a target tree structure".

The functions described above herein may be performed, at least in part, by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: a Field Programmable Gate Array (FPGA), an Application Specific Integrated Circuit (ASIC), an Application Specific Standard Product (ASSP), a system on a chip (SOC), a Complex Programmable Logic Device (CPLD), and the like.

The foregoing description is only of the preferred embodiments of the present disclosure and description of the principles of the technology being employed. It will be appreciated by those skilled in the art that the scope of the invention in the embodiments of the present disclosure is not limited to the specific combination of the above technical features, but encompasses other technical features formed by any combination of the above technical features or their equivalents without departing from the spirit of the invention. Such as the above-described features, are mutually substituted with (but not limited to) the features having similar functions disclosed in the embodiments of the present disclosure.

Claims

1. A data display method of a tree structure, comprising:

Acquiring a data set of a target tree structure;

Extracting the data in the data set to obtain the data to be displayed and the data for interaction;

determining whether the clicked node is a target node or not according to the detection of the click operation of the target user on the node, wherein the clicked node is determined to be the target node according to the attribute of the clicked node, and determining the clicked node to be the target node according to the fact that the clicked node is a child node;

Responsive to determining that the clicked node is a target node, displaying the data to be displayed based on the data for interaction;

the response to determining that the clicked node is a target node, displaying the data to be displayed based on the data for interaction, including:

Responsive to determining that the clicked node is a target node, acquiring a selected state of the clicked node;

Performing exclusive processing on the clicked node based on the selected state, wherein the exclusive processing is processing for changing the selected state of the node;

And in response to determining that the exclusive processing is completed, displaying the data to be displayed based on the data for interaction.

2. The method according to claim 1, wherein the extracting the data in the dataset to obtain the data to be displayed and the data for interaction comprises:

acquiring data transmitted by a target interface corresponding to the target tree structure;

based on a preset data structure, extracting the data in the data set to obtain the data to be displayed;

and extracting the transmitted data based on the preset data structure to obtain data for interaction.

3. The method of claim 2, wherein the data for interaction comprises an interaction field and a value.

4. The method according to claim 1, wherein the method further comprises:

And in response to determining that the clicked node is not the target node, performing hidden display on the multi-selection frame of the clicked node.

5. The method according to claim 4, wherein the method further comprises:

and responding to detection of clicking operation of the target user on the clicked node and display state of the clicked node, and displaying the tree structure of the clicked node.

6. A data display device of tree structure, comprising:

An acquisition unit configured to acquire a data set of a target tree structure;

the extraction unit is configured to extract the data in the data set to obtain the data to be displayed and the data for interaction;

A determining unit configured to determine whether the clicked node is a target node in response to detecting a click operation of the target user on the node, wherein the clicked node is determined to be the target node according to the attribute of the clicked node, and the clicked node is determined to be the target node in response to the clicked node being a child node;

A display unit configured to display the data to be presented based on the data for interaction in response to determining that the clicked node is a target node;

The determination unit of the data display apparatus of the tree structure is further configured to: responsive to determining that the clicked node is a target node, acquiring a selected state of the clicked node; performing exclusive processing on the clicked node based on the selected state, wherein the exclusive processing is processing for changing the selected state of the node; and in response to determining that the exclusive processing is completed, displaying the data to be displayed based on the data for interaction.

7. The apparatus of claim 6, wherein the extraction unit comprises:

the acquisition subunit is configured to acquire data transmitted by a target interface corresponding to the target tree structure;

the first extraction subunit is configured to extract the data in the data set based on a preset data structure to obtain the data to be displayed;

and the second extraction subunit is configured to extract the transmitted data based on the preset data structure to obtain data for interaction.

8. An electronic device, comprising:

One or more processors;

a storage device having one or more programs stored thereon;

When executed by the one or more processors, causes the one or more processors to implement the method of any of claims 1-5.

9. A computer readable medium having stored thereon a computer program, wherein the program when executed by a processor implements the method of any of claims 1-5.