Backend data scheduling method and device, equipment, storage medium and program product

Abstract

The invention relates to the technical field of cloud computing, and discloses a back-end data scheduling method and device, equipment, a storage medium and a program product.The back-end data scheduling method comprises the steps that in response to triggering of a button assembly, first modification information is determined; modifying a first modification object in the parent component data cluster according to the first modification information to obtain a second modification object; modifying a target interface in the interface cluster according to the second modification object, and obtaining back-end data from a back end according to the target interface; according to the back-end data, updating first cluster data corresponding to a first modification object in the parent component data cluster to obtain second cluster data; and updating third cluster data corresponding to a third modification object in the sub-component data cluster according to the second cluster data. According to the invention, the child component, the parent component and the interface component are clustered, and the back-end data is scheduled through the cluster, so that the interaction efficiency between the front end and the back end is improved.

Description

Technical Field

[0001] The present invention relates to the field of cloud computing technology, and in particular to a backend data scheduling method, device, equipment, storage medium and program product. Background Art

[0002] With the popularity and development of cloud computing, in order to adapt to the development of cloud computing, many front-end frameworks and tools suitable for cloud environments have also emerged in the field of front-end development. For example, front-end frameworks such as React and Vue.js provide rich component libraries and tool libraries, allowing front-end developers to build user interfaces for cloud applications more efficiently.

[0003] At present, the front-end and back-end separation architecture technology has also been widely used in the cloud computing environment. The front-end and back-end separation architecture technology clearly divides the development responsibilities of the front-end (user interface related development, such as web page display, interaction, etc.) and the back-end (server-side business logic processing, data storage and management, etc.), so that the front-end and back-end can be independently developed, deployed and maintained. This separation architecture improves the flexibility of front-end development and enhances the maintainability of front-end code.

[0004] However, since cloud computing applications need to process a large amount of data and the business logic is becoming more and more complex, the number of structures is growing exponentially. When the front-end and back-end separation architecture technology processes a large amount of data and complex business, the front-end development and the back-end data interact through multiple separate interfaces. During the front-end development process, a large number of interfaces need to be created, which slows down the response speed between the front-end development and the back-end data and reduces the interaction efficiency between the front-end and the back-end. Summary of the invention

[0005] In view of this, the present invention provides a backend data scheduling method, device, equipment, storage medium and program product to solve the problem of low interaction efficiency between the front end and the back end.

[0006] In a first aspect, the present invention provides a scheduling method for back-end data, comprising: in response to the triggering of a button component, determining first modification information corresponding to the button component, the first modification information being used to characterize the modification to a parent component data cluster and an interface cluster; modifying a first modification object corresponding to the first modification information in the parent component data cluster according to the first modification information to obtain a second modification object; modifying a target interface corresponding to the second modification object in the interface cluster according to the second modification object, and obtaining back-end data from the back-end according to the target interface, the cluster data in the parent component data cluster corresponding to the interface in the interface cluster one-to-one; updating first cluster data corresponding to the first modification object in the parent component data cluster according to the back-end data to obtain second cluster data; and updating third cluster data corresponding to a third modification object in the child component data cluster according to the second cluster data.

[0007] The present invention responds to the triggering of a button component, determines the first modification information corresponding to the button component, modifies the first modification object corresponding to the first modification information in the parent component data cluster to obtain a second modification object, modifies the target interface corresponding to the second modification object in the interface cluster according to the second modification object, obtains backend data from the backend according to the target interface, and the cluster data in the parent component data cluster corresponds one-to-one to the interfaces in the interface cluster. The present invention clusters the parent component data and the interface, and corresponds the cluster data in the parent component data cluster to the interfaces in the interface cluster one-to-one. When the parameters of the front-end development change, the parameters are modified through the relationship between the parent component data cluster and the port cluster, and the backend data is obtained from the backend according to the target interface, thereby avoiding the creation of a large number of interfaces, improving the transmission efficiency between the modification information and the interface, simplifying the code structure, and reducing the maintenance cost. After acquiring the backend data, the present invention updates the first cluster data corresponding to the first modification object in the parent component data cluster according to the backend data to obtain the second cluster data; and updates the third cluster data corresponding to the third modification object in the child component data cluster according to the second cluster data. The present invention effectively integrates the parent component data and the child component data through clustering processing, reduces data fragmentation, and effectively improves data utilization. Compared with the related art, the present invention accelerates the response speed between the front-end development and the back-end data, and improves the interaction efficiency between the front-end development and the back-end data by clustering the child component data, the parent component data, and the interface.

[0008] In an optional embodiment, the first modification information includes first modification data and a first modification object in a parent component data cluster; the first modification object corresponding to the first modification information in the parent component data cluster is modified according to the first modification information to obtain a second modification object, including: updating the data included in the first modification object to the first modification data to obtain the second modification object.

[0009] The first modification information of the present invention includes the first modification data and the first modification object in the parent component data cluster. The data included in the first modification object is directly updated to the first modification data to obtain the second modification object. There is no need to query the first modification object in the parent component data cluster, thereby improving the modification efficiency of the first modification object.

[0010] In an optional embodiment, the second modification object includes the first modification data and a target interface identifier; the target interface in the interface cluster corresponding to the second modification object is modified according to the second modification object, including: selecting the target interface from multiple interfaces in the interface cluster according to the target interface identifier; and modifying the attribute parameters corresponding to the target interface to the first modification data.

[0011] The second modification object of the present invention includes first modification data and a target interface identifier. According to the target interface identifier, a target interface is selected from multiple interfaces in the interface cluster, and the attribute parameters corresponding to the target interface are modified to the first modification data. The present invention clusters the parent component data and the interface to associate the parent component data cluster with the interface cluster, thereby improving the transmission efficiency of the second modification object and the modification efficiency of the attribute parameters.

[0012] In an optional embodiment, the target interface includes a location identifier of the backend data; obtaining the backend data from the backend according to the target interface includes: constructing a request response function according to the second modification object, and configuring parameters of the request response function to obtain a target request response function; calling the target request response function to obtain the backend data according to the location identifier of the backend data.

[0013] The present invention reduces the use of a large number of interfaces when acquiring a variety of back-end data by clustering interfaces, thereby improving the efficiency of acquiring back-end data.

[0014] In an optional embodiment, the third cluster data corresponding to the third modification object in the sub-component data cluster is updated according to the second cluster data, including: based on a preset response function, performing attribute conversion on the second cluster data to obtain fourth cluster data; the preset response function is used to convert the responsive attributes of the second cluster data corresponding to the parent component data cluster into non-responsive attributes; and the third cluster data corresponding to the third modification object in the sub-component data cluster is updated according to the fourth cluster data.

[0015] In an optional embodiment, after updating the third cluster data corresponding to the third modification object in the child component data cluster according to the second cluster data, the method also includes: passing the fourth cluster data to the image drawing component, controlling the image drawing component to draw the image to obtain the target image; controlling the parent component data cluster to reference the target image to update the page.

[0016] In a second aspect, the present invention provides a scheduling device for back-end data, comprising: a first modification information determination module, for determining first modification information corresponding to a button component in response to triggering a button component, the first modification information being used to characterize modifications to a parent component data cluster and an interface cluster; a second modification object determination module, for modifying a first modification object corresponding to the first modification information in a parent component data cluster according to the first modification information to obtain a second modification object; a back-end data acquisition module, for modifying a target interface corresponding to the second modification object in an interface cluster according to the second modification object, and for acquiring back-end data from a back-end according to the target interface, the cluster data in the parent component data cluster corresponding one-to-one to the interfaces in the interface cluster; a second cluster data determination module, for updating first cluster data corresponding to the first modification object in a parent component data cluster according to back-end data to obtain second cluster data; a third cluster data update module, for updating third cluster data corresponding to a third modification object in a child component data cluster according to the second cluster data.

[0017] In a third aspect, the present invention provides a computer device, comprising: a memory and a processor, the memory and the processor are communicatively connected to each other, computer instructions are stored in the memory, and the processor executes the scheduling method for back-end data of the above-mentioned first aspect or any corresponding embodiment thereof by executing the computer instructions.

[0018] In a fourth aspect, the present invention provides a computer-readable storage medium having computer instructions stored thereon, the computer instructions being used to enable a computer to execute the back-end data scheduling method of the above-mentioned first aspect or any corresponding embodiment thereof.

[0019] In a fifth aspect, the present invention provides a computer program product, comprising computer instructions for causing a computer to execute the method for scheduling backend data of the first aspect or any corresponding embodiment thereof. BRIEF DESCRIPTION OF THE DRAWINGS

[0020] In order to more clearly illustrate the specific embodiments of the present invention or the technical solutions in the related technologies, the drawings required for use in the specific embodiments or the related technical descriptions will be briefly introduced below. Obviously, the drawings described below are some embodiments of the present invention. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying creative work.

[0021] Figure 1 is a flow chart of a method for scheduling backend data according to an embodiment of the present invention;

[0022] Figure 2is a flow chart of another backend data scheduling method according to an embodiment of the present invention;

[0023] Figure 3 is a flow chart of another method for scheduling backend data according to an embodiment of the present invention;

[0024] Figure 4 is a schematic diagram of a process of drawing and referencing a subcomponent image according to an embodiment of the present invention;

[0025] Figure 5 It is a schematic diagram of the process of a clustered structure front-end development method based on the Yunxiao Intelligent Computing Platform according to an embodiment of the present invention;

[0026] Figure 6 is a structural block diagram of a backend data scheduling device according to an embodiment of the present invention;

[0027] Figure 7 It is a schematic diagram of the hardware structure of a computer device according to an embodiment of the present invention. DETAILED DESCRIPTION

[0028] In order to make the purpose, technical solution and advantages of the embodiments of the present invention clearer, the technical solution in the embodiments of the present invention will be clearly and completely described below in conjunction with the drawings in the embodiments of the present invention. Obviously, the described embodiments are part of the embodiments of the present invention, not all of the embodiments. Based on the embodiments of the present invention, all other embodiments obtained by those skilled in the art without creative work are within the scope of protection of the present invention.

[0029] At present, with the popularization and development of cloud computing, in order to adapt to the development of cloud computing, many front-end frameworks and tools suitable for cloud environments have also appeared in the field of front-end development. For example, front-end frameworks such as React and Vue.js provide rich component libraries and tool libraries, allowing front-end developers to build user interfaces for cloud applications more efficiently. The front-end and back-end separation architecture technology has also been widely used in the large environment of cloud computing. The front-end and back-end separation architecture technology clearly divides the development responsibilities of the front-end (user interface related development, such as web page display, interaction, etc.) and the back-end (server-side business logic processing, data storage and management, etc.), so that the front-end and back-end can be independently developed, deployed and maintained. This separation architecture improves the flexibility of front-end development and enhances the maintainability of front-end code.

[0030] However, front-end development in a cloud computing environment also faces the challenge of performance optimization. Since cloud computing needs to process a large amount of data and the business logic is becoming more and more complex, the number of structures is growing exponentially. When the front-end and back-end separation architecture technology processes a large amount of data and complex business, the front-end development and the back-end data interact through multiple separate interfaces. During the front-end development process, a large number of interfaces need to be created. During the front-end development process, when the parameters used for the front-end development change, it may be necessary to recreate the interface to obtain the corresponding back-end data from the back-end after the parameters change. The response speed between the front-end development and the back-end data is slow, and the interaction efficiency between the front-end and the back-end is low.

[0031] The embodiment of the present invention provides a scheduling method for backend data, which achieves the effect of improving the interaction efficiency between the front end and the back end by clustering interfaces.

[0032] According to an embodiment of the present invention, an embodiment of a scheduling method for back-end data is provided. It should be noted that the steps shown in the flowchart of the accompanying drawings can be executed in a computer system such as a set of computer executable instructions, and although a logical order is shown in the flowchart, in some cases, the steps shown or described can be executed in an order different from that shown here.

[0033] In this embodiment, a backend data scheduling method is provided, which can be used in a computer device. Figure 1 is a flowchart of a method for scheduling backend data according to an embodiment of the present invention. Figure 1 As shown, the process includes the following steps:

[0034] Step S101, in response to triggering a button component, determining first modification information corresponding to the button component, where the first modification information is used to represent the modification of a parent component data cluster and an interface cluster.

[0035] Among them, a button component is a graphical user interface element, usually presented as a clickable area of ​​a rectangle or other shape. The user triggers the action bound to the button component by clicking the mouse, touching the screen (on a mobile device), or using the Enter key on the keyboard (if the button component is set to be keyboard-operable), etc., such as modifying parameters, submitting a form, opening a new window, executing a script, etc. Exemplarily, different button components represent different backend data acquisition times, which can be 5 minutes, 15 minutes, 30 minutes, 1 hour, 2 hours, etc.

[0036] In some optional implementations, in response to triggering a button component, determining first modification information corresponding to the button component includes: in response to triggering the button component, determining a button component identifier, and generating the first modification information according to the button component identifier.

[0037] Exemplarily, when a button component represents the backend data acquisition time, in response to the triggering of the button component, it is determined that the modification parameter corresponding to the button component identifier is 5 minutes, and then the first modification information is generated. The first modification information includes the first modification data and the first modification object in the parent component data cluster. The first modification data is 5 minutes, and the first modification object is the time variable in the parent component data cluster.

[0038] In some optional embodiments, in response to the triggering of the button component, after determining the first modification information corresponding to the button component, the scheduling method of the back-end data also includes: passing the first modification information to the sub-component data cluster, and controlling the sub-component data cluster to pass the first modification information to the parent component data cluster.

[0039] In some optional embodiments, the first modification information is transferred to the parent component data cluster according to a first transfer function, and the first transfer function is used to transfer the data of the child component to the parent component.

[0040] Among them, the subcomponent data cluster is a plurality of subcomponent data cluster objects obtained after clustering the subcomponent data; the parent component data cluster is a plurality of parent component data cluster objects obtained after clustering the parent component data; the interface cluster is a plurality of interface cluster objects obtained after clustering the interface. Among them, the cluster data in the subcomponent data cluster corresponds one-to-one with the cluster data in the parent component data cluster, and the cluster data in the parent component data cluster corresponds one-to-one with the interface in the interface cluster.

[0041] Step S102: modify the first modification object corresponding to the first modification information in the parent component data cluster according to the first modification information to obtain a second modification object.

[0042] In some optional embodiments, the first modification information includes first modification data and a first modification object in a parent component data cluster, and the first modification object corresponding to the first modification information in the parent component data cluster is modified according to the first modification information to obtain a second modification object, including: updating the data included in the first modification object to the first modification data to obtain the second modification object.

[0043] Exemplarily, when the first modified data is 5 minutes and the first modified object is the time variable in the parent component data cluster, the data included in the time variable in the parent component data cluster is modified to 5 minutes, indicating that the time for obtaining the backend data from the backend is 5 minutes.

[0044] The first modification information of the embodiment of the present invention includes the first modification data and the first modification object in the parent component data cluster. The data included in the first modification object is directly updated to the first modification data to obtain the second modification object. There is no need to query the first modification object in the parent component data cluster, thereby improving the modification efficiency of the first modification object.

[0045] Step S103, modify the target interface corresponding to the second modification object in the interface cluster according to the second modification object, and obtain backend data from the backend according to the target interface, and the cluster data in the parent component data cluster corresponds one-to-one to the interface in the interface cluster.

[0046] Wherein, the second modified object is transferred from the parent component data cluster to the interface cluster through the interface transfer function.

[0047] In some optional embodiments, the second modification object includes first modification data and a target interface identifier; the target interface in the interface cluster corresponding to the second modification object is modified according to the second modification object, including: selecting a target interface from multiple interfaces in the interface cluster according to the target interface identifier; and modifying the attribute parameters corresponding to the target interface to the first modification data.

[0048] Among them, after the data included in the first modification object is updated to the first modification data, the second modification object is obtained, and the second modification object includes the first modification data. Since the cluster data in the parent component data cluster corresponds one-to-one to the interface in the interface cluster, the second modification object includes the target interface identifier in the interface cluster corresponding to the second modification object.

[0049] Exemplarily, when the first modification data is 5 minutes and the first modification object is the time variable in the parent component data cluster, the second modification object includes the first modification data of 5 minutes, and the second modification object includes the target interface identifier corresponding to the second modification object. According to the target interface identifier, a target interface is selected from multiple interfaces in the interface cluster, and the time variable corresponding to the target interface is modified to 5 minutes, indicating that the time for obtaining backend data from the backend is 5 minutes.

[0050] In some optional implementations, one target interface corresponds to multiple backend data in the backend, and the target interface includes location identifiers of the multiple backend data. When the backend data is obtained from the backend according to the target interface, it is obtained according to the location identifier.

[0051] The second modification object of the embodiment of the present invention includes first modification data and a target interface identifier. According to the target interface identifier, a target interface is selected from multiple interfaces in the interface cluster, and the attribute parameters corresponding to the target interface are modified to the first modification data. The embodiment of the present invention clusters the parent component data and the interface to associate the parent component data cluster with the interface cluster, thereby improving the transmission efficiency of the second modification object and improving the modification efficiency of the attribute parameters.

[0052] Step S104: Update the first cluster data corresponding to the first modification object in the parent component data cluster according to the backend data to obtain the second cluster data.

[0053] Among them, after obtaining the backend data, the backend data is passed to the parent component data cluster through the interface transfer function.

[0054] Exemplarily, the backend data represents data with a time of 5 minutes acquired from the backend, and the first cluster data corresponding to the time variable in the parent component data cluster is updated to the backend data.

[0055] Step S105: updating the third cluster data corresponding to the third modification object in the subcomponent data cluster according to the second cluster data.

[0056] Among them, the cluster data in the parent component data cluster corresponds one-to-one to the cluster data in the child component data cluster.

[0057] In some optional embodiments, the third cluster data corresponding to the third modification object in the sub-component data cluster is updated according to the second cluster data, including: based on a preset response function, performing attribute conversion on the second cluster data to obtain fourth cluster data; the preset response function is used to convert the responsive attributes of the second cluster data corresponding to the parent component data cluster into non-responsive attributes; and the third cluster data corresponding to the third modification object in the sub-component data cluster is updated according to the fourth cluster data.

[0058] The preset response function may be a toRefs function, which is a practical function in Vue.js and is mainly used to convert a responsive object (eg, an object created by a reactive function) into a normal object.

[0059] In some optional implementations, updating the third cluster data corresponding to the third modification object in the subcomponent data cluster according to the fourth cluster data includes: replacing the third cluster data corresponding to the third modification object in the subcomponent data cluster with the fourth cluster data.

[0060] The scheduling method for back-end data provided in the present embodiment responds to the triggering of a button component, determines the first modification information corresponding to the button component, modifies the first modification object corresponding to the first modification information in the parent component data cluster to obtain a second modification object, modifies the target interface corresponding to the second modification object in the interface cluster according to the second modification object, obtains the back-end data from the back-end according to the target interface, and the cluster data in the parent component data cluster corresponds one-to-one to the interfaces in the interface cluster. The embodiment of the present invention clusters the parent component data and the interface, and corresponds the cluster data in the parent component data cluster to the interfaces in the interface cluster one-to-one. When the parameters of the front-end development change, the parameters are modified through the relationship between the parent component data cluster and the port cluster, and the back-end data is obtained from the back-end according to the target interface, thereby avoiding the creation of a large number of interfaces, improving the transmission efficiency between the modification information and the interface, simplifying the code structure, and reducing the maintenance cost. After acquiring the backend data, the embodiment of the present invention updates the first cluster data corresponding to the first modification object in the parent component data cluster according to the backend data to obtain the second cluster data; and updates the third cluster data corresponding to the third modification object in the child component data cluster according to the second cluster data. The embodiment of the present invention effectively integrates the parent component data and the child component data through clustering processing, reduces data fragmentation, and effectively improves data utilization. Compared with the related art, the embodiment of the present invention accelerates the response speed between the front-end development and the back-end data, and improves the interaction efficiency between the front-end development and the back-end data by clustering the child component data, the parent component data, and the interface.

[0061] In this embodiment, a backend data scheduling method is provided, which can be used in a computer device. Figure 2 is a flowchart of another backend data scheduling method according to an embodiment of the present invention. Figure 2 As shown, the process includes the following steps:

[0062] Step S201, in response to triggering a button component, determining first modification information corresponding to the button component, the first modification information is used to represent the modification of the parent component data cluster and the interface cluster. Figure 1 Step S101 of the illustrated embodiment will not be described in detail here.

[0063] Step S202: modify the first modification object corresponding to the first modification information in the parent component data cluster according to the first modification information to obtain a second modification object.

[0064] Specifically, the above step S202 includes:

[0065] Step S2021, updating the data included in the first modification object to the first modification data, to obtain a second modification object.

[0066] Step S203, modify the target interface corresponding to the second modification object in the interface cluster according to the second modification object, and obtain backend data from the backend according to the target interface, and the cluster data in the parent component data cluster corresponds one-to-one to the interface in the interface cluster.

[0067] Specifically, the above step S203 includes:

[0068] Step S2031: Select a target interface from multiple interfaces in the interface cluster according to the target interface identifier.

[0069] Step S2032: modify the attribute parameters corresponding to the target interface to the first modification data.

[0070] Step S2033: construct a request response function according to the second modification object, and configure parameters of the request response function to obtain a target request response function.

[0071] Step S2034, calling the target request response function, and obtaining the backend data according to the location identifier of the backend data.

[0072] Among them, the request response function can be a request response function, and the parameter configuration of the request response function includes: baseURL (base uniform resource locator) setting, timeout setting, headers (header information of request and response) setting, withCredentials (attribute for cross-domain request) setting and paramsSerializer (function for serializing query parameters) setting, etc.

[0073] In an embodiment of the present invention, the scheduling method of back-end data also includes: setting request and response interceptors, and in the request interceptor and the response interceptor, performing related processing such as adding request headers, modifying request parameters, and determining response status codes on the request response functions.

[0074] Among them, in front-end development, it is often necessary to add some common header information in each request response function, and the user identity token needs to be added in the request header. Through the request interceptor, this header information can be added to all requests uniformly, avoiding the need to repeatedly write code to add header information in each request response function.

[0075] The functions of the response interceptor include: data preprocessing and cache data processing. Data preprocessing is to process the backend data returned by the backend before handing it over to the business logic layer for use. For example, the backend data returned by the backend may be compressed, and the response interceptor can decompress the backend data, or the date format of the backend data returned by the backend does not meet the front-end display requirements. The response interceptor modifies the date format of the backend data to meet the front-end display requirements. Cache data processing is to decide whether to cache the backend data based on the target request response function. For example, when the response header of the target request response function returned by the backend contains a Cache-Control field indicating that the backend data is cached, the response interceptor stores the backend data locally.

[0076] In some optional implementations, the target request response function is called, and after obtaining the backend data according to the location identifier of the backend data, the backend data and the default configuration data are merged to create a request instance, and the response interceptor is configured, and the request instance is returned to pass the backend data to the parent component data cluster.

[0077] Step S204: Update the first cluster data corresponding to the first modified object in the parent component data cluster according to the backend data to obtain the second cluster data. Figure 1 Step S104 of the illustrated embodiment will not be described in detail here.

[0078] Step S205: updating the third cluster data corresponding to the third modification object in the subcomponent data cluster according to the second cluster data.

[0079] Specifically, the above step S205 includes:

[0080] Step S2051, based on a preset response function, performing attribute conversion on the second cluster data to obtain fourth cluster data; the preset response function is used to convert the responsive attributes of the second cluster data corresponding to the parent component data cluster into non-responsive attributes.

[0081] Step S2052: update the third cluster data corresponding to the third modification object in the subcomponent data cluster according to the fourth cluster data.

[0082] Step S206: passing the fourth cluster data to the image drawing component, controlling the image drawing component to perform image drawing, and obtaining a target image.

[0083] Step S207, controlling the parent component data cluster to reference the target image to update the page.

[0084] In some optional implementations, after controlling the parent component data cluster to reference the target image to update the page, the page is displayed.

[0085] The scheduling method for backend data provided in this embodiment reduces the use of a large number of interfaces when acquiring various backend data by clustering interfaces, thereby improving the efficiency of acquiring backend data. The embodiment of the present invention controls the subcomponent data cluster to draw the target image, and controls the parent component data cluster to reference the target image to update the page. When there are many subcomponent data clusters that need to draw images, the subcomponent data cluster draws the target image, and the parent component data cluster only needs to reference the target image to update the page, thereby improving the efficiency of image drawing, thereby improving the page update speed.

[0086] In this embodiment, a backend data scheduling method is provided, which can be used in a computer device. Figure 3 is a flowchart of another backend data scheduling method according to an embodiment of the present invention. Figure 3 As shown, the process includes:

[0087] Trigger the button component, determine the corresponding button component according to the button component's ID (Identification), determine the cluster data corresponding to the button component, and pass the cluster data corresponding to the button component to the cluster data corresponding to the parent component. The child component passes the function to the parent component, and the child component data cluster data is given to the parent component.

[0088] The parent component receives the cluster data corresponding to the button component, and changes the object in the data cluster corresponding to the interface cluster, that is, assigns a value to the time variable in the parent component data cluster.

[0089] The interface component is called, the parent component data cluster is assigned to the interface cluster, and the interface component parameters are assigned, that is, the time parameter is passed to the interface cluster through the interface function. The interface function receives the obtained time parameter, re-calls the target request response function, and obtains the backend data from the backend.

[0090] The parent component receives the backend data obtained by the interface function, updates the parent component data cluster data, passes the data in the parent component data cluster to the child component through the function, and the child component parses the parent component cluster data and assigns the child component data cluster according to the parsed data. That is, the parent component passes the corresponding child component data cluster data in the data cluster to the child component through the component. Then, the child component parses the data object passed by the parent component data cluster through the toRefs method, and assigns the parsed data to the object corresponding to the corresponding child component data cluster.

[0091] The child component passes the data to the image drawing component to draw the image, and the parent component references the image to update the page. That is, the updated child component cluster data is passed to the image drawing component. The parent component references the child component and displays the image drawn according to the child component cluster data according to the object identifier in the parent component data cluster.

[0092] In some optional embodiments, such as Figure 4 The figure shows a flowchart of child component image drawing and referencing. For initializing the parent component data cluster, after the data is updated through the interface, the data in the updated parent component data cluster is passed to the child component through a function. The child component parses the parent component cluster data, assigns values ​​to the child component data cluster according to the parsed data, and passes the data to the image drawing component for image drawing. The parent component applies the image to update the page.

[0093] In some optional embodiments, such as Figure 5 As shown, it is a flow chart of a clustered structure front-end development method based on the Yunxiao Zhisuan platform. An embodiment of the present invention can be used in the Xiaozhisuan platform, including sub-components, parent components and interfaces, wherein the sub-components include sub-component data clusters, button components and drawn images, the parent component includes a parent component data cluster, the interface includes an interface cluster, and Ajax (Asynchronous JavaScript and XML, a technology for creating fast dynamic web pages) requests back-end data.

[0094] The specific implementation process is: trigger the button component in the child component, pass the time parameter to the child component data cluster through the button component method, and modify the data corresponding to the time parameter in the child component data cluster. The child component data cluster passes the updated data to the parent component through the button component method. The parent component passes the data to the parent component data cluster through the receiving child component data method. The parent component data cluster calls the interface method corresponding to the interface according to the directory to pass the data to the interface cluster. The interface cluster obtains different back-end data according to the interface directory. The interface cluster returns the back-end data to the parent component. The parent component saves the back-end data in the data directory through the interface method, and passes the back-end data to the child component through the passing child component data method according to the data directory. The child component parses the back-end data and passes the parsed back-end data to the child component data cluster. The child component passes the back-end data to the image drawing component for image drawing. The parent component updates the parent component data cluster by referring to the drawn image.

[0095] In this embodiment, a scheduling device for back-end data is also provided, which is used to implement the above-mentioned embodiments and preferred implementation modes, and the descriptions that have been made will not be repeated. As used below, the term "module" can implement a combination of software and / or hardware of a predetermined function. Although the devices described in the following embodiments are preferably implemented in software, the implementation of hardware, or a combination of software and hardware, is also possible and conceivable.

[0096] This embodiment provides a backend data scheduling device, such as Figure 6 As shown, including:

[0097] The first modification information determination module 601 is used to determine the first modification information corresponding to the button component in response to the triggering of the button component, and the first modification information is used to represent the modification of the parent component data cluster and the interface cluster.

[0098] The second modification object determination module 602 is used to modify the first modification object corresponding to the first modification information in the parent component data cluster according to the first modification information to obtain the second modification object.

[0099] The backend data acquisition module 603 is used to modify the target interface corresponding to the second modification object in the interface cluster according to the second modification object, and to obtain backend data from the backend according to the target interface. The cluster data in the parent component data cluster corresponds one-to-one to the interface in the interface cluster.

[0100] The second cluster data determination module 604 is used to update the first cluster data corresponding to the first modification object in the parent component data cluster according to the backend data to obtain the second cluster data.

[0101] The third cluster data updating module 605 is used to update the third cluster data corresponding to the third modification object in the subcomponent data cluster according to the second cluster data.

[0102] In some optional implementations, the second modification object determination module 602 includes:

[0103] The second modification object determining unit is used to update the data included in the first modification object to the first modification data to obtain the second modification object.

[0104] In some optional implementations, the backend data acquisition module 603 includes:

[0105] The target interface selection unit is used to select a target interface from multiple interfaces in the interface cluster according to the target interface identifier.

[0106] The attribute parameter modification unit is used to modify the attribute parameter corresponding to the target interface into the first modification data.

[0107] The request response function configuration unit is used to construct a request response function according to the second modification object, and configure parameters of the request response function to obtain a target request response function.

[0108] The backend data acquisition unit is used to call the target request response function and acquire the backend data according to the location identifier of the backend data.

[0109] In some optional implementations, the third cluster data updating module 605 includes:

[0110] The fourth cluster data determination unit is used to perform attribute conversion on the second cluster data based on a preset response function to obtain fourth cluster data; the preset response function is used to convert the responsive attributes of the second cluster data corresponding to the parent component data cluster into non-responsive attributes.

[0111] The third cluster data updating unit is used to update the third cluster data corresponding to the third modification object in the subcomponent data cluster according to the fourth cluster data.

[0112] In some optional implementations, the backend data scheduling device further includes:

[0113] The image drawing module is used to transfer the fourth cluster data to the image drawing component, control the image drawing component to perform image drawing, and obtain a target image.

[0114] The page update module is used to control the parent component data cluster to reference the target image to update the page.

[0115] The further functional description of each of the above modules and units is the same as that of the above corresponding embodiments and will not be repeated here.

[0116] The scheduling device for the back-end data in this embodiment is presented in the form of a functional unit, where the unit refers to an ASIC (Application Specific Integrated Circuit) circuit, a processor and memory that executes one or more software or fixed programs, and / or other devices that can provide the above functions.

[0117] The embodiment of the present invention also provides a computer device having the above Figure 6 The scheduling device of the backend data is shown.

[0118] See also Figure 7 , Figure 7 is a schematic diagram of the structure of a computer device provided by an optional embodiment of the present invention, such as Figure 7As shown, the computer device includes: one or more processors 10, a memory 20, and interfaces for connecting various components, including high-speed interfaces and low-speed interfaces. Various components are connected to each other using different buses for communication, and can be installed on a common mainboard or installed in other ways as needed. The processor can process the instructions executed in the computer device, including instructions stored in or on the memory to display the graphical information of the GUI on an external input / output device (such as, a display device coupled to the interface). In some optional embodiments, if necessary, multiple processors and / or multiple buses can be used together with multiple memories and multiple memories. Similarly, multiple computer devices can be connected, and each device provides some necessary operations (for example, as a server array, a group of blade servers, or a multi-processor system). Figure 7 A processor 10 is taken as an example.

[0119] The processor 10 may be a central processing unit, a network processor or a combination thereof. The processor 10 may further include a hardware chip. The hardware chip may be a dedicated integrated circuit, a programmable logic device or a combination thereof. The programmable logic device may be a complex programmable logic device, a field programmable gate array, a general purpose array logic or any combination thereof.

[0120] The memory 20 stores instructions executable by at least one processor 10, so that the at least one processor 10 executes the method shown in the above embodiment.

[0121] The memory 20 may include a program storage area and a data storage area, wherein the program storage area may store an operating system, an application required for at least one function; the data storage area may store data created according to the use of the computer device, etc. In addition, the memory 20 may include a high-speed random access memory, and may also include a non-transient memory, such as at least one disk storage device, a flash memory device, or other non-transient solid-state storage device. In some optional embodiments, the memory 20 may optionally include a memory remotely arranged relative to the processor 10, and these remote memories may be connected to the computer device via a network. Examples of the above-mentioned network include, but are not limited to, the Internet, an intranet, a local area network, a mobile communication network, and combinations thereof.

[0122] The memory 20 may include a volatile memory, such as a random access memory; the memory may also include a non-volatile memory, such as a flash memory, a hard disk or a solid state drive; the memory 20 may also include a combination of the above types of memory.

[0123] The computer device further comprises a communication interface 30 for the computer device to communicate with other devices or a communication network.

[0124] The embodiment of the present invention also provides a computer-readable storage medium. The method according to the embodiment of the present invention can be implemented in hardware, firmware, or can be implemented as a computer code that can be recorded in a storage medium, or can be implemented as a computer code that is originally stored in a remote storage medium or a non-temporary machine-readable storage medium and will be stored in a local storage medium through a network download, so that the method described herein can be stored in such software processing on a storage medium using a general-purpose computer, a dedicated processor, or programmable or dedicated hardware. Among them, the storage medium can be a magnetic disk, an optical disk, a read-only storage memory, a random access memory, a flash memory, a hard disk or a solid-state hard disk, etc.; further, the storage medium can also include a combination of the above types of memories. It can be understood that a computer, a processor, a microprocessor controller, or programmable hardware includes a storage component that can store or receive software or computer code. When the software or computer code is accessed and executed by a computer, a processor, or hardware, the method shown in the above embodiment is implemented.

[0125] A part of the present invention may be applied as a computer program product, such as a computer program instruction, which, when executed by a computer, can call or provide the method and / or technical solution according to the present invention through the operation of the computer. Those skilled in the art should understand that the existence of the computer program instruction in a computer-readable medium includes, but is not limited to, a source file, an executable file, an installation package file, etc., and accordingly, the way in which the computer program instruction is executed by the computer includes, but is not limited to: the computer directly executes the instruction, or the computer compiles the instruction and then executes the corresponding compiled program, or the computer reads and executes the instruction, or the computer reads and installs the instruction and then executes the corresponding installed program. Here, the computer-readable medium may be any available computer-readable storage medium or communication medium accessible to the computer.

[0126] Although the embodiments of the present invention have been described in conjunction with the accompanying drawings, those skilled in the art may make various modifications and variations without departing from the spirit and scope of the present invention, and such modifications and variations are all within the scope defined by the appended claims.

Claims

1. A backend data scheduling method, characterized in that: The method comprises: In response to triggering the button component, determining first modification information corresponding to the button component, wherein the first modification information is used to represent the modification of the parent component data cluster and the interface cluster; Modify a first modification object corresponding to the first modification information in the parent component data cluster according to the first modification information to obtain a second modification object; Modify the target interface corresponding to the second modification object in the interface cluster according to the second modification object, and obtain backend data from the backend according to the target interface, and the cluster data in the parent component data cluster corresponds one-to-one to the interfaces in the interface cluster; According to the backend data, the first cluster data corresponding to the first modification object in the parent component data cluster is updated to obtain the second cluster data; The third cluster data corresponding to the third modification object in the subcomponent data cluster is updated according to the second cluster data.

2. The method according to claim 1, characterized in that The first modification information includes first modification data and a first modification object in the parent component data cluster; and modifying the first modification object in the parent component data cluster corresponding to the first modification information according to the first modification information to obtain a second modification object includes: The data included in the first modification object is updated to the first modification data to obtain the second modification object.

3. The method according to claim 1 or 2, characterized in that: The second modification object includes the first modification data and a target interface identifier; and modifying the target interface corresponding to the second modification object in the interface cluster according to the second modification object includes: Selecting a target interface from a plurality of interfaces in the interface cluster according to the target interface identifier; The attribute parameters corresponding to the target interface are modified to the first modification data.

4. The method according to claim 1 or 2, characterized in that: The target interface includes a location identifier of the backend data; and obtaining the backend data from the backend according to the target interface includes: Constructing a request response function according to the second modification object, and configuring parameters of the request response function to obtain a target request response function; The target request response function is called to obtain the backend data according to the location identifier of the backend data.

5. The method according to claim 1 or 2, characterized in that: The updating of the third cluster data corresponding to the third modification object in the subcomponent data cluster according to the second cluster data includes: Based on a preset response function, performing attribute conversion on the second cluster data to obtain fourth cluster data; the preset response function is used to convert the responsive attribute of the second cluster data corresponding to the parent component data cluster into a non-responsive attribute; The third cluster data corresponding to the third modification object in the subcomponent data cluster is updated according to the fourth cluster data.

6. The method according to claim 5, characterized in that After updating the third cluster data corresponding to the third modification object in the subcomponent data cluster according to the second cluster data, the method further includes: Passing the fourth cluster data to an image drawing component, controlling the image drawing component to draw an image, and obtaining a target image; The parent component data cluster is controlled to reference the target image to update the page.

7. A backend data scheduling device, characterized in that: The device comprises: A first modification information determination module, configured to determine first modification information corresponding to the button component in response to triggering the button component, wherein the first modification information is used to represent the modification of the parent component data cluster and the interface cluster; a second modification object determination module, configured to modify the first modification object corresponding to the first modification information in the parent component data cluster according to the first modification information, so as to obtain a second modification object; A backend data acquisition module, used to modify the target interface corresponding to the second modification object in the interface cluster according to the second modification object, and to acquire backend data from the backend according to the target interface, the cluster data in the parent component data cluster corresponding to the interfaces in the interface cluster one by one; A second cluster data determination module is used to update the first cluster data corresponding to the first modification object in the parent component data cluster according to the backend data to obtain second cluster data; The third cluster data updating module is used to update the third cluster data corresponding to the third modification object in the subcomponent data cluster according to the second cluster data.

8. A computer device, characterized in that: include: A memory and a processor, wherein the memory and the processor are communicatively connected to each other, the memory stores computer instructions, and the processor executes the back-end data scheduling method according to any one of claims 1 to 6 by executing the computer instructions.

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 backend data scheduling method according to any one of claims 1 to 6.

10. A computer program product, characterized in that The method comprises computer instructions, wherein the computer instructions are used to enable a computer to execute the back-end data scheduling method according to any one of claims 1 to 6.

Images