Configuration large-screen page generation method and related device thereof

Abstract

The invention provides a method for generating a configured large-screen page and a related device thereof, and relates to the technical field of computers. In the generation method, a configuration large-screen page is generated under the condition that a configuration instruction is received, and then in the large-screen page generation process, according to a received first user instruction, visual components which need to communicate with each other are determined and at least stored in the same source. According to the generation method, local storage under the same source is used as a bridge, so that a visual component serving as a communication receiver can receive communication information from a visual component serving as a communication sender, and the communication target of the visual components needing to communicate with each other is achieved. And each visual component is independently developed and packaged, so that the method not only realizes the configuration development of the large-screen page, but also realizes the communication target among the visual components in the development process of the configuration large-screen page.

Description

Technical Field

[0001] The present invention relates to the field of computer technology, and in particular to a method for generating a configurable large-screen page and a related device thereof. Background Art

[0002] Visual big screen is a way of displaying data. It presents data on the big screen in the form of charts, tables, maps, etc., so that people can intuitively understand data and information. That is, the visual big screen can simplify cumbersome data and highlight important information, so as to help users quickly capture key information and make decisions, quickly integrate information, and better explore the value behind the data.

[0003] There are currently two ways to implement visual large-screen pages. The first is the traditional large-screen page development method. Developers write application code based on user needs to implement large-screen page functions. Usually, the following stages need to be experienced: demand analysis -> prototype design -> UI design -> front-end page development, back-end interface development -> front-end and back-end interface joint debugging -> testing -> production launch. When business needs change, it is necessary to understand the development logic of the entire large-screen page, and then adjust the corresponding source code according to the changing needs, which results in a high labor and time cost.

[0004] The second is to provide a freely configurable large-screen editing page, where designers can drag and drop the required page elements, such as pictures and visual components, to achieve configurable development of large-screen pages. When business needs change, there is no need to pay attention to the development logic of the entire large-screen page, but only to change the corresponding visual components.

[0005] However, the second implementation does not take into account the communication requirements between the encapsulated visualization components, and thus cannot fully meet the needs of business personnel for a large visualization screen.

[0006] Therefore, how to achieve communication between visual components in the process of developing configurable large-screen pages has become a technical problem that needs to be solved urgently. Summary of the invention

[0007] In view of this, the present invention provides a method for generating a configurable large-screen page and a related device thereof, and realizes the communication between visualization components in the configurable large-screen development process.

[0008] To achieve the above objectives, the embodiments of the present invention provide the following technical solutions:

[0009] The first aspect of the present application provides a method for generating a configurable large-screen page, comprising:

[0010] When receiving the configuration instruction, the configured large screen page is generated; the configured large screen page is configured with at least two visualization components, each of which is independently developed and packaged;

[0011] During the generation process of the configured large-screen page, according to the first user instruction received, the visual components that need to communicate with each other are determined and at least stored under the same source; the visual component as the communication sender can update the communication information to the local storage of its own source after its own interaction event is triggered, and the visual component as the communication receiver can monitor the changes in the local storage of its own source.

[0012] Optionally, generating the configured large screen page includes:

[0013] Generate a first large screen page according to the received layout template selected by the user; the first large screen page is a large screen page split into at least two component containers;

[0014] According to the received second user instruction, the visual component configuration is performed on each component container respectively, and the data set binding is performed on the visual component in each component container respectively.

[0015] Optionally, generating a first large screen page according to the received layout template selected by the user includes:

[0016] Create a second large screen page; the second large screen page is a blank large screen page;

[0017] The second large screen page is split into component containers according to the received layout template selected by the user to obtain the first large screen page.

[0018] Optionally, according to the received second user instruction, respectively binding the data sets to the visualization components in the component containers includes:

[0019] According to each received business scenario, obtain each business scenario data and each processing rule of the business scenario data;

[0020] Processing each of the business scenario data according to the processing rules of each of the business scenario data to obtain each data set to be configured;

[0021] According to the second user instruction, each of the data sets to be configured is bound to the visualization component in each of the component containers.

[0022] Optionally, also include:

[0023] After the generation process of the configured large-screen page is completed, the configured large-screen page is obtained through browser rendering.

[0024] Optionally, the visualization component is copied from a component of the same type in a visualization component library, and at least one component in the visualization component library is a custom component uploaded by a user.

[0025] A second aspect of the present application provides a device for generating a configurable large-screen page, comprising:

[0026] A configuration module, configured to generate the configured large screen page when receiving a configuration instruction; the configured large screen page is configured with at least two visual components, each of which is independently developed and packaged;

[0027] A storage module is used to determine and store at least the visual components that need to communicate with each other under the same source according to the first user instruction received during the generation process of the configured large-screen page; the visual component as the communication sender can update the communication information to the local storage of its own source after its own interaction event is triggered, and the visual component as the communication receiver can monitor the changes in the local storage of its own source.

[0028] A third aspect of the present application provides a computer program product, including computer-readable instructions. When the computer-readable instructions are executed on an electronic device, the electronic device implements the method for generating a configurable large-screen page as described in any one of the first aspects of the present application.

[0029] A fourth aspect of the present application provides an electronic device, comprising at least one processor and a memory connected to the processor, wherein:

[0030] The memory is used to store computer programs;

[0031] The processor is used to execute the computer program so that the electronic device can implement the method for generating a configurable large-screen page as described in any one of the first aspects of the present application.

[0032] The fifth aspect of the present application provides a computer storage medium, which carries one or more computer programs. When the one or more computer programs are executed by an electronic device, the electronic device can implement the method for generating a configurable large-screen page as described in any one of the first aspects of the present application.

[0033] It can be seen from the above technical solution that the present invention provides a method for generating a configurable large-screen page. In this generation method, since the visual component as the communication sender can update the communication information to the local storage under its own source after its own interactive event is triggered, and the visual component as the communication receiver can monitor the changes in the local storage under its own source, if the visual components that need to communicate with each other are stored in the same source, the local storage for updating the communication information is the same as the local storage being monitored, so the visual component as the communication receiver can receive the communication information from the visual component as the communication sender, so that the visual components that need to communicate with each other can communicate, and since each visual component is independently developed and packaged, the method provided by this application not only realizes the configurable development of large-screen pages, but also realizes the communication goals between visual components in the process of developing configurable large-screen pages. BRIEF DESCRIPTION OF THE DRAWINGS

[0034] In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings required for use in the embodiments or the description of the prior art will be briefly introduced below. Obviously, the drawings described below are only embodiments of the present invention. For ordinary technicians in this field, other drawings can be obtained based on the provided drawings without paying creative work.

[0035] Figure 1 A flowchart of a first implementation of a method for generating a configurable large-screen page provided in another embodiment of the present application;

[0036] Figure 2 A flowchart of a second implementation of a method for generating a configurable large-screen page provided in another embodiment of the present application;

[0037] Figure 3a~Figure 3e Schematic diagrams of five layout templates provided in the embodiments of the present application;

[0038] Figure 4 A flowchart of a third implementation of a method for generating a configurable large-screen page provided in another embodiment of the present application;

[0039] Figure 5 A flowchart of an implementation method of respectively binding data sets to visual components in each component container according to a received second user instruction provided in another embodiment of the present application;

[0040] Figure 6 A flowchart of a fourth implementation of a method for generating a configurable large-screen page provided in another embodiment of the present application;

[0041] Figure 7 A schematic structural diagram of an implementation of an electronic device provided in another embodiment of the present application. DETAILED DESCRIPTION

[0042] The following will be combined with the drawings in the embodiments of the present application to clearly and completely describe the technical solutions in the embodiments of the present application. Obviously, the described embodiments are only part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in this field without creative work are within the scope of protection of this application.

[0043] In this application, relational terms such as first and second, etc. are used only to distinguish one entity or operation from another entity or operation, and do not necessarily require or imply any such actual relationship or order between these entities or operations. Moreover, the terms "comprise", "include" or any other variants thereof are intended to cover non-exclusive inclusion, so that a process, method, article or device including a series of elements includes not only those elements, but also other elements not explicitly listed, or also includes elements inherent to such process, method, article or device. In the absence of further restrictions, an element defined by the statement "comprises a ..." does not exclude the presence of other identical elements in the process, method, article or device including the element.

[0044] In order to realize the communication between the visualization components in the process of developing the configurable large-screen page, another embodiment of the present application provides a method for generating a configurable large-screen page, and the specific process is as follows: Figure 1 As shown, the specific steps include:

[0045] S110: Determine whether a configuration instruction is received.

[0046] If the configuration instruction is received, step S120 and step S130 are executed in sequence; if the configuration instruction is not received, the execution is stopped.

[0047] The configuration instruction is an instruction for generating a configurable large-screen page, so if the configuration instruction is received, a configurable large-screen page is generated.

[0048] S120: Generate a configurable large screen page.

[0049] Among them, at least two visualization components are configured in the configurable large screen page, and each visualization component is independently developed and packaged. The visualization component is very mature in the prior art and will not be described in detail here.

[0050] Optionally, the visualization component may be a bar chart component, a pie chart component, or a pop-up window component. In practical applications, these may include but are not limited to these. No specific limitation is made here and it may depend on the specific situation.

[0051] S130. During the generation of the configurable large-screen page, according to the received first user instruction, determine and store at least the visualization components that need to communicate with each other under the same source.

[0052] It can be understood that the specific meaning of step S130 is: in the process of generating the configured large-screen page, first determine the visual components that need to communicate with each other according to the received first user instruction, and then store at least the visual components that need to communicate with each other under the same source.

[0053] At least the visualization components that need to communicate with each other should be stored in the same source. The specific meaning is that the visualization components that need to communicate with each other must be stored in the same source. As for the visualization components that do not need to communicate, they can be stored in the same source or not, depending on the actual situation.

[0054] For example, if visualization component A communicates with visualization component B, and visualization component C communicates with visualization component D, then visualization component A and visualization component B are visualization components that need to communicate with each other, and visualization component C and visualization component D are visualization components that need to communicate with each other.

[0055] If there are multiple groups of visualization components that need to communicate with each other, each group of visualization components that need to communicate with each other can be placed in a different source or in the same source. There is no specific limitation here and it depends on the specific situation.

[0056] The first user instruction is an instruction for indicating which visualization components need to communicate with each other, so the visualization components that need to communicate with each other can be determined according to the first user instruction.

[0057] Assume that the access path of visualization component A is: http: / / www.test1.com / visind / plugins / 20230904001 / index.html, and assume that the access path of visualization component B is: http: / / www.test2.com / visind / plugins / 20230904001 / index.html. Since the domain name of the server where visualization component A is located is: www.test1.com, and the domain name of the server where visualization component B is located is www.test2.com, visualization component A and visualization component B are not in the same source.

[0058] For example, assuming that the access path of visualization component A is: http: / / www.test1.com / visind / plugins / 20230904001 / index.html, and assuming that the access path of visualization component B is: http: / / www.test1.com / visind / plugins / 20230904002 / index.html, since the domain names of the servers where visualization components A and B are located are both: www.test1.com, the protocols of both are http, and the ports of both are the default port 80, visualization components A and visualization components B are under the same source.

[0059] In addition, the visualization component as the communication sender can update the communication information to the local storage of its own source after its own interaction event is triggered, and the visualization component as the communication receiver can monitor the changes of the local storage of its own source.

[0060] The interactive events of the visualization component refer to a series of events triggered when the user interacts with the visualization component. Optionally, the interactive events of the visualization component can be mouse click events and mouse hover events. In practical applications, these events are not limited to these. As long as the events are triggered when the user interacts with the visualization component, they are within the scope of protection of this application. No specific limitation is made here, and it can be determined according to the specific situation.

[0061] Local storage is an independent storage area under the source, and local storage has the characteristics of being accessible and modified by other scripts / other documents under the same source.

[0062] Since local storage can be accessed and modified by other scripts / other documents under the same source, the visual component as the communication sender can update the communication information to the local storage of its own source after its own interaction event is triggered, and the visual component as the communication receiver can monitor the changes in the local storage of its own source.

[0063] For example, assuming that the access path of visualization component A is: http: / / www.test1.com / visind / plugins / 20230904001 / index.html, visualization component A is the visualization component of the communication sender, so visualization component A updates the communication information to the local storage of http: / / www.test1.com. If the access address of visualization component B is: http: / / www.test1.com / visind / plugins / 20230904002 / index.html, then because the source of visualization component B is http: / / www.test1.com, visualization component B can read the local storage of http: / / www.test1.com. If the access address of visualization component B is: http: / / www.test2.com / visind / plugins / 20230904001 / index.html, then because the source of visualization component B is http: / / www.test2.com, visualization component B cannot read the local storage of http: / / www.test1.com.

[0064] Specifically, the communication information may include the component ID of the visualization component as the communication sender, the component ID of the visualization component as the communication receiver, and a data processing rule, wherein the data processing rule is a rule for instructing the visualization component as the communication receiver to perform corresponding data processing.

[0065] For example, assuming that visualization component A is a bar chart component and visualization component B is a pop-up window component, and visualization component A communicates with visualization component B, if the data processing rule is: filter by a certain condition, the pop-up window component filters by the condition in its corresponding data set and displays the filtering results.

[0066] In this embodiment, since the visualization component as the communication sender can update the communication information to the local storage under its own source after its own interaction event is triggered, and the visualization component as the communication receiver can monitor the changes in the local storage under its own source, if the visualization components that need to communicate with each other are stored in the same source, the local storage for updating the communication information is the same as the local storage being monitored, that is, the local storage under the same source is used as a bridge. Therefore, the visualization component as the communication receiver can receive the communication information from the visualization component as the communication sender, so that the visualization components that need to communicate with each other can communicate. Since each visualization component is independently developed and packaged, the method provided in the present application not only realizes the configurable development of large-screen pages, but also realizes the communication goals between visualization components during the configuration process of large-screen pages.

[0067] Another embodiment of the present application provides a specific implementation of step S120, and the specific process is as follows: Figure 2 ( Figure 2 exist Figure 1 The specific steps include:

[0068] S210: Generate a first large screen page according to the received layout template selected by the user.

[0069] The first large screen page is a large screen page that is split into at least two component containers. Figure 3a~Figure 3e Same as shown.

[0070] The layout template is a layout scheme for large-screen pages, specifically referring to a fixed layout method for each component container on a large-screen page. For example, Figure 3a~Figure 3e Shown is a layout template. Figure 3a and Figure 3b The layout methods in the are all centered. Figure 3c and Figure 3d The layout methods in are all left-right layout. Figure 3e The layout method in is top-down layout.

[0071] Generally, the present invention will preset multiple layout templates, and users can choose from these layout templates according to their own needs. In addition, the preset multiple layout templates can include not only Figure 3a~Figure 3e These commonly used templates may also include various customized templates in actual applications, which are not specifically limited here.

[0072] S220. According to the received second user instruction, respectively configure the visual components for each of the component containers, and respectively bind the data sets for the visual components in each of the component containers.

[0073] The second user instruction is used to indicate what type of visual component to configure for each component container and to indicate what data set to bind the visual component in each component container to. Therefore, according to the second user instruction, the visual component is configured for each component container respectively, and the visual component configured for each component container is bound to the data set respectively.

[0074] For example, if the user wants to display data set A as a bar chart in the first component container and display data set B as a pie chart in the second component container, the second user instruction is used to instruct to configure a bar chart component for the first component container, bind the visualization component in the first component container to data set A, configure a pie chart component for the second component container, and bind the visualization component in the second component container to data set B.

[0075] In a specific example, the method of configuring the visual component for the component container is specifically: embedding the visual component into the component container in an iframe manner.

[0076] The full name of iframe in Chinese is inline frame element, which is an HTML tag that can embed another HTML page into the current page. In the embodiment of the present application, it can be understood that: through the iframe, the visual component can be embedded in the component container.

[0077] The above example only shows a specific implementation method of how to configure the visual components of the component container. In practical applications, including but not limited to this, no specific limitation is made here and it can be determined according to the specific situation and is within the scope of protection of this application.

[0078] In this implementation, since the user is only required to select a layout template, the difficulty of configuring the large screen for the user is reduced, the configuration process of the large screen is simplified, and the development efficiency of the large screen page is improved.

[0079] The above is only a specific implementation method for generating a configurable large-screen page. In actual applications, it includes but is not limited to this.

[0080] Another embodiment of the present application provides a specific implementation of step S210. The specific process can be found in Figure 4 ( Figure 4 Only in Figure 2 The specific steps include:

[0081] S310, creating a second large screen page.

[0082] The second large screen page is a blank large screen page. Specifically, it is a large screen page that is neither split into various component containers nor configured with visualization components and data sets. For example, remove Figure 3a~Figure 3e The large screen page behind each component container.

[0083] S320. Split the second large screen page into component containers according to the received layout template selected by the user to obtain the first large screen page.

[0084] The second large screen page is split into component containers according to the selected layout template. Specifically, the blank large screen page is split into component containers. The number of component containers and the layout of each component container are the same as the selected layout template. In other words, the first large screen page is the same as the selected layout template. For example, if the selected template is Figure 3a , then get the first large screen page and Figure 3a same.

[0085] It should be noted that the received layout template selected by the user has been described in detail in the above embodiment and will not be repeated here.

[0086] The above is only a specific implementation of step S210. In practical applications, including but not limited to this, no specific limitation is made here and all are within the protection scope of this application.

[0087] Another embodiment of the present application provides a specific implementation method for binding data sets to the visualization components in each component container according to the received second user instruction. The specific process can be found in Figure 5 ( Figure 5 Only in Figure 2 This implementation specifically includes the following steps:

[0088] S410. According to each received business scenario, obtain data of each business scenario and data processing rules of each business scenario data respectively.

[0089] Business scenarios are scenarios that users want to display through configurable large-screen pages. For example, in a bank's credit business, the proportion of loans issued in various industries is displayed.

[0090] Business scenario data includes: table data, table information, table field information under business scenarios, and data processing rules such as the relationship between tables. For example, in the credit business of a bank, to show the proportion of loans issued in various industries, the business scenario data is the table data, table fields, and other data required to count the proportion of loans issued in various industries.

[0091] It should be noted that how to obtain business scenario data is already very mature in the existing technology and will not be elaborated here.

[0092] S420 . Process the data of each business scenario according to the processing rules of the data of each business scenario to obtain each data set to be configured.

[0093] The data sets to be configured refer to the data sets that the user wants to display through the configurable large screen page. For example, for a business scenario under the bank's credit business, a data set to be configured can be a data set that counts the proportion of loans issued in various industries.

[0094] Specifically, taking a business scenario data as an example, according to the association relationship between tables in the business scenario, screening conditions and other data processing rules, the table in the business scenario is processed to obtain the data set to be configured.

[0095] S430. Bind each data set to be configured to the visualization component in each component container respectively according to the received second user instruction.

[0096] It should be noted that how to perform data set binding on a visualization component in a component container is already very mature in the prior art, and will not be described in detail here.

[0097] Another embodiment of the present application provides another specific implementation method of the method for generating a configurable large-screen page. The specific process can be found in Figure 6 ( Figure 6 Only in Figure 1 This implementation further includes the following steps:

[0098] S510: After the generation process of the configurable large-screen page is completed, the configurable large-screen page is obtained by browser rendering.

[0099] In a specific example, if the visual component corresponding to the component container is embedded in the component container in an iframe manner, the rendering of the visual component can be achieved by specifying the src attribute value of the iframe tag as the access path of the component code of the visual component.

[0100] The above example only shows one implementation method for rendering a visualization component. In practical applications, including but not limited to this, no specific limitation is made here and it may be determined according to the specific circumstances, all of which are within the scope of protection of this application.

[0101] Another embodiment of the present application provides another specific implementation of the method for generating a configurable large-screen page. The difference between this implementation and other implementations is that:

[0102] In this embodiment, the visualization component is copied from a component of the same type in the visualization component library, and at least one component in the visualization component library is a custom component uploaded by a user, that is, the visualization component library supports users to upload custom components.

[0103] Custom components can be developed using a front-end framework or a native front-end language. If you use a front-end framework, you need to compile these source files into native front-end language files using a compilation tool, and then upload them to the visual component library. If you use a native front-end language, you do not need to compile and can directly upload them to the visual component library.

[0104] It should be noted that when uploading a custom component to the visual component library, configuration items such as component ID, component name, component purpose, component code storage path, component parameters, etc. are all necessary input information. In addition, when customizing a component, it is necessary to bind the corresponding interaction event to it and define the response operation after the interaction event is triggered.

[0105] The storage path of the component code refers to the part of the URL excluding the protocol, domain name, and port. For example, assuming that the access path of the visualization component is: http: / / www.test1.com / visind / plugins / 20230904001 / index.html, the storage path of the component code of the visualization component is: / visind / plugins / 20230904001 / index.html. Among them, 20230904001 is the ID of the visualization component.

[0106] In this embodiment, since the visualization component library supports users to upload customized components and has strong extensibility, it provides users with richer components when configuring large-screen pages, which can better meet business needs.

[0107] In addition, in terms of development technology, developers can choose mature front-end frameworks for development, or they can choose native front-end languages ​​for development, which is suitable for developers with different technology stacks and reduces the difficulty of visual component development and packaging.

[0108] Another embodiment of the present application provides a device for generating a configurable large-screen page, which specifically includes:

[0109] The configuration module is used to generate a configurable large screen page when receiving a configuration instruction. The configurable large screen page is configured with at least two visual components, each of which is independently developed and packaged.

[0110] The storage module is used to determine and store at least the visualization components that need to communicate with each other under the same source according to the received first user instruction during the generation process of the configurable large-screen page. The visualization component as the communication sender can update the communication information to the local storage of its own source after its own interaction event is triggered, and the visualization component as the communication receiver can monitor the changes of the local storage of its own source.

[0111] It should be noted that the meanings of the parts in this embodiment that are the same as those in the above embodiment are the same as those in the above embodiment and will not be repeated here.

[0112] In this embodiment, since the visualization component as the communication sender can update the communication information to the local storage under its own source after its own interaction event is triggered, and the visualization component as the communication receiver can monitor the changes in the local storage under its own source, if the visualization components that need to communicate with each other are stored in the same source, the local storage for updating the communication information is the same as the local storage being monitored, that is, the local storage under the same source is used as a bridge. Therefore, the visualization component as the communication receiver can receive the communication information from the visualization component as the communication sender, so that the visualization components that need to communicate with each other can communicate. Since each visualization component is independently developed and packaged, the method provided in the present application not only realizes the configurable development of large-screen pages, but also realizes the communication goals between visualization components during the configuration process of large-screen pages.

[0113] The present application also provides an electronic device in an embodiment. Figure 7 As shown, it shows a schematic diagram of the structure of an electronic device suitable for implementing the embodiment of the present application. The electronic device in the embodiment of the present application may include but is not limited to fixed terminals such as mobile phones, laptops, PDAs (personal digital assistants), PADs (tablet computers), desktop computers, etc. Figure 7 The electronic device shown is merely an example and should not bring any limitation to the functions and scope of use of the embodiments of the present application.

[0114] like Figure 7As shown, the electronic device may include a processing device (e.g., a central processing unit, a graphics processing unit, etc.) 301, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 302 or a program loaded from a storage device 308 to a random access memory (RAM) 303. When the electronic device is powered on, various programs and data required for the operation of the electronic device are also stored in the RAM 303. The processing device 301, the ROM 302, and the RAM 303 are connected to each other via a bus 304. An input / output (I / O) interface 305 is also connected to the bus 304.

[0115] Typically, the following devices may be connected to the I / O interface 305: an input device 306 including, for example, a touch screen, a touch pad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; an output device 307 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; a storage device 308 including, for example, a memory card, a hard disk, etc.; and a communication device 309. The communication device 309 may allow the electronic device to communicate with other devices wirelessly or by wire to exchange data. Although Figure 7 An electronic device having various devices is shown, but it should be understood that it is not required to implement or possess all the devices shown. More or fewer devices may be implemented or possessed instead.

[0116] The electronic device can implement the method for generating a configurable large-screen page provided in any of the above embodiments.

[0117] An embodiment of the present application also provides a computer program product including computer-readable instructions. When the computer-readable instructions are executed on an electronic device, the electronic device implements the method for generating a configurable large-screen page provided in any of the above embodiments.

[0118] A computer-readable storage medium is also provided in an embodiment of the present application. The storage medium carries one or more computer programs. When the one or more computer programs are executed by an electronic device, the electronic device can implement the method for generating a configurable large-screen page provided in any of the above embodiments.

[0119] For the above description of the disclosed embodiments, the features recorded in each embodiment in this specification can be replaced or combined with each other, so that professionals in the field can implement or use the present application. The above is only a preferred embodiment of the present invention, and does not limit the present invention in any form. Although the present invention has been disclosed as above with a preferred embodiment, it is not used to limit the present invention. Any technician familiar with the field can make many possible changes and modifications to the technical solution of the present invention using the methods and technical contents disclosed above without departing from the scope of the technical solution of the present invention, or modify it into an equivalent embodiment of equivalent changes. Therefore, any simple modification, equivalent change and modification made to the above embodiments according to the technical essence of the present invention without departing from the content of the technical solution of the present invention still falls within the scope of protection of the technical solution of the present invention.

Claims

1. A method for generating a configurable large-screen page, characterized in that: include: When receiving the configuration instruction, generating the configured large screen page; The configured large screen page is configured with at least two visualization components, each of which is independently developed and packaged; In the process of generating the configurable large screen page, according to the received first user instruction, determining and storing at least the visualization components that need to communicate with each other under the same source; The visualization component as the communication sender can update the communication information to the local storage of its own source after its own interaction event is triggered, and the visualization component as the communication receiver can monitor the changes of the local storage of its own source.

2. The method for generating a configurable large-screen page according to claim 1, characterized in that: Generating the configured large screen page includes: Generate a first large screen page according to the received layout template selected by the user; the first large screen page is a large screen page split into at least two component containers; According to the received second user instruction, the visual component configuration is performed on each component container respectively, and the data set binding is performed on the visual component in each component container respectively.

3. The method for generating a configurable large-screen page according to claim 2, characterized in that: Generate the first large screen page according to the received layout template selected by the user, including: Create a second large screen page; the second large screen page is a blank large screen page; The second large screen page is split into component containers according to the received layout template selected by the user to obtain the first large screen page.

4. The method for generating a configurable large-screen page according to claim 2, characterized in that: According to the received second user instruction, data sets are bound to the visualization components in each of the component containers respectively, including: According to each received business scenario, obtain each business scenario data and each processing rule of the business scenario data; Processing each of the business scenario data according to the processing rules of each of the business scenario data to obtain each data set to be configured; According to the second user instruction, each of the data sets to be configured is bound to the visualization component in each of the component containers.

5. The method for generating a configurable large-screen page according to any one of claims 1 to 4, characterized in that: Also includes: After the generation process of the configured large-screen page is completed, the configured large-screen page is obtained through browser rendering.

6. The method for generating a configurable large-screen page according to any one of claims 1 to 5, characterized in that: The visualization component is obtained by copying a component of the same type in a visualization component library, and at least one component in the visualization component library is a custom component uploaded by a user.

7. A device for generating a configurable large-screen page, characterized in that: include: A configuration module, configured to generate the configured large-screen page upon receiving a configuration instruction; The configured large screen page is configured with at least two visualization components, each of which is independently developed and packaged; A storage module, used for determining and storing at least the visualization components that need to communicate with each other under the same source according to the received first user instruction during the generation process of the configurable large-screen page; The visualization component as the communication sender can update the communication information to the local storage of its own source after its own interaction event is triggered, and the visualization component as the communication receiver can monitor the changes of the local storage of its own source.

8. A computer program product, characterized in that It includes computer-readable instructions. When the computer-readable instructions are executed on an electronic device, the electronic device implements the method for generating a configurable large-screen page as described in any one of claims 1 to 6.

9. An electronic device, characterized in that: The method comprises at least one processor and a memory connected to the processor, wherein: The memory is used to store computer programs; The processor is used to execute the computer program so that the electronic device can implement the method for generating a configurable large-screen page as described in any one of claims 1 to 6.

10. A computer storage medium, characterized in that: The storage medium carries one or more computer programs, and when the one or more computer programs are executed by an electronic device, the electronic device can implement the method for generating a configurable large-screen page as described in any one of claims 1 to 6.

Images