CN116661760A - Configuration and display method and system of visual operation interface - Google Patents
Configuration and display method and system of visual operation interface Download PDFInfo
- Publication number
- CN116661760A CN116661760A CN202310433754.5A CN202310433754A CN116661760A CN 116661760 A CN116661760 A CN 116661760A CN 202310433754 A CN202310433754 A CN 202310433754A CN 116661760 A CN116661760 A CN 116661760A
- Authority
- CN
- China
- Prior art keywords
- configuration data
- control
- configuration
- editing
- page
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02P—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN THE PRODUCTION OR PROCESSING OF GOODS
- Y02P90/00—Enabling technologies with a potential contribution to greenhouse gas [GHG] emissions mitigation
- Y02P90/02—Total factory control, e.g. smart factories, flexible manufacturing systems [FMS] or integrated manufacturing systems [IMS]
Landscapes
- Digital Computer Display Output (AREA)
Abstract
The application discloses a configuration and display method and a system of a visual operation interface, wherein the method comprises the following steps: editing configuration data, storing the configuration data in a database, setting the attribute of a control according to the requirement of a user, selecting the control, loading and storing the control in a page, sending a page modification notification after storing, reading the configuration data from the database according to the page modification notification, and loading and displaying a corresponding scene according to the configuration data; the method realizes one-time development of multiple applications by configuring the visual interface, effectively improves the flexibility of the operation interface, effectively reduces the development difficulty and the development cost thereof, reduces the manpower consumption and improves the development efficiency. Different operation interfaces can be configured according to different requirements on site, and the platform is applied.
Description
Technical Field
The application relates to the technical field of KVM (keyboard video mouse) visualization, in particular to a configuration and display method and system of a visual operation interface.
Background
In the field of KVM visual operation, visual operation interfaces are needed to be provided, interfaces needed by various industries and even various users are different, different interfaces are needed to be defined according to the requirements and the user rights of the users, at present, various manufacturers customize the interfaces in a programming and customizing mode by programmers, or prefabricate a plurality of typical interfaces according to industry characteristics, the interfaces cannot be quickly adjusted according to the scene of the user, and the flexibility is extremely low. The equipment required by each conference room of each engineering project is inconsistent, so that the visual operation interface of each conference room of each project needs to be customized and developed, a large number of interface developers need to go to the site for customized and development, and the operation interface cannot be adjusted in time when the site changes.
Therefore, how to provide a dynamically adjustable display method for an operation interface is a problem to be solved by those skilled in the art.
Disclosure of Invention
The embodiment of the application provides a configuration and display method and system of a visual operation interface, aiming at solving the problem that the existing operation interface cannot be dynamically adjusted.
In a first aspect, the present application provides a configuration and display method for a visual operation interface, where the method includes:
editing configuration data, and storing the configuration data in a database;
setting the attribute of the control according to the user demand, selecting the control, loading and storing the control in the page, and sending a page modification notification after storing;
and reading configuration data from the database according to the page modification notification, and loading and displaying corresponding scenes according to the configuration data.
In one embodiment, editing configuration data includes:
and editing configuration data according to the requirements of the user, wherein the configuration data comprises a component number, a component name, a component data type and component interface parameters.
In one embodiment, the control attributes include: appearance configuration, color configuration, and control type.
In one embodiment, editing and setting control attributes according to user requirements includes:
and selecting corresponding configuration data according to the user requirements, and editing and setting control attributes according to the configuration data.
In one embodiment, reading configuration data from a database according to a page modification notification includes:
and acquiring the control in the page according to the page modification notification, and reading configuration data from the database according to the attribute of the control.
In a second aspect, the present application further provides a configuration and display system for a visual operation interface, where the system includes:
the configuration data management module is used for editing configuration data and storing the configuration data in the database;
the control loading module is used for setting the attribute of the control according to the user requirement, selecting the control, loading and storing the control in the page, and sending a page modification notification after storing the control;
and the data reading and displaying module is used for reading the configuration data from the database according to the page modification notification, and loading and displaying the corresponding scene according to the configuration data.
In one embodiment, editing configuration data includes:
and editing configuration data according to the requirements of the user, wherein the configuration data comprises a component number, a component name, a component data type and component interface parameters.
In one embodiment, the control attributes include: appearance configuration, color configuration, and control type.
In one embodiment, editing and setting control attributes according to user requirements includes:
and selecting corresponding configuration data according to the user requirements, and editing and setting control attributes according to the configuration data.
In one embodiment, reading configuration data from a database according to a page modification notification includes:
and acquiring the control in the page according to the page modification notification, and reading configuration data from the database according to the attribute of the control.
Compared with the prior art, the configuration and display method and system of the visual operation interface provided by the application can bring about the following technical progress:
the method realizes one-time development of multiple applications by configuring the visual interface, effectively improves the flexibility of the operation interface, effectively reduces the development difficulty and the development cost thereof, reduces the manpower consumption and improves the development efficiency. Different operation interfaces can be configured according to different requirements on site, so that a platform is applied; in addition, the interface developed by the application can be operated on different types of equipment, from a mobile phone to a tablet and a touch terminal, and is compatible with different equipment processors. In addition, the application has good encapsulation, usability and expansibility, a series of operations are encapsulated to different configuration controls, when the user uses the application, the corresponding function can be realized only by adding the corresponding configuration control to the interface, and when the new operation function is needed, the function expansion can be realized by adding the new control.
Drawings
For a clearer description of the technical solutions of the embodiments of the present application, the drawings that are needed in the description of the embodiments will be briefly described, and it is obvious that the drawings in the following description are some embodiments of the present application, and other drawings may be obtained according to these drawings without inventive effort for a person skilled in the art.
Fig. 1 is a flowchart of a configuration and display method of a visual operation interface according to an embodiment of the present application.
Detailed Description
The following description of the embodiments of the present application will be made clearly and completely with reference to the accompanying drawings, and it is apparent that some, but not all embodiments of the application are described in the embodiments. Based on the embodiments of the present application, all other embodiments that a person of ordinary skill in the art would obtain without making any inventive effort, are intended to be within the scope of the present application.
It should be understood that the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process or method that includes a list of steps does not include only those steps but may include other steps not expressly listed or inherent to such process or method. Likewise, without further limitation, one or more devices or subsystems, elements or structures or components beginning with "comprising … a" would not have further limitations, excluding the presence of other devices or other subsystems or other elements or other structures or other components. The appearances of the phrases "in one embodiment," "in another embodiment," and similar language throughout this specification may, but do not necessarily, all refer to the same embodiment.
It should also be understood that the term "and/or" as used in the present specification and the appended claims refers to any and all possible combinations of one or more of the associated listed items, and includes such combinations.
It will be further understood that all technical and scientific terms used herein have the same meaning as commonly understood by one of ordinary skill in the art to which this application belongs unless defined otherwise.
Referring to a configuration and display method flowchart of a visual operation interface shown in the embodiment of fig. 1, the method includes:
s101, editing configuration data, and storing the configuration data in a database.
Editing configuration data according to the requirements of a user, wherein the configuration data comprises: the user can select other configuration data according to actual requirements, edit the configuration data, and store the configuration data into a database, so that subsequent data calling and configuration are facilitated.
S102, setting the attribute of the control according to the user requirement, selecting the control, loading and storing the control in the page, and sending a page modification notification after storing.
The control attributes include: appearance configuration, color configuration, size, control type and the like, wherein the appearance configuration, the color configuration and the size correspond to the appearance effect of the control, the control type corresponds to the contained data content of the control, different control attributes are set according to the user requirements, and the control type is convenient for coping with various requirements and application scenes of the user.
In one embodiment, setting the control attribute according to the user's needs includes:
and selecting corresponding configuration data according to the user requirements, and setting control attributes according to the configuration data.
Different control types correspond to different configuration data sets, different configuration data are matched according to the requirements of a user, and then the corresponding front-end visual controls are bound to obtain different controls, so that the requirements of the user can be met more.
S103, reading configuration data from the database according to the page modification notification, and loading and displaying corresponding scenes according to the configuration data.
And acquiring the control in the page according to the page modification notification, and reading configuration data from the database according to the attribute of the control.
The user can add the related functions of the control by dragging the control to the page according to the field requirement, and the configuration effect can be previewed on the preview window after modification by setting the attribute of the control, such as appearance configuration, or can be checked by using the configuration display module after storage configuration.
Each room can create a plurality of page scenes, each page scene can create a plurality of pages, a user can configure visual operation content according to needs conveniently, configuration data are stored in a database after configuration is completed, and page modification information is sent to a configuration display interface.
The interface developed by the application can be operated on different types of equipment, from a mobile phone to a tablet and a touch terminal, and is compatible with different equipment processors. In addition, the application has good encapsulation, usability and expansibility, a series of operations are encapsulated to different configuration controls, when the user uses the application, the corresponding function can be realized only by adding the corresponding configuration control to the interface, and when the new operation function is needed, the function expansion can be realized by adding the new control.
In an embodiment, the present application further provides a configuration and display system of a visual operation interface, which is characterized by comprising:
the configuration data management module is used for editing configuration data and storing the configuration data in the database;
the control loading module is used for setting the attribute of the control according to the user requirement, selecting the control, loading and storing the control in the page, and sending a page modification notification after storing the control;
and the data reading and displaying module is used for reading the configuration data from the database according to the page modification notification, and loading and displaying the corresponding scene according to the configuration data.
In one embodiment, editing configuration data includes:
and editing configuration data according to the requirements of the user, wherein the configuration data comprises a component number, a component name, a component data type and component interface parameters.
In one embodiment, the control attributes include: appearance configuration, color configuration, and control type.
In an embodiment, editing the set control attribute according to the user requirement includes:
and selecting corresponding configuration data according to the user requirements, and editing and setting control attributes according to the configuration data.
In one embodiment, reading configuration data from a database according to a page modification notification includes:
and acquiring the control in the page according to the page modification notification, and reading configuration data from the database according to the attribute of the control.
The working principle and the working process of the configuration and display system of the visual operation interface provided by the application are consistent with those of the configuration and display method of the visual operation interface, and the application is not repeated here.
It will be clear to those skilled in the art that, for convenience and indirection of the description, the specific working process of the apparatus, device or unit described above may refer to the corresponding process in the foregoing method embodiment, and will not be repeated herein. Those of ordinary skill in the art will appreciate that the elements and steps of the examples described in connection with the embodiments disclosed herein may be implemented as electronic hardware, computer software, or combinations of both, and that the elements and steps of the examples have been described in a functional overview in the foregoing description for the sake of clarity. Whether such functionality is implemented as hardware or software depends upon the particular application and constraints imposed on the solution. Skilled artisans may implement the described functionality in varying ways for each particular application, but such implementation decisions should not be interpreted as causing a departure from the scope of the present application.
In the several embodiments provided by the present application, it should be understood that the disclosed apparatus, device, and method may be implemented by other methods. For example, the embodiment of the apparatus described above is merely suitable, and the division of the modules is merely a division of logic functions, and there may be another division manner when actually implemented, or the modules having the same function may be integrated into one module, for example, multiple units or components may be combined or may be integrated into another system, or some features may be omitted, or not performed. In addition, in the embodiments of the present application, each middle-aged module may be integrated in one processing unit, or each module may exist alone physically, or two or more modules may be integrated in one module. The integrated module may be implemented in hardware or in software.
The integrated module, if implemented in the form of a software functional unit and sold or used as a stand-alone product, may be stored in the computer-readable storage medium. Based on such understanding, the technical solution of the present application is essentially or a part contributing to the prior art, or all or part of the technical solution may be embodied in the form of a software product stored in a computer-readable storage medium, comprising several instructions for causing a computer device (which may be a personal computer, a server, a network device, etc.) to perform all or part of the steps of the method according to the embodiments of the present application. And the aforementioned computer-readable storage medium includes: a U-disk, a removable hard disk, a Read-only memory (ROM), a magnetic disk, an optical disk, or other various media capable of storing program codes.
While the application has been described with reference to certain preferred embodiments, it will be understood by those skilled in the art that various changes and substitutions of equivalents may be made and equivalents will be apparent to those skilled in the art without departing from the scope of the application. Therefore, the protection scope of the application is subject to the protection scope of the claims.
Claims (10)
1. A configuration and display method of a visual operation interface is characterized by comprising the following steps:
editing configuration data, and storing the configuration data in a database;
setting the attribute of the control according to the user demand, selecting the control, loading and storing the control in the page, and sending a page modification notification after storing;
and reading configuration data from the database according to the page modification notification, and loading and displaying corresponding scenes according to the configuration data.
2. The method for configuring and displaying a visual operation interface according to claim 1, wherein editing the configuration data comprises:
and editing configuration data according to the requirements of the user, wherein the configuration data comprises a component number, a component name, a component data type and component interface parameters.
3. The method for configuring and displaying a visual operation interface according to claim 1, wherein the control attribute comprises: appearance configuration, color configuration, and control type.
4. The method for configuring and displaying a visual operation interface according to claim 3, wherein editing and setting control attributes according to user requirements comprises:
and selecting corresponding configuration data according to the user requirements, and editing and setting control attributes according to the configuration data.
5. The method for configuring and displaying a visual operation interface according to claim 1, wherein the step of reading configuration data from the database according to the page modification notification comprises:
and acquiring the control in the page according to the page modification notification, and reading configuration data from the database according to the attribute of the control.
6. A configuration and display system for a visual operation interface, comprising:
the configuration data management module is used for editing configuration data and storing the configuration data in the database;
the control loading module is used for setting the attribute of the control according to the user requirement, selecting the control, loading and storing the control in the page, and sending a page modification notification after storing the control;
and the data reading and displaying module is used for reading the configuration data from the database according to the page modification notification, and loading and displaying the corresponding scene according to the configuration data.
7. The visual interface configuration and display system of claim 6, wherein editing the configuration data comprises:
and editing configuration data according to the requirements of the user, wherein the configuration data comprises a component number, a component name, a component data type and component interface parameters.
8. The visual interface configuration and display system of claim 6, wherein the control attributes comprise: appearance configuration, color configuration, and control type.
9. The visual interface configuration and display system of claim 8, wherein the editing and setting control attributes according to user requirements comprises:
and selecting corresponding configuration data according to the user requirements, and editing and setting control attributes according to the configuration data.
10. The visual interface configuration and display system of claim 6, wherein the reading configuration data from the database according to the page modification notification comprises:
and acquiring the control in the page according to the page modification notification, and reading configuration data from the database according to the attribute of the control.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310433754.5A CN116661760A (en) | 2023-04-21 | 2023-04-21 | Configuration and display method and system of visual operation interface |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310433754.5A CN116661760A (en) | 2023-04-21 | 2023-04-21 | Configuration and display method and system of visual operation interface |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN116661760A true CN116661760A (en) | 2023-08-29 |
Family
ID=87721385
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202310433754.5A Pending CN116661760A (en) | 2023-04-21 | 2023-04-21 | Configuration and display method and system of visual operation interface |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN116661760A (en) |
-
2023
- 2023-04-21 CN CN202310433754.5A patent/CN116661760A/en active Pending
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109933322B (en) | Page editing method and device and computer readable storage medium | |
| US7577937B2 (en) | Methods and systems for generating a configurable user interface | |
| CN110851134A (en) | Low-code page design device and page design method | |
| CN105094832A (en) | WYSIWYG method and system for dynamically generating user interface | |
| JP2003521764A (en) | Display graphic objects | |
| US10108437B2 (en) | Rendition of a content editor | |
| CN110136252B (en) | Multi-scene data visualization system | |
| CN109471580B (en) | Visual 3D courseware editor and courseware editing method | |
| EP2193451A1 (en) | Defining an interactive user interface | |
| CN115599363A (en) | Configuration method, device and system of visual component | |
| US7500250B2 (en) | Configurable event handling for user interface components | |
| CN110764862A (en) | Desktop wallpaper display method and device, terminal equipment and storage medium | |
| KR20120000595A (en) | Method and system of providing a multimedia contents producing tool proceeding in multi-platform through on-line | |
| CN113900725A (en) | Interface configuration method and device, computer equipment and storage medium | |
| CN116661760A (en) | Configuration and display method and system of visual operation interface | |
| CN112162805B (en) | Screenshot method and device and electronic equipment | |
| CN115278306A (en) | Video editing method and device | |
| CN111240679B (en) | Page development method and system | |
| CN114679546A (en) | Display method and device, electronic equipment and readable storage medium | |
| CN114518821A (en) | Application icon management method and device and electronic equipment | |
| CN111190523A (en) | Interface processing method, terminal and computer readable storage medium | |
| CN112632444A (en) | Visual website theme configuration method and device | |
| WO2020163972A1 (en) | Systems and methods for generating documents from video content | |
| CN111666068A (en) | Platform development framework, construction method, equipment and medium | |
| CN113535304B (en) | Method and device for inserting, displaying and editing third-party model in design software |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |