CN112596809A - Visual configuration method and device of interface, electronic equipment and storage medium - Google Patents

Visual configuration method and device of interface, electronic equipment and storage medium Download PDF

Info

Publication number
CN112596809A
CN112596809A CN202011485309.6A CN202011485309A CN112596809A CN 112596809 A CN112596809 A CN 112596809A CN 202011485309 A CN202011485309 A CN 202011485309A CN 112596809 A CN112596809 A CN 112596809A
Authority
CN
China
Prior art keywords
visual
configuration
interface
target
editing
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
Application number
CN202011485309.6A
Other languages
Chinese (zh)
Inventor
庞敏
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Ping An Puhui Enterprise Management Co Ltd
Original Assignee
Ping An Puhui Enterprise Management Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Ping An Puhui Enterprise Management Co Ltd filed Critical Ping An Puhui Enterprise Management Co Ltd
Priority to CN202011485309.6A priority Critical patent/CN112596809A/en
Publication of CN112596809A publication Critical patent/CN112596809A/en
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/445Program loading or initiating
    • G06F9/44505Configuring for program initiating, e.g. using registry, configuration files
    • G06F9/4451User profiles; Roaming
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range

Abstract

The invention relates to the technical field of artificial intelligence, and provides a visual configuration method and device of an interface, electronic equipment and a storage medium, wherein the method comprises the following steps: obtaining a URL of a visual interface; displaying the visual editing interface and loading a first cover layer after an editing mode mark exists in a URL of the visual interface; acquiring a visual configuration component according to the URL and displaying the visual configuration component in a first cover layer; loading a second cover layer on the target visual configuration component in the first cover layer which is selected in the monitoring process; when a preset first operation icon is detected to receive a touch instruction, displaying a plurality of configuration parameter options; and integrating the configuration parameters input by the user with the target visual configuration component to realize visual configuration. According to the method and the device, the first cover layer is loaded on the visual editing interface and the second cover layer is loaded on the target visual configuration component, so that the configuration interaction position is rapidly determined, and the visual configuration efficiency and the accuracy are improved.

Description

Visual configuration method and device of interface, electronic equipment and storage medium
Technical Field
The invention relates to the technical field of artificial intelligence, in particular to a visual configuration method and device of an interface, electronic equipment and a storage medium.
Background
With the increase of the change demand of the web pages on the internet, some simple documents and pictures are modified to relate to demand communication, code updating, testing, publishing and verification, and development resources are largely invested in providing simple and repeated labor, the prior art configures a large number of configuration items for the modification of the web pages, so that input frames are piled up, configuration personnel need to carefully read the title of each configuration item and then modify the configuration items of the web pages, so that the configuration error rate is high, particularly, the configured pages need to be adjusted along with the continuous version change of the web sites, and the code needs to be modified by the development personnel during configuration, so that the maintenance cost of the web pages is overhigh.
Disclosure of Invention
In view of the above, it is necessary to provide an interface visualization configuration method, an interface visualization configuration device, an electronic device, and a storage medium, where the interaction configuration position is determined quickly by loading a first overlay on the visualization editing interface and loading a second overlay on the target visualization configuration component, so as to improve visualization configuration efficiency and accuracy.
A first aspect of the present invention provides a method for visually configuring an interface, the method comprising:
acquiring a URL of a visual interface according to a received visual configuration request, and judging whether an editing mode identifier exists in the URL of the visual interface;
when the fact that the editing mode identification exists in the URL of the visual interface is determined, displaying the visual editing interface corresponding to the URL of the visual interface, and loading a first cover layer on the visual editing interface;
acquiring a visual configuration component of the visual editing interface according to the URL of the visual interface and displaying the visual configuration component in the first cover layer;
when it is monitored that a target visualization configuration component in the first cover layer is selected, loading a second cover layer on the target visualization configuration component;
when detecting that a first operation icon preset on the second cover layer receives a touch instruction, displaying a plurality of configuration parameter options matched with the target visual configuration component in the second cover layer;
and receiving configuration parameters input by a user, and integrating the configuration parameters with the target visual configuration component to realize visual configuration of the visual editing interface.
Optionally, the loading a second cover layer on the target visualization configuration component includes:
acquiring position information of the target visual configuration component;
determining the coverage area and target position information of the second cover layer according to the position information;
and creating a second cover layer according to the coverage area and the target position information, and loading the second cover layer on the target visualization configuration component.
Optionally, the determining whether the edit mode identifier exists in the URL of the visualization interface includes:
analyzing the URL of the visual interface to obtain a plurality of key fields;
identifying whether preset editing mode identification exists in the plurality of key fields;
when a target editing mode identifier matched with the preset editing mode identifier exists in the plurality of key fields, determining that the editing mode identifier exists in a URL (uniform resource locator) of the visual interface; or
And when the target editing mode identification matched with the preset editing mode identification does not exist in the plurality of key fields, determining that the editing mode identification does not exist in the URL of the visual interface.
Optionally, the obtaining the visual configuration component of the visual editing interface according to the URL of the visual interface includes:
acquiring the ID of the corresponding visual editing interface from the URL of the visual interface;
acquiring IDs of all editing elements corresponding to the IDs of the visual editing interfaces;
and calling the visual configuration components corresponding to the IDs of all the editing elements in the attribute configuration library of the server through a preset interface.
Optionally, before the displaying of the plurality of configuration parameter options matching the target visualization configuration component in the second cover layer, the method further includes:
setting the width of the second cover layer to be zero, popping up a visual editing popup window corresponding to the target visual configuration component, and displaying a plurality of configuration parameter options matched with the target visual configuration component in the visual popup window.
Optionally, the integrating the configuration parameters and the target visualization configuration component to realize the visualization configuration of the visualization editing interface includes:
acquiring IDs of all configuration parameters input by the visual editing interface;
determining a corresponding target visualization configuration component according to the ID of each configuration parameter, wherein the target visualization configuration component comprises target position information;
associating each configuration parameter with a corresponding target visualization configuration component;
and embedding the associated configuration parameters into a target position corresponding to the visual editing interface to realize the visual configuration of the visual editing interface.
Optionally, the method further includes:
when the fact that a touch instruction is received by a preset second operation icon on the second cover layer is detected, triggering the preset second operation icon to pop up a target visual popup window, and updating the editing type in the target visual popup window to be an editable type.
A second aspect of the invention provides an apparatus for visual configuration of an interface, the apparatus comprising:
the judging module is used for obtaining the URL of the visual interface according to the received visual configuration request and judging whether the URL of the visual interface has an editing mode identifier or not;
the display module is used for displaying the visual editing interface corresponding to the URL of the visual interface and loading a first cover layer on the visual editing interface when the editing mode identification exists in the URL of the visual interface;
the obtaining module is used for obtaining a visual configuration component of the visual editing interface according to the URL of the visual interface and displaying the visual configuration component in the first cover layer;
the loading module is used for loading a second cover layer on the target visualization configuration component when the condition that the target visualization configuration component in the first cover layer is selected is monitored;
the display module is used for displaying a plurality of configuration parameter options matched with the target visual configuration component in the second cover layer when detecting that a first operation icon preset on the second cover layer receives a touch instruction;
and the configuration module is used for receiving configuration parameters input by a user, integrating the configuration parameters with the target visual configuration component and realizing visual configuration of the visual editing interface.
A third aspect of the present invention provides an electronic device, which includes a processor and a memory, wherein the processor is configured to implement the visual configuration method of the interface when executing the computer program stored in the memory.
A fourth aspect of the present invention provides a computer-readable storage medium having stored thereon a computer program which, when executed by a processor, implements the method for visually configuring an interface.
In summary, according to the visual configuration method, the visual configuration device, the electronic device and the storage medium of the interface, on one hand, the original interaction of the visual editing interface is closed by loading the first cover layer on the visual editing interface, so that the editing state is not interfered by the original interaction, and the visual configuration efficiency is improved; on the other hand, a second cover layer is loaded on the target visual configuration component, the configuration interaction position is rapidly determined, the setting of different editing states is realized by controlling the width of the second cover layer, the target visual configuration component which does not need to be edited is prevented from being edited and the edited target visual configuration component is prevented from being edited repeatedly, and the visual configuration efficiency and the accuracy are improved; and finally, popping up a visual popup window and displaying a plurality of configuration parameter options matched with the target visual configuration component during editing, so that the user is assisted to rapidly perform visual configuration, and the visual configuration efficiency is improved.
In addition, the visual configuration of the visual editing interface is realized by embedding the associated configuration parameters into the position corresponding to the visual editing interface, so that a user does not need to separately configure a new interface, and the development cost is reduced.
Drawings
Fig. 1 is a flowchart of a method for visually configuring an interface according to an embodiment of the present invention.
Fig. 2 is a structural diagram of a visual configuration device of an interface according to a second embodiment of the present invention.
Fig. 3 is a schematic structural diagram of an electronic device according to a third embodiment of the present invention.
Detailed Description
In order that the above objects, features and advantages of the present invention can be more clearly understood, a detailed description of the present invention will be given below with reference to the accompanying drawings and specific embodiments. It should be noted that the embodiments of the present invention and features of the embodiments may be combined with each other without conflict.
Unless defined otherwise, 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 invention belongs. The terminology used in the description of the invention herein is for the purpose of describing particular embodiments only and is not intended to be limiting of the invention.
Example one
Fig. 1 is a flowchart of a method for visually configuring an interface according to an embodiment of the present invention.
In this embodiment, the method for visually configuring an interface may be applied to an electronic device, and for an electronic device that needs to perform the visual configuration of the interface, the function of visually configuring the interface provided by the method of the present invention may be directly integrated on the electronic device, or may be run in the electronic device in the form of a Software Development Kit (SKD).
As shown in fig. 1, the visual configuration method of the interface specifically includes the following steps, and the order of the steps in the flowchart may be changed and some may be omitted according to different requirements.
S11, obtaining the URL of the visual interface according to the received visual configuration request, and judging whether the URL of the visual interface has the editing mode identification.
In this embodiment, the visualization configuration request is sent to the server by the electronic device, and is used to request configuration of multiple elements in the visualization interface, specifically, when the visualization configuration request may be for interface visualization configuration of a user, the login electronic device sends the visualization configuration request to the server, where the visualization configuration request may be re-edited for multiple elements in a configured visualization interface template to implement visualization configuration, and the visualization configuration request may also be configured for a blank visualization interface module.
In this embodiment, the visualization configuration request carries a visualization configuration URL, when the server receives the visualization configuration request, the visualization configuration request may obtain the visualization configuration URL according to the visualization configuration request, and after the visualization configuration request is obtained, it is determined whether an edit mode identifier exists in the visualization interface URL, where specifically, the edit mode identifier is preset and is used to uniquely identify whether the visualization interface needs to be configured.
Optionally, the determining whether the edit mode identifier exists in the URL of the visualization interface includes:
analyzing the URL of the visual interface to obtain a plurality of key fields;
identifying whether preset editing mode identification exists in the plurality of key fields;
when a target editing mode identifier matched with the preset editing mode identifier exists in the plurality of key fields, determining that the editing mode identifier exists in a URL (uniform resource locator) of the visual interface; or
And when the target editing mode identification matched with the preset editing mode identification does not exist in the plurality of key fields, determining that the editing mode identification does not exist in the URL of the visual interface.
In this embodiment, because the URL of the visual interface carries identification information, the identification information is converted into a plurality of key fields, whether the preset editing mode identification exists in the plurality of key fields is identified, and whether to perform visual configuration on the visual interface is determined according to an identification result.
S12, when it is determined that the editing mode identification exists in the URL of the visual interface, displaying the visual editing interface corresponding to the URL of the visual interface, and loading a first cover layer on the visual editing interface.
In this embodiment, after it is determined that the edit mode identifier exists in the URL of the visual interface, it is determined that the visual interface needs to be configured, the visual interface is set as the visual edit interface for interface configuration, and a first cover layer is loaded for the visual edit interface.
In this embodiment, the first cover sheet may be an invisible cover sheet, and the invisible cover sheet is set on the visual editing interface, so that the original interaction of the visual editing interface may be closed, and the operation behavior of the user may not trigger the interaction behavior of the visual editing interface itself, for example, clicking a link position in the visual editing interface may not cause a jump.
In the embodiment, the first cover layer is arranged on the visual editing interface, so that the phenomenon that the configuration efficiency is influenced by triggering the original interaction in the visual configuration process of the visual editing interface is avoided, and the visual configuration efficiency of the visual interface is improved.
S13: and acquiring a visual configuration component of the visual editing interface according to the URL of the visual interface and displaying the visual configuration component in the first cover layer.
In this embodiment, the visualization configuration component may be pre-stored in an attribute configuration library of the server, specifically, the visualization configuration component may be regarded as a packaged program code for implementing visualization configuration of the visualization editing interface, and configuration parameters of the visualization configuration in the program code may be called, where the visualization configuration component may include a component for quickly establishing a connection, an information synchronization component, and the like. The preset interface may be a pre-designated interface for a user to access the property configuration library, and specifically, in an actual application process, the visual configuration component may be packaged in an SDK library, that is, the property configuration library, where the SDK refers to a Software Development Kit (Software Development Kit).
Optionally, the obtaining the visual configuration component of the visual editing interface according to the URL of the visual interface includes:
acquiring the ID of the corresponding visual editing interface from the URL of the visual interface;
acquiring IDs of all editing elements corresponding to the IDs of the visual editing interfaces;
and calling the visual configuration components corresponding to the IDs of all the editing elements in the attribute configuration library of the server through a preset interface.
In this embodiment, the corresponding ID of the visual editing interface is obtained from the URL of the visual interface, and the IDs of all corresponding editing elements are matched according to the ID of the visual editing interface, so that the server can directly call the SDK library of the server through the SDK interface to obtain the preset visual configuration component corresponding to the ID of all editing elements.
S14, when it is monitored that the target visualization configuration component in the first cover layer is selected, loading a second cover layer on the target visualization configuration component.
In this embodiment, in order to determine a visual configuration component to be edited in the visual editing interface, when it is monitored that a target visual configuration component in the visual editing interface is selected, it is determined that the target visual configuration component needs to be edited, and a second cover layer is loaded for the target visual configuration component.
Optionally, the loading a second cover layer on the target visualization configuration component includes:
acquiring position information of the target visual configuration component;
determining the coverage area and target position information of the second cover layer according to the position information;
and creating a second cover layer according to the coverage area and the target position information, and loading the second cover layer on the target visualization configuration component.
In this embodiment, the position information includes first position information and second position information, specifically, the first position information represents an X-axis coordinate and a Y-axis coordinate of the target visualization configuration component in the visualization editing interface, the second position information represents a width and a height of the target visualization configuration component, the target position information of the second mask layer is determined according to the X-axis coordinate and the Y-axis coordinate, and a coverage area of the second mask layer is determined according to the width and the height of the target visualization configuration component.
In other embodiments, the second layer position information is continuously updated along with the scrolling or zooming of the visual editing interface, and specifically, when the visual editing interface performs a zooming operation, the target position information and the coverage area of the second layer are consistent with the zooming ratio of the visual editing interface.
In this embodiment, by loading the second cover layer on the target visual configuration component, the target visual configuration component cannot be edited, so that a user misoperation is avoided, and the accuracy of visual configuration is improved.
S15: when it is detected that a touch instruction is received by a first operation icon preset on the second cover layer, displaying a plurality of configuration parameter options matched with the target visual configuration component in the second cover layer.
In this embodiment, the target visualization configuration component is a visualization configuration component selected by a user, where the visualization configuration component includes different configuration parameters set for different requirements. When a target visualization configuration component selected by a user is monitored, a plurality of configuration parameter options matched with the target visualization configuration component are displayed.
Optionally, before the displaying of the plurality of configuration parameter options matching the target visualization configuration component in the second cover layer, the method further includes:
setting the width of the second cover layer to be zero, popping up a visual editing popup window corresponding to the target visual configuration component, and displaying a plurality of configuration parameter options matched with the target visual configuration component in the visual popup window.
In this embodiment, when it is detected that a touch instruction is received by a first operation icon preset on the second cover layer, the second cover layer covered on the target visual configuration component is cancelled, and then a visual editing popup window is popped up, and the visual popup window brings out and displays a plurality of configuration parameter options matched with the target visual configuration component.
In this embodiment, a first operation icon may be preset, for example, the preset first operation icon may be set as a hand shape, or may also be a cross shape, specifically, when the preset first operation icon is monitored on the second cover layer, by setting the width of the second cover layer to zero, the target visual configuration component covered by the second cover layer may be edited, and a visual editing popup window pops up and displays a plurality of configuration parameter options matched with the target visual configuration component, so as to assist a user to perform visual configuration according to the plurality of configuration parameter options, thereby improving the efficiency of visual configuration.
S16, receiving configuration parameters input by a user, integrating the configuration parameters with the target visual configuration component, and realizing visual configuration of the visual editing interface.
In this embodiment, after displaying the multiple configuration parameter options matched with the target visual configuration component, the user inputs configuration parameters in the visual editing popup window according to requirements, specifically, the configuration parameters may be selected by the user from the displayed multiple matched configuration parameter options, and the configuration parameters may also be configured by the user in a user-defined manner according to the displayed multiple matched configuration parameter options.
Optionally, the integrating the configuration parameters and the target visualization configuration component to realize the visualization configuration of the visualization editing interface includes:
acquiring IDs of all configuration parameters input by the visual editing interface;
determining a corresponding target visualization configuration component according to the ID of each configuration parameter, wherein the target visualization configuration component comprises target position information;
associating each configuration parameter with a corresponding target visualization configuration component;
and embedding the associated configuration parameters into a target position corresponding to the visual editing interface to realize the visual configuration of the visual editing interface.
In this embodiment, each configuration parameter input by the user corresponds to one ID, and the ID of the configuration parameter input by the user is matched with the ID of the visual configuration component, so as to determine and associate the target visual configuration component corresponding to each configuration parameter, specifically, the target visual configuration component carries position information of the configuration parameter, and the associated configuration parameter is embedded into a position corresponding to the visual editing interface, so as to implement visual configuration of the visual editing interface.
In the embodiment, the visual configuration of the visual editing interface is realized by embedding the associated configuration parameters into the position corresponding to the visual editing interface, so that a user does not need to separately configure a new interface, and the development cost is reduced.
Optionally, after receiving the configuration parameters input by the user and integrating the configuration parameters with the target visualization configuration component, the method further includes:
and restoring the second cover layer corresponding to the target visualization configuration component.
In the embodiment, the first cover layer is loaded on the visual editing interface, and the original interaction of the visual editing interface is closed, so that the editing state is not interfered by the original interaction, and the visual configuration efficiency is improved; and loading a second cover layer on the target visual configuration component, rapidly determining the configuration interaction position, and realizing the setting of different editing states by controlling the width of the second cover layer, thereby avoiding editing the target visual configuration component which does not need to be edited and repeatedly editing the edited target visual configuration component, and improving the visual configuration efficiency and accuracy.
In addition, a visual popup is popped up during editing, a plurality of configuration parameter options matched with the target visual configuration component are displayed, a user is assisted in rapidly performing visual configuration, and visual configuration efficiency is improved.
Alternatively, the method further comprises:
when the fact that a touch instruction is received by a preset second operation icon on the second cover layer is detected, triggering the preset second operation icon to pop up a target visual popup window, and updating the editing type in the target visual popup window to be an editable type.
In this embodiment, the second operation icon may be preset as a plus sign icon, or may also be other visual configuration components that can uniquely identify the target visual configuration component as a visual configuration component to be determined, specifically, when the visual configuration component to be determined is used for a user request, it is not completely determined whether the target visual configuration component needs to be edited, a second cover layer is loaded for the visual configuration component, but different operation icons are set for distinguishing visual configuration components of different types, so that a user is prevented from wasting time when needing to resubmit a visual configuration request for reconfiguration when implementing configuration on some uncertain visual configuration components, and visual configuration efficiency and user satisfaction are improved.
In the embodiment, the first cover layer is loaded on the visual editing interface and the second cover layer is loaded on the target visual configuration component, so that the configuration interaction position is rapidly determined, and the visual configuration efficiency and the visual configuration accuracy are improved.
In summary, in the interface visualization configuration method according to this embodiment, the URL of the visualization interface is obtained according to the received visualization configuration request, and whether the URL of the visualization interface has the edit mode identifier is determined; when the fact that the editing mode identification exists in the URL of the visual interface is determined, displaying the visual editing interface corresponding to the URL of the visual interface, and loading a first cover layer on the visual editing interface; acquiring a visual configuration component of the visual editing interface according to the URL of the visual interface and displaying the visual configuration component in the first cover layer; when it is monitored that a target visualization configuration component in the first cover layer is selected, loading a second cover layer on the target visualization configuration component; when detecting that a first operation icon preset on the second cover layer receives a touch instruction, displaying a plurality of configuration parameter options matched with the target visual configuration component in the second cover layer; and receiving configuration parameters input by a user, and integrating the configuration parameters with the target visual configuration component to realize visual configuration of the visual editing interface.
In this embodiment, on one hand, the original interaction of the visual editing interface is closed by loading the first cover layer on the visual editing interface, so that the editing state is not interfered by the original interaction, and the visual configuration efficiency is improved; on the other hand, a second cover layer is loaded on the target visual configuration component, the configuration interaction position is rapidly determined, the setting of different editing states is realized by controlling the width of the second cover layer, the target visual configuration component which does not need to be edited is prevented from being edited and the edited target visual configuration component is prevented from being edited repeatedly, and the visual configuration efficiency and the accuracy are improved; and finally, popping up a visual popup window and displaying a plurality of configuration parameter options matched with the target visual configuration component during editing, so that the user is assisted to rapidly perform visual configuration, and the visual configuration efficiency is improved.
In addition, the visual configuration of the visual editing interface is realized by embedding the associated configuration parameters into the position corresponding to the visual editing interface, so that a user does not need to separately configure a new interface, and the development cost is reduced.
Example two
Fig. 2 is a structural diagram of a visual configuration device of an interface according to a second embodiment of the present invention.
In some embodiments, the visual configuration means 20 of the interface may comprise a plurality of functional modules consisting of program code segments. The program code of each program segment in the visual configuration means 20 of the interface may be stored in a memory of the electronic device and executed by the at least one processor to perform (see in detail fig. 1) the visual configuration of the interface.
In this embodiment, the visual configuration device 20 of the interface may be divided into a plurality of functional modules according to the functions performed by the visual configuration device. The functional module may include: the system comprises a judging module 201, a displaying module 202, an obtaining module 203, a loading module 204, a showing module 205, a configuring module 206 and a restoring module 207. The module referred to herein is a series of computer program segments capable of being executed by at least one processor and capable of performing a fixed function and is stored in memory. In the present embodiment, the functions of the modules will be described in detail in the following embodiments.
The determining module 201 is configured to obtain a URL of a visual interface according to the received visual configuration request, and determine whether an edit mode identifier exists in the URL of the visual interface.
In this embodiment, the visualization configuration request is sent to the server by the electronic device, and is used to request configuration of multiple elements in the visualization interface, specifically, when the visualization configuration request may be for interface visualization configuration of a user, the login electronic device sends the visualization configuration request to the server, where the visualization configuration request may be re-edited for multiple elements in a configured visualization interface template to implement visualization configuration, and the visualization configuration request may also be configured for a blank visualization interface module.
In this embodiment, the visualization configuration request carries a visualization configuration URL, when the server receives the visualization configuration request, the visualization configuration request may obtain the visualization configuration URL according to the visualization configuration request, and after the visualization configuration request is obtained, it is determined whether an edit mode identifier exists in the visualization interface URL, where specifically, the edit mode identifier is preset and is used to uniquely identify whether the visualization interface needs to be configured.
Optionally, the determining, by the determining module 201, whether the edit mode identifier exists in the URL of the visual interface includes:
analyzing the URL of the visual interface to obtain a plurality of key fields;
identifying whether preset editing mode identification exists in the plurality of key fields;
when a target editing mode identifier matched with the preset editing mode identifier exists in the plurality of key fields, determining that the editing mode identifier exists in a URL (uniform resource locator) of the visual interface; or
And when the target editing mode identification matched with the preset editing mode identification does not exist in the plurality of key fields, determining that the editing mode identification does not exist in the URL of the visual interface.
In this embodiment, because the URL of the visual interface carries identification information, the identification information is converted into a plurality of key fields, whether the preset editing mode identification exists in the plurality of key fields is identified, and whether to perform visual configuration on the visual interface is determined according to an identification result.
The display module 202 is configured to, when it is determined that the edit mode identifier exists in the URL of the visual interface, display the visual edit interface corresponding to the URL of the visual interface, and load a first cover layer on the visual edit interface.
In this embodiment, after it is determined that the edit mode identifier exists in the URL of the visual interface, it is determined that the visual interface needs to be configured, the visual interface is set as the visual edit interface for interface configuration, and a first cover layer is loaded for the visual edit interface.
In this embodiment, the first cover sheet may be an invisible cover sheet, and the invisible cover sheet is set on the visual editing interface, so that the original interaction of the visual editing interface may be closed, and the operation behavior of the user may not trigger the interaction behavior of the visual editing interface itself, for example, clicking a link position in the visual editing interface may not cause a jump.
In the embodiment, the first cover layer is arranged on the visual editing interface, so that the phenomenon that the configuration efficiency is influenced by triggering the original interaction in the visual configuration process of the visual editing interface is avoided, and the visual configuration efficiency of the visual interface is improved.
The obtaining module 203: and the visual configuration component is used for obtaining the visual editing interface according to the URL of the visual interface and displaying the visual configuration component in the first cover layer.
In this embodiment, the visualization configuration component may be pre-stored in an attribute configuration library of the server, specifically, the visualization configuration component may be regarded as a packaged program code for implementing visualization configuration of the visualization editing interface, and configuration parameters of the visualization configuration in the program code may be called, where the visualization configuration component may include a component for quickly establishing a connection, an information synchronization component, and the like. The preset interface may be a pre-designated interface for a user to access the property configuration library, and specifically, in an actual application process, the visual configuration component may be packaged in an SDK library, that is, the property configuration library, where the SDK refers to a Software Development Kit (Software Development Kit).
Optionally, the obtaining module 203 obtains the visual configuration component of the visual editing interface according to the URL of the visual interface includes:
acquiring the ID of the corresponding visual editing interface from the URL of the visual interface;
acquiring IDs of all editing elements corresponding to the IDs of the visual editing interfaces;
and calling the visual configuration components corresponding to the IDs of all the editing elements in the attribute configuration library of the server through a preset interface.
In this embodiment, the corresponding ID of the visual editing interface is obtained from the URL of the visual interface, and the IDs of all corresponding editing elements are matched according to the ID of the visual editing interface, so that the server can directly call the SDK library of the server through the SDK interface to obtain the preset visual configuration component corresponding to the ID of all editing elements.
A loading module 204, configured to load a second cover layer on the target visualization configuration component when it is monitored that the target visualization configuration component in the first cover layer is selected.
In this embodiment, in order to determine a visual configuration component to be edited in the visual editing interface, when it is monitored that a target visual configuration component in the visual editing interface is selected, it is determined that the target visual configuration component needs to be edited, and a second cover layer is loaded for the target visual configuration component.
Optionally, the loading module 204 loads a second cover layer on the target visualization configuration component, including:
acquiring position information of the target visual configuration component;
determining the coverage area and target position information of the second cover layer according to the position information;
and creating a second cover layer according to the coverage area and the target position information, and loading the second cover layer on the target visualization configuration component.
In this embodiment, the position information includes first position information and second position information, specifically, the first position information represents an X-axis coordinate and a Y-axis coordinate of the target visualization configuration component in the visualization editing interface, the second position information represents a width and a height of the target visualization configuration component, the target position information of the second mask layer is determined according to the X-axis coordinate and the Y-axis coordinate, and a coverage area of the second mask layer is determined according to the width and the height of the target visualization configuration component.
In other embodiments, the second layer position information is continuously updated along with the scrolling or zooming of the visual editing interface, and specifically, when the visual editing interface performs a zooming operation, the target position information and the coverage area of the second layer are consistent with the zooming ratio of the visual editing interface.
In this embodiment, by loading the second cover layer on the target visual configuration component, the target visual configuration component cannot be edited, so that a user misoperation is avoided, and the accuracy of visual configuration is improved.
The presentation module 205: the method and the device are used for displaying a plurality of configuration parameter options matched with the target visual configuration component in the second cover layer when detecting that a first operation icon preset on the second cover layer receives a touch instruction.
In this embodiment, the target visualization configuration component is a visualization configuration component selected by a user, where the visualization configuration component includes different configuration parameters set for different requirements. When a target visualization configuration component selected by a user is monitored, a plurality of configuration parameter options matched with the target visualization configuration component are displayed.
Optionally, before the displaying module 205 displays the multiple configuration parameter options matched with the target visual configuration component in the second cover layer, the width of the second cover layer is set to be zero, a visual editing popup window corresponding to the target visual configuration component is popped up, and the multiple configuration parameter options matched with the target visual configuration component are displayed in the visual popup window.
In this embodiment, when it is detected that a touch instruction is received by a first operation icon preset on the second cover layer, the second cover layer covered on the target visual configuration component is cancelled, and then a visual editing popup window is popped up, and the visual popup window brings out and displays a plurality of configuration parameter options matched with the target visual configuration component.
In this embodiment, a first operation icon may be preset, for example, the preset first operation icon may be set as a hand shape, or may also be a cross shape, specifically, when the preset first operation icon is monitored on the second cover layer, by setting the width of the second cover layer to zero, the target visual configuration component covered by the second cover layer may be edited, and a visual editing popup window pops up and displays a plurality of configuration parameter options matched with the target visual configuration component, so as to assist a user to perform visual configuration according to the plurality of configuration parameter options, thereby improving the efficiency of visual configuration.
The configuration module 206 is configured to receive configuration parameters input by a user, and integrate the configuration parameters with the target visualization configuration component to implement the visualization configuration of the visualization editing interface.
In this embodiment, after displaying the multiple configuration parameter options matched with the target visual configuration component, the user inputs configuration parameters in the visual editing popup window according to requirements, specifically, the configuration parameters may be selected by the user from the displayed multiple matched configuration parameter options, and the configuration parameters may also be configured by the user in a user-defined manner according to the displayed multiple matched configuration parameter options.
Optionally, the configuration module 206 integrates the configuration parameters with the target visualization configuration component, and implementing the visualization configuration of the visualization editing interface includes:
acquiring IDs of all configuration parameters input by the visual editing interface;
determining a corresponding target visualization configuration component according to the ID of each configuration parameter, wherein the target visualization configuration component comprises target position information;
associating each configuration parameter with a corresponding target visualization configuration component;
and embedding the associated configuration parameters into a target position corresponding to the visual editing interface to realize the visual configuration of the visual editing interface.
In this embodiment, each configuration parameter input by the user corresponds to one ID, and the ID of the configuration parameter input by the user is matched with the ID of the visual configuration component, so as to determine and associate the target visual configuration component corresponding to each configuration parameter, specifically, the target visual configuration component carries position information of the configuration parameter, and the associated configuration parameter is embedded into a position corresponding to the visual editing interface, so as to implement visual configuration of the visual editing interface.
In the embodiment, the visual configuration of the visual editing interface is realized by embedding the associated configuration parameters into the position corresponding to the visual editing interface, so that a user does not need to separately configure a new interface, and the development cost is reduced.
Optionally, after the configuration module 206 receives the configuration parameters input by the user and integrates the configuration parameters with the target visualization configuration component, the restoring module 207 is configured to restore the second cover layer corresponding to the target visualization configuration component.
In the embodiment, the first cover layer is loaded on the visual editing interface, and the original interaction of the visual editing interface is closed, so that the editing state is not interfered by the original interaction, and the visual configuration efficiency is improved; and loading a second cover layer on the target visual configuration component, rapidly determining the configuration interaction position, and realizing the setting of different editing states by controlling the width of the second cover layer, thereby avoiding editing the target visual configuration component which does not need to be edited and repeatedly editing the edited target visual configuration component, and improving the visual configuration efficiency and accuracy.
In addition, a visual popup is popped up during editing, a plurality of configuration parameter options matched with the target visual configuration component are displayed, a user is assisted in rapidly performing visual configuration, and visual configuration efficiency is improved.
Alternatively, when detecting that a preset second operation icon on the second cover layer receives a touch instruction, triggering the preset second operation icon to pop up a target visual popup window, and updating the editing type in the target visual popup window to be an editable type.
In this embodiment, the second operation icon may be preset as a plus sign icon, or may also be other visual configuration components that can uniquely identify the target visual configuration component as a visual configuration component to be determined, specifically, when the visual configuration component to be determined is used for a user request, it is not completely determined whether the target visual configuration component needs to be edited, a second cover layer is loaded for the visual configuration component, but different operation icons are set for distinguishing visual configuration components of different types, so that a user is prevented from wasting time when needing to resubmit a visual configuration request for reconfiguration when implementing configuration on some uncertain visual configuration components, and visual configuration efficiency and user satisfaction are improved.
In the embodiment, the first cover layer is loaded on the visual editing interface and the second cover layer is loaded on the target visual configuration component, so that the configuration interaction position is rapidly determined, and the visual configuration efficiency and the visual configuration accuracy are improved.
In summary, the interface visualization configuration apparatus according to this embodiment obtains the URL of the visualization interface according to the received visualization configuration request, and determines whether the URL of the visualization interface has the edit mode identifier; when the fact that the editing mode identification exists in the URL of the visual interface is determined, displaying the visual editing interface corresponding to the URL of the visual interface, and loading a first cover layer on the visual editing interface; acquiring a visual configuration component of the visual editing interface according to the URL of the visual interface and displaying the visual configuration component in the first cover layer; when it is monitored that a target visualization configuration component in the first cover layer is selected, loading a second cover layer on the target visualization configuration component; when detecting that a first operation icon preset on the second cover layer receives a touch instruction, displaying a plurality of configuration parameter options matched with the target visual configuration component in the second cover layer; and receiving configuration parameters input by a user, and integrating the configuration parameters with the target visual configuration component to realize visual configuration of the visual editing interface.
In this embodiment, on one hand, the original interaction of the visual editing interface is closed by loading the first cover layer on the visual editing interface, so that the editing state is not interfered by the original interaction, and the visual configuration efficiency is improved; on the other hand, a second cover layer is loaded on the target visual configuration component, the configuration interaction position is rapidly determined, the setting of different editing states is realized by controlling the width of the second cover layer, the target visual configuration component which does not need to be edited is prevented from being edited and the edited target visual configuration component is prevented from being edited repeatedly, and the visual configuration efficiency and the accuracy are improved; and finally, popping up a visual popup window and displaying a plurality of configuration parameter options matched with the target visual configuration component during editing, so that the user is assisted to rapidly perform visual configuration, and the visual configuration efficiency is improved.
In addition, the visual configuration of the visual editing interface is realized by embedding the associated configuration parameters into the position corresponding to the visual editing interface, so that a user does not need to separately configure a new interface, and the development cost is reduced.
EXAMPLE III
Fig. 3 is a schematic structural diagram of an electronic device according to a third embodiment of the present invention. In the preferred embodiment of the present invention, the electronic device 3 comprises a memory 31, at least one processor 32, at least one communication bus 33 and a transceiver 34.
It will be appreciated by those skilled in the art that the configuration of the electronic device shown in fig. 3 does not constitute a limitation of the embodiment of the present invention, and may be a bus-type configuration or a star-type configuration, and the electronic device 3 may include more or less other hardware or software than those shown, or a different arrangement of components.
In some embodiments, the electronic device 3 is an electronic device capable of automatically performing numerical calculation and/or information processing according to instructions set or stored in advance, and the hardware thereof includes but is not limited to a microprocessor, an application specific integrated circuit, a programmable gate array, a digital processor, an embedded device, and the like. The electronic device 3 may also include a client device, which includes, but is not limited to, any electronic product that can interact with a client through a keyboard, a mouse, a remote controller, a touch pad, or a voice control device, for example, a personal computer, a tablet computer, a smart phone, a digital camera, and the like.
It should be noted that the electronic device 3 is only an example, and other existing or future electronic products, such as those that can be adapted to the present invention, should also be included in the scope of the present invention, and are included herein by reference.
In some embodiments, the memory 31 is used for storing program codes and various data, such as the visualization configuration device 20 installed in the interface of the electronic device 3, and realizes high-speed and automatic access to programs or data during the operation of the electronic device 3. The Memory 31 includes a Read-Only Memory (ROM), a Programmable Read-Only Memory (PROM), an Erasable Programmable Read-Only Memory (EPROM), a One-time Programmable Read-Only Memory (OTPROM), an electronically Erasable rewritable Read-Only Memory (Electrically-Erasable Programmable Read-Only Memory (EEPROM)), an optical Read-Only disk (CD-ROM) or other optical disk Memory, a magnetic disk Memory, a tape Memory, or any other medium readable by a computer capable of carrying or storing data.
In some embodiments, the at least one processor 32 may be composed of an integrated circuit, for example, a single packaged integrated circuit, or may be composed of a plurality of integrated circuits packaged with the same or different functions, including one or more Central Processing Units (CPUs), microprocessors, digital Processing chips, graphics processors, and combinations of various control chips. The at least one processor 32 is a Control Unit (Control Unit) of the electronic device 3, connects various components of the electronic device 3 by using various interfaces and lines, and executes various functions and processes data of the electronic device 3 by running or executing programs or modules stored in the memory 31 and calling data stored in the memory 31.
In some embodiments, the at least one communication bus 33 is arranged to enable connection communication between the memory 31 and the at least one processor 32 or the like.
Although not shown, the electronic device 3 may further include a power supply (such as a battery) for supplying power to each component, and optionally, the power supply may be logically connected to the at least one processor 32 through a power management device, so as to implement functions of managing charging, discharging, and power consumption through the power management device. The power supply may also include any component of one or more dc or ac power sources, recharging devices, power failure detection circuitry, power converters or inverters, power status indicators, and the like. The electronic device 3 may further include various sensors, a bluetooth module, a Wi-Fi module, and the like, which are not described herein again.
It is to be understood that the described embodiments are for purposes of illustration only and that the scope of the appended claims is not limited to such structures.
The integrated unit implemented in the form of a software functional module may be stored in a computer-readable storage medium. The software functional module is stored in a storage medium and includes several instructions to enable a computer device (which may be a personal computer, an electronic device, or a network device) or a processor (processor) to execute parts of the methods according to the embodiments of the present invention.
In a further embodiment, in conjunction with fig. 2, the at least one processor 32 may execute an operating device of the electronic device 3 and various installed application programs (such as the visual configuration device 20 of the interface), program codes, and the like, for example, the above modules.
The memory 31 has program code stored therein, and the at least one processor 32 can call the program code stored in the memory 31 to perform related functions. For example, the modules illustrated in fig. 2 are program codes stored in the memory 31 and executed by the at least one processor 32, so as to implement the functions of the modules for the purpose of visual configuration of the interface.
In one embodiment of the present invention, the memory 31 stores a plurality of instructions that are executed by the at least one processor 32 to implement visual configuration functions of an interface.
Specifically, the at least one processor 32 may refer to the description of the relevant steps in the embodiment corresponding to fig. 1, and details are not repeated here.
In the embodiments provided in the present invention, it should be understood that the disclosed apparatus and method may be implemented in other ways. For example, the above-described apparatus embodiments are merely illustrative, and for example, the division of the modules is only one logical functional division, and other divisions may be realized in practice.
The modules described as separate parts may or may not be physically separate, and parts displayed as modules may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution of the present embodiment.
In addition, functional modules in the embodiments of the present invention may be integrated into one processing unit, or each unit may exist alone physically, or two or more units are integrated into one unit. The integrated unit can be realized in a form of hardware, or in a form of hardware plus a software functional module.
It will be evident to those skilled in the art that the invention is not limited to the details of the foregoing illustrative embodiments, and that the present invention may be embodied in other specific forms without departing from the spirit or essential attributes thereof. The present embodiments are therefore to be considered in all respects as illustrative and not restrictive, the scope of the invention being indicated by the appended claims rather than by the foregoing description, and all changes which come within the meaning and range of equivalency of the claims are therefore intended to be embraced therein. Any reference sign in a claim should not be construed as limiting the claim concerned. Furthermore, it is obvious that the word "comprising" does not exclude other elements or that the singular does not exclude the plural. A plurality of units or means recited in the apparatus claims may also be implemented by one unit or means in software or hardware. The terms first, second, etc. are used to denote names, but not any particular order.
Finally, it should be noted that the above embodiments are only for illustrating the technical solutions of the present invention and not for limiting, and although the present invention is described in detail with reference to the preferred embodiments, it should be understood by those skilled in the art that modifications or equivalent substitutions may be made on the technical solutions of the present invention without departing from the spirit and scope of the technical solutions of the present invention.

Claims (10)

1. A method for visually configuring an interface, the method comprising:
acquiring a URL of a visual interface according to a received visual configuration request, and judging whether an editing mode identifier exists in the URL of the visual interface;
when the fact that the editing mode identification exists in the URL of the visual interface is determined, displaying the visual editing interface corresponding to the URL of the visual interface, and loading a first cover layer on the visual editing interface;
acquiring a visual configuration component of the visual editing interface according to the URL of the visual interface and displaying the visual configuration component in the first cover layer;
when it is monitored that a target visualization configuration component in the first cover layer is selected, loading a second cover layer on the target visualization configuration component;
when detecting that a first operation icon preset on the second cover layer receives a touch instruction, displaying a plurality of configuration parameter options matched with the target visual configuration component in the second cover layer;
and receiving configuration parameters input by a user, and integrating the configuration parameters with the target visual configuration component to realize visual configuration of the visual editing interface.
2. The visual configuration method of an interface of claim 1, wherein said loading a second overlay on the target visual configuration component comprises:
acquiring position information of the target visual configuration component;
determining the coverage area and target position information of the second cover layer according to the position information;
and creating a second cover layer according to the coverage area and the target position information, and loading the second cover layer on the target visualization configuration component.
3. The visual configuration method of an interface of claim 1, wherein said determining whether an edit mode identification is present in the URL of the visual interface comprises:
analyzing the URL of the visual interface to obtain a plurality of key fields;
identifying whether preset editing mode identification exists in the plurality of key fields;
when a target editing mode identifier matched with the preset editing mode identifier exists in the plurality of key fields, determining that the editing mode identifier exists in a URL (uniform resource locator) of the visual interface; or
And when the target editing mode identification matched with the preset editing mode identification does not exist in the plurality of key fields, determining that the editing mode identification does not exist in the URL of the visual interface.
4. The visual configuration method of an interface of claim 1, wherein said obtaining the visual configuration component of the visual editing interface according to the URL of the visual interface comprises:
acquiring the ID of the corresponding visual editing interface from the URL of the visual interface;
acquiring IDs of all editing elements corresponding to the IDs of the visual editing interfaces;
and calling the visual configuration components corresponding to the IDs of all the editing elements in the attribute configuration library of the server through a preset interface.
5. The visual configuration method of an interface of claim 1, wherein prior to exposing the plurality of configuration parameter options matching the target visual configuration component in the second overlay, the method further comprises:
setting the width of the second cover layer to be zero, popping up a visual editing popup window corresponding to the target visual configuration component, and displaying a plurality of configuration parameter options matched with the target visual configuration component in the visual popup window.
6. The visual configuration method of an interface of claim 1, wherein the integrating the configuration parameters with the target visual configuration component to achieve the visual configuration of the visual editing interface comprises:
acquiring IDs of all configuration parameters input by the visual editing interface;
determining a corresponding target visualization configuration component according to the ID of each configuration parameter, wherein the target visualization configuration component comprises target position information;
associating each configuration parameter with a corresponding target visualization configuration component;
and embedding the associated configuration parameters into a target position corresponding to the visual editing interface to realize the visual configuration of the visual editing interface.
7. A visual configuration method of an interface as claimed in any one of claims 1 to 6, said method further comprising:
when the fact that a touch instruction is received by a preset second operation icon on the second cover layer is detected, triggering the preset second operation icon to pop up a target visual popup window, and updating the editing type in the target visual popup window to be an editable type.
8. An apparatus for visual configuration of an interface, the apparatus comprising:
the judging module is used for obtaining the URL of the visual interface according to the received visual configuration request and judging whether the URL of the visual interface has an editing mode identifier or not;
the display module is used for displaying the visual editing interface corresponding to the URL of the visual interface and loading a first cover layer on the visual editing interface when the editing mode identification exists in the URL of the visual interface;
the obtaining module is used for obtaining a visual configuration component of the visual editing interface according to the URL of the visual interface and displaying the visual configuration component in the first cover layer;
the loading module is used for loading a second cover layer on the target visualization configuration component when the condition that the target visualization configuration component in the first cover layer is selected is monitored;
the display module is used for displaying a plurality of configuration parameter options matched with the target visual configuration component in the second cover layer when detecting that a first operation icon preset on the second cover layer receives a touch instruction;
and the configuration module is used for receiving configuration parameters input by a user, integrating the configuration parameters with the target visual configuration component and realizing visual configuration of the visual editing interface.
9. An electronic device, characterized in that the electronic device comprises a processor and a memory, the processor being configured to implement the visual configuration method of the interface according to any one of claims 1 to 7 when executing the computer program stored in the memory.
10. A computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, carries out a method for visual configuration of an interface according to any one of claims 1 to 7.
CN202011485309.6A 2020-12-16 2020-12-16 Visual configuration method and device of interface, electronic equipment and storage medium Pending CN112596809A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202011485309.6A CN112596809A (en) 2020-12-16 2020-12-16 Visual configuration method and device of interface, electronic equipment and storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202011485309.6A CN112596809A (en) 2020-12-16 2020-12-16 Visual configuration method and device of interface, electronic equipment and storage medium

Publications (1)

Publication Number Publication Date
CN112596809A true CN112596809A (en) 2021-04-02

Family

ID=75196380

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202011485309.6A Pending CN112596809A (en) 2020-12-16 2020-12-16 Visual configuration method and device of interface, electronic equipment and storage medium

Country Status (1)

Country Link
CN (1) CN112596809A (en)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115686515A (en) * 2022-10-31 2023-02-03 广东云徙智能科技有限公司 Parameter visualization configuration interface generation method, device, medium and electronic equipment
CN116126331A (en) * 2023-02-10 2023-05-16 安芯网盾(北京)科技有限公司 Interactive flow chart generation method and device

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20090080801A1 (en) * 2007-09-24 2009-03-26 Microsoft Corporation Altering the appearance of a digital image using a shape
CN101702126A (en) * 2009-12-04 2010-05-05 金蝶软件(中国)有限公司 Graphical interface editing method and device thereof
CN107463584A (en) * 2016-06-06 2017-12-12 腾讯科技(深圳)有限公司 The editing and processing method and terminal of a kind of interaction page
CN107957868A (en) * 2017-12-04 2018-04-24 山东浪潮通软信息科技有限公司 A kind of html user interface visualizing editing method and device
US20180166045A1 (en) * 2016-12-13 2018-06-14 Qualcomm Incorporated Efficient occlusion detection in display compositor
US20190026007A1 (en) * 2017-07-20 2019-01-24 Vmware, Inc. Providing data visualization
CN111539188A (en) * 2020-04-23 2020-08-14 掌阅科技股份有限公司 Note generation method, computing device and computer storage medium

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20090080801A1 (en) * 2007-09-24 2009-03-26 Microsoft Corporation Altering the appearance of a digital image using a shape
CN101702126A (en) * 2009-12-04 2010-05-05 金蝶软件(中国)有限公司 Graphical interface editing method and device thereof
CN107463584A (en) * 2016-06-06 2017-12-12 腾讯科技(深圳)有限公司 The editing and processing method and terminal of a kind of interaction page
US20180166045A1 (en) * 2016-12-13 2018-06-14 Qualcomm Incorporated Efficient occlusion detection in display compositor
US20190026007A1 (en) * 2017-07-20 2019-01-24 Vmware, Inc. Providing data visualization
CN107957868A (en) * 2017-12-04 2018-04-24 山东浪潮通软信息科技有限公司 A kind of html user interface visualizing editing method and device
CN111539188A (en) * 2020-04-23 2020-08-14 掌阅科技股份有限公司 Note generation method, computing device and computer storage medium

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115686515A (en) * 2022-10-31 2023-02-03 广东云徙智能科技有限公司 Parameter visualization configuration interface generation method, device, medium and electronic equipment
CN115686515B (en) * 2022-10-31 2023-07-25 广东云徙智能科技有限公司 Parameter visualization configuration interface generation method and device, medium and electronic equipment
CN116126331A (en) * 2023-02-10 2023-05-16 安芯网盾(北京)科技有限公司 Interactive flow chart generation method and device

Similar Documents

Publication Publication Date Title
US20210224239A1 (en) Recipe management system
CN107992427A (en) Create method, apparatus, equipment and its storage medium of operational trials scene
US9552194B2 (en) System and method for creating a graphical user interface within a manufacturing execution system
CN112579050A (en) Task-based configuration rendering context
CN107660289A (en) Automatic network controls
CN112596809A (en) Visual configuration method and device of interface, electronic equipment and storage medium
US20160125037A1 (en) Information processing apparatus, information processing method, information processing program, and storage medium
CN113282795A (en) Data structure chart generating and updating method and device, electronic equipment and storage medium
CN112486491A (en) Page generation method and device, computer equipment and storage medium
CN115860451A (en) Flow operation method and device, electronic equipment and storage medium
CN115481030A (en) Automatic testing method, device, terminal and storage medium
CN113051503A (en) Browser page rendering method and device, electronic equipment and storage medium
CN103792857A (en) Scalable automation system
KR101431995B1 (en) Facility management device, screen display method, and recording medium
CN113568833A (en) Test case determination method and device, computer equipment and readable storage medium
CN112306880A (en) Test method, test device, electronic equipment and computer readable storage medium
US20130167051A1 (en) Method and system for customizing a graphic user interface of a manfuacturing execution system screen
CN110879701A (en) Workflow visualization configuration method, server, system and medium
CN114881313A (en) Behavior prediction method and device based on artificial intelligence and related equipment
CN111914002B (en) Machine room resource information processing method and device and electronic equipment
CN102752151B (en) Measuring and controlling product management method and device based on flexibility testing technology
CN114332340A (en) Workshop visualization monitoring method and computer device
CN115222345A (en) Auditing operation method and device
CN1316358C (en) Information platform test environment automatic construction method and system
CN114637564B (en) Data visualization method and device, electronic equipment and storage medium

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