CN116088817B

CN116088817B - Panorama service view designer and device based on mesh topological structure

Info

Publication number: CN116088817B
Application number: CN202111308730.4A
Authority: CN
Inventors: 请求不公布姓名
Original assignee: Dalian Lian Da Science & Technology Co ltd
Current assignee: Dalian Lian Da Science & Technology Co ltd
Priority date: 2021-11-05
Filing date: 2021-11-05
Publication date: 2024-04-09
Anticipated expiration: 2041-11-05
Also published as: CN116088817A

Abstract

The invention provides a panoramic service view designer based on a mesh topological structure, which comprises a service unit and a basic unit, an event acquisition module, an interface display module, a data center and a generation module; the business unit comprises a custom configuration rule subunit, a custom business content visualization generation subunit, a configuration business view subunit, a business view template generation subunit, a business data receiving subunit and a dynamic business view generation subunit; the basic unit comprises an acquisition subunit and a generation subunit; and the service unit and the basic unit realize mutual calling through the event acquisition module, the interface display module, the data center and the generation module, so that a dynamic panoramic service view is generated. The invention does not need to fetch codes in the user configuration process, improves the working efficiency, realizes common editing, avoids the omission of single staff, and meets the requirements of simplifying and facilitating management of service data.

Description

Panorama service view designer and device based on mesh topological structure

Technical Field

The invention relates to the technical field of service view processing, in particular to a panoramic service view designer and device based on a mesh topological structure.

Background

At present, with the increasing of business and projects of most enterprises, conventional business management of the enterprises is difficult to meet the requirements of informatization and convenience, and particularly, with the continuous interactive replacement of new activities or events following the business, how to realize digitization, convenience and even remodelling office is important for the enterprises under the industry digitization climax.

Recently, the business application of modes such as online office and remote office is forced to grow, so that enterprises experience the advantage and convenience of industrial digitization, the current fixed business office software application cannot meet the demands of enterprise diversity and enterprise business data diversity, each enterprise needs an effective and digital management platform suitable for the enterprises, and particularly, the management of simplifying and facilitating business data is required.

Disclosure of Invention

The invention provides a panoramic service view designer and a device based on a mesh topological structure, which can be used for visualizing and displaying service data into a panoramic view by a general method.

The invention discloses a panoramic service view designer based on a mesh topological structure, which is characterized by comprising a data center, an interface display module, an event acquisition module, a generation module, a service unit and a basic service unit;

the data center is used for storing data and loading data, rendering, configuration operation and the like in the configuration process of the panoramic service view designer, and is used for realizing the calling of the functional module;

the interface display module is used for displaying visual components, nodes, service views, view editing pages and the like in the panoramic service view designer on the first display interface, the second display interface and the third display interface;

the acquisition event module is used for acquiring configuration operations on a first display interface, a second display interface and a third display interface of the panoramic service view designer;

The generation module is used for generating a visual component, a node, service contents, a service view template and a dynamic service view;

the service unit and the basic service unit respectively call an event acquisition module, an interface display module, a data center and a generation module, so that the service unit and the basic service unit are mutually called;

wherein the service unit comprises:

custom configuration rules subunit: the configuration operation of the user on at least two business contents in the first display interface is acquired through the acquisition event module, and the result of the configuration operation is used as a corresponding configuration rule and is respectively stored in the data center;

and a custom business content visualization generation subunit: the data center is used for calling the data center to display configuration rules of at least two business contents on a second display interface through an interface display module respectively, and generating visualization components corresponding to the at least two user-defined business contents through a generation module;

configuring a service view subunit: the system comprises an event acquisition module, a generation module and a display module, wherein the event acquisition module is used for acquiring configuration operations such as clicking, dragging and the like of a user on at least two visual components corresponding to the service content in a second display interface, and instantiating the visual components corresponding to the service content into nodes corresponding to the service content through the generation module; further, the configuration operations of the time sequence relation and the connection relation between the nodes corresponding to the business content and the time sequence relation and the connection relation between the nodes corresponding to the business content are continuously obtained by a user, and the configuration result is stored in the data center;

A service view template generation subunit: the data center is used for calling the data center to load and render data of the configuration result of the configuration service view subunit in the second display interface, and establishes a time sequence relation and a connection relation between nodes corresponding to the service contents to generate a panoramic service view template of a mesh topological structure containing at least two service contents;

a service data receiving subunit: the configuration operation for writing, modifying and attribute fields of the content of the panoramic service view template in a third display interface by a user is continuously acquired through the acquisition event module, and the result of the configuration operation is stored in the data center;

dynamic service view generation subunit: the system comprises a data center, an interface display module, a generation module, a service data receiving subunit, a third display interface, a generation module and a service data receiving subunit, wherein the data center is used for continuously interacting with the data center, the configuration result of the service data receiving subunit is used for carrying out data loading and rendering in the third display interface through the interface display module, and a dynamic panoramic service view of a mesh topological structure containing at least two corresponding service contents is generated through the generation module;

the basic service unit comprises:

an acquisition subunit: the acquisition event module is used for acquiring mouse events of a user, such as storage, sharing, distribution, importing and the like, of the first display interface, the second display interface and the third display interface;

Generating a subunit: the data center is used for calling the configuration result of the data center, and generating the panoramic service view template and the dynamic panoramic service view, and sharing the panoramic service view template and the dynamic panoramic service view through the generating module;

the acquisition subunit continuously interacts with the generation subunit to realize the interaction of the service unit and the basic service unit.

Further, the service unit is further characterized in that the first display interface is a design interface displayed by the surface display module, and is based on a form designer and a design interface of a data form designer expanded by a third party; the form designer and the data form designer based on the third party extension are form designer and data form designer of the form marking third party extension;

the custom configuration rule subunit: the configuration operation for the user on the form designer and the data form designer is obtained, and the result of the configuration operation is used as the corresponding configuration rule to be respectively stored into the numbers

A data center;

wherein, the configuration operation for at least two business contents refers to: the user builds a class library capable of satisfying all data scenarios required by the actual business process by selecting, dragging, positioning and configuring the form designer and data table designer components as required by the business, including but not limited to the following: service association configuration, service function driving, service grouping configuration, service form configuration, billboard grouping configuration, callback method configuration, export configuration, authority configuration, check rule configuration and the like; the service content, namely the data scene required by the actual service flow, comprises the following scenes: project information, project stands, task book management, project investigation, project meeting records, project implementation, sales orders, purchase budget sheets, purchase commodity details, purchase orders, application information and the like;

The second display interface is used for arranging the components of the service view design interface in a stream layout through the interface display module, pre-analyzing the arrangement result into virtual DOM elements, and displaying the display interface of the panoramic service view designer, namely the service view design interface through the virtual DOM elements; the service view design interface comprises a visual component corresponding to service content customized by a user on the first display interface or/and a visual component corresponding to service content directly calling the third party customization interface, and further comprises a component column, a menu column, a view editing area, a component and a service view configuration column which are displayed on a Web end through virtual DOM elements;

the configuration service view subunit: the configuration operation of the user on the service view design interface is acquired through the acquisition event module, and the configuration operation comprises the steps of clicking and dragging the visualization components corresponding to the at least two customized service contents or/and the configuration instruction of directly calling the visualization components corresponding to the service contents of the third-party customized interface to the view editing area on the design working interface of the panoramic service view designer by the user, and instantiating the configuration instruction into corresponding nodes corresponding to the service contents; the visual component corresponding to the business content of the direct calling third party custom interface is a visual component of calling the third party custom interface in an API interface mode, wherein the third party custom interface is an interface for providing addition and inquiry and conforms to RESTful API specifications;

The third display interface is a display interface of the panoramic service view of the designed mesh topological structure at different terminals. Further, the configuring operation of the at least two business contents in the custom configuration rule subunit further comprises

The configuration of the functional association refers to the association configuration of the upstream and downstream or parallel containing relation of the at least two business contents; and after the configuration is completed, generating a corresponding service function view template or a dynamic service function view through the service view template generation subunit or the dynamic service view generation subunit.

Further, the loading and rendering of data by the node corresponding to the service content includes: the configuration operations such as selection, dragging, positioning, configuration attribute and the like of the visual component corresponding to the service content in the second display interface by the user and the configuration results of the configuration operations such as the configuration attribute and the like on the node corresponding to the service content and the view editing area by the user are rendered to the view editing area of the second display interface, and virtual DOM elements of the panoramic service view corresponding to the configuration results are updated; and storing JSON data corresponding to the panoramic service view formed by design into a database, and further transmitting the JSON data to the interface display module and displaying the JSON data on display interfaces of different terminals.

Further, the system also comprises an auxiliary functional unit, wherein the auxiliary functional unit calls an event acquisition module, an interface display module, a data center and a generation module to realize the mutual call with the service unit and the basic service unit; the auxiliary functional unit

Supplementing service views, such as notes, graphic descriptions and the like; the auxiliary function unit includes:

a configuration service view auxiliary subunit: the configuration operation of the user on the configuration service view subunit in the service unit is acquired through the acquisition event module, configuration operations of the user on clicking, dragging and the like of the visualization component corresponding to the auxiliary service content in the second display interface are acquired, the visualization component corresponding to the auxiliary service content is instantiated to be a node corresponding to the auxiliary service content, content writing and attribute field configuration are carried out on the node corresponding to the auxiliary service content, and a configuration result is stored in a data center; the visualization component corresponding to the auxiliary service content calls a third party custom interface in an API interface mode, wherein the third party custom interface is an interface for providing addition and inquiry, and the interface conforms to RESTful

API specification;

a service view auxiliary content generation subunit: the data center is used for loading and rendering data of the configuration result in the configuration service view auxiliary subunit in the second display interface by calling the data center to generate a panoramic service view template comprising a mesh topological structure corresponding to at least one auxiliary service content, and the panoramic service view template is used for further adding the configurable content and enriching the content of the panoramic service view template in the service view template generation subunit in the service unit;

auxiliary service data receiving subunit: based on the configuration requirement of the user on the service data receiving unit in the service unit, the configuration operation of the user on the service view template containing the auxiliary service content on the third display interface is acquired through the acquisition event module, the configuration operation comprises the configuration operations of inputting, adding, modifying and the like of the auxiliary service data, and the configuration operation result is stored in the data center;

a dynamic service view generation subunit containing auxiliary service content: the configuration result in the auxiliary service data receiving subunit is subjected to data loading and rendering in the third display interface through continuous interaction with a data center, so that a dynamic panoramic service view of a mesh topology structure containing at least one corresponding auxiliary service content is generated and stored in a global data stream form;

Invoking the configuration results stored in the data center by the service unit and the auxiliary function unit through the generation subunit in the basic service unit, and generating the panoramic service view template and the dynamic panoramic service view, and sharing the panoramic service view template and the dynamic panoramic service view containing auxiliary service contents through the generation module and the data center; the acquisition subunit and the generation subunit can be constantly interacted to realize the interaction of the service unit, the auxiliary function and the basic service unit.

Further, in the auxiliary functional unit, the interface display module arranges the components of the service view design interface in a stream layout, pre-analyzes the arrangement result into virtual DOM elements, and displays a second display interface of the panoramic service view designer through the virtual DOM elements; the service view design interface comprises at least one visualization component corresponding to auxiliary service content built in the system, a corresponding visualization component column of the auxiliary service content displayed on the Web end through the virtual DOM element, a menu column, a view editing area, a component and a service view configuration column;

The visualization component corresponding to the auxiliary service content includes, but is not limited to, the following:

the business classification component is used for classifying multiple views; the user can further classify the user according to the requirement by using a service classification component

The panoramic service view is subdivided into a main view and an auxiliary view, the main view comprises nodes corresponding to at least two service contents of main or key points required by a user and connection relations thereof, and the auxiliary view comprises nodes corresponding to at least two service contents of secondary or auxiliary main view required by the user and connection relations thereof;

the aggregation service unit is used for aggregating the nodes corresponding to the plurality of service contents into one node for display; a third party component for referencing a third party page using an Iframe manner;

statistics report class components including, but not limited to, bar graphs, line graphs, pie charts, etc., for providing statistical data presentation for business content;

the basic components comprise a description information component, a picture component, a video component and the like, belong to a general component and have no specific service attribute.

Further, the loading and rendering of data to the node corresponding to the auxiliary service content includes: according to configuration operation instructions of a user in the second display interface, configuration operation instructions such as selection, dragging, positioning, configuration attributes and the like of a visual component corresponding to at least one auxiliary service content with a non-specific function, and operations such as configuration attributes and the like on nodes corresponding to the auxiliary service content instantiated by the user and view editing areas; or selecting and dragging the visual components corresponding to the auxiliary service contents with specific functions to the view editing area, and carrying out configuration operation instructions such as layering of service views or aggregation of service contents; rendering a configuration operation result to a view editing page in the second display interface, and updating virtual DOM elements of the panoramic service view corresponding to the configuration result; the JSON data corresponding to the panoramic service view formed by design is stored in a database, and then the JSON data is further transmitted to a third interface display module and displayed on display interfaces of different terminals;

The visualization component corresponding to the auxiliary service content with the non-specific function comprises a statistics report component, a third party component, a basic component and the like;

the visualization component corresponding to the auxiliary service content with the specific function comprises a service classification component, an aggregate service unit and the like. Further, the instantiated node corresponding to the service content is an element node, namely a label; the business content corresponds to

One of the nodes in (a) is a main node, and at least one child node is derived; the child nodes comprise at least one text node, at least one attribute node, or/and at least one comment node; the text node and the attribute node are respectively used for displaying text information and attribute information of the current element node, and the text node and the attribute node are arranged and displayed in the current element node or folded and suspended and displayed on the current element node or are in a parent-child connection relationship with the current element node; the annotation node has no child nodes and is used for annotating the current element node, and the annotation node is arranged and displayed in the current element node or folded and suspended and displayed on the current element node or is in a parent-child connection relationship with the current element node;

The configuration operation of the node corresponding to the service content comprises the following steps:

setting element nodes in a current document, and displaying or editing labels of the nodes currently; the text node and the attribute node arranged in the element node are respectively used for displaying or editing text information and attribute information of the current element node to add or change service data items of service contents, and the service data are displayed in a list display mode, a card display mode and the like; and the annotation node is used for annotating the current element node.

Further, the visualization component corresponding to the auxiliary service content is instantiated as a text node or an annotation node, and is a corresponding text node or an annotation node derived from the node corresponding to the service content, and no child node exists; the configuration operation for the node corresponding to the auxiliary service content comprises the following steps:

instantiation of the service classification component as classification nodes, wherein the characteristics are fixed positions, each classification node draws different service views, and the multiple views are configured and classified;

the aggregated service unit assembly is instantiated into a combined service unit node, the same sub-service information is combined together, and nodes corresponding to a plurality of service contents are aggregated in one node to be displayed;

The third-party component is instantiated to be a custom insertion node, a third page outside the system is inserted, and the third-party page is introduced in an Iframe mode;

the statistical report form type component is instantiated to be a report form type node, data are displayed in a view in a report form mode, and statistical data aiming at business content are displayed through a histogram, a line graph, a pie graph and the like;

the basic components are instantiated to be customized service unit display nodes, the relationship data of the service units are displayed, and the information describing the service data is displayed in a mode of pictures, videos and the like.

Further, the component column displayed on the Web terminal through the virtual DOM element comprises at least one visualization component corresponding to auxiliary service content and at least two visualization components corresponding to service content;

the method comprises the steps that a source object created by a visual component corresponding to the service content through a class corresponding to the visual component is displayed in component columns of the service content, the component columns of the service content are respectively listed as three logic layers, and a first layer is an application layer for main service classification and comprises the following steps: project management, sales management, purchase management, attendance checking, bulletin board, medical system, life payment, style design, inventory management, customer service management, approval application, memo, sales management, partner recruitment, bulletin issue, enterprise management, enterprise business card, task query, personnel management, CRM application and the like; the second layer is a further differentiated submenu of the first layer, comprising: effectiveness, bid management, project demand, project resource management, associated business, risk management, project expense, bid information, customer management, etc.; and the third layer is a visualization component corresponding to the specific business content.

Further, the corresponding label of the node corresponding to the service content includes: project management, sales management, purchase management, attendance checking, bulletin board, medical system, life payment, style design, inventory management, customer service management, approval application, memo, sales management, partner recruitment, bulletin issue, enterprise management, enterprise business card, task query, personnel management, CRM application; effectiveness, bid management, project requirements, project resource management, associated business, risk management, project costs, bid information, customer management, and the like.

Further, the basic service unit stores menu bars contained in a second display interface displayed by the interface display module, wherein the menu bars comprise function options such as templates, selection templates and the like; after the operation command clicked by the user is acquired through the event acquisition module, the JSON data corresponding to the panoramic service view is transmitted to a server side and stored in a template; and the user can invoke the template to share or distribute the template to other related users through the template function option selection so as to realize common editing, invoking and modifying.

The invention also provides an electronic device, which is characterized by comprising a memory and a processor, wherein the memory stores a configuration program of the panoramic service view designer, which can be run on the processor, and the configuration program

The sequence, when executed by the processor, may implement the visual panoramic service view.

The invention also provides a computer readable storage medium, which is characterized in that the computer readable storage medium stores a configuration program of the panoramic service view designer, and the configuration program can be executed by one or more processors to realize the visualized panoramic service view.

By means of the technical scheme, the technical scheme provided by the invention has at least the following advantages:

the invention provides a panorama service view designer based on a mesh topological structure, which comprises an event acquisition module, an interface display module, a data center, a generation module, a service unit and a basic service unit, wherein the service unit and the basic service unit can respectively call the event acquisition module, the interface display module, the data center and the generation module to realize the mutual call of the service unit and the basic service unit; the user can associate a plurality of service contents with functional association relations according to the requirement by using the panorama service view designer based on the mesh topology structure, and perform service visual configuration on nodes of the corresponding service contents, mainly by correspondingly assembling at least two service contents in the service units or/and at least one auxiliary service content in the auxiliary functional units and instantiating the service contents into the nodes, the user directly performs the configuration of time sequence relations, connection relations (functional connection relations), attribute fields and the like among the nodes according to the requirement through connecting lines, and the intuitionistic flow chart or list of the mesh topology structure formed among the instantiated nodes is used for displaying complete service logic and connection, and is combined with a basic service unit to realize the design, generation and application of the panorama service view of the mesh topology structure; through the lasting interaction between the interface display module and the data center, the actual service data is loaded and then is rendered dynamically to form a panoramic service view which can be updated immediately, and finally the service data is displayed in a visual panoramic service view.

Compared with the prior art, firstly, the technical scheme realizes service data visualization through the following steps: according to the method, firstly, service contents can be modularized through a service unit, after a user directly passes through a drag command and the like, the modularized service contents are instantiated into nodes, so that the user can configure and edit the nodes according to the self-needed operation of a mouse and can return and modify the nodes at any time without calling a large number of codes, the user is convenient to configure service contents, the configuration difficulty of service views is further reduced, the convenience of configuration among enterprises is realized even if related staff without development experience is realized, the service contents can be conveniently configured, the real service data are loaded and then rendered in a moving manner through the lasting interaction of an interface display module and a data center, the panoramic service view which can be updated in real time is formed, the service contents on basic logic are digitized, and the working efficiency is improved;

through the second aspect, the service content on the basic logic can be further enriched through the auxiliary functional unit, and the service content is enriched through introducing charts, videos, pictures, third party connection and the like;

in the third aspect, through the basic service unit, a user can invoke the template to share with other related users through the template function option selection to realize common editing, invocation and modification; the panoramic service view interface designed at present is stored in a global data stream form, URL connection can be generated for sharing or sharing can be achieved in a routing mode, the omission of development of single staff can be timely avoided, adjustment and configuration are carried out on other staff in a sharing mode, and therefore the panoramic service view in the final application is more strict.

The above description is only an overview of the technical solutions of the present invention, in order to make it possible to more clearly understand the technical means of the present invention,

but may be embodied in accordance with the disclosure herein and to the extent that the foregoing and other objects, features, and advantages of the invention are obtained

It is to be understood that the following specific embodiments of the present invention are provided.

Drawings

Various other advantages and benefits will become apparent to those of ordinary skill in the art upon reading the following detailed description of the preferred embodiments. The drawings are only for purposes of illustrating the preferred embodiments and are not to be construed as limiting the invention. Also, like reference numerals are used to designate like parts throughout the figures. In the drawings:

FIG. 1 is a block diagram of a configuration procedure of a panorama service view designer based on a mesh topology;

FIG. 2 is a block diagram of a service unit of a panoramic service view designer based on a mesh topology;

FIG. 3 is a block diagram of a basic service unit of a panoramic service view designer based on a mesh topology;

FIG. 4 is a block diagram illustrating another configuration of a panorama service view designer based on a mesh topology according to the present invention;

FIG. 5 is a block diagram of an auxiliary function unit of another panorama service view designer based on mesh topology according to the present invention;

FIG. 6 is a representation of a business view design interface of another panoramic business view designer based on mesh topology provided by the present invention;

FIG. 7 is a pictorial representation of another exemplary node provided by the present invention;

FIG. 8 is a template of a traffic view generated based on a mesh topology, according to another embodiment of the present invention;

fig. 9 is a view showing a terminal display interface of a panoramic service view based on a mesh topology;

FIG. 10 is a view of a multi-view panoramic traffic view based on mesh topology, including levels

A front view and a secondary view of the relationship;

FIG. 11 is a view of a panoramic service for multiple views based on mesh topology, including a front view and a secondary view in a side-by-side relationship;

fig. 12 is a schematic flow chart of a using process of the panorama service view designer based on the mesh topology structure.

Detailed Description

Exemplary embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While exemplary embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure may be embodied in various forms and should not be limited to the embodiments set forth herein. Rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the scope of the disclosure to those skilled in the art.

The panorama service view designer based on the mesh topology according to the embodiment of the present invention is described below with reference to the accompanying drawings.

Fig. 1 is a configuration flow diagram 100 of a mesh topology-based panorama service view designer according to one embodiment of the present invention.

As shown in fig. 1, a panorama service view designer based on a mesh topology includes: the system comprises a data center 1000, an acquisition event module 2000, an interface display module 3000, a generation module 4000, a service unit 5000 and a basic service unit 6000.

The data center 1000 is configured to store data and load data, render, configure operations, etc. in the configuration process of the panoramic service view designer, and is configured to implement the invocation of the functional module;

the acquiring event module 2000 is configured to acquire configuration operations on a first display interface, a second display interface, and a third display interface of the panorama service view designer;

the interface display module 3000 is configured to display the visualized components, nodes, service views, view editing pages, etc. in the panoramic service view designer on the first display interface, the second display interface, and the third display interface;

The generating module 4000 is used for generating a visual component, a node, service content, a service view template and a dynamic service view;

the service unit 5000 and the basic service unit 6000 call the data center 1000, the acquisition event module 2000, the interface display module 3000 and the generation module 4000 respectively, so as to realize the mutual call of the service unit 5000 and the basic service unit 6000.

As shown in fig. 2, a module program diagram of a service unit 5000 of the panorama service view designer based on mesh topology according to the present invention is shown, where the service unit 5000 includes the following subunits:

custom configuration rules subunit 5001: the acquiring event module 2000 is configured to acquire a configuration operation of a user on at least two service contents in a first display interface, and store a result of the configuration operation as a corresponding configuration rule of the configuration operation in the data center 1000.

The first display interface is a design interface displayed by the interface display module 3000, and is based on a form designer and a design interface of a data table designer expanded by a third party; the form designer and the data form designer based on the third party extension are form designer and data form designer of the form marking third party extension;

Preferably, the custom configuration rule subunit 5001: the event obtaining module 2000 is configured to obtain configuration operations performed on at least two service contents by a user at the form designer and the data form designer, and store results of the configuration operations as corresponding configuration rules of the configuration operations in the data center 1000 respectively; wherein, the configuration operation for at least two business contents refers to: the user builds a class library capable of meeting all data scenarios required by the actual business process by selecting, dragging, positioning, configuring attributes and the like of the form designer and the data table designer component according to the business needs, and the configuring operations comprise but are not limited to the following: service form configuration, service association configuration, service function driving, service grouping configuration, billboard grouping configuration, callback method configuration, export configuration, authority configuration, check rule configuration and the like; the business content includes, but is not limited to, the following: project information, project stands, task book management, project investigation, project meeting records, project implementation, sales orders, purchase budget sheets, purchase commodity details, purchase orders, application information and the like; the service content can also realize the self-defined configuration through the configuration operation of constructing the class library which can meet all data scenes required by the actual service flow.

Custom business content visualization generation subunit 5002: the data center 1000 is configured to display configuration rules of at least two service contents to a second display interface through the interface display module 3000, and generate, through the generating module 4000, visualization components corresponding to at least two custom service contents.

Preferably, the generating module 4000 displays the configured rules corresponding to at least two business contents stored in the data center 1000 to a second display interface through the interface display module 3000, so as to generate at least two visualization components corresponding to the business contents; the interface display module 3000 arranges the service view design interfaces in a stream layout, pre-analyzes the arrangement result into virtual DOM elements, and displays the display interface of the panoramic service view designer, i.e. the service view design interface, through the virtual DOM elements; the service view design interface comprises a visual component corresponding to service content customized by a user on the first display interface or/and a visual component corresponding to service content directly calling the third party customization interface, and further comprises a component column, a menu column, a view editing area, a component and a service view configuration column which are displayed on a Web end through virtual DOM elements.

The configuration service view subunit 5003: the event obtaining module 2000 is configured to obtain configuration operations such as clicking, dragging, etc. of at least two visual components corresponding to the service content in the second display interface by a user, and instantiate the visual components corresponding to the service content as nodes corresponding to the service content through the generating module 4000; further, the configuration operations of the user on the content writing and attribute editing of the nodes corresponding to the service content and the time sequence relationship and the connection relationship between the nodes corresponding to the service content are continuously obtained, and the configuration result is stored in the data center 1000.

Preferably, the configuration service view subunit 5003: the acquiring event module 2000 is configured to acquire a configuration operation of a user on the service view design interface, including clicking and dragging, by the user, a configuration instruction from a view editing area to a visualization component corresponding to the service content of the at least two custom service content or/and a visualization component corresponding to the service content directly invoking a third party custom interface on a design work interface of the panoramic service view designer, and instantiates a node corresponding to the corresponding service content; the visual component corresponding to the business content of the direct calling third party custom interface is a visual component of calling the third party custom interface in an API interface mode, wherein the third party custom interface is an interface for providing addition and inquiry and conforms to RESTful API specifications; the third display interface is a display interface of a panoramic service view of a designed mesh topological structure at different terminals.

The data loading and rendering of the nodes corresponding to the service content comprise the following steps: the configuration operations such as selection, dragging, positioning, configuration attribute and the like of the visual component corresponding to the service content in the second display interface by the user and the configuration results of the configuration operations such as the configuration attribute and the like on the node corresponding to the service content and the view editing area by the user are rendered to the view editing area of the second display interface, and virtual DOM elements of the panoramic service view corresponding to the configuration results are updated; and storing JSON data corresponding to the panoramic service view formed by design into a database, and further transmitting the JSON data to the interface display module and displaying the JSON data on display interfaces of different terminals. The third party can perform the butt joint of the third party interface to finish the view display when the data queried by the interface built in the system can not meet the view interface display.

The traffic view template generation subunit 5004: for invoking the data center 1000 to sub-list the configuration service view

And carrying out data loading and rendering on the configuration result of the element 5003 in the second display interface through the generating module 4000, and establishing a time sequence relation and a connection relation between nodes corresponding to the service contents to generate a panoramic service view template of a mesh topological structure containing at least two service contents.

Traffic data receiving subunit 5005: the configuration operation for writing, modifying and attribute fields of the content of the panoramic service view template in the third display interface by the user is continuously acquired through the acquisition event module 2000, and the result of the configuration operation is stored in the data center 1000.

Dynamic traffic view generation subunit 5006: the configuration result of the service data receiving subunit 5005 is used for loading and rendering data in the third display interface through the interface display module 3000 by continuously interacting with the data center 1000, and generating a dynamic panoramic service view of a mesh topology structure including at least two corresponding service contents through the generating module 4000.

Preferably, the dynamic service view generation subunit 5006: the configuration result of the service data receiving subunit 5005 is used for loading and rendering data in the third display interface through continuous interaction with the data center 1000, and invoking the generating module 4000 to generate a dynamic panoramic service view of a mesh topology structure including at least two corresponding service contents, where the panoramic service view interface is stored in a global data stream form.

As shown in fig. 3, a block diagram of a basic service unit 6000 of the panorama service view designer based on the mesh topology according to an embodiment of the present invention is shown. As shown in fig. 3, the basic service unit 6000 includes the following subunits:

acquisition subunit 6001: the acquiring event module 2000 is configured to acquire mouse events of a user, such as saving, sharing, distributing, importing, etc., on the first display interface, the second display interface, and the third display interface;

generation subunit 6002: the service unit 5000 is used for calling the configuration result stored in the data center 1000, and generating the panoramic service view template and the dynamic panoramic service view, and sharing the panoramic service view template and the dynamic panoramic service view through the generating module 4000;

the sub-acquisition subunit 6001 continuously interacts with the generation subunit 6002 to implement the interaction between the service unit 5000 and the base service unit 6000.

Fig. 4 is a configuration flow diagram 100 of a panorama traffic view designer based on a mesh topology according to another embodiment of the present invention.

As shown in fig. 4, another panorama service view designer based on a mesh topology includes: except for including data centers

1000. The system comprises an acquisition event module 2000, an interface display module 3000, a generation module 4000, a service unit 5000 and a basic service unit 6000, and an auxiliary function unit 7000, wherein the auxiliary function unit 7000 calls the acquisition event module 2000, the interface display module 3000, the data center 1000 and the generation module 4000 to realize the mutual call with the service unit 5000 and the basic service unit 6000; also included is a program block diagram of auxiliary function unit 7000 as shown in fig. 5, wherein auxiliary function unit 7000 includes:

configuration service view auxiliary subunit 7001: based on the user's configuration requirement for 5003 in the service view sub-unit of the configuration service unit 5000, the service unit 5000 is obtained by the obtaining event module 2000

Configuration operations in the configuration service view subunit 5003, obtain configuration operations such as clicking, dragging, etc. of the visualization component corresponding to the auxiliary service content in the second display interface by the user, instantiate the visualization component corresponding to the auxiliary service content as a node corresponding to the auxiliary service content, perform content writing and attribute field configuration on the node corresponding to the auxiliary service content, and store the configuration result in the data center 1000; the visualization component corresponding to the auxiliary service content calls a third party custom interface in an API interface mode, wherein the third party custom interface is an interface for providing addition and inquiry, and the third party custom interface conforms to RESTful API specifications.

Preferably, the loading and rendering of data on the node corresponding to the auxiliary service content includes: a configuration instruction of a user on a service view design interface of the panoramic service view designer selects, drags, positions, configures attributes and the like of a visual component corresponding to at least one auxiliary service content with a non-specific function, and the user selects a node corresponding to the instantiated auxiliary service content, configures the attributes and the like on a view editing area; or selecting and dragging the visual components corresponding to the auxiliary service contents with specific functions to the view editing area, and performing operations such as layering of service views or aggregation of service contents; rendering the configuration result to a view editing page in the second display interface, updating a virtual DOM element of the panoramic service view corresponding to the configuration result, storing JSON data corresponding to the panoramic service view formed by design into a database, and further transmitting the JSON data to a third display interface module and displaying the JSON data on display interfaces of different terminals (third display interface); the visualization component corresponding to the auxiliary service content with the non-specific function comprises a statistics report component, a third party component, a base component and the like; the visualization components corresponding to the auxiliary service contents with the specific functions comprise a service classification component, an aggregation service unit and other visualization components corresponding to the auxiliary service contents with the non-specific functions, and the visualization components corresponding to the auxiliary service contents with the non-specific functions do not comprise the service classification component, the aggregation service unit and other visualization components with the specific functions.

Service view auxiliary content generation subunit 7002: the data center 1000 is used for loading and rendering data of the configuration result in the configuration service view auxiliary subunit 7001 in the second display interface to generate a panoramic service view template containing a mesh topology structure corresponding to at least one auxiliary service content, and the panoramic service view template is used for further adding configurable content and enriching the content of the panoramic service view template in the service view template generation subunit in the service unit.

Auxiliary service data receiving subunit 7003: based on the configuration requirement of the user on the service data receiving subunit 5005 in the service unit 5000, the configuration operation of the user on the service view template containing the auxiliary service content on the third display interface is obtained by calling the obtaining event module 2000, including configuration operations such as input addition and modification of auxiliary service data, and the configuration operation result is stored in the data center 1000.

Dynamic business view generation subunit 7004 containing auxiliary business content: the configuration result in the auxiliary service data receiving subunit 7003 is used for loading and rendering data in the third display interface through continuous interaction with the data center 1000, and the generating module 4000 is called to generate a dynamic panoramic service view of a mesh topology structure containing at least one corresponding auxiliary service content, so as to store the dynamic panoramic service view in a global data stream form.

Preferably, in another panorama service view designer based on mesh topology, the generating subunit 6002, invoking the configuration results stored in the data center 1000 by the service unit 5000 and the auxiliary function unit 7000, and generating the configuration results including the configuration results by the generation module 4000 and the data center 1000

The panoramic service view template and the dynamic panoramic service view of the auxiliary service content and the shared panoramic service view template and the dynamic panoramic service view; the obtaining subunit 6001 continuously interacts with the generating subunit 6002 to realize the interaction of the service unit 5000, the auxiliary function unit 7000 and the basic service unit 6000.

As shown in fig. 6, in another embodiment of the present invention, a service view design interface of a panorama service view designer based on a mesh topology is shown, where the service view design interface is a display interface of the panorama service view designer, that is, the service view design interface arranges components in a streaming layout, and pre-parses the arrangement result into virtual DOM elements, and displays the display interface of the panorama service view designer through the virtual DOM elements; the service view design interface comprises a visual component corresponding to service content customized by a user on the first display interface or/and a visual component corresponding to service content directly calling the third party customization interface, and further comprises a component column, a menu column, a view editing area, a component and a service view configuration column which are displayed on a Web end through virtual DOM elements.

In this embodiment, source objects created by the corresponding classes of the visualization components corresponding to the at least two business contents are displayed in a business unit component column; the component columns of the service content are respectively listed as three logic layers, the first layer is an application layer for main service classification, and the method comprises the following steps: project management, sales management, purchase management, attendance checking, bulletin board, medical system, life payment, style design, inventory management, customer service management, approval application, memo, sales management, partner recruitment, bulletin issue, enterprise management, enterprise business card, task query, personnel management, CRM application and the like; the second layer is a further differentiated submenu of the first layer, comprising: effectiveness, bid management, project demand, project resource management, associated business, risk management, project expense, bid information, customer management, etc.; and the third layer is a visualization component corresponding to the specific business content.

Further, the source objects created by the corresponding classes of the at least two visualization components corresponding to the service content are displayed in a service unit component column, and the components in the service unit 5000 component column are dragged to instantiate as nodes corresponding to the service content, and the labels corresponding to the nodes include: project management, sales management, purchase management, attendance checking, bulletin board, medical system, life payment, style design, inventory management, customer service management, approval application, memo, sales management, partner recruitment, bulletin issue, enterprise management, enterprise business card, task query, personnel management, CRM application; effectiveness, bid management, project requirements, project resource management, associated business, risk management, project costs, bid information, customer management, and the like.

As shown in fig. 6, the first layer is an application layer of the main service classification, and the application layer shown in fig. 6 includes: bulletin publishing, customer service management, sales management, project management; the second layer is a further differentiated submenu of project management of the first layer, comprising: project information, project investigation, project implementation, project meeting record; the third layer is a visual component corresponding to specific business content in the project information: project profiles, project heatmaps, project profiles (hundred degrees), key project management, investment project management, project standing, task book management.

Further, the service view design interface further includes a visualization component corresponding to at least one auxiliary service content built in the system in the built-in interface for analyzing the view data according to the configured relationship diagram, and further includes a visualization component column corresponding to the auxiliary service content displayed on the Web end through the virtual DOM element, where in this embodiment, the visualization component column corresponding to the auxiliary service content

Designed as a special component column, such as the special component column shown in FIG. 6; the configuration of attribute fields can be carried out on the nodes of the special components in the view editing area through the component configuration column; the source objects created by the visualization components corresponding to the auxiliary service content by the classes corresponding to the visualization components are displayed in the visualization component column corresponding to the auxiliary service content, and the visualization components corresponding to the auxiliary service content respectively have respective functions, including but not limited to the following contents:

The business classification component is used for classifying multiple views; if the service classification component instantiates classification nodes, and the characteristics are fixed positions, each classification node can draw different service views and perform configuration classification on multiple views.

An aggregate service unit, configured to aggregate nodes of a plurality of service contents into one node for display; if the aggregated service unit component is instantiated as a combined service unit node, the same sub-service information can be combined together, and nodes corresponding to a plurality of service contents are aggregated and displayed in one node.

A third party component for referencing a third party page using an Iframe manner; if the third party component is instantiated to be a custom inserted node, a third page outside the system can be inserted, and the third party page is introduced in an Iframe mode.

Statistics report class components including, but not limited to, bar graphs, line graphs, pie charts, etc., for providing statistical data presentation for business content; if the statistical report type component is instantiated to be a report type node, the data is displayed in the view in a report mode, and the statistical data aiming at the business content is displayed through a histogram, a line graph, a pie graph and the like.

The basic components comprise a description information component, a picture component, a video component and the like, belong to a general component and have no specific service attribute; wherein, the business classification component, the aggregate business unit and the like are components with specific functions; if the basic component is instantiated as a customized service unit display node, the relationship data of the service unit is displayed, and the information describing the service data is displayed in a mode of pictures, videos and the like.

FIG. 7 is a presentation view of an instantiated node according to another embodiment of the present invention.

As shown in fig. 7, the node corresponding to the instantiated service content and the node corresponding to the auxiliary service content are further provided with a connecting line and a button respectively, and the user can drag the connecting line of one node to other instantiated nodes by using a mouse to associate at least two nodes corresponding to the service content with a functional association relationship and/or at least one node corresponding to the auxiliary service content; the button of the instantiated node is further provided with a trigger event, and a configuration column of the instantiated node can be triggered and displayed through a mouse event, so that attribute field configuration is further performed on the node corresponding to the service content and/or the node corresponding to the at least one auxiliary service content, as shown in fig. 7, the configuration of basic information of the node comprises the type and the name of the node, the configuration of the mode of the node comprises the selection of a title and the size thereof, the selection of a frame mode, the selection of a background color, the selection of a background picture, the setting of a height width and the like; pulling the instantiated node button can also change the size of the node, as shown in fig. 7, by positioning, increasing and decreasing the buttons, the change of the size and the position of the node is realized; a text box window and a data item adding control are also nested on the node button corresponding to the service content, wherein the text box window is used for displaying service data items of the service units added or changed by the data adding control, and the display modes comprise list display and card display; and trigger events of the parent control and the child control are further arranged on the node buttons corresponding to the service contents, the parent control and the child control are triggered and displayed through the mouse positioning event, and connection relations between nodes corresponding to other related service contents are further established through the mouse clicking event, so that a user can conveniently acquire upstream and downstream relations of the nodes corresponding to the service contents.

Further in this embodiment, as shown in fig. 7, one of the visualization components corresponding to the service content is instantiated as a master node, a parent node and a child node are set in the master node through the connection line, a parent-child relationship of other one or more nodes corresponding to the service content is established, a logical relationship between the parent node and the child node of the master node corresponding to the service content and at least one node corresponding to other service content or a node corresponding to auxiliary service content is established, and a connection relationship between the parent node and the child node and the node corresponding to other service content or the node corresponding to auxiliary service content is established, so that a plurality of nodes corresponding to the service content or nodes corresponding to auxiliary service content with functional association relationships are associated.

Further, an exemplary node, as shown in FIG. 6, is a display diagram according to one embodiment of the present invention; in the view editing area, after other visual components corresponding to the auxiliary service content are dragged, connecting lines and buttons are respectively arranged on the instantiated nodes, a user can drag the connecting line of one node to the node instantiated by the other corresponding service content visual components by using a mouse, and the corresponding service content nodes with the functional association relationship and/or the nodes corresponding to the auxiliary service content are associated for supplementing service data content; the button of the instantiated node is also provided with a trigger event, and a configuration bar of the instantiated node can be triggered and displayed through a mouse double-click event, so that attribute field configuration is further carried out on the corresponding service content node and/or the node corresponding to at least one corresponding auxiliary service content; dragging the instantiated node button may also change the size of the node. One of the corresponding service content visualization components is instantiated as a master node, a father node and a child node are arranged in the master node through the connecting line, father-son relations of other one or more corresponding service content nodes are established, a logic relation between the father node and the child node of the master node of the corresponding service content and at least one other corresponding service content node or auxiliary service content corresponding node is established, and a connection relation between the father node and the child node and the other corresponding service content node or auxiliary service content corresponding node is established, so that a plurality of service content corresponding nodes or auxiliary service content corresponding nodes with functional association relations are associated. Therefore, in practical application, the user only needs to know the business flow in the company, the method and the system can be easily utilized, and the business flow required by the user can be established by establishing the time sequence relationship (father-son relationship, flow relationship and the like) and the connection relationship of the instantiated (on the basis of the established business content), so that the data and the like needing to be displayed can be further configured.

As shown in fig. 6, in this embodiment, the view editing area further includes suspension controls such as positioning, zooming in, zooming out, and folding views, and both the component configuration bar and the component bar can be folded by the folding view control, so that the configuration operation of the user in the view editing area is facilitated; the view editing area also comprises a connecting line, wherein the connecting line is a logic relationship or a connection relationship between nodes corresponding to other business contents, and comprises a relationship line and a flow line, the relationship line establishes data association of the nodes corresponding to the different business contents, and the flow line serves as business direction stream to define a complete execution flow of a business scene; the relationship line or the flow line supports functions of selecting configuration, adding labels, modifying deletion and the like triggered by a mouse click event.

In this embodiment, the attribute field of the view may be configured by using a view configuration field; the configuration of the attribute fields can be performed on the nodes in the view edit section through the component configuration column.

In this embodiment, the preferred design interface further includes a menu bar, which is included in the second display interface displayed by the basic service unit 6000 through the second display interface module 3002, and includes function options stored as a template, a selection template, and the like; after the user clicks and saves, the JSON data corresponding to the panoramic service view is transmitted to a server and stored as

A template; and the user can invoke the template to share or distribute the template to other related users through the template function option selection so as to realize common editing, invoking and modifying.

FIG. 8 is a template of a traffic view generated based on a mesh topology according to another embodiment of the present invention; is a business view template generated after clicking through a save key in a menu bar.

Based on the service view template in fig. 8, the operations of importing, distributing, sharing, etc. by clicking can be performed on the service view template by calling the basic service unit 6000.

As shown in fig. 8, the generated service view template can enter the editing state again after being triggered by the user directly through the mouse event through the reserved editing entrance; the sharing entrance is reserved in the same way, and a user can enter a sharing page to share with other users after being triggered by a mouse event; the generated service view can be directly added to the column of the home page through the reserved entry added to the column, and the user can also add the generated service view to different columns according to the requirement.

FIG. 9 is a terminal display interface of a panoramic traffic view based on mesh topology according to another embodiment of the present invention

A face display; as shown in fig. 9, a mobile phone display interface is a display interface of a terminal, and the display interface displays two display modes of panoramic service views, list display and flow chart display.

FIG. 10 is a panoramic traffic view of multiple views based on mesh topology, including a front view and a secondary view of a hierarchical relationship, according to another embodiment of the invention; fig. 11 is a view of a multi-view panoramic traffic view based on a mesh topology, including a front view and a secondary view in a side-by-side relationship, according to another embodiment of the invention. After the visualization component corresponding to the auxiliary service content with the fixed function is dragged, the visualization component is instantiated into a corresponding node, and then the node can be directly edited with the auxiliary function, and the service view is supplemented, such as annotation, graphic description and the like. For example, a business classification component for multi-view classification; after the user drags the service classification component to the view editing area, an auxiliary view can be directly newly built in the view editing area. The user can further divide the panoramic service view into a main view and an auxiliary view by adopting a service classification component according to the needs, wherein the main view comprises nodes corresponding to at least two service contents of primary or key points required by the user and connection relations thereof, and the auxiliary view comprises nodes corresponding to at least two service contents of secondary or auxiliary main view required by the user and connection relations thereof, and the connection relations can be hierarchical relations or parallel relations and are determined according to the service contents.

Based on the panoramic service view in fig. 9-11, the purpose of importing, distributing and sharing the service view template can be achieved by calling the basic service unit 6000 through operations such as clicking importing, distributing and sharing.

In addition to the above embodiment, the present invention further provides a panorama service view designer based on a mesh topology, where, in addition to the above functional modules, the configuration of functional links or associations between service contents is further included, and the configuration operation performed on at least two service contents in the custom configuration rule unit further includes configuration of functional associations, where the functional associations refer to association configurations of upstream and downstream or parallel inclusion relationships of the at least two service contents; after the configuration is completed, a corresponding service function view template or a dynamic service function view may be generated by the service view template generating subunit 5004 or the dynamic service view generating subunit 5006.

Fig. 12 is a schematic flow chart of a usage process of the panorama service view designer based on the mesh topology structure according to the present invention. The user registers or logs in the existing account number to enter the home page of the system through the first registration login system, and the user

And further selecting the drawn view type after selecting the corresponding application according to the requirement.

When the service data diagram is selected, an interface for creating the service view is entered, and a template carried by the system or a template created by the user can be further selected; if the existing template is selected, the existing template is directly imported, and if the description in the template does not meet the requirement of the current user, the user can write description information or directly modify the description information (write); if the node corresponding to the business content in the template does not meet the current business requirement, the user can directly drag the business unit column or/and the components in the auxiliary business unit column to the view editing area, write description information or directly draw the relation between the corresponding nodes of the business content, further draw the relation between menus in the application, save the view after drawing is completed, and the saved view can share, review and generate a new template, thereby completing the drawing of the panoramic business view. If the proper template is not available, the user can directly drag the components in the business unit column or/and the auxiliary business unit column to the view editing area, write the description information or directly draw the relation between the corresponding nodes of the business content, further draw the relation between menus in the application, save the view after drawing is completed, and share, review and generate a new template after the saved view, thereby completing the drawing of the panoramic business view. Likewise, when selecting the business function association diagram, entering the interface for creating the business function view can further select the system

The template is self-contained or the template which the user has created before; if the existing template is selected, the existing template is directly imported, and if the description in the template does not meet the requirement of the current user, the user can write the description information or directly modify the description information; if the node corresponding to the service content in the template does not meet the current service requirement, the user can directly drag the components in the menu column to the function view editing area, write description information or directly draw the function relationship between the nodes corresponding to the service content, including the upstream-downstream relationship, parallel relationship, containing relationship and the like between the nodes corresponding to the service content, and when the function view is saved after the drawing is completed, the saved function view can be shared, reviewed and a new template is generated, so that the drawing of the service function view is completed. If the proper template is not available, the user can directly drag the components in the menu column to the function view editing area, write description information or directly draw the function relationship between the corresponding nodes of the service content, including the upstream-downstream relationship, parallel relationship, containing relationship and the like between the service content nodes, and when the drawing is completed, the function view is saved, and the saved function view can be shared, reviewed and a new template is generated, so that the drawing of the service function view is completed.

The invention also provides an electronic device, which comprises a memory and a processor, wherein the memory stores a configuration program of the panoramic service view designer, which can be run on the processor, and the configuration program can realize the visualized panoramic service view in the embodiment when being executed by the processor.

The present invention also provides a computer-readable storage medium, on which a configuration program of the panorama service view designer according to the present embodiment is stored, where the configuration program may be executed by one or more processors to implement the visualized panorama service view according to the present embodiment.

The panorama service view designer based on the mesh topology structure provided by the embodiment of the invention has the following advantages: in the first aspect, the service content required by the user can be modularized through the service unit, or/and a third party customized interface can be directly called; on the basis, the user directly instantiates the service content into the node by dragging the componentized service content, and the user can edit the node by controlling the mouse according to the self requirement and can return to the modification at any time without calling a large number of codes; based on the panoramic service view designer of the invention, the user can further configure the service content association relationship according to the requirement, and the user can further complete the service content association relationship at different terminals

The method has the advantages that the service data are added and modified on the scene service view display interface, clicking is directly carried out, so that a user is facilitated to configure service content relations, the configuration difficulty of service views is further reduced, the service views can be conveniently configured by related staff without development experience, the service views can be conveniently configured among enterprises, the actual service data are loaded and then are dynamically rendered through the lasting interaction between the interface display module and a data center, the panoramic service view which can be updated in real time is formed, service content digitization on basic logic is realized, and the working efficiency is improved;

in the second aspect, the service content on the basic logic is further enriched through the auxiliary functional unit, and the service content is enriched through introducing charts, videos, pictures, third party connection and the like;

It will be appreciated by those skilled in the art that the modules or steps of the invention described above may be implemented in a general purpose computing device, they may be concentrated on a single computing device, or distributed across a network of computing devices, they may alternatively be implemented in program code executable by computing devices, so that they may be stored in a memory device for execution by computing devices, and in some cases, the steps shown or described may be performed in a different order than that shown or described, or they may be separately fabricated into individual integrated circuit modules, or multiple modules or steps within them may be fabricated into a single integrated circuit module for implementation. Thus, the present invention is not limited to any specific combination of hardware and software.

In the present disclosure, the terms "first," "second," and "second" are used for descriptive purposes only and are not to be construed as indicating or implying a relative importance or implying a number of technical features being indicated. Thus, a feature defining "a first" or "a second" may explicitly or implicitly include at least one such feature. In the description of the present invention, the meaning of "plurality" means at least two, for example, two, three, etc., unless specifically defined otherwise.

In this specification, schematic representations of the above terms are not necessarily directed to the same embodiment or example. Furthermore, the particular features or characteristics described may be combined in any suitable manner in any one or more embodiments or examples. Furthermore, the different embodiments or examples described in this specification and the features of the different embodiments or examples may be combined and combined by those skilled in the art without contradiction.

While embodiments of the present invention have been shown and described above, it will be understood that the above embodiments are illustrative and not to be construed as limiting the invention, and that variations, modifications, alternatives and variations may be made to the above embodiments by one of ordinary skill in the art within the scope of the invention.

Claims

1. The panoramic service view designer based on the mesh topological structure is characterized by comprising a data center, an interface display module, an event acquisition module, a generation module, a service unit and a basic service unit;

the data center is used for storing data and loading data in the configuration process of the panoramic service view designer, rendering and configuration operation, and is used for realizing the calling of the functional module;

The interface display module is used for displaying the visualized components, nodes, service views and view editing pages in the panoramic service view designer on a first display interface, a second display interface and a third display interface;

the first display interface is a design interface of a form designer and a data form designer based on third-party expansion, and is displayed through the interface display module; the form designer and the data form designer based on the third party extension are form designer and data form designer of the form marking third party extension; the second display interface is used for arranging the components of the service view design interface in a stream layout through the interface display module, pre-analyzing the arrangement result into virtual DOM elements, and displaying the display interface of the panoramic service view designer, namely the service view design interface through the virtual DOM elements; the service view design interface comprises a visual component corresponding to service content customized by a user on the first display interface or/and a visual component corresponding to service content directly calling the third party customization interface, and further comprises a component column, a menu column, a view editing area, a component and a service view configuration column which are displayed on a Web end through virtual DOM elements; the third display interface is a display interface of a panoramic service view of a designed mesh topological structure at different terminals;

wherein the service unit comprises:

custom configuration rules subunit: the configuration operation of the user on the two business contents in the first display interface is acquired through the acquisition event module, and the result of the configuration operation is used as a corresponding configuration rule and is respectively stored in the data center;

and a custom business content visualization generation subunit: the data center is used for calling the data center to display configuration rules of two business contents on a second display interface through a display interface module respectively, and two customized visual components corresponding to the business contents are generated through a generating module;

configuring a service view subunit: the system comprises an event acquisition module, a generation module, a service content acquisition module and a service content generation module, wherein the event acquisition module is used for acquiring click and drag configuration operations of a user on two visual components corresponding to the service content in a second display interface, and instantiating the visual components corresponding to the service content into nodes corresponding to the service content through the generation module; acquiring content writing and attribute editing of a user on a node corresponding to the service content, and configuration operation of a time sequence relationship and a connection relationship between the nodes corresponding to the service content, and storing a configuration result into the data center;

A service view template generation subunit: the data center is used for calling the data center to load and render data of the configuration result of the configuration service view subunit in the second display interface, and establishes a time sequence relation and a connection relation between nodes corresponding to the service contents to generate a panoramic service view template of a mesh topological structure containing two service contents;

a service data receiving subunit: the configuration operation for writing, modifying and attribute fields of the content of the panoramic service view template in a third display interface by a user is obtained through the event obtaining module, and the result of the configuration operation is stored in the data center;

dynamic service view generation subunit: the data processing module is used for carrying out data loading and rendering on the configuration result of the service data receiving subunit in the third display interface through the interface display module through interaction with a data center, and generating a dynamic panoramic service view of a mesh topological structure containing two corresponding service contents through the generating module;

the basic service unit comprises:

an acquisition subunit: the acquisition event module is used for acquiring the storage, sharing, distribution and importing mouse events of the user on the first display interface, the second display interface and the third display interface;

the acquisition subunit interacts with the generation subunit to realize the interaction of the service unit and the basic service unit.

2. The panoramic service view designer of claim 1, said service unit further characterized by,

the custom configuration rule subunit: the configuration operation is used for acquiring configuration operations of a user on the two business contents of the form designer and the data table designer, and the results of the configuration operations are used as corresponding configuration rules and are respectively stored in the data center;

wherein, the configuration operation for the two business contents refers to: the user builds a class library capable of meeting all data scenes required by the actual business process through selection, dragging, positioning and configuration operations of the form designer and the data form designer component according to the business needs, wherein the configuration operations comprise the following contents: service association configuration, service function driving, service grouping configuration, service form configuration, billboard grouping configuration, callback method configuration, export configuration, authority configuration and check rule configuration, wherein the service content is a data scene required by the actual service flow, and comprises the following scenes: project information, project stands, task book management, project investigation, project meeting records, project implementation, sales orders, purchase budget sheets, purchase commodity details, purchase orders and application information;

The configuration service view subunit: the configuration operation for acquiring the user on the service view design interface comprises the steps of clicking and dragging the visual components corresponding to the two user-defined service contents on the design working interface of the panoramic service view designer or/and the configuration instruction for directly calling the visual components corresponding to the service contents of the third-party custom interface to the view editing area by the user, and instantiating the corresponding nodes of the service contents; the visual component corresponding to the business content directly calling the third party custom interface is a visual component calling the third party custom interface in an API interface mode, and the third party custom interface is an interface for providing addition and inquiry and conforms to RESTful API specifications.

3. The panorama service view designer of claim 1 or 2, further characterized in that the configuration operation of two service contents in the custom configuration rule subunit further comprises configuration of functional association, wherein the functional association refers to association configuration of upstream and downstream or parallel, inclusive relationship of the two service contents; and after the configuration is completed, generating a corresponding service function view template or a dynamic service function view through the service view template generation subunit or the dynamic service view generation subunit.

4. The panorama service view designer according to claim 1, wherein loading and rendering data for the nodes corresponding to the service contents comprises: the configuration results of the configuration attribute configuration operation of the user on the node and the view editing area corresponding to the service content are rendered to the view editing area of the second display interface, and the virtual DOM element of the panoramic service view corresponding to the configuration results is updated; and storing JSON data corresponding to the panoramic service view formed by design into a database, and further transmitting the JSON data to the interface display module and displaying the JSON data on display interfaces of different terminals.

5. The panorama service view designer according to claim 1, further comprising an auxiliary functional unit invoking an acquisition event module, an interface display module, a data center and a generation module, enabling an inter-invocation with the service unit, a base service unit;

the auxiliary function unit includes:

A configuration service view auxiliary subunit: the configuration operation of the user on the configuration service view subunit in the service unit is acquired through the acquisition event module, the click and drag configuration operation of the user on the visualization component corresponding to the auxiliary service content in the second display interface is acquired, the visualization component corresponding to the auxiliary service content is instantiated to be a node corresponding to the auxiliary service content, the content writing and the configuration of the attribute field are carried out on the node corresponding to the auxiliary service content, and the configuration result is stored in the data center; the auxiliary service content comprises: the method comprises the steps of service classification, aggregation service, third party service, statistics report class service and basic service, wherein a visual component corresponding to auxiliary service content calls a third party custom interface in an API interface mode, and the third party custom interface is an interface for providing addition and inquiry and conforms to RESTful API specifications;

a service view auxiliary content generation subunit: the data center is used for loading and rendering data of the configuration result in the configuration service view auxiliary subunit in the second display interface by calling the data center to generate a panoramic service view template comprising a mesh topological structure corresponding to auxiliary service content, and the panoramic service view template is used for adding configurable content and enriching the content of the panoramic service view template in the service view template generation subunit in the service unit;

Auxiliary service data receiving subunit: based on the configuration requirement of the user on the service data receiving unit in the service unit, the configuration operation of the user on the service view template containing the auxiliary service content on the third display interface is obtained, wherein the configuration operation comprises the input adding and modifying of auxiliary service data and the configuration operation result is stored in the data center; a dynamic service view generation subunit containing auxiliary service content: the configuration result in the auxiliary service data receiving subunit is subjected to data loading and rendering in the third display interface through interaction with a data center, so that a dynamic panoramic service view of a mesh topology structure containing corresponding auxiliary service content is generated and stored in a global data stream form;

invoking the configuration results stored in the data center by the service unit and the auxiliary function unit through the generation subunit in the basic service unit, and generating the panoramic service view template and the dynamic panoramic service view, and sharing the panoramic service view template and the dynamic panoramic service view containing auxiliary service contents through the generation module and the data center; the acquisition subunit continuously interacts with the generation subunit to realize the interaction of the service unit, the auxiliary function and the basic service unit.

6. The panorama business view designer of claim 5, further characterized in that the interface display module arranges the business view design interfaces in a streaming layout, pre-parses the arrangement result into virtual DOM elements, and displays a second display interface of the panorama business view designer through the virtual DOM elements; the service view design interface comprises a visualization component corresponding to auxiliary service content built in the system, a visualization component column corresponding to the auxiliary service content displayed on the Web end through a virtual DOM element, a menu column, a view editing area, a component and a service view configuration column;

the visualization component corresponding to the auxiliary service content comprises the following contents:

the business classification component is used for classifying multiple views; the user can further divide the panoramic service view into a main view and an auxiliary view by adopting a service classification assembly according to the requirement, wherein the main view comprises nodes corresponding to two service contents of main or key points required by the user and connection relations of the nodes, and the auxiliary view comprises nodes corresponding to two service contents of secondary or auxiliary main view required by the user and connection relations of the nodes;

the statistics report form type component comprises a histogram, a line graph and a pie chart and is used for providing statistics data display for business content;

the basic components are universal components and comprise a description information component, a picture component and a video component.

7. The panorama service view designer according to claim 6, wherein loading and rendering data for the node corresponding to the auxiliary service content comprises: according to the configuration operation instruction of the user in the second display interface, selecting, dragging, positioning and configuring the attribute configuration operation instruction of the visual component corresponding to the auxiliary service content with a non-specific function, and according to the configuration attribute operation of the user on the node corresponding to the instantiated auxiliary service content and the view editing area; or selecting and dragging the visual components corresponding to the auxiliary service contents with specific functions to the view editing area, and layering service views or aggregating and configuring operation instructions of the service contents; rendering a configuration operation result to a view editing page in the second display interface, and updating virtual DOM elements of the panoramic service view corresponding to the configuration result; the JSON data corresponding to the panoramic service view formed by design is stored in a database, and then the JSON data is further transmitted to a third display interface module and displayed on display interfaces of different terminals;

The visualization component corresponding to the auxiliary service content with the non-specific function comprises a statistics report type component, a third party component and a basic component;

the visualization component corresponding to the auxiliary service content with the specific function comprises a service classification component and an aggregate service unit.

8. A panoramic service view designer according to claim 3, wherein the instantiated node corresponding to the service content is an element node, namely a label; one of the nodes corresponding to the service content is a main node, and a child node is derived; the child node comprises a text node, an attribute node or/and an annotation node; the text node and the attribute node are respectively used for displaying text information and attribute information of the current element node, and the text node and the attribute node are arranged and displayed in the current element node or folded and suspended and displayed on the current element node or are in a parent-child connection relationship with the current element node; the annotation node has no child nodes and is used for annotating the current element node, and the annotation node is arranged and displayed in the current element node or folded and suspended and displayed on the current element node or is in a parent-child connection relationship with the current element node;

setting element nodes in a current document, and displaying or editing labels of the nodes currently; the text node and the attribute node arranged in the element node are respectively used for displaying or editing the text information and the attribute information of the current element node to add or change the service data item of the service content, and the service data is displayed in a list display mode and a card display mode; and the annotation node is used for annotating the current element node.

9. The panorama service view designer of claim 6 or 7, further characterized in that the visualization component corresponding to the auxiliary service content is instantiated as a text node or annotation node, which is a corresponding text node or annotation node derived from the node corresponding to the service content, without child nodes; the configuration operation for the node corresponding to the auxiliary service content comprises the following steps: instantiation of the service classification component as classification nodes, wherein the characteristics are fixed positions, each classification node draws different service views, and the multiple views are configured and classified;

The third party component is instantiated to be a custom insertion node, a third page outside the system is inserted, and the third party page is introduced in an Iframe mode;

the statistical report form type component is instantiated to form report form type nodes, data are displayed in a view in a report form mode, and statistical data aiming at business content are displayed through a histogram, a line graph and a pie graph;

the basic components are instantiated to be customized service unit display nodes, the relationship data of the service units are displayed, and the information describing the service data is displayed in a picture and video mode.

10. The panorama service view designer according to claim 2 or 6, further characterized in that the component bar presented to the Web end by the virtual DOM element comprises a visualization component corresponding to one auxiliary service content and two visualization components corresponding to two service contents;

the method comprises the steps that a source object created by a visual component corresponding to the service content through a class corresponding to the visual component is displayed in component columns of the service content, the component columns of the service content are respectively listed as three logic layers, and a first layer is an application layer for main service classification and comprises the following steps: project management, sales management, purchase management, attendance checking, bulletin board, medical system, life payment, style design, inventory management, customer service management, approval application, memo, sales management, partner recruitment, bulletin issue, enterprise management, enterprise business card, task query, personnel management, CRM application; the second layer is a further differentiated submenu of the first layer, comprising: effectiveness, bid management, project demand, project resource management, associated business, risk management, project expense, bid information, customer management; and the third layer is a visualization component corresponding to the specific business content.

11. The panorama service view designer of claim 8, further characterized in that the corresponding labels of the nodes to which the service content corresponds comprise: project management, sales management, purchase management, attendance checking, bulletin board, medical system, life payment, style design, inventory management, customer service management, approval application, memo, sales management, partner recruitment, bulletin issue, enterprise management, enterprise business card, task query, personnel management, CRM application; effectiveness, bid management, project demand, project resource management, associated business, risk management, project expense, bid information, customer management.

12. The panorama service view designer of claim 1, further characterized in that after the acquiring event module acquires the user click operation command, JSON data corresponding to the panorama service view is transmitted to a server and stored as a template, and the basic service unit displays a menu bar included in the second display interface through the interface display module, where the menu bar includes a save template and a select template; and the user invokes the template through the menu bar of the selected template and distributes the template to other users so as to realize common editing, invoking and modifying.

13. An electronic device, comprising a memory, a processor, wherein the memory stores thereon a configuration program of the panoramic service view designer of any one of claims 1-12 executable on the processor, the configuration program when executed by the processor implementing the visualized panoramic service view.

14. A computer-readable storage medium having stored thereon a configuration program of the panoramic service view designer of any one of claims 1-12, the configuration program being executed by one or more processors to implement the visualized panoramic service view.