Component linkage control method and device based on unique global variable, equipment and medium

Abstract

The invention discloses a component linkage control method and device based on a unique global variable, equipment and a medium, and belongs to the technical field of software development. The method comprises the following steps: constructing a component of the large-screen display equipment through a preset data source acquisition mode based on pre-acquired style parameter information; identifying whether the component is provided with an associated target component in advance or not; under the condition that the component is associated with at least one target component, determining a record field of parameter information of the component in the unique global variable; and under the condition that the parameter information of the component is identified to be changed, writing the parameter information into a record field of the unique global variable, so that the target component changes a display parameter of the target component according to the change of the parameter information in the record field of the unique global variable. According to the technical scheme, linkage control over all the components in the large-screen page can be achieved by setting the unique global variable, and the flexibility of component control is improved on the basis that code modification is reduced.

Description

Technical Field

[0001] The present application belongs to the field of software development technology, and specifically relates to a component linkage control method, device, equipment and medium based on a unique global variable. Background Art

[0002] Large screen page refers to the visual interface displayed on a large display screen. It is a carrier of information presentation, showing various data and images to users through reasonable layout and design, so as to realize specific functions such as data monitoring and advertising.

[0003] The existing large-screen building tools usually build and package components in advance, and drag the desired components from the packaged components to the large-screen page canvas to configure a visual large-screen page. However, since the traditional method is configured based on pre-packaged components, it has great limitations and cannot flexibly handle event linkage between components. In addition, for complex and changing market situations, if a business scenario is encountered that is not supported by the component configuration items, the components need to be redeveloped and packaged, which greatly reduces the efficiency of building large-screen pages.

[0004] Therefore, how to achieve flexible control of large-screen components with low code is a technical problem that needs to be urgently solved by technical personnel in this field. Summary of the invention

[0005] The embodiments of the present application provide a component linkage control method, device, equipment and medium based on a unique global variable, the purpose of which is to achieve linkage control of various components in a large-screen page by setting a unique global variable, thereby improving the flexibility of component control while reducing code changes.

[0006] In a first aspect, this embodiment provides a component linkage control method based on a unique global variable, the method comprising:

[0007] Based on the pre-acquired style parameter information and the pre-set data source acquisition method, a component of a large-screen display device is constructed;

[0008] Identifying whether the component is pre-set with an associated target component;

[0009] In the case where the component is associated with at least one target component, determining a record field of parameter information of the component in a unique global variable; wherein the unique global variable is generated when a page of the large-screen display device is started;

[0010] When it is identified that the parameter information of the component has changed, the parameter information is written into the record field of the only global variable, so that the target component can change the display parameters of the target component according to the change of the parameter information in the record field in the only global variable.

[0011] Furthermore, based on the pre-acquired style parameter information and the pre-set data source acquisition method, a component of a large-screen display device is constructed, including:

[0012] Based on the pre-configured style parameters, obtain the style parameter information of the component;

[0013] Configure the data source acquisition method of the component; wherein the data source acquisition method includes: obtaining the calling interface used by the component, obtaining the first data source of the component through the unique global variable, obtaining the second data source of the component according to the calling information of the calling interface, and obtaining the database data directly read by the component to obtain at least one of the third data source of the component;

[0014] The component is constructed in the current page according to the style parameter information and the data source acquisition method.

[0015] Furthermore, the unique global variable also includes the display property value of the component;

[0016] When it is recognized that the parameter information of the component has changed, writing the parameter information into a unique global variable includes:

[0017] When a change in the display property value of the component is monitored, the display property value of the unique global variable is adjusted accordingly.

[0018] Furthermore, the method further comprises:

[0019] In the case where the display attribute value of the unique global variable is associated with a target component, the target component is updated according to the change of the display attribute value and the associated control rule of the target component.

[0020] Furthermore, the method further comprises:

[0021] When a custom configuration activation operation for the component is identified, the properties of the component are custom configured according to the received input data to obtain a property configuration result of the component.

[0022] Further, according to the received input data, the properties of the component are customized to obtain the property configuration result of the component, including:

[0023] In the case where the input data is a logic code, the logic code is executed by a built-in function, and the execution result is used as the attribute configuration result of the component;

[0024] or,

[0025] In the case where the input data is a cascading style sheet, objects and values ​​in the cascading style sheet are obtained, and the objects and values ​​are added to the properties of the component to obtain the property configuration result of the component.

[0026] Furthermore, the unique global variable also includes the dynamic attribute value of the component;

[0027] The method further comprises:

[0028] When a change in the dynamic effect attribute value of the unique global variable is detected, it is identified whether the dynamic effect attribute value meets a preset trigger condition. If so, the alarm dynamic effect of the component associated with the dynamic effect attribute value is started.

[0029] Furthermore, after constructing the component in the current page, the method further includes:

[0030] The mouse operation is monitored to obtain the operation parameters, a unique global variable is updated according to the operation parameters, and the display style and / or data source of the component is updated based on the updated unique global variable.

[0031] In a second aspect, this embodiment provides a component linkage control device based on a unique global variable, the device comprising:

[0032] Based on the pre-acquired style parameter information and the pre-set data source acquisition method, a component of a large-screen display device is constructed;

[0033] Identifying whether the component is pre-set with an associated target component;

[0034] In the case where the component is associated with at least one target component, determining a record field of parameter information of the component in a unique global variable; wherein the unique global variable is generated when a page of the large-screen display device is started;

[0035] When it is identified that the parameter information of the component has changed, the parameter information is written into the record field of the only global variable, so that the target component can change the display parameters of the target component according to the change of the parameter information in the record field in the only global variable.

[0036] In a third aspect, an embodiment of the present application provides an electronic device, which includes a processor, a memory, and a program or instruction stored in the memory and executable on the processor, wherein the program or instruction, when executed by the processor, implements the steps of the method described in the first aspect.

[0037] In a fourth aspect, an embodiment of the present application provides a readable storage medium, on which a program or instruction is stored, and when the program or instruction is executed by a processor, the steps of the method described in the first aspect are implemented.

[0038] In a fifth aspect, an embodiment of the present application provides a chip, comprising a processor and a communication interface, wherein the communication interface is coupled to the processor, and the processor is used to run a program or instruction to implement the method described in the first aspect.

[0039] In an embodiment of the present application, a component of a large-screen display device is constructed based on pre-acquired style parameter information and a pre-set data source acquisition method; it is identified whether the component is pre-set with an associated target component; when the component is associated with at least one target component, the parameter information of the component is determined in a record field in a unique global variable; wherein the unique global variable is generated when the page of the large-screen display device is started; when it is identified that the parameter information of the component has changed, the parameter information is written into the record field of the unique global variable, so that the target component can change the display parameters of the target component according to the change of the parameter information in the record field in the unique global variable. Through the above-mentioned method of component linkage control based on a unique global variable, the linkage control of each component in the large-screen page can be realized by setting a unique global variable, thereby improving the flexibility of component control while reducing code changes. BRIEF DESCRIPTION OF THE DRAWINGS

[0040] Figure 1 It is a flowchart of a component linkage control method based on a unique global variable provided in Example 1 of the present application;

[0041] Figure 2 It is a schematic diagram of the traditional component configuration process provided in Example 1 of the present application;

[0042] Figure 3 This is a schematic diagram of the traditional component display process provided in Example 1 of the present application;

[0043] Figure 4 It is a schematic diagram of the component setting and display process provided in Example 1 of the present application;

[0044] Figure 5 It is a flowchart of a monitoring method for a unique global variable provided in Embodiment 2 of the present application;

[0045] Figure 6 It is a flowchart of a method for customizing configuration of component attributes provided in Embodiment 3 of the present application;

[0046] Figure 7 It is a structural schematic diagram of a component linkage control device based on a unique global variable provided in the fourth embodiment of the present application;

[0047] Figure 8 It is a schematic diagram of the structure of an electronic device provided in Example 5 of the present application. DETAILED DESCRIPTION

[0048] In order to make the purpose, technical scheme and advantages of the present application clearer, the specific embodiments of the present application are further described in detail below in conjunction with the accompanying drawings. It is understood that the specific embodiments described herein are only used to explain the present application, rather than to limit the present application. It should also be noted that, for the convenience of description, only the part related to the present application but not all the contents are shown in the accompanying drawings. Before discussing the exemplary embodiments in more detail, it should be mentioned that some exemplary embodiments are described as processes or methods depicted as flow charts. Although the flow chart describes each operation (or step) as a sequential process, many of the operations therein can be implemented in parallel, concurrently or simultaneously. In addition, the order of each operation can be rearranged. The process can be terminated when its operation is completed, but it can also have additional steps not included in the accompanying drawings. The process can correspond to a method, a function, a procedure, a subroutine, a subprogram, etc.

[0049] The following will be combined with the drawings in the embodiments of the present application to clearly describe the technical solutions in the embodiments of the present application. Obviously, the described embodiments are part of the embodiments of the present application, rather than all the embodiments. All other embodiments obtained by ordinary technicians in this field based on the embodiments in the present application belong to the scope of protection of this application.

[0050] The terms "first", "second", etc. in the specification and claims of the present application are used to distinguish similar objects, and are not used to describe a specific order or sequence. It should be understood that the data used in this way can be interchangeable under appropriate circumstances, so that the embodiments of the present application can be implemented in an order other than those illustrated or described here, and the objects distinguished by "first", "second", etc. are generally of one type, and the number of objects is not limited. For example, the first object can be one or more. In addition, "and / or" in the specification and claims represents at least one of the connected objects, and the character " / " generally indicates that the objects associated with each other are in an "or" relationship.

[0051] In conjunction with the accompanying drawings, a component linkage control method, device, equipment and medium based on a unique global variable provided by an embodiment of the present application are described in detail through specific embodiments and their application scenarios.

[0052] Embodiment 1

[0053] Figure 1 This is a flow chart of a component linkage control method based on a unique global variable provided in the first embodiment of the present application. The large-screen display device is configured with a unique global variable.

[0054] like Figure 1 As shown, the specific steps include:

[0055] S101, constructing a component of a large-screen display device based on the pre-acquired style parameter information and a pre-set data source acquisition method;

[0056] The application scenario of this solution can be a scenario where components in a large screen page are flexibly controlled according to a unique global variable. Based on the above scenario, it can be understood that the execution subject of this scenario can be a large screen control system for configuring component properties, such as a computer or software component that provides services in a network environment, etc., and no excessive restrictions are made here.

[0057] Among them, components can be independent modules used to display specific data content or implement certain interactive functions in the large screen page. Components can be simple text boxes to display data, or complex charts, such as bar charts, line charts, and pie charts, which are used to intuitively present the relationship between data, and maps, etc., for displaying data related to geographic information. For example, in a sales data large screen, a bar chart component can be used to show the sales comparison of different products.

[0058] The pre-configured style parameters may be the initial style parameters pre-set for a component when encapsulating the component, such as the length, width, level, and color of the component. The pre-configured style parameters determine the initial style of the component when it is dragged to the page.

[0059] The style parameter information may be information about a subsequently configurable style parameter interface that is reserved in advance in an encapsulated component.

[0060] The way to get the style parameter information of a component is that when using the component, the external code will create a configuration object containing specific parameter values ​​and pass it to the component function. Different style parameters can pass in different parameter values ​​to distinguish their respective style requirements. After receiving the passed parameter configuration object, the component will parse these parameters and apply them to the corresponding style settings or rendering logic of the component.

[0061] Data source can be the source of information displayed by the component. For example, for a bar chart component showing monthly sales in the first quarter, its data source is the months in the first quarter and their corresponding monthly sales values, i.e., January: 3.85 million yuan, February: 3.78 million yuan, March: 3.91 million yuan.

[0062] In this solution, optionally, based on the pre-acquired style parameter information and through a pre-set data source acquisition method, a component of a large-screen display device is constructed, including:

[0063] Based on the pre-configured style parameters, obtain the style parameter information of the component;

[0064] Configure the data source acquisition method of the component; wherein the data source acquisition method includes: obtaining the calling interface used by the component, obtaining the first data source of the component through the unique global variable, obtaining the second data source of the component according to the calling information of the calling interface, and obtaining the database data directly read by the component to obtain at least one of the third data source of the component;

[0065] The component is constructed in the current page according to the style parameter information and the data source acquisition method.

[0066] The database may be a warehouse for storing component-related data information, and data may be organized, stored, and managed according to a data structure in the database.

[0067] The method of obtaining the data source is to obtain the value of the specified field as the data source through the unique global variable, that is, the first data source, or to obtain the data stored in the address configured by the interface through a pre-configured calling interface, that is, the second data source, or to obtain the address through the data encapsulated in the component and read the data at the specified location from the database, that is, the third data source.

[0068] The way to construct components on the current page can be to determine the components that the user wants to add to the current page in response to the drag operation of the user, determine the display style of the component according to the style parameter information of the component, obtain the display data according to the data source acquisition method, and display the obtained display data according to the display style set in the component according to the data processing code of the package number in the component. For example, the data source of the bar chart component is the monthly sales of the second quarter, that is, April: 4.85 million yuan, May: 5.23 million yuan, June: 5.91 million yuan. According to the display style of the bar chart, the monthly sales of the second quarter are displayed in the form of a bar chart with time as the horizontal axis and sales as the vertical axis.

[0069] In this solution, the configuration and display process of components are different from the traditional method, making the configuration of components more personalized and the display effect richer. For example, Figure 2 is a schematic diagram of the traditional component configuration process provided in Example 1 of the present application, such as Figure 2 As shown, before displaying a component, the user needs to drag the component template to be displayed to the large screen page, and configure the component template in the large screen page, for example, changing the component data source or changing the component font and other configuration operations, and save all configured components in the database.

[0070] Figure 3 This is a schematic diagram of the traditional component display process provided in Example 1 of the present application, such as Figure 3 As shown, when displaying the configured large-screen page, the large-screen control system needs to first read the pre-configured components from the database, parse the components into data that can be understood by the large-screen display device, and transmit them to the large-screen display device, which then displays each component.

[0071] Figure 4 Schematic diagram of component configuration and display process provided in Example 1 of the present application. Figure 4 As shown, compared with the traditional component configuration process, this solution introduces the concept of unique global variables into the large-screen control device in advance, and sets the program code corresponding to the functional part that needs to be changed in the component, so that it can call the corresponding field in the unique global variable. In the component configuration stage, the user only needs to configure the global interface call, and the large-screen control system will generate the corresponding unique global variable according to the configuration result.

[0072] Compared with the traditional component display process, after the large-screen page is started, each component will automatically monitor the unique global variable. Users can implement functions such as component data source switching, event triggering, and component style changes by changing the unique global variable.

[0073] S102, identifying whether the component is pre-set with an associated target component;

[0074] In this solution, there may be associations between components, for example, when one component is displayed, another component will also be displayed, and when one component is hidden, another component will also be hidden. Such associations between components may be determined according to rules pre-set by the user. For example, a component is used to display time. When the time is within the range of 8 am to 5 pm, the background of another component is a bright color, such as white. When the time is outside this range, the background of another component is a dark color, such as dark blue. Therefore, after a component is generated, it is possible to identify whether there is a pre-set target component associated with the component.

[0075] In addition, the association relationship here can be a display position association, for example, if a component includes one or more target components, when the component is hidden, the target components contained in it will also be hidden; it can also be a data content association, for example, if the data content of the component changes, the data content of the target component will also change accordingly; it can also be a style association, for example, if a component is in a metal style, the target component will also be displayed in a metal style. If one component is in a fresh style, the other component will also be displayed in a fresh style; and so on.

[0076] S103: when the component is associated with at least one target component, determine a record field of parameter information of the component in a unique global variable; wherein the unique global variable is generated when a page of the large-screen display device is started;

[0077] A page can be a large-screen display device, such as a large screen in a conference room, an advertising screen in a shopping mall, or a display screen in a monitoring center, etc. The large-screen display device can display multiple pages, and each page has its own unique global variable.

[0078] A unique global variable can include one or more fields, where different fields can be manually set by the user or based on the return value obtained by calling an interface. For example, in a scenario, a unique global variable is a variable that can be called by the code of all components in a large-screen page. Each page is set with a unique global variable, in which one or more fields are used to store the return value of a specified interface.

[0079] Page launch can be an operation in which a user opens a large-screen page.

[0080] A unique global variable can be generated by traversing the list and executing the calling procedures of each interface in the list, that is, obtaining the specified external data according to the calling information in the list, filling the external data into the corresponding field of the unique global variable, and generating a complete unique global variable.

[0081] The parameter information may be the data information, display information, calculation output information, etc. of the component. The record field in the unique global variable is used to synchronously write the parameter information. When the parameter information changes, it will be written to the record field in the unique global variable, so that the dynamic tracking of the parameter information of the current component can be realized.

[0082] S104. When it is identified that the parameter information of the component has changed, the parameter information is written into the record field of the unique global variable, so that the target component can change the display parameters of the target component according to the change of the parameter information in the record field in the unique global variable.

[0083] Correspondingly, after the parameter information changes and is written into the record field of the unique global variable, the target component can monitor the information change of the record field and read the changed parameter information in the record field of the unique global variable to adjust the display parameters of the target component, such as adjusting the display or hiding of the target component, the display color, brightness, and changes in the display data content, etc.

[0084] The technical solution provided in this embodiment is based on the pre-acquired style parameter information and constructs the components of the large-screen display device through a pre-set data source acquisition method; identifies whether the component is pre-set with an associated target component; when the component is associated with at least one target component, determines the record field of the parameter information of the component in the unique global variable; wherein the unique global variable is generated when the page of the large-screen display device is started; when it is identified that the parameter information of the component has changed, the parameter information is written into the record field of the unique global variable, so that the target component can change the display parameters of the target component according to the change of the parameter information in the record field in the unique global variable. Through this solution, the linkage control of each component in the large-screen page can be realized by setting a unique global variable, and the flexibility of component control can be improved on the basis of reducing code changes.

[0085] Based on the above solution, optionally, the unique global variable also includes the dynamic effect attribute value of the component;

[0086] The method further comprises:

[0087] When a change in the dynamic effect attribute value of the unique global variable is detected, it is identified whether the dynamic effect attribute value meets a preset trigger condition. If so, the alarm dynamic effect of the component associated with the dynamic effect attribute value is started.

[0088] The dynamic effect attribute value can be a field in the unique global variable used to determine whether the component starts the alarm dynamic effect. If the field of the unique global variable is called in the component, that is, it is associated with the dynamic effect attribute value, the alarm dynamic effect will be started when the data stored in the field meets the preset trigger condition.

[0089] The method of starting the alarm animation can be to read the content of the animation attribute value when the animation attribute value of the unique global variable changes, and compare the content with the preset trigger condition. In this process, the preset trigger condition can be a data threshold, that is, to determine whether the value of the animation attribute value is greater than the data threshold in the preset trigger condition. The preset trigger condition can also be a configuration event of other components, that is, to determine whether the event specified in the preset trigger condition is started. If the value of the animation attribute value is greater than the data threshold in the preset trigger condition, or it is determined that the event specified in the preset trigger condition is started by the corresponding component, it is determined that the animation attribute value meets the preset trigger condition and the alarm animation is started. Among them, the component whose alarm animation is activated will have effects such as flashing and changing color, which is determined by the program design of the component and is not limited too much here.

[0090] The advantage of this setting is that by setting different fields in the only global variable, the functions of displaying and hiding components and starting alarm effects can be realized, which is conducive to the diversified display of components in large-screen pages and improves the user experience.

[0091] Based on the above solution, optionally, after constructing the component in the current page, the method further includes:

[0092] The mouse operation is monitored to obtain the operation parameters, a unique global variable is updated according to the operation parameters, and the display style and / or data source of the component is updated based on the updated unique global variable.

[0093] The operation parameters may be obtained by monitoring the dynamics of the user's mouse on the large-screen page, obtaining the click position, moving direction, and moving distance of the mouse, and obtaining the operation data.

[0094] The method of updating the unique global variable according to the operating parameters can be to obtain the change of the component according to the operating parameters of the mouse, such as component position movement, component color change, display or hiding, etc., and then, the component change information caused by the mouse click position, moving direction and moving distance can be stored in different fields of the unique global variable.

[0095] The display style and / or data source of a component can be updated by changing the field of the corresponding display style or data source in the component calling a unique global variable, re-running the component code after updating the unique global variable, and then using the updated information to update the display style and / or data source of the component.

[0096] In this solution, the large-screen control system will continuously monitor the unique global variable. When the return value of the corresponding field in the unique global variable changes, the unique global variable will be updated accordingly. After detecting the update of the unique global variable, the large-screen control system controls the components that call the changed fields in the unique global variable to update accordingly. For example, if the user changes the value in table component A, and the data source of the bar chart component B is the data in table component A, then when the large-screen control system detects that the field in the unique global variable where the user stores the data of component A has changed, the bar chart component B will be controlled to update, thereby realizing that the bar chart of bar chart component B can display the data in component A in real time.

[0097] The advantage of this setting is that the unique global variable can be monitored. Through the unique global variable, the display style and data source of the component can be flexibly changed, thereby realizing automatic update and display of the component.

[0098] Embodiment 2

[0099] Figure 5 This is a flow chart of the monitoring method of the unique global variable provided in the second embodiment of the present application. This solution makes a better improvement on the above embodiment, and the specific improvement is: the unique global variable also includes the display attribute value of the component; when the parameter information of the component is identified to have changed, the parameter information is written into the unique global variable, including: when the display attribute value of the component is monitored to have changed, the display attribute value of the unique global variable is adjusted accordingly.

[0100] like Figure 5 As shown, specifically including the following:

[0101] S501, constructing a component of a large-screen display device based on the pre-acquired style parameter information and a pre-set data source acquisition method;

[0102] S502, identifying whether the component is pre-set with an associated target component;

[0103] S503, when a change in the display property value of the component is monitored, adjusting the display property value of the only global variable accordingly;

[0104] The display attribute value can be a field in the only global variable used to control the display mode of the component. The data stored in the display attribute value field is compared with the preset display conditions. If the preset display conditions are met, the component that calls the field is hidden; if the preset display conditions are not met, the component that calls the field is displayed.

[0105] The corresponding method for adjusting the display attribute value of the unique global variable may be to detect the data source of the display attribute value field to identify whether it has changed, or to obtain a trigger event pre-configured for the display attribute value field and monitor whether the trigger event occurs. When the data source changes or the trigger event is triggered by the user, the latest data of the display attribute value is obtained, and the storage content of the display attribute value field of the unique global variable is replaced with the latest data.

[0106] S504. When it is identified that the parameter information of the component has changed, the parameter information is written into the record field of the unique global variable, so that the target component can change the display parameters of the target component according to the change of the parameter information in the record field in the unique global variable.

[0107] The technical solution provided in this embodiment can achieve the purpose of changing the display attribute value through a data source or a trigger event, providing a feasible method for the linkage of subsequent components, making the display effect of the components richer.

[0108] Based on the above solution, optionally, the method further includes:

[0109] In the case where the display attribute value of the unique global variable is associated with a target component, the target component is updated according to the change of the display attribute value and the associated control rule of the target component.

[0110] The target component may be a component associated with a display attribute value, that is, a component that calls the display attribute value field of a unique global variable and adjusts the display parameters accordingly.

[0111] The associated control rules of the target component, that is, the range of display attribute values ​​for determining whether to update the component, and the update style of the target component. When the display attribute value meets the associated control rules of the target component, the target component is updated. Among them, the update results of the target component include hiding the target component, changing the display background or display font of the target component, etc., which are not limited here.

[0112] The method for updating the target component is to identify whether the display attribute value field of the unique global variable is associated with the target component when the field changes. If it is associated, the association control rule of the target component is obtained, and the value stored in the updated display attribute value field is matched with the association control rule. If the association control rule is satisfied, the target component is updated according to the style specified in the association control rule.

[0113] For example, assign a hide event to component A, and set the display property value in the unique global variable to hide when it is less than 10. Assign a click event to component B, and change the display property value in the unique global variable to 9 when clicked. In this way, when the user clicks component B, component A will be hidden.

[0114] The advantage of this setting of the scheme is that the display function of the components can be realized through the linkage between the components. The linkage of the components can also avoid the problem of visual confusion caused by overlapping display of components, and improve the viewing experience of large-screen pages.

[0115] Embodiment 3

[0116] Figure 6 It is a flowchart of the method for customizing the properties of components provided in Example 3 of the present application. This solution makes a better improvement on the above-mentioned embodiment, and the specific improvement is: the method also includes: when the custom configuration activation operation of the component is identified, the properties of the component are custom configured according to the received input data to obtain the property configuration result of the component.

[0117] like Figure 6 As shown, specifically including the following:

[0118] S601, start the current page;

[0119] S602: When a custom configuration activation operation for the component is identified, custom configuration is performed on the properties of the component according to the received input data to obtain a property configuration result of the component.

[0120] The way to customize the properties of a component is that when the component properties provided by the page cannot meet the user's needs, the user can activate the component's custom configuration function by clicking the component's custom configuration function button, and fill in the component property requirements in the input box that pops up on the page, such as js logic code or css style. The page obtains the content entered by the user as input data, and updates the component's properties according to the input data in the component's property definition code part, obtains the updated component property definition code, runs the code, and obtains the updated component display result.

[0121] The advantage of this setting is that the style of the component can be changed through custom configuration, which improves the flexibility of the component configuration process and makes the component style richer and more in line with user needs.

[0122] On the basis of the above solution, optionally, the properties of the component are customized according to the received input data to obtain the property configuration result of the component, including:

[0123] In the case where the input data is a logic code, the logic code is executed by a built-in function, and the execution result is used as the attribute configuration result of the component;

[0124] or,

[0125] In the case where the input data is a cascading style sheet, objects and values ​​in the cascading style sheet are obtained, and the objects and values ​​are added to the properties of the component to obtain the property configuration result of the component.

[0126] Logical code can be a high-level, interpreted programming language, mainly used in web development to make web pages interactive. It can run on the client (browser) and server side. In web pages, the code is used to handle various user interactions, dynamically update web page content, perform data validation and other functions.

[0127] Cascading Style Sheets is a language used to describe the style of HTML (or other markup languages ​​such as XML) documents. It can specify the appearance of a web page, including the design of layout, color, font, size, etc. Through Cascading Style Sheets, the content and style of a web page can be separated, making it easier to maintain and update the web page.

[0128] A built-in function, such as the eval() function, takes a string as a parameter and executes the string as JavaScript code.

[0129] The method for obtaining the property configuration result of the component can be to receive the logic code input by the user, run the logic code through the built-in function, and make the logic code and the component construction code display the style of the component together; or, receive the cascading style sheet input by the user, traverse the cascading style sheet, obtain the objects and values ​​used to specify the component style, and put the obtained data into the location in the component code for specifying the component properties, run the updated component code, and display the component style.

[0130] The advantage of this setting is that it can support custom settings of components through various methods such as logical code and cascading style sheets, which is conducive to compatibility with multiple user groups and allows users to flexibly set expected component styles.

[0131] Embodiment 4

[0132] Figure 7 It is a structural diagram of a component linkage control device based on a unique global variable provided in Example 3 of the present application.

[0133] like Figure 7 As shown, specifically including the following:

[0134] The component construction module 701 is used to construct a component of a large-screen display device based on the pre-acquired style parameter information and a pre-set data source acquisition method;

[0135] An association identification module 702, used to identify whether the component is pre-set with an associated target component;

[0136] A parameter information synchronization module 703, used to determine a record field of the parameter information of the component in a unique global variable when the component is associated with at least one target component; wherein the unique global variable is generated when a page of the large-screen display device is started;

[0137] The association control module 704 is used to write the parameter information into the record field of the unique global variable when it is identified that the parameter information of the component has changed, so that the target component can change the display parameters of the target component according to the change of the parameter information in the record field in the unique global variable.

[0138] In an embodiment of the present application, a component of a large-screen display device is constructed based on pre-acquired style parameter information and a pre-set data source acquisition method; it is identified whether the component is pre-set with an associated target component; when the component is associated with at least one target component, the parameter information of the component is recorded in a unique global variable; wherein the unique global variable is generated when the page of the large-screen display device is started; when it is identified that the parameter information of the component has changed, the parameter information is written into the record field of the unique global variable, so that the target component can change the display parameters of the target component according to the change of the parameter information in the record field in the unique global variable. By adopting this solution, the linkage control of each component in the large-screen page can be realized by setting a unique global variable, and the flexibility of component control can be improved on the basis of reducing code changes.

[0139] In the embodiment of the present application, a component linkage control device based on a unique global variable can be a device, or a component, an integrated circuit, or a chip in a terminal. The device can be a mobile electronic device or a non-mobile electronic device. Exemplarily, the mobile electronic device can be a mobile phone, a tablet computer, a laptop computer, a PDA, an in-vehicle electronic device, a wearable device, an ultra-mobile personal computer (UMPC), a netbook, or a personal digital assistant (PDA), etc., and the non-mobile electronic device can be a server, a network attached storage (NAS), a personal computer (PC), a television (TV), a teller machine or a self-service machine, etc., which is not specifically limited in the embodiment of the present application.

[0140] In the embodiment of the present application, a device for component linkage control based on a unique global variable may be a device having an operating system. The operating system may be an Android operating system, an iOS operating system, or other possible operating systems, which are not specifically limited in the embodiment of the present application.

[0141] The device for component linkage control based on a unique global variable provided in the embodiment of the present application can implement each process implemented in the above-mentioned method embodiments. To avoid repetition, it will not be described again here.

[0142] Embodiment 5

[0143] like Figure 8 As shown, an embodiment of the present application also provides an electronic device 800, including a processor 801, a memory 802, and a program or instruction stored in the memory 802 and executable on the processor 801. When the program or instruction is executed by the processor 801, each process of an embodiment of the method for component linkage control based on a unique global variable is implemented, and the same technical effect can be achieved. To avoid repetition, it will not be repeated here.

[0144] It should be noted that the electronic devices in the embodiments of the present application include the mobile electronic devices and non-mobile electronic devices mentioned above.

[0145] Embodiment 6

[0146] An embodiment of the present application also provides a readable storage medium, on which a program or instruction is stored. When the program or instruction is executed by a processor, each process of the above-mentioned method embodiment of component linkage control based on a unique global variable is implemented, and the same technical effect can be achieved. To avoid repetition, it will not be repeated here.

[0147] The processor is a processor in the electronic device described in the above embodiment. The readable storage medium includes a computer readable storage medium, such as a computer read-only memory (ROM), a random access memory (RAM), a magnetic disk or an optical disk.

[0148] Embodiment 7

[0149] An embodiment of the present application further provides a chip, which includes a processor and a communication interface, wherein the communication interface is coupled to the processor, and the processor is used to run programs or instructions to implement the various processes of the above-mentioned method embodiment of component linkage control based on a unique global variable, and can achieve the same technical effect. To avoid repetition, it will not be repeated here.

[0150] It should be understood that the chip mentioned in the embodiments of the present application can also be called a system-level chip, a system chip, a chip system or a system-on-chip chip, etc.

[0151] It should be noted that, in this article, the terms "comprise", "include" or any other variant thereof are intended to cover non-exclusive inclusion, so that the process, method, article or device including a series of elements includes not only those elements, but also includes other elements not explicitly listed, or also includes elements inherent to such process, method, article or device. In the absence of further restrictions, the elements defined by the sentence "comprise one..." do not exclude the presence of other identical elements in the process, method, article or device including the element. In addition, it should be pointed out that the scope of the methods and devices in the embodiments of the present application is not limited to performing functions in the order shown or discussed, and may also include performing functions in a substantially simultaneous manner or in reverse order according to the functions involved, for example, the described method may be performed in an order different from that described, and various steps may also be added, omitted, or combined. In addition, the features described with reference to certain examples may be combined in other examples.

[0152] Through the description of the above implementation methods, those skilled in the art can clearly understand that the above-mentioned embodiment methods can be implemented by means of software plus a necessary general hardware platform, and of course by hardware, but in many cases the former is a better implementation method. Based on such an understanding, the technical solution of the present application, or the part that contributes to the prior art, can be embodied in the form of a computer software product, which is stored in a storage medium (such as ROM / RAM, a disk, or an optical disk), and includes a number of instructions for a terminal (which can be a mobile phone, a computer, a server, or a network device, etc.) to execute the methods described in each embodiment of the present application.

[0153] The embodiments of the present application are described above in conjunction with the accompanying drawings, but the present application is not limited to the above-mentioned specific implementation methods. The above-mentioned specific implementation methods are merely illustrative and not restrictive. Under the guidance of the present application, ordinary technicians in this field can also make many forms without departing from the purpose of the present application and the scope of protection of the claims, all of which are within the protection of the present application.

[0154] The above are only preferred embodiments of the present application and the technical principles used. The present application is not limited to the specific embodiments described herein, and various obvious changes, readjustments and substitutions that can be made by those skilled in the art will not deviate from the scope of protection of the present application. Therefore, although the present application is described in more detail through the above embodiments, the present application is not limited to the above embodiments, and may include more other equivalent embodiments without departing from the concept of the present application, and the scope of the present application is determined by the scope of the claims.

Claims

1. A component linkage control method based on a unique global variable, characterized in that: The method comprises: Based on the pre-acquired style parameter information and the pre-set data source acquisition method, a component of a large-screen display device is constructed; Identifying whether the component is pre-associated with a target component; In the case where the component is associated with at least one target component, determining a record field of parameter information of the component in a unique global variable; wherein the unique global variable is generated when a page of the large-screen display device is started; When it is identified that the parameter information of the component has changed, the parameter information is written into the record field of the only global variable, so that the target component can change the display parameters of the target component according to the change of the parameter information in the record field in the only global variable.

2. The component linkage control method based on a unique global variable according to claim 1, characterized in that: Based on the pre-acquired style parameter information and the pre-set data source acquisition method, components for large-screen display devices are constructed, including: Based on the pre-configured style parameters, obtain the style parameter information of the component; Configure the data source acquisition method of the component; wherein the data source acquisition method includes: obtaining the calling interface used by the component, obtaining the first data source of the component through the unique global variable, obtaining the second data source of the component according to the calling information of the calling interface, and obtaining the database data directly read by the component to obtain at least one of the third data source of the component; The component is constructed in the current page according to the style parameter information and the data source acquisition method.

3. The component linkage control method based on a unique global variable according to claim 1, characterized in that: The unique global variable also includes the display property value of the component; When it is recognized that the parameter information of the component has changed, writing the parameter information into a unique global variable includes: When a change in the display property value of the component is monitored, the display property value of the unique global variable is adjusted accordingly.

4. The component linkage control method based on a unique global variable according to claim 3 is characterized in that: The method further comprises: In the case where the display attribute value of the unique global variable is associated with a target component, the target component is updated according to the change of the display attribute value and the associated control rule of the target component.

5. The component linkage control method based on a unique global variable according to claim 1, characterized in that: The method further comprises: When a custom configuration activation operation for the component is identified, the properties of the component are custom configured according to the received input data to obtain a property configuration result of the component.

6. The component linkage control method based on a unique global variable according to claim 5, characterized in that: According to the received input data, the properties of the component are customized to obtain the property configuration result of the component, including: In the case where the input data is a logic code, the logic code is executed by a built-in function, and the execution result is used as the attribute configuration result of the component; or, In the case where the input data is a cascading style sheet, objects and values ​​in the cascading style sheet are obtained, and the objects and values ​​are added to the properties of the component to obtain the property configuration result of the component.

7. The component linkage control method based on a unique global variable according to claim 1, characterized in that: The unique global variable also includes the dynamic property value of the component; The method further comprises: When a change in the dynamic effect attribute value of the unique global variable is detected, it is identified whether the dynamic effect attribute value meets a preset trigger condition. If so, the alarm dynamic effect of the component associated with the dynamic effect attribute value is started.

8. The component linkage control method based on a unique global variable according to claim 1, characterized in that: After constructing the component in the current page, the method further includes: The mouse operation is monitored to obtain the operation parameters, a unique global variable is updated according to the operation parameters, and the display style and / or data source of the component is updated based on the updated unique global variable.

9. A component linkage control device based on a unique global variable, characterized in that: The device comprises: A component construction module, used to construct components of a large-screen display device based on pre-acquired style parameter information and a pre-set data source acquisition method; An associated identification module, used to identify whether the component is pre-set with an associated target component; A parameter information synchronization module, used to determine the record field of the parameter information of the component in a unique global variable when the component is associated with at least one target component; wherein the unique global variable is generated when a page of the large-screen display device is started; The associated control module is used to write the parameter information into the record field of the unique global variable when it is identified that the parameter information of the component has changed, so that the target component can change the display parameters of the target component according to the change of the parameter information in the record field in the unique global variable.

10. An electronic device, characterized in that: It includes a processor, a memory, and a program or instruction stored in the memory and executable on the processor. When the program or instruction is executed by the processor, the steps of a component linkage control method based on a unique global variable are implemented as described in any one of claims 1 to 8.

11. A readable storage medium, characterized in that: The readable storage medium stores a program or instruction, and when the program or instruction is executed by the processor, the steps of a component linkage control method based on a unique global variable as described in any one of claims 1-8 are implemented.

Images