Large-screen display method and device capable of being dynamically configured, equipment and storage medium

Abstract

The invention discloses a dynamically configurable large-screen display method, device and equipment and a storage medium, and relates to the technical field of big data analys.The method comprises the steps that a report component library used for providing templates used by reports is created, and the report component library comprises multiple BI components used for meeting BI report development requirements; a configuration table used for storing component configuration information during large screen manufacturing is established, and the display effect and style of the component are controlled after the component is selected; and configuring a data source for the component of the report, accessing the configured data source, and completing the access of the data content of the BI component. The large screen development efficiency can be effectively improved.

Description

Technical Field

[0001] The present application relates to the technical field of big data analysis, and in particular to a dynamically configurable large-screen display method, device, equipment and storage medium. Background Art

[0002] With the advent of the big data era, in order to better provide decision makers with business insights and trend judgments, big data analysis systems have become increasingly common in all walks of life. They often display report content to users through large data screens.

[0003] However, most large-screen display systems control the display content through front-end and back-end codes. Although this processing method can meet the needs, the disadvantage is that the development workload is large and the program needs to be rewritten every time. The types of reports that need to be displayed on the large screen are usually relatively fixed, but some styles and data content need to be personalized. Therefore, how to quickly complete the development of the large-screen report system based on a universal method has become an urgent problem to be solved. Summary of the invention

[0004] The present application provides a dynamically configurable large-screen display method, device, equipment and storage medium, which can effectively improve the efficiency of large-screen development.

[0005] In a first aspect, an embodiment of the present application provides a dynamically configurable large-screen display method, the dynamically configurable large-screen display method comprising:

[0006] Creating a report component library for providing templates used by reports, wherein the report component library includes a variety of BI components for meeting the needs of BI report development;

[0007] Establish a configuration table for saving component configuration information when making large screens, and control the display effect and style of components after selecting them;

[0008] Configure data sources for report components, access the configured data sources, and complete the access of BI component data content.

[0009] In conjunction with the first aspect, in one implementation, the creating of a report component library for providing templates used by reports specifically includes:

[0010] Based on Apache Echarts, create a general and reusable report component library;

[0011] Based on the created report component library, a template is provided for each report, and the components in the report component library can be adjusted in display position and size by dragging.

[0012] In combination with the first aspect, in one implementation, the BI components in the report component library include a pie chart, a bar chart, a line chart, a radar chart, a carousel, a data list, and a counter.

[0013] In combination with the first aspect, in one implementation, the configuration table for storing component configuration information during large-screen production is established to control the display effect and style of the component after the component is selected, specifically including:

[0014] Establish a configuration table for saving component configuration information when making a large screen. The configuration information is used to control the display effect and style of the component after the component is selected;

[0015] Based on the visual operation mode, the component configuration information is changed on the page, and the component effect preview is obtained in real time. After confirmation, the configuration information is saved.

[0016] In combination with the first aspect, in one implementation, the display effect and style of the component include the color, size, page position, name, and XY axis reference column name of the component.

[0017] In combination with the first aspect, in one implementation, the data source includes a relational database, a search engine, REST interface data, JSON static data, and a NOSQL database.

[0018] In combination with the first aspect, in one implementation, configuring a data source for a report component, accessing the configured data source, and completing access to BI component data content specifically includes:

[0019] Configure data sources for report components;

[0020] The address, SQL and URL information of the data source configured for component access are used to implement access to BI component data content.

[0021] In a second aspect, an embodiment of the present application further provides a dynamically configurable large-screen display device, the dynamically configurable large-screen display device comprising:

[0022] A creation module, which is used to create a report component library for providing templates used by reports, and the report component library includes a variety of BI components for meeting the needs of BI report development;

[0023] Establish a module, which is used to establish a configuration table for saving component configuration information when making a large screen, and to control the display effect and style of the component after the component is selected;

[0024] The access module is used to configure the data source for the report component, access the configured data source, and complete the access of the BI component data content.

[0025] In the third aspect, an embodiment of the present application also provides a dynamically configurable large-screen display device, which includes a processor, a memory, and a dynamically configurable large-screen display program stored in the memory and executable by the processor, wherein when the dynamically configurable large-screen display program is executed by the processor, the steps of the dynamically configurable large-screen display method described above are implemented.

[0026] In a fourth aspect, an embodiment of the present application further provides a computer-readable storage medium, on which a dynamically configurable large-screen display program is stored, wherein when the dynamically configurable large-screen display program is executed by a processor, the steps of the dynamically configurable large-screen display method described above are implemented.

[0027] The beneficial effects brought by the technical solution provided in the embodiments of the present application include:

[0028] (1) Components are highly reusable. The types of components that need to be displayed in a large-screen report system are usually relatively fixed. The report component library already contains various components. There is no need to redevelop each time you use it. Each component can be used repeatedly.

[0029] (2) Improve the efficiency of large-screen development. The entire large-screen development platform does not require writing code. You only need to select components and add corresponding configurations and data to use it, which has high development efficiency.

[0030] (3) Strong scalability. The report component library and access data source of the large screen can be expanded according to actual conditions. After expansion, the new components can be configured and reused in the large screen. Through expansion, the practicality of the large screen can be greatly enhanced and the functions of the large screen can be enriched. BRIEF DESCRIPTION OF THE DRAWINGS

[0031] Figure 1 A flowchart of a dynamically configurable large-screen display method for this application;

[0032] Figure 2 This is a schematic diagram of the functional modules of the large-screen display device that can be dynamically configured in this application;

[0033] Figure 3 This is a schematic diagram of the hardware structure of a dynamically configurable large-screen display device. DETAILED DESCRIPTION

[0034] In order to enable those skilled in the art to better understand the solution of the present application, the technical solution in the embodiments of the present application will be clearly and completely described below in conjunction with the drawings 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.

[0035] In order to make the objectives, technical solutions and advantages of the present application clearer, the implementation methods of the present application will be further described in detail below with reference to the accompanying drawings.

[0036] On the first aspect, the embodiments of the present application provide a dynamically configurable large-screen display method, which is based on a general report component and uses configuration information to dynamically render the component effect, thereby achieving the purpose of quickly completing the development of a large-screen report system without writing code.

[0037] In one embodiment, referring to Figure 1 , Figure 1 This is a flow chart of the large-screen display method that can be dynamically configured in this application. Figure 1 As shown, the dynamically configurable large-screen display method includes:

[0038] S1: creating a report component library for providing templates used by reports, wherein the report component library includes a variety of BI components for meeting the needs of BI (Business Intelligence) report development;

[0039] Furthermore, in one embodiment, creating a report component library for providing templates used by reports specifically includes:

[0040] S101: Create a general and reusable report component library based on Apache Echarts (an open source visualization chart library based on JavaScript); the BI components in the report component library include pie charts, bar charts, line charts, radar charts, carousels, data lists, and counters;

[0041] S102: Based on the created report component library, a template is provided for each report, and the components in the report component library can be adjusted in display position and size by dragging.

[0042] That is, create a universal report component library and provide templates for each report. The report component library can be reused multiple times and can be freely dragged on the large screen to control the display position and size. The report component library contains various common BI components: pie charts, bar charts, line charts, radar charts, carousels, data lists, counters, etc., which can meet the needs of most BI report development.

[0043] S2: Establish a configuration table for saving component configuration information when making a large screen, and control the display effect and style of the component after the component is selected;

[0044] Furthermore, in one embodiment, a configuration table is established for storing component configuration information during large-screen production to achieve control of the display effect and style of the component after the component is selected, specifically including:

[0045] S201: Establish a configuration table for storing component configuration information when making a large screen. The configuration information is used to control the display effect and style of the component after the component is selected. The display effect and style of the component include the color, size, page position, name, and XY axis reference column name of the component.

[0046] S202: Based on the visual operation mode, the component configuration information is changed on the page, and the effect preview of the component is obtained in real time, and the configuration information is saved after confirmation.

[0047] Specifically, the configuration information of the component is saved. This configuration information is used by developers to control the display effect and style of the component after the developer selects the component. It includes the component's color, size, page position, name, XY axis (coordinate axis) reference column name and other information. Developers can change the configuration information visually on the page and obtain a real-time preview of the component's effect. After confirmation, the configuration information is saved into the database.

[0048] S3: Configure the data source for the report component, access the configured data source, and complete the access of the BI component data content.

[0049] Furthermore, in one embodiment, the data source includes a relational database, a search engine, REST (a software architecture style) interface data, JSON (a lightweight data exchange format) static data, and a NOSQL database (a non-relational database).

[0050] Further, in one embodiment, configuring a data source for a component of a report, accessing the configured data source, and completing the access of the BI component data content specifically includes:

[0051] S301: configuring data sources for report components;

[0052] S302: The address of the data source configured for component access, SQL (Structured Query Language) and URL (Uniform Resource Locator) information, realize the access of BI component data content.

[0053] Specifically, configure the data source for the report component. In order to make the large-screen display system more convenient and easy to use, it is necessary to support a rich data source library, including commonly used relational databases, search engines, REST interface data, JSON static data, NOSQL databases, etc. By configuring the access data source address, SQL, URL and other information, the access to the BI component data content is completed.

[0054] The dynamically configurable large-screen display method of the present application is described in detail below.

[0055] First, choose a set of fully functional report component libraries. For example, the open source component Apache Echarts contains a variety of large-screen components, including line charts, pie charts, bar charts, radar charts, etc., to meet the needs of daily large-screen development. If you need to add new report components, you can add them to the new report component library through custom plug-ins;

[0056] Next, in order to provide dynamic rendering effects for each component in the report component library, you need to create a configuration table to save the specific configuration information of each component when making the large screen, including the size of the component, page position, and specific style. When the large screen is opened, it will read the configuration information of the corresponding component in the configuration table and display the corresponding component elements on the page;

[0057] Finally, the data source that needs to be displayed in the report component is connected. The data source that the large screen connects to is rich and diverse, including static JSON file data, dynamically changing database data, and REST interface to display data on the component. For newly connected data sources that are not satisfied by the existing access methods, they can be integrated through plug-in development for future reuse.

[0058] The above large-screen system built based on dynamic configuration has the advantages of powerful functions and easy expansion. It does not require writing code, but only needs to add configuration to get the effect of the large screen, which greatly simplifies the development workload of the front-end display, thereby achieving the purpose of reducing costs and increasing efficiency for the enterprise.

[0059] The dynamically configurable large-screen display method of the embodiment of the present application has highly reused components. The types of components that the large-screen report system usually needs to display are relatively fixed. The report component library already contains various components, and there is no need to redevelop each time it is used. Each component can be used repeatedly; the efficiency of large-screen development is improved. The entire large-screen development platform does not require writing code. It only needs to select components, add corresponding configurations and data, and it can be used. The development efficiency is very high; it has strong scalability. The report component library of the large screen and the connected data source can be expanded according to actual conditions. After expansion, the new components can be configured to the large screen for reuse. Through expansion, the practicality of the large screen can be greatly enhanced and the functions of the large screen can be enriched.

[0060] In a second aspect, the embodiments of the present application also provide a dynamically configurable large-screen display device.

[0061] In one embodiment, referring to Figure 2 , Figure 2 This is a schematic diagram of the functional modules of the large-screen display device that can be dynamically configured in this application. Figure 2 As shown, the dynamically configurable large-screen display device includes a creation module, a building module and an access module.

[0062] The creation module is used to create a report component library for providing templates used in reports, and the report component library includes a variety of BI components for meeting the needs of BI report development; the establishment module is used to establish a configuration table for saving component configuration information during large-screen production, so as to control the display effect and style of the component after the component is selected; the access module is used to configure the data source for the report component, access the configured data source, and complete the access of the BI component data content.

[0063] In this application, a report component library is created to provide templates used by reports, including:

[0064] Based on Apache Echarts, create a general and reusable report component library;

[0065] Based on the created report component library, a template is provided for each report, and the components in the report component library can be adjusted in display position and size by dragging.

[0066] That is, create a universal report component library and provide templates for each report. The report component library can be reused multiple times and can be freely dragged on the large screen to control the display position and size. The report component library contains various common BI components: pie charts, bar charts, line charts, radar charts, carousels, data lists, counters, etc., which can meet the needs of most BI report development.

[0067] In this application, the BI components in the report component library include pie charts, bar charts, line charts, radar charts, carousels, data lists, and counters.

[0068] In this application, a configuration table is established to save component configuration information when making a large screen, and the display effect and style of the component are controlled after the component is selected, including:

[0069] Establish a configuration table for saving component configuration information when making a large screen. The configuration information is used to control the display effect and style of the component after the component is selected;

[0070] Based on the visual operation mode, the component configuration information is changed on the page, and the component effect preview is obtained in real time. After confirmation, the configuration information is saved.

[0071] Specifically, the configuration information of the component is saved. This configuration information is used by developers to control the display effect and style of the component after the developer selects the component. It includes the component's color, size, page position, name, XY axis (coordinate axis) reference column name and other information. Developers can change the configuration information visually on the page and obtain a real-time preview of the component's effect. After confirmation, the configuration information is saved into the database.

[0072] In this application, the display effect and style of a component include the component's color, size, page position, name, and XY axis reference column name.

[0073] In this application, data sources include relational databases, search engines, REST interface data, JSON static data, and NOSQL databases.

[0074] In this application, the data source is configured for the report component, the configured data source is accessed, and the access to the BI component data content is completed, which specifically includes:

[0075] Configure data sources for report components;

[0076] The address, SQL and URL information of the data source configured for component access are used to implement access to BI component data content.

[0077] Specifically, configure the data source for the report component. In order to make the large-screen display system more convenient and easy to use, it is necessary to support a rich data source library, including commonly used relational databases, search engines, REST interface data, JSON static data, NOSQL databases, etc. By configuring the access data source address, SQL, URL and other information, the access to the BI component data content is completed.

[0078] The dynamically configurable large-screen display device of the embodiment of the present application has highly reusable components. The types of components that the large-screen report system usually needs to display are relatively fixed. The report component library already contains various components, and there is no need to redevelop each time it is used. Each component can be used repeatedly; the efficiency of large-screen development is improved. The entire large-screen development platform does not require writing code. It only needs to select components and add corresponding configurations and data to use it, and the development efficiency is very high; it has strong scalability. The report component library of the large screen and the connected data source can be expanded according to actual conditions. After expansion, the new components can be configured to the large screen for reuse. Through expansion, the practicality of the large screen can be greatly enhanced and the functions of the large screen can be enriched.

[0079] Among them, the functional implementation of each module in the above-mentioned dynamically configurable large-screen display device corresponds to the various steps in the above-mentioned dynamically configurable large-screen display method embodiment, and its functions and implementation processes will not be repeated here one by one.

[0080] In a third aspect, an embodiment of the present application provides a dynamically configurable large-screen display device, which may be a personal computer (PC), a laptop computer, a server, or other device with data processing capabilities.

[0081] Reference Figure 3 , Figure 3 Schematic diagram of the hardware structure of the dynamically configurable large-screen display device involved in the embodiment of the present application. In the embodiment of the present application, the dynamically configurable large-screen display device may include a processor, a memory, a communication interface, and a communication bus.

[0082] The communication bus may be of any type and is used to interconnect the processor, the memory, and the communication interface.

[0083] The communication interface includes input / output (I / O) interface, physical interface and logical interface, etc., which are used to realize the interconnection of devices inside the dynamically configurable large-screen display device, and the interface used to realize the interconnection between the dynamically configurable large-screen display device and other devices (such as other computing devices or user devices). The physical interface can be an Ethernet interface, a fiber optic interface, an ATM interface, etc.; the user device can be a display, a keyboard, etc.

[0084] The memory can be various types of storage media, such as random access memory (RAM), read-only memory (ROM), non-volatile RAM (NVRAM), flash memory, optical storage, hard disk, programmable ROM (PROM), erasable PROM (EPROM), electrically erasable PROM (EEPROM), etc.

[0085] The processor may be a general-purpose processor, which may call a dynamically configurable large-screen display program stored in a memory and execute a dynamically configurable large-screen display method provided in an embodiment of the present application. For example, the general-purpose processor may be a central processing unit (CPU). The method executed when the dynamically configurable large-screen display program is called may refer to the various embodiments of the dynamically configurable large-screen display method of the present application, which will not be described in detail here.

[0086] Those skilled in the art will understand that Figure 3The hardware structure shown in the figure does not constitute a limitation on the present application, and may include more or less components than shown in the figure, or combine certain components, or arrange the components differently.

[0087] In a fourth aspect, an embodiment of the present application also provides a computer-readable storage medium.

[0088] The computer-readable storage medium of the present application stores a dynamically configurable large-screen display program, wherein when the dynamically configurable large-screen display program is executed by a processor, the steps of the dynamically configurable large-screen display method described above are implemented.

[0089] Among them, the method implemented when the dynamically configurable large-screen display program is executed can refer to the various embodiments of the dynamically configurable large-screen display method of the present application, and will not be repeated here.

[0090] It should be noted that the serial numbers of the above-mentioned embodiments of the present application are only for description and do not represent the advantages or disadvantages of the embodiments.

[0091] The terms "including" and "having" and any variations thereof in the specification and claims of this application and the above-mentioned drawings are intended to cover non-exclusive inclusions. For example, a process, method, system, product or device that includes a series of steps or units is not limited to the listed steps or units, but optionally includes steps or units that are not listed, or optionally includes other steps or units inherent to these processes, methods, products or devices. The terms "first", "second" and "third" are used to distinguish different objects, etc., and do not represent a sequence, nor do they limit "first", "second" and "third" to different types.

[0092] In the description of the embodiments of the present application, "exemplary", "for example" or "for example" are used to indicate examples, illustrations or descriptions. Any embodiment or design described as "exemplary", "for example" or "for example" in the embodiments of the present application should not be interpreted as being more preferred or more advantageous than other embodiments or designs. Specifically, the use of words such as "exemplary", "for example" or "for example" is intended to present related concepts in a specific way.

[0093] In the description of the embodiments of the present application, unless otherwise specified, “ / ” means or, for example, A / B can mean A or B; the “and / or” in the text is merely a description of the association relationship of associated objects, indicating that three relationships may exist, for example, A and / or B can mean: A exists alone, A and B exist at the same time, and B exists alone. In addition, in the description of the embodiments of the present application, “multiple” refers to two or more than two.

[0094] In some processes described in the embodiments of the present application, multiple operations or steps that appear in a specific order are included, but it should be understood that these operations or steps may not be executed in the order in which they appear in the embodiments of the present application or in parallel, and the sequence number of the operation is only used to distinguish the different operations, and the sequence number itself does not represent any execution order. In addition, these processes may include more or fewer operations, and these operations or steps may be executed in sequence or in parallel, and these operations or steps may be combined.

[0095] 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 is essentially or the part that contributes to the prior art can be embodied in the form of a software product, which is stored in a storage medium (such as ROM / RAM, disk, CD) as described above, and includes a number of instructions for a terminal device to execute the methods described in each embodiment of the present application.

[0096] The above are only preferred embodiments of the present application, and are not intended to limit the patent scope of the present application. Any equivalent structure or equivalent process transformation made using the contents of the present application specification and drawings, or directly or indirectly applied in other related technical fields, are also included in the patent protection scope of the present application.

Claims

1. A dynamically configurable large-screen display method, characterized in that: The dynamically configurable large-screen display method includes: Creating a report component library for providing templates used by reports, wherein the report component library includes a variety of BI components for meeting the needs of BI report development; Establish a configuration table for saving component configuration information when making large screens, and control the display effect and style of components after selecting them; Configure data sources for report components, access the configured data sources, and complete the access of BI component data content.

2. A dynamically configurable large-screen display method as claimed in claim 1, characterized in that: The creation of a report component library for providing templates used by reports specifically includes: Based on Apache Echarts, create a general and reusable report component library; Based on the created report component library, a template is provided for each report, and the components in the report component library can be adjusted in display position and size by dragging.

3. A dynamically configurable large-screen display method as claimed in claim 1, characterized in that: The BI components in the report component library include pie charts, bar charts, line charts, radar charts, carousels, data lists, and counters.

4. A dynamically configurable large-screen display method as claimed in claim 1, characterized in that: The configuration table for storing component configuration information during large-screen production is established to control the display effect and style of the component after the component is selected, specifically including: Establish a configuration table for saving component configuration information when making a large screen. The configuration information is used to control the display effect and style of the component after the component is selected; Based on the visual operation mode, the component configuration information is changed on the page, and the component effect preview is obtained in real time. After confirmation, the configuration information is saved.

5. A dynamically configurable large-screen display method as claimed in claim 4, characterized in that: The display effect and style of the component include the color, size, page position, name, and XY axis reference column name of the component.

6. A dynamically configurable large-screen display method as claimed in claim 1, characterized in that: The data sources include relational databases, search engines, REST interface data, JSON static data, and NOSQL databases.

7. A dynamically configurable large-screen display method as claimed in claim 6, characterized in that: The configuration of the data source for the report component, access to the configured data source, and access to the BI component data content specifically include: Configure data sources for report components; The address, SQL and URL information of the data source configured for component access are used to implement access to BI component data content.

8. A dynamically configurable large-screen display device, characterized in that: The dynamically configurable large-screen display device includes: A creation module, which is used to create a report component library for providing templates used by reports, and the report component library includes a variety of BI components for meeting the needs of BI report development; Establish a module, which is used to establish a configuration table for saving component configuration information when making a large screen, and to control the display effect and style of the component after the component is selected; The access module is used to configure the data source for the report component, access the configured data source, and complete the access of the BI component data content.

9. A dynamically configurable large-screen display device, characterized in that: The dynamically configurable large-screen display device includes a processor, a memory, and a dynamically configurable large-screen display program stored in the memory and executable by the processor, wherein when the dynamically configurable large-screen display program is executed by the processor, the steps of the dynamically configurable large-screen display method as described in any one of claims 1 to 7 are implemented.

10. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores a dynamically configurable large-screen presentation program, wherein when the dynamically configurable large-screen presentation program is executed by a processor, the steps of the dynamically configurable large-screen presentation method according to any one of claims 1 to 7 are implemented.

Images