Display data interaction method and device and storage medium

Abstract

The invention relates to the field of data interaction, and discloses a display data interaction method and device and a storage medium. The method comprises the steps that a front-end display system receives an import request instruction and sends the import request instruction to a rear-end control system, and the import request instruction comprises an Excel file; the back-end control system receives an import request instruction, writes data of an Excel file into a data table according to an EasyExcel library, and generates a map data table; obtaining a josn template, replacing a placeholder in the josn template with data in the map data table, generating display JOSN data, storing the display JSON data in a relational database, and recording storage information; the storage information is pushed to a front-end display system by using a webScoket connection; and the front-end display system receives the storage information, queries the display JSON data from the relational database based on the storage information, and analyzes and displays the display JSON data. In the embodiment of the invention, a simple adjustment process and a flexible modification mode of display data of a large screen are realized.

Description

Technical Field

[0001] The present invention relates to the field of data interaction, and in particular to an interactive method, device and storage medium for displaying data. Background Art

[0002] In the field of smart manufacturing large-screen demonstration, existing technologies usually develop specific data configuration modules for each large-screen component to achieve the management of demonstration data. These systems are usually customized based on specific business needs, and build independent data processing logic and interactive interfaces for different components (such as order statistics, inventory analysis, etc.).

[0003] However, since the demonstration data configuration module of each component is developed independently, the code reuse rate is low. Whenever a large-screen component needs to be added or modified, the corresponding data configuration function must be redeveloped, which not only increases the development cost but also prolongs the development cycle. In addition, the existing technology cannot respond to changes in real-time data in a timely manner, and it is difficult to meet the requirements of exhibition hall demonstrations for data real-time performance.

[0004] Therefore, in order to solve the problem of complex large-screen display data adjustment process and lack of real-time performance in the existing technology, a new technical solution is urgently needed to optimize the data management method of the large-screen demonstration system and improve development efficiency and data real-time performance. Summary of the invention

[0005] The main purpose of the present invention is to solve the technical problems in the prior art that the large-screen display data adjustment process is complicated and lacks real-time performance.

[0006] A first aspect of the present invention provides an interactive method for displaying data, the interactive method for displaying data is applied to an interactive system for displaying data, the interactive system for displaying data comprises: a front-end display system and a back-end control system, the interactive method for displaying data comprises: The front-end display system receives an import request instruction, and sends the import request instruction to the back-end control system, wherein the import request instruction includes: an Excel file; The backend control system receives the import request instruction, writes the data of the Excel file into a data table according to the preset EasyExcel library, and generates a map data table; Obtain a preset josn template, replace the placeholder in the josn template with the data in the map data table, generate display JSON data, store the display JSON data in a relational database, and record the storage information; Using webScoket connection, the stored information is pushed to the front-end display system; The front-end display system receives the storage information, queries the display JSON data from the relational database based on the storage information, and performs parsing and display processing on the display JSON data.

[0007] Optionally, in a first implementation of the first aspect of the present invention, writing the data of the Excel file into a data table according to the preset EasyExcel library, and generating a map data table includes: Using the ExcelUtil tool class in the preset EasyExcel library, the Excel file is verified for file legitimacy to obtain a verification result; When the verification result is qualified, the data of the Excel file is written into List <Map<String,String> >In the structure, generate a map data table.

[0008] Optionally, in a second implementation of the first aspect of the present invention, the data of the Excel file is written into a List <Map<String,String> > In the structure, the generated map data table includes: Use the ReadListener class in the EasyExcel library to listen to the data of the Excel file being written into the List <Map<String,String> >For each row of data in the structure, get the monitoring process data; When there is an abnormality in the monitoring process data, the data writing process is terminated and the error data is sent to the front-end display system.

[0009] Optionally, in a third implementation of the first aspect of the present invention, after parsing and displaying the display JSON data, the method further includes: The front-end display system receives the data query request and sends the data query request to the back-end control system according to the preset HTTP protocol; The backend control system receives the data query request, and based on the data query request, queries the corresponding display JOSN data from the relational database; According to the preset front-end format, the display JOSN data is encapsulated and processed to generate format JOSN data; The JOSN data in the format is responded and fed back to the front-end display system through the HTTP protocol.

[0010] Optionally, in a fourth implementation of the first aspect of the present invention, querying corresponding display JOSN data from the relational database based on the data query request includes: Cache the preset historical query records in the preset Redis database; Determine whether the data query request is in the Redis database; When in the Redis database, the display JOSN data corresponding to the data query request is copied from the Redis database; If the data is not in the Redis data, the display JOSN data corresponding to the data query request is queried from the relational database, and the data query request is written into the historical query record.

[0011] Optionally, in a fifth implementation of the first aspect of the present invention, querying the display JOSN data corresponding to the data query request from the relational database includes: Generate the SQL query statement corresponding to the data query request based on the MyBatis framework; Based on the SQL query statement, query processing is performed on the index of the relational database to obtain and display JOSN data.

[0012] Optionally, in a sixth implementation of the first aspect of the present invention, before the storage information is pushed to the front-end display system by using the webScoket connection, the method includes: The backend control system establishes a Websocket service based on the Spring WebSocket framework; The front-end display system establishes a WebSocket connection with the back-end control system based on the SockJS library and the STOMP text protocol, and uses the subscribe function to monitor the data pushed by the back-end control system.

[0013] Optionally, in a seventh implementation of the first aspect of the present invention, the front-end display system receiving the import request instruction includes: The front-end display system receives a click event; The configurator interface is displayed based on the click event, and an import request instruction of the configurator interface is received.

[0014] A second aspect of the present invention provides an interactive device for displaying data, comprising: a memory and at least one processor, wherein instructions are stored in the memory, and the memory and the at least one processor are interconnected via a line; the at least one processor calls the instructions in the memory so that the interactive device for displaying data executes the above-mentioned interactive method for displaying data.

[0015] A third aspect of the present invention provides a computer-readable storage medium, wherein the computer-readable storage medium stores instructions, which, when executed on a computer, enable the computer to execute the above-mentioned interactive method for displaying data.

[0016] In an embodiment of the present invention, the imported Excel data is obtained through the front-end technology, and the user can edit and adjust the front-end display data by editing the Excel data. The front-end interface sends the imported data to the back-end system, and the back-end system uses the EasyExcel library to write the Excel data into the data table, and generates the corresponding JSON data based on the generated data table. The JSON data is transmitted to the front-end display system across the system using a relational database, which realizes a simple adjustment process and flexible modification method for the display data of the large screen, and solves the technical problems of the large screen display data adjustment process being complicated and lacking in real time in the prior art. BRIEF DESCRIPTION OF THE DRAWINGS

[0017] Figure 1 A schematic diagram of an embodiment of an interactive method for displaying data in an embodiment of the present invention; Figure 2 A schematic diagram of a specific embodiment of a front-end display system of an interactive method for displaying data in an embodiment of the present invention; Figure 3 It is a schematic diagram of a specific embodiment of step 102 of the interactive method for displaying data in an embodiment of the present invention; Figure 4 It is a schematic diagram of a specific embodiment after step 105 of the interactive method for displaying data in an embodiment of the present invention; Figure 5 The figure is a schematic diagram of an embodiment of an interactive device for displaying data in an embodiment of the present invention. DETAILED DESCRIPTION

[0018] The embodiments of the present invention provide an interactive method, device and storage medium for displaying data.

[0019] The embodiments disclosed in the present invention will be described in more detail below with reference to the accompanying drawings. Although certain embodiments disclosed in the present invention are shown in the accompanying drawings, it should be understood that the present invention can be implemented in various forms and should not be construed as being limited to the embodiments described herein, which are instead provided for a more thorough and complete understanding of the present invention. It should be understood that the drawings and embodiments disclosed in the present invention are only for exemplary purposes and are not intended to limit the scope of protection disclosed in the present invention.

[0020] In the description of the embodiments disclosed in the present invention, the term "including" and similar terms should be understood as open inclusion, that is, "including but not limited to". The term "based on" should be understood as "based at least in part on". The term "one embodiment" or "the embodiment" should be understood as "at least one embodiment". The terms "first", "second", etc. may refer to different or the same objects. Other explicit and implicit definitions may also be included below.

[0021] For ease of understanding, the specific process of the embodiment of the present invention is described below. Figure 1 , an embodiment of the interactive method for displaying data in an embodiment of the present invention, the interactive method for displaying data is applied to an interactive system for displaying data, the interactive system for displaying data includes: a front-end display system and a back-end control system, the interactive method for displaying data includes: 101. The front-end display system receives an import request instruction, and sends the import request instruction to the back-end control system, wherein the import request instruction includes: an Excel file; In this embodiment, the front-end display system may be a large screen, and the application fields of the large screen include but are not limited to the following aspects: 1. Intelligent manufacturing field: In the factory production workshop, the technology of the present invention is used to display various data on the production line, such as equipment operation status, output, quality inspection results, etc., in real time on the large screen. Managers can click on the large screen title to quickly configure demonstration data, such as switching data of different production lines, viewing historical data comparison, etc. Through the data import function, data under different production scenarios can also be simulated to assist production scheduling decisions, optimize production processes, and improve production efficiency.

[0022] 2. Education and training: When schools or training institutions display teaching results, they use large screens to display data such as student grades, course completion, and skill mastery. Teachers or administrators can quickly update demonstration data by downloading templates, editing data, and importing them as needed, and show parents, students, or visitors the teaching results of different time periods and classes, and intuitively present the teaching effect.

[0023] 3. Financial field: In the trading hall or business hall of financial institutions, the large screen displays the market data of financial products such as stocks, funds, foreign exchange, etc. in real time. Traders or investors can view detailed data analysis, such as price increase, trading volume comparison, etc., by clicking on the component title. At the same time, the demonstration data configuration function can be used to simulate data trends under different market conditions, assist investment decisions, and predict market trends.

[0024] An import request instruction is sent in the front-end display system. The import request instruction includes an Excel file. The import request instruction is sent to the back-end control system. The back-end control system is used to parse and process various instruction data displayed on the front-end and execute related execution instructions.

[0025] For details, please refer to Figure 2 , Figure 2This is a schematic diagram of a specific embodiment of a front-end display system of an interactive method for displaying data in an embodiment of the present invention. In step 101, "the front-end display system receives an import request instruction" includes: 1011. The front-end display system receives a click event; 1012. Triggering display of a configurator interface based on the click event, and receiving an import request instruction of the configurator interface.

[0026] In steps 1011-1012, the front-end display system can receive multiple click events. When the click event triggers the display of the configurator interface, it can trigger the display of the pop-up configurator interface, and the user generates an import request instruction in the configurator interface.

[0027] 102. The backend control system receives the import request instruction, writes the data of the Excel file into a data table according to the preset EasyExcel library, and generates a map data table; In this embodiment, the backend control system receives the import request instruction using the HTTP protocol. The EasyExcel library is an external library integrated in the Java development environment, and the EasyExcel library integrates multiple functions for Excel files.

[0028] If the project is based on Maven, add the EasyExcel dependency in the pom.xml file: <dependency> <groupid> com.alibaba< / groupid> <artifactid> easyexcel< / artifactid> <version> 3.2.0< / version> <!-- Please select the latest version as needed. --> < / dependency> In the above manner, the EasyExcel library is configured, and the data of the Excel file is written into the data table using the EasyExcel library to generate a map data table.

[0029] For further information, see Figure 3 , Figure 3 This is a specific embodiment of step 102 of the interactive method for displaying data in an embodiment of the present invention. In step 102, "writing the data of the Excel file into a data table according to the preset EasyExcel library to generate a map data table" includes the following specific implementation methods: 1021. Using the ExcelUtil tool class in the preset EasyExcel library, perform a file validity check on the Excel file to obtain a check result; 1022. When the verification result is qualified, the data of the Excel file is written into List <Map<String,String> >In the structure, generate a map data table.

[0030] In steps 1021-1022, the ExcelUtil tool class is a packaged tool class based on the EasyExcel library. The ExcelUtil tool class is used to check whether the Excel file contains specific column names, whether it contains empty rows or empty columns, and whether the data type is correct. If all checks are passed, a Boolean parameter will be returned.

[0031] When the Boolean parameter is true, the data of the Excel file is written to the List <Map<String,String> > structure, generate a map data table. List <Map<String, String> > is a common Java data structure used to store tabular data or similar key-value pairs. Each element of List is a Map, which represents a row of data in the table.<String, String> It is a collection of key-value pairs. The key (String) is usually the table header (column name), and the value (String) is the cell content of the corresponding column.

[0032] Write the Excel file into the List according to the structure of the original table <Map<String,String> >, generate a map data table with multiple maps.

[0033] Specifically, step 1022 includes the following specific implementation methods: 10221. Use the ReadListener class in the EasyExcel library to listen to the data of the Excel file being written into the List <Map<String,String> >For each row of data in the structure, get the monitoring process data; 10222. When there is an abnormality in the monitoring process data, the data writing process is terminated and error data is sent to the front-end display system.

[0034] In steps 10221-10222, in order to monitor whether the data writing process will cause the Excel file to be undetected abnormality, the ReadListener class in the EasyExcel library is used, such as the invoke(T data, AnalysisContextcontext) function, which is triggered each time a row of data is read. Data is the data object of the current row. Under this function, a conditional trigger is set to determine whether the header is empty or the data is empty. When empty data is found during the monitoring process, the data writing process is terminated and the error data is sent to the front-end display system so that the user can adjust the input Excel data.

[0035] 103. Obtain a preset JOSN template, replace the placeholder in the JOSN template with the data in the map data table, generate display JOSN data, store the display JSON data in a relational database, and record the storage information; In this embodiment, the josn template is pre-set, and the data in the map data table replaces the placeholder in the josn template. For example, the value of the "total order amount" field in the map data table replaces the "#{total order amount}" placeholder in the json template, and the display JOSN data that can be used for parsing is directly generated. The display JOSN data is stored in a relational database, and the storage information such as app_id, component_id, time, create_by and create_time is recorded.

[0036] The relational database can be a NoSQL database, such as MongoDB or Cassandra. NoSQL databases have better scalability and flexibility, can more conveniently store and process complex data structures, and are suitable for storing demonstration data in JSON format. The relational database can also be a MySQL relational database, but it is not recommended to use a local database such as SQLite database. SQLite database is not conducive to cross-system and device processing, and it is not convenient for users to debug and modify data.

[0037] 104. Push the stored information to the front-end display system by using the webScoket connection; In this embodiment, the webScoket connection is used to push the storage information to the front-end display system, so that the front-end display system pulls the josn data from the database based on the storage information for parsing and display.

[0038] Specifically, the following specific implementation methods are included before 104: 1041. The backend control system establishes a Websocket service based on the Spring WebSocket framework; 1042. The front-end display system establishes a WebSocket connection with the back-end control system based on the SockJS library and the STOMP text protocol, and uses the subscribe function to listen to the data pushed by the back-end control system.

[0039] In steps 1041-1042, the backend control system first establishes a Websocket service based on the Spring WebSocket framework, and the frontend display system uses the SockJS library to create a STOMP client to parse and execute the STOMP protocol, establish a WebSocket connection with the backend control system, and subscribe to the data pushed by the backend control system.

[0040] 105. The front-end display system receives the storage information, queries the display JSON data from the relational database based on the storage information, and parses and displays the display JSON data.

[0041] In this embodiment, the front-end display system receives storage information, uses the storage information as an index, queries the display JSON data corresponding to the storage information from the relational database across systems and devices, parses and displays the display JSON data, and generates a display interface corresponding to the display JSON data.

[0042] See also Figure 4 , Figure 4 This is a specific embodiment after step 105 of the interactive method for displaying data in an embodiment of the present invention, and further includes the following specific implementation methods after step 105: 106. The front-end display system receives the data query request and sends the data query request to the back-end control system according to a preset HTTP protocol; 107. The backend control system receives the data query request, and queries the corresponding display JOSN data from the relational database based on the data query request; 108. According to a preset front-end format, encapsulate the displayed JOSN data to generate formatted JOSN data; 109. Through the HTTP protocol, respond and feed back the formatted JOSN data to the front-end display system.

[0043] In steps 106-109, the front-end display system can not only import data requests, but also execute query data requests after importing the data requests. The front-end display system receives the data query request and sends the data query request to the back-end control system according to the preset HTTP protocol.

[0044] The backend queries the display JOSN data corresponding to app_id, component_id and time from the relational database according to the query request sent by the frontend, encapsulates the display JOSN data according to the preset frontend format, generates formatted JOSN data, and returns the formatted JOSN data to the frontend display system through the HTTP response mechanism.

[0045] Specifically, in step 107, "based on the data query request, querying the corresponding display JOSN data from the relational database" includes the following specific implementation methods: 1071. Cache the preset historical query records into the preset Redis database; 1072. Determine whether the data query request is in the Redis database; 1073. When in the Redis database, copy the display JOSN data corresponding to the data query request from the Redis database; 1074. If the data is not in the Redis data, query the display JOSN data corresponding to the data query request from the relational database, and write the data query request into the historical query record.

[0046] In steps 1071-1074, a cache mechanism is introduced to cache historical query records in the Redis database. When there is a data query request, the Redis database is first queried. If the data corresponding to the historical query record exists in the Redis database, the display JOSN data corresponding to the data query request will be copied from the Redis database. If the data corresponding to the historical query record does not exist in the Redis database, the display JOSN data corresponding to the data query request is still queried from the relational database, and the data query request is written into the historical query record. This can reduce the access pressure of the database and improve the response speed of the system.

[0047] Specifically, in step 1074, "querying from the relational database the display JOSN data corresponding to the data query request" includes: 10741. Generate an SQL query statement corresponding to the data query request based on the MyBatis framework; 10742. Based on the SQL query statement, query the index of the relational database to obtain and display JOSN data.

[0048] In steps 10741-10742, the dynamic SQL function of the MyBatis framework allows dynamic generation of SQL statements according to runtime conditions, which can flexibly respond to complex query requirements and reduce unnecessary data loading, thereby improving query efficiency. The use of the secondary cache based on the MyBatis framework can improve the efficiency of index queries on the relational database, reduce the number of database accesses, and achieve a faster display of JOSN data.

[0049] In an embodiment of the present invention, the imported Excel data is obtained through the front-end technology, and the user can edit and adjust the front-end display data by editing the Excel data. The front-end interface sends the imported data to the back-end system, and the back-end system uses the EasyExcel library to write the Excel data into the data table, and generates the corresponding JSON data based on the generated data table. The JSON data is transmitted to the front-end display system across the system using a relational database, which realizes a simple adjustment process and flexible modification method for the display data of the large screen, and solves the technical problems of the large screen display data adjustment process being complicated and lacking in real time in the prior art.

[0050] Figure 5 1 is a schematic diagram of the structure of an interactive device for displaying data provided by an embodiment of the present invention. The interactive device 500 for displaying data may have relatively large differences due to different configurations or performances, and may include one or more processors (central processing units, CPU) 510 (for example, one or more processors) and a memory 520, and one or more storage media 530 (for example, one or more mass storage devices) for storing application programs 533 or data 532. Among them, the memory 520 and the storage medium 530 may be temporary storage or permanent storage. The program stored in the storage medium 530 may include one or more modules (not shown in the figure), and each module may include a series of instruction operations in the interactive device 500 for displaying data. Furthermore, the processor 510 may be configured to communicate with the storage medium 530 to execute a series of instruction operations in the storage medium 530 on the interactive device 500 for displaying data.

[0051] The interactive device 500 based on display data may also include one or more power supplies 540, one or more wired or wireless network interfaces 550, one or more input and output interfaces 560, and / or one or more operating systems 531, such as Windows Server, Mac OS X, Unix, Linux, Free BSD, etc. It will be appreciated by those skilled in the art that Figure 5 The structure of the interactive device for displaying data shown does not constitute a limitation on the interactive device based on displaying data, and may include more or less components than shown in the figure, or a combination of certain components, or a different arrangement of components.

[0052] The present invention also provides a computer-readable storage medium, which may be a non-volatile computer-readable storage medium or a volatile computer-readable storage medium. Instructions are stored in the computer-readable storage medium. When the instructions are executed on a computer, the computer executes the steps of the interactive method for displaying data.

[0053] In the context of the present disclosure, a machine-readable medium may be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, device, or equipment. A machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or equipment, or any suitable combination of the foregoing. A more specific example of a machine-readable storage medium may include an electrical connection based on one or more lines, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

[0054] In addition, although each operation is described in a specific order, this should be understood as requiring such operation to be performed in the specific order shown or in a sequential order, or requiring that all illustrated operations should be performed to obtain desired results. Under certain circumstances, multitasking and parallel processing may be advantageous. Similarly, although some specific implementation details are included in the above discussion, these should not be interpreted as limiting the scope of the present disclosure. Some features described in the context of a separate embodiment can also be implemented in a single implementation in combination. On the contrary, the various features described in the context of a single implementation can also be implemented in multiple implementations individually or in any suitable sub-combination mode.

[0055] Although the subject matter has been described in language specific to structural features and / or methodological logical actions, it should be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or actions described above. On the contrary, the specific features and actions described above are merely example forms of implementing the claims.

Claims

1. An interactive method for displaying data, characterized in that: The interactive method for displaying data is applied to an interactive system for displaying data, the interactive system for displaying data comprises: a front-end display system and a back-end control system, and the interactive method for displaying data comprises: The front-end display system receives an import request instruction, and sends the import request instruction to the back-end control system, wherein the import request instruction includes: an Excel file; The backend control system receives the import request instruction, writes the data of the Excel file into a data table according to the preset EasyExcel library, and generates a map data table; Obtain a preset josn template, replace the placeholder in the josn template with the data in the map data table, generate display JSON data, store the display JSON data in a relational database, and record the storage information; Using webScoket connection, the stored information is pushed to the front-end display system; The front-end display system receives the storage information, queries the display JSON data from the relational database based on the storage information, and performs parsing and display processing on the display JSON data.

2. The interactive method for displaying data according to claim 1, characterized in that: The step of writing the data of the Excel file into a data table according to the preset EasyExcel library and generating a map data table comprises: Using the ExcelUtil tool class in the preset EasyExcel library, the Excel file is verified for file legitimacy to obtain a verification result; When the verification result is qualified, the data of the Excel file is written into List <Map<String,String> >In the structure, generate a map data table.

3. The interactive method for displaying data according to claim 2, characterized in that: The data of the Excel file is written into List <Map<String,String> > In the structure, the generated map data table includes: Use the ReadListener class in the EasyExcel library to listen to the data of the Excel file being written into the List <Map<String,String> >For each row of data in the structure, get the monitoring process data; When there is an abnormality in the monitoring process data, the data writing process is terminated and the error data is sent to the front-end display system.

4. The interactive method for displaying data according to claim 1, characterized in that: After parsing and displaying the display JSON data, the method further includes: The front-end display system receives the data query request and sends the data query request to the back-end control system according to the preset HTTP protocol; The backend control system receives the data query request, and based on the data query request, queries the corresponding display JOSN data from the relational database; According to the preset front-end format, the display JOSN data is encapsulated and processed to generate format JOSN data; The JOSN data in the format is responded and fed back to the front-end display system through the HTTP protocol.

5. The interactive method for displaying data according to claim 4, characterized in that: The querying of corresponding display JOSN data from the relational database based on the data query request includes: Cache the preset historical query records in the preset Redis database; Determine whether the data query request is in the Redis database; When in the Redis database, the display JOSN data corresponding to the data query request is copied from the Redis database; If the data is not in the Redis data, the display JOSN data corresponding to the data query request is queried from the relational database, and the data query request is written into the historical query record.

6. The interactive method for displaying data according to claim 5, characterized in that: The step of querying the displayed JOSN data corresponding to the data query request from the relational database includes: Generate the SQL query statement corresponding to the data query request based on the MyBatis framework; Based on the SQL query statement, query processing is performed on the index of the relational database to obtain and display JOSN data.

7. The interactive method for displaying data according to claim 1, characterized in that: Before the storage information is pushed to the front-end display system by using the webScoket connection, the method includes: The backend control system establishes a Websocket service based on the Spring WebSocket framework; The front-end display system establishes a WebSocket connection with the back-end control system based on the SockJS library and the STOMP text protocol, and uses the subscribe function to monitor the data pushed by the back-end control system.

8. The interactive method for displaying data according to claim 1, characterized in that: The front-end display system receiving the import request instruction includes: The front-end display system receives a click event; The configurator interface is displayed based on the click event, and an import request instruction of the configurator interface is received.

9. An interactive device for displaying data, characterized in that: The interactive device for displaying data comprises: a memory and at least one processor, the memory stores instructions, and the memory and the at least one processor are interconnected via a line; The at least one processor calls the instructions in the memory to enable the interactive device for displaying data to execute the interactive method for displaying data according to any one of claims 1 to 8.

10. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, the interactive method for displaying data according to any one of claims 1 to 8 is implemented.

Images