Method for efficiently and quickly developing PC (Personal Computer) client in video monitoring industry and optimally configuring data

Abstract

The invention relates to the technical field of video monitoring, in particular to an efficient and rapid development and data optimization configuration method for a PC client in the video monitoring industry. A system architecture comprising a public bottom layer, a business data layer and an interface layer is constructed. The public bottom layer provides a bottom layer business data interface to guarantee a data source; the business data layer is responsible for data processing and management, and a business data agent of the business data layer can flexibly synchronously or asynchronously acquire data and monitor updating; the interface layer is based on an MVC framework and generates a configuration file through an interface designer, the interface management module effectively manages layout and interaction of the interface unit, and the interface unit obtains data from the business data layer to achieve dynamic display. According to the system and the method, rapid interface configuration in which non-developers can participate is realized, the development efficiency is improved, data management is optimized, the user experience is enhanced, good expandability and maintainability of the system are ensured by virtue of layered and modular design, and diversified requirements of PC client development in the video monitoring industry are effectively met.

Description

Technical Field

[0001] The present invention relates to the technical field of video surveillance, and in particular to a method for efficient and rapid development and data optimization configuration of a PC client in the video surveillance industry. Background Art

[0002] In the video surveillance industry, client development has long relied on the C++ language. This is because video surveillance has stringent performance requirements, and C++ can ensure stable system operation with its efficient code execution capabilities. However, customers' demands for UI interfaces are significantly diverse. Although core functions such as real-time video display and video playback are consistent, they have different preferences for interface display and operation methods. Developers have to carry out special customized development work for each customer. This process is extremely cumbersome and requires a lot of manpower and time costs. In subsequent maintenance, the uniqueness of each customized version makes maintenance work extremely difficult.

[0003] At present, there are some desktop software technologies with high development efficiency in the industry, such as BS mode and development technology based on Electron+vue. These technologies usually adopt the SDK architecture of web plus C++. Compared with traditional C++ development, their development efficiency is indeed improved, and they can achieve more gorgeous visual effects. However, in the field of video surveillance, they expose serious user experience problems. For example, when processing real-time transmission of video data, there may be a freeze phenomenon; in terms of interface operation response, there is also a significant delay, which greatly affects the user's use of the video surveillance system.

[0004] The existing related technologies have at least the following disadvantages: First, the execution efficiency is slightly reduced. The interaction protocol between the data layer and the interface layer is string transmission. For some data with more fields, the internal encapsulation of the data layer and the analysis of the interface layer will consume extra time. Therefore, the development efficiency is relatively lower than that of directly integrating the C++ library. However, this is also a necessary means to turn from individual customization to platformization.

[0005] Second, the development efficiency is slightly reduced. When the C++ library is directly integrated, the corresponding fields are already included in the included header file. However, when strings are used, developers need to perform additional encapsulation and parsing of the string protocol.

[0006] Third, the string protocol has many fields, which makes it easy for developers to make mistakes and requires more carefulness from developers.

[0007] Fourth, as the number of users increases, their visual habits are not the same, which will also be a challenge to the framework of the custom interface, so the current design may not meet the needs of all users. However, the current technology has the advantage of strong scalability and can be continuously enriched on an iterative basis to meet the needs of more users.

[0008] Fifth, since the structure adopted is interface module management, the display framework is fixed to the MVC mode. If the user's needs do not meet this mode, it may not be supported.

[0009] In today's increasingly competitive market environment, the concept of agile development has become an important trend in the development of the industry. For the video surveillance industry, whether it can quickly respond to user needs and provide customized solutions is directly related to the competitiveness of enterprises in the market. When competitors are still spending a lot of time evaluating the development cycle, if enterprises can use innovative technical means to enable developers and even sales staff to quickly configure the required interface for customers and achieve the effect of what you see is what you get, it will greatly reduce communication costs, improve customer satisfaction, and thus gain an advantage in market competition. Summary of the invention

[0010] In view of the shortcomings of the current related existing technologies, the present invention provides a method for efficient and rapid development and data optimization configuration of PC clients in the video surveillance industry. It aims to improve the development efficiency of PC clients in the video surveillance industry and optimize the data configuration process to meet the growing diversified business needs and user experience requirements. While ensuring the stable operation of the system, it realizes efficient and rapid development and accurate data management and optimization configuration, providing strong support for the efficient operation of the video surveillance system.

[0011] In terms of improving development efficiency, through innovative architecture design and efficient development processes, we abandon the cumbersome links in traditional development methods, such as optimizing the interaction mode between the data layer and the interface layer, reducing unnecessary encapsulation and parsing operations, thereby greatly shortening the development cycle and ensuring that developers can quickly respond to customers' customized needs and achieve rapid development.

[0012] In terms of data optimization and configuration, we build an intelligent data management system to accurately allocate data according to the actual needs of different interfaces, avoiding memory waste and server overload caused by full data requests. Through in-depth analysis and integration of business data, we establish an efficient data indexing and screening mechanism to ensure that each interface can quickly and accurately obtain the required data, and achieve accurate and efficient data configuration.

[0013] The present invention is committed to fully meeting the increasingly diverse business needs of the video surveillance industry, and can provide practical solutions for complex multi-scene monitoring settings and special requirements of different users for real-time data display. At the same time, it pays great attention to user experience, and optimizes from multiple dimensions such as the simplicity of the interface, the convenience of operation, and the timeliness of data display, to ensure that users can get a smooth and efficient experience during use.

[0014] To achieve the above purpose, the technical solution adopted by the present invention is: a method for efficient and rapid development and data optimization configuration of a PC client in the video surveillance industry, wherein the system adopted by the method includes at least an interface layer, a business data layer and a common bottom layer; the interface layer includes an interface module, an interface management module and an interface designer; wherein The interface module is provided with an interface component, which includes a style function component and an event function component. The style determines the visual presentation of the interface, and the event defines the interaction rules between the interface components and between the interface components and the data. The associated data is obtained through the data protocol, so that the interface components can be dynamically displayed and interacted according to the business data; The interface management module is provided with an interface management component, which is responsible for the layout of multiple interface components, event transmission of multiple interface components, and data transmission of multiple interfaces themselves; the interface management component uniformly manages and coordinates multiple interface components in the interface module; it handles the layout relationship between components to ensure that the overall layout of the interface is reasonable and beautiful; at the same time, it is also responsible for event transmission between components, so that different components can work together to achieve complex interactive functions; in addition, it also handles data transmission between multiple interfaces to ensure data consistency and interactive fluency between different interfaces; The interface designer is used to generate an interface configuration file; the interface designer is an important tool for connecting the interface module and the interface management module; it provides a visual design environment for developers, and developers can design interface components and layouts through the interface designer; after the design is completed, the interface designer will generate an interface configuration file according to the developer's settings, and the file contains one or more information of the interface layout, component style and events; the configuration file can be read and parsed by the interface module and the interface management module, so as to realize the dynamic loading and display of the interface; The business data layer is an independent layer used to provide business data; the business data layer is the data core of the entire system, and it provides the required business data for the interface module and the interface management module; the interface component obtains data from the business data layer through the data protocol to realize the dynamic display and interaction of the interface; the interface management module needs to rely on the data provided by the business data layer to make decisions and operations when processing component layout and event transmission; The public bottom layer is used to provide an access interface for the bottom layer business data; the bottom layer business data interface of the public bottom layer provides a connection channel between the business data layer and the bottom layer data source; the business data layer obtains the bottom layer business data through the interface, processes and encapsulates it, and then provides it to the interface module and the interface management module for use; In this method, the interface designer generates an interface configuration file, the interface module displays the interface components according to the settings in the configuration file, the interface components obtain data from the business data layer through the data protocol for dynamic display and interaction, the interface management module is responsible for managing the layout of multiple interface components, event transmission and data transmission of multiple interfaces, and the business data layer obtains the underlying business data through the underlying business data interface of the public bottom layer, and provides support for the interface module and the interface management module, thereby realizing the functions of the entire system; the layered and modular design makes the system have good scalability, maintainability and flexibility, and can meet the needs of rapid development and flexible configuration of PC clients in the video surveillance industry.

[0015] Further, the business data layer includes a business data layer agent, an internal business module and a data request module; the business data layer agent includes at least a synchronous data acquisition module, an asynchronous data acquisition module and a data update monitoring module; the internal business module includes more than one video module, and the more than one video module includes at least video module 1 and video module 2; The synchronous data acquisition module is used to acquire business data in a synchronous manner; the asynchronous data acquisition module acquires data in an asynchronous manner; the data update monitoring module is responsible for monitoring the update of business data, and when the data changes, it can perceive it in time and may trigger the corresponding processing mechanism.

[0016] The video module includes a data management module and a business definition module. The data management module manages the data in each module, including data storage, organization, and processing to ensure the accuracy and validity of the data; the business definition module defines the specific business logic and rules of each video module, including video playback, pause, recording, and playback business-related operations and processes; The data request module is used for communication and is responsible for communicating with external data sources or other related systems to obtain or send data requests. It is a channel for the business data layer to interact with the outside world. The business data layer realizes the management, acquisition, update and interaction with the interface layer and external systems of business data through the collaborative work among business data agents, internal business modules and data request modules, providing data support and guarantee for the normal operation of the entire system.

[0017] Furthermore, the interaction steps between the business data layer agent and the internal business module are as follows: The business data layer agent is a bridge between the interface layer and the internal business modules. The interface layer operates the data of each business module through the business data layer agent. The synchronous and asynchronous data acquisition functions of the business data layer agent provide different data acquisition methods for the interface layer to adapt to different business scenarios and performance requirements. When the interface layer needs to obtain data from the video module, it will send a request through the business data layer agent; the business data layer agent interacts with the corresponding video module according to the request method; If synchronous data acquisition is adopted, the business data layer agent will wait for the data management part of the video module to process the data request and return the result before passing the data to the interface layer; If asynchronous data acquisition is adopted, the business data layer agent will send the request to the video module and return immediately. After the data management part of the video module processes the data, the business data layer agent will pass the data to the interface layer; The data update monitoring function monitors the data changes of the internal business modules in real time; when the data in video module one or video module two is updated, the data update monitoring will sense the change and may pass the update information to the business data layer agent, which will then notify the interface layer of the update so that the interface layer can update the display content in a timely manner to maintain consistency between the interface and the business data.

[0018] Furthermore, the interaction mode between the internal business module and the data request module is: When the data management module in the internal business module processes business data, the data management module communicates with the outside through the communication function of data request, sends data request and receives response; When the video module plays a video, it obtains video stream data from the server. The data management module sends a request to the server through the communication function of the data request, and processes and plays the video stream data after obtaining it.

[0019] The business definition module determines when data requests need to be made and how to process the requested data. The data management module including the video module sends a recording request to the server through a data request, and handles the data interaction and status update during the recording process according to the server's response and business rules.

[0020] Furthermore, the interface layer adopts the MVC framework, which is the basic architecture of the entire interface layer. The menu-based, multi-label and encapsulated features provide an overall organization and operation framework for the functional components of the interface module, interface management module and interface designer; the menu-based and multi-label functions provide users with a convenient operation method and interface layout, encapsulate the relevant functions and data of the interface layer, make it have good independence and maintainability, and enable the various parts of the interface layer to work together and be easy to expand and modify; The interface component includes multiple interface units, each of which includes a data management unit, a UI attribute unit and an interface interaction unit, wherein: The data management unit is responsible for managing the data required by this interface unit, including obtaining data from the business data layer agent, processing data and updating local data; The UI attribute unit includes attribute settings of various interface elements, including one or more of color, font, size, and position, which can be flexibly configured to meet different interface design requirements; The interface interaction unit is used to process user interaction operations within the interface unit and trigger corresponding events or operations according to the interaction results; The interface management module has the functions of segmentation display, dynamic display and timing display. Split display divides the interface into different areas, including left-right or top-bottom splits. Each area can display different content or interface units, making it convenient for users to view and operate multiple related information at the same time. Dynamic display realizes dynamic effects of the interface, including animation and transition effects, to enhance user experience and interactivity of the interface; Timing display displays or hides interface elements, interface units, or performs related operations according to the triggering timing; The interface designer provides a visual interface editing function. Users can design the interface by dragging and dropping, setting properties, and can save the designed interface as a file for subsequent loading and use. The business data layer agent is also responsible for communicating with the business data layer to realize data interaction between the interface layer and the business data layer, including obtaining business data and feeding back data updates of the interface layer to the business data layer; The various functional components of the interface layer work together through close logical relationships to realize the design, display, interaction and data management of the interface, providing users with an interface environment that is rich in functions, easy to operate and has a good user experience; the MVC framework provides an overall architecture, with the interface unit as the basic component, and event-driven data interaction to achieve data sharing between units. The interface management organizes and manages the display of interface units, the interface designer is used to edit and save the interface, and the business data layer agent ensures data interaction between the interface layer and the business data layer, together forming a complete interface layer system.

[0021] Furthermore, the interaction mode of the interface unit is as follows: the interface unit is the basic component unit of the interface layer, and each interface unit is bound to the business data layer agent through the data management unit to obtain the required data to display and process business information; the flexible configuration of the UI attribute unit enables the interface unit to be personalized according to different business needs and user preferences; the interface interaction function processes the user's operation in the interface unit, and may trigger event-driven data interaction, passing the data to other interface units or feeding back to the business data layer agent; Multiple interface units are combined and laid out under the organization of the interface management module. The interface management arranges the display mode and interaction logic of the interface units according to the segmentation display, dynamic display and timing display rules.

[0022] Furthermore, the interface layer also includes event-driven data interaction, which is an important mechanism for data transmission and sharing between interface units. When an event occurs in an interface unit, the target interface unit is identified by the interface ID, and the corresponding data is transmitted. The transmitted data is used to update the display content of other interface units, trigger operations of other interface units, or be passed to the business data layer agent for further processing.

[0023] Furthermore, the interaction mode between the interface management module and the interface designer is as follows: the user performs visual editing and design of the interface through the interface designer, and sets the layout and UI properties of the interface units; after the design is completed, the interface designer saves the designed interface as a file, and the interface management is responsible for loading and parsing these interface files, organizing and displaying the interface units according to the configuration information in the files, and realizing the actual operation and interaction of the interface; the interface management module dynamically adjusts the interface units according to the user's operations and business logic during operation.

[0024] Furthermore, the interaction mode of the business data layer agent: the business data layer agent is a bridge between the interface layer and the business data layer, and is closely related to the data management of the interface unit; the data management unit of the interface unit sends data requests to the business data layer through the communication function of the business data layer agent, obtains business data and updates local data display; at the same time, the data update in the interface unit is fed back to the business data layer through the business data layer agent, realizing two-way interaction and synchronization of data.

[0025] The present invention adopts the above technical solution, which has at least the following beneficial effects: In terms of development efficiency, the development process of the PC client in the video surveillance industry has been reasonably disassembled and integrated through the layered and modular design concept. The customizable design of the interface layer and the visual operation function of the interface designer allow non-developers to participate in simple interface configuration work to a certain extent, greatly shortening the development cycle. Compared with the traditional method of independent customized development for different customers, it avoids a lot of repetitive work and reduces the investment in manpower and time costs.

[0026] In terms of data management, the unique architecture of the business data layer enables effective organization and efficient use of data. Synchronous and asynchronous data acquisition methods can be flexibly selected according to different business scenarios and performance requirements, avoiding thread blocking or resource waste problems that may be caused by a single data acquisition method. The data update monitoring mechanism ensures the real-time consistency between the interface and business data. Users can obtain the latest information in a timely manner during the operation process, which improves the system's response speed and data accuracy.

[0027] For user experience, the MVC framework of the interface layer provides convenient operation and beautiful and reasonable layout. The menu and multi-label functions make it easy for users to quickly find the required functional modules, improving operation efficiency. The rich UI attribute configuration and dynamic display effects enhance the aesthetics and interactivity of the interface and meet the personalized needs of different users. The segmentation display and timing display functions further optimize the rationality of information display, allowing users to obtain and process information more efficiently.

[0028] In terms of system maintainability and scalability, the low coupling design between the layers allows each module of the system to be independently developed, tested and upgraded. When business requirements change or new functions need to be added, only the corresponding modules need to be adjusted or expanded without having a significant impact on the architecture of the entire system, which reduces the difficulty of system maintenance and upgrades, improves the adaptability and flexibility of the system, and can better cope with the ever-changing market demands and technological development trends in the video surveillance industry. BRIEF DESCRIPTION OF THE DRAWINGS

[0029] 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 some embodiments of the present invention. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying creative work.

[0030] Figure 1 It is a schematic diagram of the efficient and rapid development and data optimization configuration framework of the PC client of the present invention.

[0031] Figure 2 It is a schematic diagram of the business data layer of the PC client efficient and rapid development and data optimization configuration of the present invention.

[0032] Figure 3 It is a schematic diagram of the interface layer of the PC client efficient and rapid development and data optimization configuration of the present invention. DETAILED DESCRIPTION

[0033] Exemplary embodiments will be described in detail herein, examples of which are shown in the accompanying drawings. When the following description refers to the drawings, the same numbers in different drawings represent the same or similar elements unless otherwise indicated. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present invention. Instead, they are merely examples of devices and methods consistent with some aspects of the present invention as detailed in the appended claims.

[0034] Embodiment 1 The main idea of ​​the current technical solution is to separate data from the interface. The data has strong business nature and complies with industry standards and specifications. It can be connected internally and provided as a platform to third-party customers, and can be supported under different operating systems.

[0035] The interface is customized according to the actual needs of users. Users' preferences include conservative, radical and fashionable. In today's Internet development, common software can only produce one style, so the design needs to consider the flexible configuration of these three styles.

[0036] First, for the data layer, it is classified and decoupled according to the main business, the architectural design is sunk, and a general business interface design is formulated. The interaction with the upper-level UI group mainly adopts the string protocol method, such as the json structure, and it will also be compatible with the transmission of long data. In this way, the data layer becomes a platform design, which may also be called the business data layer.

[0037] Second, the business data layer interacts with the underlying data in an extensible and highly reusable manner, that is, using data interfaces to encapsulate the underlying calls and conveniently switch the underlying call libraries. These underlying call libraries can be third-party libraries or developer-developed libraries, and can be switched freely using the strategy model.

[0038] Third, for the interface layer, the core of the technology is the customization of the UI layer interface. Combined with the characteristics of the currently used interfaces, commonly used interface modules are enumerated, and custom interface modules are added. These modules are the basic units that make up the main interface. After these basic units are combined, the interface formed can be configured through the interface designer to successfully generate interface files, which can have a system. The interface file mainly consists of the configuration properties of basic controls, such as text, background images, etc. Therefore, the interface layer can be further divided into the management of interface modules, the interaction of data within the interface modules, and the interaction of the interface layer with external data.

[0039] For interface module management, it is mainly through the management of multiple modules, such as segmented display, dynamic display, and display by timing. Increase the focus on interface design. The data between interface modules is transmitted through the interface ID. This data protocol can be memory transmission, and the structure can be freely designed by developers or operators. The business data required by the interface layer can also be specified and bound to the business data layer in the framework design.

[0040] Based on the above ideas, the technical problems to be solved by this technical solution are: First, business data is not standardized, demand points are scattered, and maintenance costs are high. If there is an urgent need, there may be a problem of "pressing down one problem but another one pops up", which has a great impact on the company's product development professionalism. In view of this problem, business data is standardized, common business needs are sorted out, and implemented with technology. These data are reusable, scalable, and platform-based.

[0041] Second, there is a lot of field data. For convenience, the service data is directly requested in full, which increases the memory. In order to manage the data, due to the large amount of data, different interfaces may not need the full amount of business data, so you can "take what you need", which can reduce the transmission of big data.

[0042] Third, closing and reopening the interface requires another data request. If the server is subjected to stress testing, it may run slowly or even crash. To reduce the high-frequency data requests, the business data layer follows a one-time request and local maintenance mode to reduce server pressure.

[0043] Fourth, the cycle of customizing interfaces according to customer needs is often estimated on a monthly basis. If there are multiple customers, the cycle is very long or additional manpower is needed for development, which is costly and time-consuming. Moreover, the stability of the products developed quickly is not robust enough. The present invention will enable the interface to be configured quickly without waiting for a long time, provide a mature solution, promote customer satisfaction, and better solve the problems of high cost and long cycle.

[0044] Fifth, products can only be developed by developers. Rapid development technology can be quickly configured by non-developers for common needs. There is no need to learn programming languages, and only the perception of interface effects needs to be strengthened. At this time, the product will not only be provided to customers, but also a tool for rapid configuration in the video industry.

[0045] To do this, see Figures 1 to 3 As shown, this embodiment provides a method for efficient and rapid development and data optimization configuration of a PC client in the video surveillance industry. The system used in the method includes at least an interface layer, a business data layer and a common bottom layer; the interface layer includes an interface module, an interface management module and an interface designer; wherein The interface module is provided with an interface component, which includes a style function component and an event function component. The style determines the visual presentation of the interface, and the event defines the interaction rules between the interface components and between the interface components and the data. The associated data is obtained through the data protocol, so that the interface components can be dynamically displayed and interacted according to the business data; The interface management module is provided with an interface management component, which is responsible for the layout of multiple interface components, event transmission of multiple interface components, and data transmission of multiple interfaces themselves; the interface management component uniformly manages and coordinates multiple interface components in the interface module; it handles the layout relationship between components to ensure that the overall layout of the interface is reasonable and beautiful; at the same time, it is also responsible for event transmission between components, so that different components can work together to achieve complex interactive functions; in addition, it also handles data transmission between multiple interfaces to ensure data consistency and interactive fluency between different interfaces; The interface designer is used to generate an interface configuration file; the interface designer is an important tool for connecting the interface module and the interface management module; it provides a visual design environment for developers, and developers can design interface components and layouts through the interface designer; after the design is completed, the interface designer will generate an interface configuration file according to the developer's settings, and the file contains one or more information of the interface layout, component style and events; the configuration file can be read and parsed by the interface module and the interface management module, so as to realize the dynamic loading and display of the interface; The business data layer is an independent layer used to provide business data; the business data layer is the data core of the entire system, and it provides the required business data for the interface module and the interface management module; the interface component obtains data from the business data layer through the data protocol to realize the dynamic display and interaction of the interface; the interface management module needs to rely on the data provided by the business data layer to make decisions and operations when processing component layout and event transmission; The public bottom layer is used to provide an access interface for the bottom layer business data; the bottom layer business data interface of the public bottom layer provides a connection channel between the business data layer and the bottom layer data source; the business data layer obtains the bottom layer business data through the interface, processes and encapsulates it, and then provides it to the interface module and the interface management module for use; In this method, the interface designer generates an interface configuration file, the interface module displays the interface components according to the settings in the configuration file, the interface components obtain data from the business data layer through the data protocol for dynamic display and interaction, the interface management module is responsible for managing the layout of multiple interface components, event transmission and data transmission of multiple interfaces, and the business data layer obtains the underlying business data through the underlying business data interface of the public bottom layer, and provides support for the interface module and the interface management module, thereby realizing the functions of the entire system; the layered and modular design makes the system have good scalability, maintainability and flexibility, and can meet the needs of rapid development and flexible configuration of PC clients in the video surveillance industry.

[0046] like Figure 2 As shown, the business data layer in this embodiment includes a business data layer agent, an internal business module and a data request module; the business data layer agent includes at least a synchronous data acquisition module, an asynchronous data acquisition module and a data update monitoring module; the internal business module includes more than one video module, and the more than one video module includes at least video module 1 and video module 2; The synchronous data acquisition module is used to acquire business data in a synchronous manner, that is, after a request is issued, the current thread will be blocked before a response is received until the data is acquired; the asynchronous data acquisition module acquires data in an asynchronous manner. After a request is issued, the current thread will not be blocked, but data acquisition will continue to be processed in the background. When data acquisition is completed, relevant modules are notified through callbacks and other methods; the data update monitoring module is responsible for monitoring the update of business data. When the data changes, it can perceive it in time and may trigger the corresponding processing mechanism, such as notifying the interface layer and other relevant modules that the data has been updated.

[0047] The video module includes a data management module and a business definition module. The data management module manages the data in each module, including data storage, organization, and processing to ensure the accuracy and validity of the data; the business definition module defines the specific business logic and rules of each video module, including video playback, pause, recording, and playback business-related operations and processes; The data request module is used for communication and is responsible for communicating with external data sources or other related systems to obtain or send data requests. It is a channel for the business data layer to interact with the outside world. The business data layer realizes the management, acquisition, update and interaction with the interface layer and external systems of business data through the collaborative work among business data agents, internal business modules and data request modules, providing data support and guarantee for the normal operation of the entire system.

[0048] like Figure 2 As shown, the interaction steps between the business data layer agent and the internal business module in this embodiment are: The business data layer agent is a bridge between the interface layer and the internal business modules. The interface layer operates the data of each business module through the business data layer agent. The synchronous and asynchronous data acquisition functions of the business data layer agent provide different data acquisition methods for the interface layer to adapt to different business scenarios and performance requirements. When the interface layer needs to obtain data from the video module, it sends a request through the business data layer agent; the business data layer agent interacts with the corresponding video module according to the request method (synchronous or asynchronous); If synchronous data acquisition is adopted, the business data layer agent will wait for the data management part of the video module to process the data request and return the result before passing the data to the interface layer; If asynchronous data acquisition is adopted, the business data layer agent will send the request to the video module and return immediately. After the data management part of the video module processes the data, the business data layer agent will pass the data to the interface layer through some means (such as callback function); The data update monitoring function monitors the data changes of the internal business modules in real time; when the data in video module one or video module two is updated, the data update monitoring will sense the change and may pass the update information to the business data layer agent, which will then notify the interface layer of the update so that the interface layer can update the display content in a timely manner to maintain consistency between the interface and the business data.

[0049] like Figure 2 As shown, the interaction mode between the internal business module and the data request module in this embodiment is: When the data management module in the internal business module processes business data, the data management module will communicate with the outside through the communication function of the data request, send data requests and receive responses; for example, when the video module plays a video, it obtains video stream data from the server, and the data management module will send a request to the server through the communication function of the data request module, and process and play the video stream data after obtaining it.

[0050] The business definition module determines under what circumstances data requests are required and how to process the requested data; for example, according to the business definition, when the user clicks the video recording button, the data management part of the video module 2 will send a recording request to the server through a data request, and handle the data interaction and status update during the recording process according to the server's response and business rules.

[0051] See also Figures 1 to 3 As shown in the review, Figure 3 The structural diagram of the interface layer provided in; the functions of its components are as follows: MVC Framework: Menu type: Provides menu functions to facilitate users to operate and navigate through the menu, such as opening different functional modules, setting options, etc.

[0052] Multiple tabs: Supports multi-tab display. Users can open multiple tabs in the same interface, making it convenient to switch and view content between different interfaces, thereby improving operational efficiency.

[0053] Encapsulation: Encapsulate the relevant functions and data of the interface layer to make it independent and maintainable, and reduce the coupling between modules.

[0054] Interface unit (interface unit 1, interface unit 2, interface unit 3, etc.) Data management: responsible for managing the data required by this interface unit, including obtaining data from the business data layer agent, processing data, and updating local data.

[0055] UI properties: Contains property settings for various interface elements, such as color, font, size, position, etc., which can be flexibly configured to meet different interface design requirements.

[0056] Interface interaction: Process user interaction operations within this interface unit, such as button clicks, input box input, etc., and trigger corresponding events or operations based on the interaction results.

[0057] Event-driven data interaction: Interface ID: used to uniquely identify each interface unit so as to accurately identify and locate it in event-driven data interaction.

[0058] Carrying data: When data is interacted between interface units, related data is carried through events to achieve data transmission and sharing.

[0059] Interface management: Split display: The interface can be split, such as left-right or top-bottom, into different areas. Each area can display different content or interface units, making it convenient for users to view and operate multiple related information at the same time.

[0060] Dynamic display: realize dynamic effects of the interface, such as animation, transition effects, etc., to enhance the user experience and interactivity of the interface.

[0061] Timing display: Display or hide interface elements, interface units, or perform related operations according to specific triggering timing, such as automatically popping up a prompt window when certain conditions are met.

[0062] Multiple interface units are combined and laid out under the organization of the interface management module. The interface management arranges the display mode and interaction logic of the interface units according to the segmentation display, dynamic display and timing display rules.

[0063] Interface Designer: Editing and saving interface files: Provides visual interface editing functions. Users can design interfaces by dragging, setting properties, etc., and can save the designed interfaces as files for subsequent loading and use.

[0064] Business data layer agent: Communication: Responsible for communicating with the business data layer to realize data interaction between the interface layer and the business data layer, including obtaining business data and feeding back data updates of the interface layer to the business data layer.

[0065] In this embodiment, the various functional components of the interface layer work together through a close logical relationship to realize the design, display, interaction and data management of the interface, providing users with an interface environment that is rich in functions, easy to operate and has a good user experience; the MVC framework provides an overall architecture, the interface unit is the basic component, and event-driven data interaction realizes data sharing between units. The interface management organizes and manages the display of the interface units. The interface designer is used for editing and saving the interface, and the business data layer agent ensures data interaction between the interface layer and the business data layer, together forming a complete interface layer system.

[0066] In this embodiment, the MVC framework is the basic architecture of the entire interface layer. Features such as menu, multiple tags, and encapsulation provide an overall organization and operation framework for functional components such as interface units, interface management, and interface designers. The menu and multiple tags provide users with convenient operation methods and interface layouts, and encapsulation ensures the independence and maintainability of each functional component, so that each part of the interface layer can work together and is easy to expand and modify.

[0067] The interaction mode of the interface unit in this embodiment is as follows: the interface unit is the basic component unit of the interface layer, and each interface unit is bound to the business data layer agent through the data management unit to obtain the required data to display and process business information; the flexible configuration of the UI attribute unit enables the interface unit to be personalized according to different business needs and user preferences; the interface interaction function processes the user's operation in the interface unit, and may trigger event-driven data interaction, passing the data to other interface units or feeding back to the business data layer agent; In this embodiment, the interface layer also includes event-driven data interaction, which is an important mechanism for data transmission and sharing between interface units. When an event occurs in an interface unit, the target interface unit is identified by the interface ID, and the corresponding data is transmitted. The transmitted data is used to update the display content of other interface units, trigger the operation of other interface units, or be transmitted to the business data layer agent for further processing. For example, a button click event in interface unit 1 may carry relevant data, which is transmitted to interface unit 2 through event drive. Interface unit 2 performs corresponding processing and display updates based on the received data.

[0068] The interaction mode between the interface management module and the interface designer in this embodiment is as follows: the user uses the interface designer to perform visual editing and design of the interface, and sets the layout and UI properties of the interface unit; after the design is completed, the interface designer saves the designed interface as a file, and the interface management is responsible for loading and parsing these interface files, organizing and displaying the interface units according to the configuration information in the file, and realizing the actual operation and interaction of the interface; the interface management module dynamically adjusts the interface units according to the user's operation and business logic during operation. For example, displaying or hiding certain interface units according to the user's permissions, etc. These adjusted interface states can also be edited and saved again through the interface designer.

[0069] The interactive mode of the business data layer agent in this embodiment: the business data layer agent is a bridge between the interface layer and the business data layer, and is closely related to the data management of the interface unit; the data management unit of the interface unit sends a data request to the business data layer through the communication function of the business data layer agent, obtains business data and updates the local data display; at the same time, the data update in the interface unit is fed back to the business data layer through the business data layer agent to achieve two-way interaction and synchronization of data. For example, the data management module of the interface unit 1 needs to obtain the playback information of a certain video, and will send a request to the business data layer through the business data layer agent. After processing, the business data layer returns the data to the interface unit 1 for display; when the user operates the video playback in the interface unit 1 (such as pausing, adjusting the playback progress, etc.), the data management of the interface unit 1 will pass these operation information to the business data layer through the business data layer agent, and the business data layer will update the playback status and related data of the video based on this information.

[0070] Embodiment 2 Implementation 2 can also be found in Figures 1 to 3 As shown, this embodiment provides a system for efficient and rapid development and data optimization configuration of PC clients in the video surveillance industry, which can be used to implement the method of embodiment 1. The details are as follows: A video surveillance industry PC client efficient and rapid development and data optimization configuration system, including The public bottom layer has a bottom-level business data interface, which is used to establish a communication link with an external data source or related system to realize the introduction of bottom-level business data, and has a mechanism to ensure data integrity and stability during data transmission; The business data layer is mainly responsible for the processing and management of business data, including the business data layer agent and internal business modules. The business data layer agent has the functions of synchronous and asynchronous data acquisition and data update monitoring. The internal business module is responsible for the management and control of its own business data and the setting of business logic, and has the ability to interact with external data. The interface layer uses the MVC framework, including the interface module, interface management module and interface designer, which are used to build the user interface and realize the interactive function. The interface module is composed of multiple interface units with data management, attribute configuration and interactive processing capabilities. The interface management module is responsible for the layout and data transmission of the interface unit, and the interface designer can generate and edit the interface configuration file; Each layer collaborates with each other. The public bottom layer provides basic data for the business data layer. The business data layer provides business data support for the interface layer. The interface layer displays the interface based on the results of the interface designer and realizes dynamic display and user interaction through interaction with the business data layer, so that the system has good scalability, maintainability and flexibility, and meets the PC client development and data processing needs of the video surveillance industry.

[0071] like Figure 3 As shown, the main framework of the interface layer adopts MVC design, supporting menus, multiple tags and encapsulation.

[0072] Each interface may need to set data independently, so a single interface unit can be directly bound to the business data layer agent to facilitate obtaining the required data portion.

[0073] The data interaction between interface units can be based on the event mechanism, identified by the ID between units, and can carry corresponding variables. The UI attributes based on the interface unit can flexibly configure various interfaces.

[0074] Interface management is the combination of these interface units, which can be split and displayed (left and right or top and bottom), dynamically displayed (dynamic effects), and timing displayed (trigger timing display) according to actual needs.

[0075] The interface designer is the WYSIWYG part, which can save the interface formed by interface management as a file mode.

[0076] As a preferred implementation, the underlying business data interface of the public bottom layer described in this embodiment adopts common and standardized communication protocols (such as TCP / IP, UDP, etc.) to connect to the outside, and has the ability to adaptively adjust according to the characteristics of different data sources. A data caching mechanism is set during data transmission to improve data acquisition efficiency, and the transmitted data is verified to ensure data accuracy.

[0077] As a preferred implementation, the synchronous data acquisition function of the business data layer agent described in this embodiment has a mechanism for feedback of error information when data is not acquired on time. The notification method for asynchronous data acquisition is diverse and efficient. Data update monitoring adopts real-time monitoring technology, which can respond quickly and pass it to relevant parts once the data changes.

[0078] As a preferred implementation, the internal business module described in this embodiment adopts an efficient storage architecture and retrieval algorithm for data management, and its business logic settings can be flexibly adjusted and expanded according to actual application scenarios, and has security measures in the process of interacting with external data, such as data encryption and identity authentication.

[0079] As a preferred implementation, the architecture of the interface layer described in this embodiment is an MVC framework, whose menu-based function facilitates user operation, multi-tab display supports flexible tab operation and can realize data sharing, and encapsulation ensures the independence and maintainability of each component. At the same time, it can automatically perform compatibility checks and processing when updating components.

[0080] As a preferred implementation, the property configuration of the interface unit described in this embodiment supports a combination of preset templates and customization, which can meet diverse interface design requirements, adopts effective mechanisms to avoid misoperation when processing user interaction operations, and can perform intelligent updates in data management according to changes in business data.

[0081] As a preferred implementation, the segmented display of the interface management module described in this embodiment supports custom rules, the dynamic display can introduce rich special effects and can be adaptively adjusted according to system performance, and the timing display can be precisely controlled based on a variety of trigger conditions to ensure the rationality and smoothness of interface display and interaction.

[0082] As a preferred implementation, the interface configuration file generated by the interface designer described in this embodiment performs data compression and backup processing when saving, can quickly parse and restore the interface design when loading, supports multi-person collaborative editing and has a complete version management function.

[0083] In this embodiment, the system consists of a public bottom layer, a business data layer, and an interface layer. The underlying business data interface of the public bottom layer is connected to an external data source or related system to provide underlying data for the business data layer. The business data layer processes and manages the data, and exchanges data with the interface layer through the business data agent. The internal business module is responsible for its own data management and business logic definition. The interface layer is based on the MVC framework, and the configuration file is generated through the interface designer. The interface management module coordinates the display and interaction of the interface unit. The interface unit obtains data from the business data layer to realize dynamic display and user interaction.

[0084] The business data layer agent can obtain data synchronously or asynchronously. Synchronous acquisition blocks the thread waiting for data, while asynchronous acquisition does not block and notifies after completion. The data update monitoring module monitors data changes in real time and feeds back to related modules. The interface unit is closely bound to the business data layer agent to obtain data, and uses the interface ID to identify and transmit data based on the event-driven mechanism to achieve interaction between interfaces and the business data layer.

[0085] Breaking the limitations of traditional independent custom development, the customizability and visual design tools of the interface layer enable non-developers to participate in simple configuration, significantly shortening the development cycle and reducing manpower and time costs.

[0086] The architecture of the business data layer supports flexible data acquisition methods to avoid resource waste and thread blocking. Data update monitoring ensures real-time consistency between the interface and data, improving system response speed and data accuracy.

[0087] The menu, multiple tabs and other functions under the MVC framework facilitate user operation. The rich UI attribute configuration and dynamic effects meet personalized needs. The segmentation and timing display optimize information display and improve the efficiency of users in obtaining and processing information.

[0088] The low-coupling design of each layer facilitates independent development, testing and upgrading, can easily cope with business changes and functional expansion, reduce maintenance difficulty, enhance system adaptability and flexibility, and meet the needs of industry development.

[0089] Although the embodiments of the present invention have been shown and described above, it will be appreciated that the above embodiments are exemplary and are not to be construed as limitations of the present invention. A person skilled in the art may change, modify, substitute and vary the above embodiments within the scope of the present invention.

Claims

1. A method for efficient and rapid development and data optimization configuration of PC clients in the video surveillance industry, characterized by: It includes interface layer, business data layer and public bottom layer; the interface layer includes interface module, interface management module and interface designer; The interface module is provided with an interface component, which includes a style function component and an event function component. The style determines the visual presentation of the interface, and the event defines the interaction rules between the interface components and between the interface components and the data. The interface management module is provided with an interface management component, which is responsible for the layout of multiple interface components, event transmission of multiple interface components and data transmission of multiple interfaces themselves; The interface designer is used to generate an interface configuration file; The interface designer will generate an interface configuration file based on the developer's settings; The business data layer is an independent layer used to provide business data; the interface component obtains data from the business data layer through the data protocol to realize the dynamic display and interaction of the interface; the interface management module needs to rely on the data provided by the business data layer to make decisions and operations when processing component layout and event transmission; The public bottom layer is used to provide an access interface for the bottom layer business data; the business data layer obtains the bottom layer business data through the interface, processes and encapsulates it, and provides it to the interface module and the interface management module for use; In this method, the interface designer generates an interface configuration file, the interface module displays the interface components according to the settings in the configuration file, the interface components obtain data from the business data layer through the data protocol for dynamic display and interaction, the interface management module is responsible for managing the layout of multiple interface components, event transmission and data transmission of multiple interfaces, and the business data layer obtains the underlying business data through the public underlying underlying business data interface and provides support for the interface module and the interface management module.

2. The method according to claim 1, characterized in that: The business data layer includes a business data layer agent, an internal business module and a data request module; the business data layer agent includes at least a synchronous data acquisition module, an asynchronous data acquisition module and a data update monitoring module; the internal business module includes more than one video module, and the more than one video module includes at least video module 1 and video module 2; The synchronous data acquisition module is used to acquire business data in a synchronous manner; the asynchronous data acquisition module acquires data in an asynchronous manner; the data update monitoring module is responsible for monitoring the update of business data, and when the data changes, it can be perceived in time and may trigger the corresponding processing mechanism; The video module includes a data management module and a business definition module. The data management module manages the data in each module, including data storage, organization, and processing to ensure the accuracy and validity of the data; the business definition module defines the specific business logic and rules of each video module, including video playback, pause, recording, and playback business-related operations and processes; The data request module is used for communication and is responsible for communicating with external data sources or other related systems to obtain or send data requests. It is a channel for the business data layer to interact with the outside world. The business data layer realizes the management, acquisition, and update of business data as well as the interaction with the interface layer and external systems through the collaborative work among business data agents, internal business modules, and data request modules.

3. The method according to claim 2, characterized in that: The interaction steps between the business data layer agent and the internal business module are as follows: The business data layer agent is a bridge between the interface layer and the internal business modules. The interface layer operates the data of each business module through the business data layer agent. The synchronous and asynchronous data acquisition functions of the business data layer agent provide different data acquisition methods for the interface layer to adapt to different business scenarios and performance requirements. When the interface layer needs to obtain data from the video module, it will send a request through the business data layer agent; the business data layer agent interacts with the corresponding video module according to the request method; If synchronous data acquisition is adopted, the business data layer agent will wait for the data management part of the video module to process the data request and return the result before passing the data to the interface layer; If asynchronous data acquisition is adopted, the business data layer agent will send the request to the video module and return immediately. After the data management part of the video module processes the data, the business data layer agent will pass the data to the interface layer; The data update monitoring function monitors the data changes of the internal business modules in real time; when the data in video module one or video module two is updated, the data update monitoring will sense the change and may pass the update information to the business data layer agent, which will then notify the interface layer of the update so that the interface layer can update the display content in a timely manner to maintain consistency between the interface and the business data.

4. The method according to claim 3, characterized in that: Interaction mode between the internal business module and the data request module: When the data management module in the internal business module processes business data, the data management module communicates with the outside through the communication function of data request, sends data request and receives response; When the video module plays a video, it obtains the video stream data from the server, and the data management module sends a request to the server through the communication function of the data request, obtains the video stream data, and then processes and plays it; The business definition module determines when data requests need to be made and how to process the requested data. The data management module including the video module sends a recording request to the server through a data request, and handles the data interaction and status update during the recording process according to the server's response and business rules.

5. The method according to claim 4, characterized in that: The interface layer adopts the MVC framework, and the interface component includes multiple interface units, each of which includes a data management unit, a UI attribute unit and an interface interaction unit, wherein: The data management unit is responsible for managing the data required by this interface unit, including obtaining data from the business data layer agent, processing data and updating local data; The UI attribute unit includes attribute settings of various interface elements, including one or more of color, font, size, and position, which can be flexibly configured to meet different interface design requirements; The interface interaction unit is used to process user interaction operations within the interface unit and trigger corresponding events or operations according to the interaction results; The interface management module has the functions of segmentation display, dynamic display and timing display. Split display divides the interface into different areas, including left-right or top-bottom splits. Each area can display different content or interface units, making it convenient for users to view and operate multiple related information at the same time. Dynamic display realizes dynamic effects of the interface, including animation and transition effects, to enhance user experience and interactivity of the interface; Timing display displays or hides interface elements, interface units, or performs related operations according to the triggering timing; The interface designer provides a visual interface editing function. Users can design the interface by dragging and dropping, setting properties, and can save the designed interface as a file for subsequent loading and use. The business data layer agent is also responsible for communicating with the business data layer to realize data interaction between the interface layer and the business data layer, including obtaining business data and feeding back data updates of the interface layer to the business data layer; The various functional components of the interface layer work together through logical relationships to realize the design, display, interaction and data management of the interface; the MVC framework provides the overall architecture, the interface unit is the basic component, and event-driven data interaction realizes data sharing between units. The interface management organizes and manages the display of interface units. The interface designer is used to edit and save interface files. The business data layer agent ensures data interaction between the interface layer and the business data layer, together forming a complete interface layer system.

6. The method according to claim 5, characterized in that: The interaction modes of the interface unit are: The interface unit is the basic component of the interface layer. Each interface unit is bound to the business data layer agent through the data management unit to obtain the required data to display and process business information. The flexible configuration of the UI attribute unit enables the interface unit to be personalized according to different business needs and user preferences. The interface interaction function processes the user's operations within the interface unit and may trigger event-driven data interaction to pass data to other interface units or feed it back to the business data layer agent. Multiple interface units are combined and laid out under the organization of the interface management module. The interface management arranges the display mode and interaction logic of the interface units according to the segmentation display, dynamic display and timing display rules.

7. The method according to claim 6, characterized in that: The interface layer also includes event-driven data interaction, which is an important mechanism for data transmission and sharing between interface units. When an event occurs in an interface unit, the target interface unit is identified by the interface ID, and the corresponding data is transmitted. The transmitted data is used to update the display content of other interface units, trigger operations of other interface units, or be passed to the business data layer agent for further processing.

8. The method according to claim 5, characterized in that: Interaction between the interface management module and the interface designer: Users use the interface designer to visually edit and design the interface, and set the layout and UI properties of the interface units; After the design is completed, the interface designer saves the designed interface as a file, and the interface manager is responsible for loading and parsing these interface files, organizing and displaying interface units according to the configuration information in the file, and realizing the actual operation and interaction of the interface; The interface management module dynamically adjusts the interface unit according to user operations and business logic during operation.

9. The method according to claim 5, characterized in that: The interaction mode of the business data layer agent: The business data layer agent is a bridge between the interface layer and the business data layer, and is closely related to the data management of the interface unit. The data management unit of the interface unit sends data requests to the business data layer through the communication function of the business data layer agent to obtain business data and update local data display. At the same time, data updates in the interface unit are fed back to the business data layer through the business data layer agent to achieve two-way interaction and synchronization of data.

Images