CN101408877B - Tree node loading system and method thereof - Google Patents

Abstract

The present invention discloses a tree node loading system and method, which are applied to a client and a server. The present invention first obtains the identifier (ID) and type (type) of the currently clicked node of a tree object, and then initializes a data container to store data obtained from a designated data source position of the server in the data container. The identifier and type of the currently clicked node are transmitted to the designated data source of the server, and the designated data source is queried accordingly to obtain all the child node data of the next layer of the currently clicked node. The acquired data is used to assign values to the attributes of the tree object to load all the child nodes of the next layer of the currently clicked node.

Description

Tree node loading system and method thereof

technical field

The present invention relates to a method for obtaining corresponding data by loading tree nodes, in particular to a system in which a client loads tree nodes with a huge amount of nodes from a server under a client-server (client-server) architecture and its methods.

Background technique

Usually, many items have a navigation tree function for interface operation and navigation purposes. However, because some projects contain a huge amount of tree nodes, such as tens of thousands or more nodes, when the data of all tree nodes is loaded from the server at one time using known technologies, it will cause data collection and transmission pressure on the server. Moreover, in the case of a large number of tree nodes, loading all node data at one time will also lead to a long loading time, which in turn will cause a long waiting time for the user. Therefore, the above-mentioned tree node loading method in the known technology has the problems of low efficiency, slow page display speed and inflexible tree processing.

In addition, when clicking on some tree nodes to load data from the server side, no other operations can be performed in the client page. The known technology cannot realize the parallel operation of the user while loading the tree nodes, so there is a problem of lack of interface friendliness.

Contents of the invention

The object of the present invention is to provide a tree node loading system and method thereof, so as to reduce the loading pressure on the server side when there are a large number of tree nodes, and further improve the loading efficiency of the tree nodes, so as to solve the problems existing in the above-mentioned known technologies.

In order to achieve the above object, the present invention provides a tree node loading system, which is applied to a client and a server, and includes an attribute acquisition module, an initialization module, a query module, a transmission module and a loading module; here , the attribute acquisition module acquires the identifier (id) and type (type) of the currently clicked node of the tree object according to an instantiated tree object, and the initialization module initializes a data container, so as to specify this data container to acquire data according to the currently clicked node The location of the data source. The query module queries the specified data source according to the identifier and type of the currently clicked node, so as to obtain all child node data of the layer below the currently clicked node. The transmission module is used to transmit the identifier and type of the currently clicked node from the client to the specified data source in the server, and transmit the obtained child node data to the data container of the client. The loading module assigns values to the properties of the tree object by using the obtained sub-node data in the data container, so as to load all sub-nodes of the lower layer of the currently clicked node.

The tree node loading system of the present invention also includes a display module, and the display module uses special symbols to separate each node of the loaded sub-node and the attributes of each node, and the node data forming the loaded sub-node is a character string , and process this string in a display format to display the loading child node.

The tree node loading system of the present invention also includes a permission processing module, which obtains the permission of the currently clicked node according to the identifier, and provides it to the query module to query the specified data source according to the permission, identifier and type of the currently clicked node.

The tree node loading system of the present invention also includes a parallel processing module, which is used to execute a parallel operation on the client side, and then process other operations while the currently clicked node obtains all child node data of its next layer from the server side.

A tree node loading method provided by the present invention is applied to a client and a server, and the method includes the following steps: instantiating a tree object, and obtaining the identifier (id) of the currently clicked node of the tree object and Type (type); initialize a data container to store the data obtained from the specified data source location on the server side in the data container; after the initialization of the data container is completed, send the identifier and type of the currently clicked node from the client to the server According to the identifier and type of the currently clicked node, query the specified data source to obtain all the sub-node data of the next layer of the currently clicked node; transmit the obtained sub-node data to the data container of the client; and use The acquired sub-node data in the data container assigns values to the properties of the tree object to load all sub-nodes under the currently clicked node.

The present invention does not load all the node data of the tree object at one time, but adopts decentralized processing for a certain required node, and only loads all the sub-node data of the lower level of the currently clicked node. Therefore, not only the data loading pressure on the server side is reduced, but also the data display speed of the tree nodes can be increased, the user's waiting time can be reduced, and the user's timely and fast browsing needs can be satisfied.

In addition, the present invention can further reduce the pressure on the server to obtain data by increasing the authority processing of the currently clicked node as a data query condition on the server side to filter data without authority.

In the case of a huge amount of tree nodes, the present invention can enable the user to perform other operations on the page at the same time when acquiring sub-node data, thus providing a friendly user interface.

The present invention will be described in detail below in conjunction with the accompanying drawings and specific embodiments, but not as a limitation of the present invention.

Description of drawings

Fig. 1 is a system block diagram of a tree node loading system according to an embodiment of the present invention;

Fig. 2 and Fig. 3 are the flow chart of steps of the tree node loading method of the present invention; And

FIG. 4 is a flowchart of parallel processing of tree node loading and other operations in the present invention.

Among them, reference signs:

10 clients

12 Attribute acquisition module

14 Initialize the module

16 data container

18 transmission module

20 server side

22 Authority processing module

24 query module

26 Loading modules

28 display module

Step 102 Instantiate the tree object

Step 104 Obtain the identifier (id) and type (type) of the clicked node

Step 106 Initialize a tree node data container to store the data obtained from the specified data source location in the data container

Step 108 Pass the node identifier and type on the client side to the specified data source on the server side

Step 110 Obtain the permission content of the clicked node according to the node identifier

Step 112 Determine user permissions

Step 114 Query the database according to the node identifier, type and permission conditions

Step 116 Obtain all sub-node data of the level below the clicked node that meets the conditions

Step 118 Return the search data to the client data container

Step 120 Take out the acquired data from the data container and assign values to the properties of the tree object to load child nodes

Step 122 Use special symbols to separate the loaded sub-nodes to form and obtain node data as a complete string

Step 124 Process the composed string by displaying

Step 126 Display the next layer of child nodes of the clicked node

Step 128 Return no permission information

Step 130 The interface prompts that the user does not have permission for this node

Step 200 Click on a tree node

Step 202 Pass tree node type and identifier

Step 204 Obtain data from the server

Step 206 Load data status

Step 208 Highlight this node after returning

Step 210 Operation button

Step 212 Execute add, delete, modify, check operations

Step 214 The background server processes the operation request

Step 216 returns the operation result

Detailed ways

Please refer to FIG. 1 , which shows a tree node loading system according to an embodiment of the present invention, which is applied to a client 10 and a server 20 .

As shown in FIG. 1 , the system includes an attribute acquisition module 12 , an initialization module 14 , a transmission module 18 , a query module 24 and a loading module 26 . Attribute acquisition module 12 obtains the identifier (id) and the type (type) attribute of its currently clicked tree node from an instantiated tree object, and initialization module 14 is used for initializing a data container 16, and wherein data container 16 is used for holding self The tree node data obtained by the server end 20. By initializing the data container 16, it will be possible to designate the data source location of the data obtained by the data container 16 in combination with the currently clicked node identifier (id) and type (type).

The transmission module 18 transmits the id and type of the clicked node from the client 10 to the specified data source in the server 20 to provide the database of the server 20 for processing. For example, the code form to realize the above operation is as follows:

Data container.URL="points to the specific location of the data source.do (for example, the application of an embodiment adopts the trust method)? nodetype="+type+"&nodeuuid="+id information;

datacontainer.reset();

The query module 24 of the server side 20 is used to query the specified data source according to the identifier and type of the currently clicked node, so as to obtain all child node data of the layer below the currently clicked node. The query module 24 first judges according to the type of the tree node transmitted from the client 10, and searches the data corresponding to the id according to the type in the database of the specified data source. The data returned by the query module 24 to the client 10 is the value of five key attributes of the tree object separated by special characters.

In this embodiment, the tree node loading system of the present invention further includes a permission processing module 22 . The authority processing module 22 obtains the authority for the currently clicked node stored in the session according to the id passed by the transmission module 18, and provides it to the query module 24 as a query condition for obtaining data.

Therefore, in addition to retrieving the database of the specified data source according to the id and type of the currently clicked node, in order to obtain all the child node data of the next layer of the currently clicked node, the query module 24 also needs the authority transmitted by the authority processing module 22 The content is judged and processed, and then the queried data is further filtered according to this condition. For different permissions, the obtained data should also be different.

The query module 24 returns the retrieved qualified data content to the transmission module 18 , and the transmission module 18 transmits the returned data to the data container 16 . The data container 16 is used as an intermediate state hierarchy for containing data corresponding to tree object attributes. The loading module 26 is used for initializing the tree object, takes out the child node data corresponding to the tree object attribute from the data container 16, and puts it into an array for tree initialization data, and then assigns and initializes the attribute of the tree object, with Load all child nodes of the layer below the currently clicked node.

As shown in FIG. 1 , the tree node loading system of this embodiment may further include a display module 28 . After the display module 28 obtains the attribute information that can ensure the display of the child nodes of the currently clicked node, it uses special symbols to separate each node of all loaded child nodes and the attributes of each node to form a loaded child node. The node data of is a string. And use the display format, such as html, to process this string, so as to transmit the node data through the network, and then combine the node data of the currently clicked node to display all the child nodes of the next level.

In addition, the present invention can also include a parallel processing module (not shown in FIG. 1 ), which is used to execute a parallel operation on the client 10, and then obtain all sub-node data of the next layer from the server 20 at the currently clicked node. At the same time, other operations are processed. For example, after the user clicks on a certain node, the server 20 can be used to obtain corresponding node data, and the user can simultaneously perform other operations on the page, such as adding, deleting, modifying, searching, and the like. Therefore, the use efficiency of the user can be improved, and the flexibility and user interface friendliness of the system can also be improved.

Please refer to FIG. 2 and FIG. 3 again, which show a flow chart of the steps of the tree node loading method of the present invention.

As shown in the figure, the tree node loading method of the present invention comprises the following steps: first instantiate a tree object (step 102), then obtain the identifier (id) and type (type) attribute of the currently clicked node of the tree object (step 104). Then, a data container is initialized to be ready to contain the node data obtained from the server. By initializing the data container, the currently clicked node identifier (id) and type (type) can be combined to store the data obtained from the specified data source location on the server side in the data container (step 106 ).

The implementation code form of the specified server-side data source is as follows:

Data container.URL="points to the specific location of the data source.do (for example, the application of an embodiment adopts the trust method)? nodetype="+type+"&nodeuuid="+id information;

datacontainer.reset();

By specifying the data source of the data container, at the same time, the query condition: the type and id of the clicked node is passed to the background server, which can facilitate the processing and operation of the database.

Then, it is necessary to transmit the id and type of the clicked node from the client to the designated data source in the server (step 108), so as to provide the database of the server for processing.

Before querying the server-side database according to the id and type of the clicked node, a permission judgment step may be included as a query condition for obtaining data. For example, according to the id passed by the client, obtain the permission content for the currently clicked node stored in the session (step 110), and judge the user permission according to the obtained permission content (step 112). If there is no such user authority, return no authority information (step 128), and may further prompt the user on the interface that the user does not have this node authority (130). If there is user authority, search the database information of the specified data source according to the query condition (step 114). In addition to the id and type of the currently clicked node, the query conditions also include user node permissions. Therefore, for all the sub-node data of the next layer of the currently clicked node obtained according to the id and type of the currently clicked node, further screening of the queried data is required according to the permission conditions. In the case of different permissions, the obtained data is also correspondingly different.

When querying the specified data source according to the identifier and type of the currently clicked node to obtain all the child node data of the next layer of the currently clicked node, first judge according to the type of the tree node, and search according to the type in the database of the specified data source Data corresponding to id. For example, the implementation code for performing the above operations according to the passed query conditions, namely type and id, is as follows:

if(type is "A")

{

The database searches for type A nodes, and at the same time obtains the corresponding data according to the id of the current node (including exception handling inside)

Get the returned data.

return "success":

}

Else if(type is "B")

{

   ..........//Equal to the above code processing.

}

Then, return corresponding search data to the data container of the client according to the return value (step 118). Here, the data returned to the client is the value containing 5 key attributes of the tree object separated by special characters.

After the client receives the returned data, it initializes the tree object, takes out the sub-node data corresponding to the properties of the tree object from the data container, and puts it into the array used for tree initialization data, and then assigns the properties of the tree object and The initialization operation is to load all child nodes of the layer below the currently clicked node (step 120).

Finally, the loaded child nodes can be displayed on the interface through display processing. The specific steps are as follows: First, after obtaining the attribute information that can ensure the display of the child nodes of the currently clicked node, use special symbols to separate each node of all loaded child nodes and the attributes of each node to form a Load the node data of the child node as a character string (step 122). And adopt display format to process this character string (step 124), here, display format such as html mode, and then combine the node data of currently clicked node to display all child nodes of its next level (step 126). For the html mode, the nodes are displayed in the form of web pages.

It should be pointed out that the currently clicked node in the present invention may be the root node or a child node under the root node. Corresponding to the root node, the page is initially displayed as the root node, and whether the current node contains child nodes is determined by its attribute haschild. If the clicked node contains child nodes, pass the id and type of the node to the server to obtain the corresponding node data, then load and display the child nodes of the next layer; if the node does not contain child nodes, the above logic will not be executed operate. After the lower child nodes of the currently clicked node are displayed, if you continue to click one of the child nodes, the above steps are also performed to display all the lower child nodes of this node.

In addition, the present invention can also realize the step of executing a parallel operation on the client side to process other operations while the currently clicked node obtains child node data from the server side.

As shown in Figure 4, as mentioned in the steps of the above-mentioned tree node loading method, after the user clicks on a certain tree node (step 200), the type and identifier of the tree node will be transmitted to the server (step 202), and then automatically The server side obtains corresponding node data (step 204). And load and obtain data on the client side (step 206), and then return the single-layer sub-node of this tree node (step 208). In the case of a huge number of tree nodes, there may be a certain time delay to obtain the corresponding data from the server. Therefore, the user can take advantage of this time delay to perform other operations on the page at the same time, and operate buttons (buttons) that are not related to the tree. For example, activate the operable button (step 210), and then perform operations such as adding, deleting, modifying, searching, etc. (step 212). The background server performs corresponding processing according to the user's operation request (step 214), and returns the operation result to the user (step 216).

In this way, the button operation can be completed within the time of retrieving node data. The parallel implementation of the above nodes and operations does not do other processing, which belongs to a way of web page display support. As long as other buttons are not blocked during the process of tree fetching data, the operation of clicking the button can be performed.

The present invention can solve the problems that the number of tree nodes in some projects is huge (more than 10,000 or even 100,000), but there are problems such as slow loading speed, lack of dynamic operability, and interface friendliness. A tree node loading system and method thereof. The invention realizes the loading operation by reducing the pressure on the server end and changing the way of data acquisition. At the same time, this implementation method has strong compatibility and scalability, and can be applied to many projects that require a large number of tree nodes and high efficiency requirements.

Certainly, the present invention also can have other multiple embodiments, without departing from the spirit and essence of the present invention, those skilled in the art can make various corresponding changes and deformations according to the present invention, but these corresponding changes All changes and modifications should belong to the scope of protection of the appended claims of the present invention.

Claims (8)

1. A tree node loading system applied to a client and a server, characterized in that the system comprises: An attribute acquisition module, which acquires the identifier and type of the currently clicked node of the tree object according to an instantiated tree object; An initialization module, which initializes a data container of the client, so as to specify the data source position of the data container to obtain data according to the currently clicked node; A transmission module, used to transmit the identifier and type of the currently clicked node from the client to the specified data source in the server; A query module, querying the specified data source according to the identifier and type of the currently clicked node, so as to obtain all sub-node data of the lower layer of the currently clicked node, and the transmission module transmits the obtained sub-node data to the client's within the data container; An authority processing module, which obtains the authority of the currently clicked node according to the identifier, so as to provide it to the query module to query the specified data source according to the authority, identifier and type of the currently clicked node; A loading module, which assigns values to the attributes of the tree object by using the acquired sub-node data in the data container, so as to load all sub-nodes of the lower layer of the currently clicked node; and A display module, using special symbols to separate each node of the loaded sub-node and the attributes of each node, the node data that composes the loaded sub-node is a string, and uses the display format to process the string , to display the loading subnode. 2. The tree node loading system according to claim 1, further comprising a parallel processing module configured to perform a parallel operation on the client, and then obtain the current clicked node from the server side All sub-node data of a layer process other operations at the same time. 3. A tree node loading method applied to a client and a server, characterized in that the method comprises the following steps: Instantiate a tree object, and obtain the identifier (id) and type (type) of the currently clicked node of the tree object; Initialize a data container, so as to store the data obtained from the specified data source location on the server in the data container; transmitting the identifier and type of the currently clicked node from the client to the designated data source of the server; According to the identifier and type of the currently clicked node, query the specified data source to obtain all child node data of the layer below the currently clicked node; transmitting the obtained child node data into the data container of the client; and Using the acquired child node data in the data container to assign values to the attributes of the tree object, so as to load all the child nodes of the layer below the currently clicked node. 4. The method for loading tree nodes according to claim 3, further comprising a step of displaying the loaded child nodes. 5. The tree node loading method according to claim 4, wherein the step of displaying the loaded child node comprises: Use special symbols to separate each node of the loaded child node and the attributes of each node, so that the node data of the loaded child node is a string; and Processes the string in a display format to display the loaded child node. 6 . The tree node loading method according to claim 5 , wherein the display format is html, so as to display the loaded sub-node in the form of a web page. 7 . 7. The tree node loading method according to claim 3, wherein the step of querying the designated data source according to the identifier and type of the currently clicked node further comprises: Obtain the currently clicked node permission according to the identifier; and Query the specified data source according to the permission, identifier and type of the currently clicked node, so as to obtain all child node data of the lower layer of the currently clicked node. 8. The tree node loading method according to claim 3, further comprising the step of performing a parallel operation on the client side, so as to obtain all the child nodes of the next layer from the server side at the currently clicked node. Node data while processing other operations.

Images