CN114675923A - Configuration type operation interface setting method, device and medium - Google Patents
Configuration type operation interface setting method, device and medium Download PDFInfo
- Publication number
- CN114675923A CN114675923A CN202210383466.9A CN202210383466A CN114675923A CN 114675923 A CN114675923 A CN 114675923A CN 202210383466 A CN202210383466 A CN 202210383466A CN 114675923 A CN114675923 A CN 114675923A
- Authority
- CN
- China
- Prior art keywords
- data
- component
- interface
- interface data
- processed
- 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
- 238000000034 method Methods 0.000 title claims abstract description 59
- 238000012545 processing Methods 0.000 claims abstract description 26
- 238000013507 mapping Methods 0.000 claims description 29
- 238000004590 computer program Methods 0.000 claims description 13
- 238000012795 verification Methods 0.000 claims description 8
- 230000005540 biological transmission Effects 0.000 claims description 3
- 238000000605 extraction Methods 0.000 claims description 3
- 230000000694 effects Effects 0.000 abstract description 36
- 230000009471 action Effects 0.000 description 8
- 230000008569 process Effects 0.000 description 7
- 238000010586 diagram Methods 0.000 description 4
- 230000006870 function Effects 0.000 description 3
- 238000009877 rendering Methods 0.000 description 3
- 238000004891 communication Methods 0.000 description 2
- 238000011835 investigation Methods 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012552 review Methods 0.000 description 2
- 238000012360 testing method Methods 0.000 description 2
- 230000001960 triggered effect Effects 0.000 description 2
- 238000013473 artificial intelligence Methods 0.000 description 1
- 230000008901 benefit Effects 0.000 description 1
- 230000015572 biosynthetic process Effects 0.000 description 1
- 230000001186 cumulative effect Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000007717 exclusion Effects 0.000 description 1
- 230000008676 import Effects 0.000 description 1
- 238000010801 machine learning Methods 0.000 description 1
- 230000005055 memory storage Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 230000001052 transient effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements 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/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q30/00—Commerce
- G06Q30/02—Marketing; Price estimation or determination; Fundraising
- G06Q30/0207—Discounts or incentives, e.g. coupons or rebates
Landscapes
- Engineering & Computer Science (AREA)
- Business, Economics & Management (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- Accounting & Taxation (AREA)
- Development Economics (AREA)
- Finance (AREA)
- Strategic Management (AREA)
- General Physics & Mathematics (AREA)
- Entrepreneurship & Innovation (AREA)
- General Business, Economics & Management (AREA)
- Marketing (AREA)
- Economics (AREA)
- Human Computer Interaction (AREA)
- Game Theory and Decision Science (AREA)
- General Engineering & Computer Science (AREA)
- Stored Programmes (AREA)
Abstract
The application discloses a configuration type operation interface setting method, device and medium, and relates to the technical field of software development. Acquiring interface data, wherein the interface data at least comprises an internal atomic structure and an internal set value of each component; extracting interface data to a global state; processing the interface data through recursive traversal; transmitting the processed data to each component through the props so as to be used for each component to trigger data updating; and inverting the processed data into interface data and sending the interface data to the back end so as to generate the movable template. Therefore, the scheme carries out component configuration through interface data comprising the component internal atomic structures and the component internal set values of the components, and realizes the self-definition of the component configuration; meanwhile, the configured examples are stored as templates, so that the templates can be freely reused after success, convenience and high efficiency are realized, and free and real-time customization of marketing activities is realized.
Description
Technical Field
The present application relates to the field of software development technologies, and in particular, to a method, an apparatus, and a medium for setting a configuration type operation interface.
Background
At present, various saas (Software as a Service) management Software generally adopts fixed developed templates, such as activities of card opening with gift, holiday with gift, consumption with gift, and value storage with advantage, aiming at various marketing activities that can be provided by merchants, and enables the merchants to set activity conditions on the basis. Different marketing campaigns, while having different components for merchants to configure campaign content, these components can be divided into three broad categories: a basic information class component, an activity rule class component, and a marketing action class component. In the actual marketing campaign, different campaign pages need to be developed according to different marketing campaign requirements, new components are combined or developed in codes, and a fixed campaign type can be configured for a merchant after the whole project cycle is subjected to operation investigation, requirement review, software development, multi-environment test and online.
However, the above method cannot be changed by using the component template of the fixed category activity, and only information such as a set value of the component content can be changed, so that free and real-time customization of the marketing activity cannot be achieved.
In view of the above problems, it is an urgent need to solve the above problems by those skilled in the art to design a configuration type operation interface setting method.
Disclosure of Invention
The application aims to provide a configuration type operation interface setting method, device and medium.
In order to solve the above technical problem, the present application provides a configuration type operation interface setting method, including:
acquiring interface data; wherein, the interface data at least comprises the component internal atomic structure and the component internal set value of each component;
extracting the interface data to a global state;
processing the interface data through recursive traversal;
transmitting the processed data to each component through the props so as to be used for each component to trigger data updating;
and inverting the processed data into the interface data and sending the interface data to the back end so as to generate the movable template.
Preferably, the processing the interface data through recursive traversal comprises:
and processing the data required by each component in the interface data into a layer of object through recursive traversal, so that the layer of object is used as the processed data and is transmitted into each component through the props.
Preferably, before the extracting the interface data to the global state, the method further includes:
and establishing a global mapping table according to the interface data so as to obtain the mapping relation between each component and the interface data.
Preferably, the establishing a global mapping table according to the interface data includes:
and establishing the global mapping table by the interface data and each component through a JavaScript Map structure.
Preferably, before inverting the processed data into the interface data and sending the interface data to the backend, the method further includes:
checking the processed data corresponding to each component;
judging whether the processed data pass the verification;
if so, reversing the processed data into the interface data and sending the interface data to a back end;
if not, triggering error information prompt.
Preferably, each of the component trigger data updates includes:
judging whether a multi-component logic closed loop needs to be formed or not;
if so, restoring the processed data corresponding to each component into the interface data, and returning to the step of extracting the interface data to the global state;
if not, the updated data is internally checked.
Preferably, the inverting the processed data into the interface data includes:
and inverting the processed data into the interface data through the global mapping table.
In order to solve the above technical problem, the present application further provides a configuration type operation interface setting device, including:
the acquisition module is used for acquiring interface data; wherein, the interface data at least comprises the component internal atomic structure and the component internal set value of each component;
the extraction module is used for extracting the interface data to a global state;
the data processing module is used for processing the interface data through recursive traversal;
the transmission module is used for transmitting the processed data into each component through the props so as to trigger data updating of each component;
and the sending module is used for inverting the processed data into the interface data and sending the interface data to the rear end so as to generate the movable template.
In order to solve the above technical problem, the present application further provides another configuration type operation interface setting apparatus, including:
a memory for storing a computer program;
and the processor is used for realizing the steps of the configuration type operation interface setting method when executing the computer program.
In order to solve the above technical problem, the present application further provides a computer-readable storage medium, where a computer program is stored, and the computer program, when executed by a processor, implements the steps of the configured operation interface setting method described above.
According to the configuration type operation interface setting method, interface data are obtained, wherein the interface data at least comprise component internal atomic structures and component internal set values of components; extracting interface data to a global state; processing the interface data through recursive traversal; transmitting the processed data to each component through the props so as to be used for each component to trigger data updating; and inverting the processed data into interface data and sending the interface data to the back end so as to generate the movable template. Therefore, the scheme carries out component configuration through interface data comprising the component internal atomic structures and the component internal set values of the components, and realizes the self-definition of the component configuration; meanwhile, the configured examples are stored as templates, so that the templates can be freely reused after success, convenience and high efficiency are realized, and free and real-time customization of marketing activities is realized.
In addition, the application also provides a configuration type operation interface setting device and a medium, and the effects are the same as the above.
Drawings
In order to more clearly illustrate the embodiments of the present application, the drawings needed for the embodiments will be briefly described below, and it is obvious that the drawings in the following description are only some embodiments of the present application, and that other drawings can be obtained by those skilled in the art without inventive effort.
Fig. 1 is a flowchart of a method for setting a configured operation interface according to an embodiment of the present application;
FIG. 2 is a flowchart of another method for setting a configured operation interface according to an embodiment of the present disclosure;
fig. 3 is a schematic structural diagram of a configuration-type operation interface setting device according to an embodiment of the present application;
fig. 4 is a schematic structural diagram of another configuration type operation interface setting device according to an embodiment of the present application.
Detailed Description
The technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are only a part of the embodiments of the present application, and not all the embodiments. All other embodiments obtained by a person of ordinary skill in the art based on the embodiments in the present application without any creative effort belong to the protection scope of the present application.
The core of the application is to provide a configuration type operation interface setting method, device and medium.
In order that those skilled in the art will better understand the disclosure, the following detailed description will be given with reference to the accompanying drawings.
At present, various saas management software generally adopts fixed developed templates, such as activities of card opening with gift, holiday with gift, consumption with gift, and value saving, aiming at various marketing activities that can be provided by merchants, and enables the merchants to set activity conditions on the basis. Different marketing campaigns, while having different components for merchants to configure campaign content, these components can be divided into three broad categories: a basic information class component, an activity rule class component, and a marketing action class component. In the actual marketing campaign, different campaign pages need to be developed according to different marketing campaign requirements, new components are combined or developed in codes, and a fixed campaign type can be configured for a merchant after the whole project cycle is subjected to operation investigation, requirement review, software development, multi-environment test and online. However, the above method cannot be changed by using the component template of the fixed category activity, and only information such as a set value of the component content can be changed, so that free and real-time customization of the marketing activity cannot be achieved. Therefore, the embodiment of the application provides a configuration type operation interface setting method. Fig. 1 is a flowchart of a configuration operation interface setting method according to an embodiment of the present application. As shown in fig. 1, the method comprises:
s10: acquiring interface data; the interface data at least comprises component internal atomic structures and component internal set values of each component.
S11: interface data is extracted to a global state.
S12: the interface data is processed through a recursive traversal.
S13: and transmitting the processed data to each component through the props so as to be used for each component to trigger data updating.
S14: and inverting the processed data into interface data and sending the interface data to the back end so as to generate the movable template.
It is to be understood that different marketing campaigns, while having different components for merchants to configure campaign content, may be divided into three broad categories: the basic information type component refers to activity basic information such as activity names and activity attributions; the activity rule type component refers to rules required by activity formation, such as order range, participation amount, card opening channel and the like; the marketing action type component means that the merchant can perform side effect operation on the life cycle of the marketing campaign, such as presenting rewards, execution time, award sending modes and the like. For example, a "festival gift" marketing campaign would typically include: basic information components such as activity name, activity time, activity affiliation, etc.; activity rule components such as holiday types; marketing action components such as bonus awards, award modes, and the like. Similarly, the marketing campaign of "having good for consumption" includes: basic information components such as activity name, activity time, participating users, etc.; activity rule components such as single consumption, order scope, etc.; the marketing action component comprises execution time, a lottery mode and the like. The components required by the merchant are different for different marketing campaigns. To implement the component configuration for different activities, in this embodiment, the interface data is first obtained. The interface data in this embodiment is an interface data structure in the form of an object array, and can describe at least the component internal atomic structure and the component internal setting value of each component at one time. The internal atomic structure of the component is the presentation logic of the component structure, and the internal setting value of the component is the specific filling value of the component. Meanwhile, the interface data can also describe the user configured component templates such as: activity type, template framework, component location, etc.
It should be noted that the template frame in this embodiment is mainly divided into two modules: the system comprises a basic information module and a rule group module, wherein the data fields of the modules for storing data elements comprise id, name, key, value and elementary List. The elementList is a pointer field for storing the node address, and corresponds to an array. Each object in the array may contain data fields id, name, key, value, and elementList, and the linking may be performed in a linked list manner until the elementList points to null. The interface data is to indicate not only the component internal setting values but also whether or not the component internal atomic structure of the component exists. For example, a complete active time component comprises three primary options of fixed time, deadline and permanent validity, wherein the fixed time option is also provided with input of start time and end time; there is also a deadline input under the deadline option. When the interface data description is the set value inside the component, the content is the corresponding value; when the interface data describes the internal atomic structure of the component, all the value types are boolean data types (bootean), and the none internal atomic structure of the component appears as a parent elementary list pointer pointing to null.
And after receiving the interface data, executing front-end JavaScript logic, extracting information in the interface data from the first layer of the data, and then putting the interface data into a global state, so that the data can be processed. And meanwhile, rendering a page frame, executing main logic, generating a plurality of public popup windows and the like. The interface data required by the component is then processed through recursive traversal, and the specific way of processing is not limited, depending on the specific implementation. It should be noted that the processed data needs to be logically determined by component linkage, mutual exclusion, etc. to determine whether to add, delete, modify, and check operations.
Further, the processed data is transmitted to each component through the props, so that each component can trigger data updating. It is understood that the tips are mainly used for transitive values of components; when each component receives the data, the data updating is triggered immediately, and the data updating comprises the steps of determining whether the component is displayed or not according to the attribute value, filling the component internal setting value of the component, executing the business logic and other related operations. And after the component data is updated, the processed data is inverted into interface data and is sent to the back end, and the database generates a user-defined movable template which can be freely reused, is convenient and efficient.
In this embodiment, interface data is obtained, where the interface data at least includes an internal atomic structure of each component and an internal set value of each component; extracting interface data to a global state; processing the interface data through recursive traversal; transmitting the processed data to each component through the props so as to be used for each component to trigger data updating; and inverting the processed data into interface data and sending the interface data to the back end so as to generate the movable template. Therefore, the scheme carries out component configuration through interface data comprising the component internal atomic structures of the components and the component internal set values, and realizes the self-definition of the component configuration; meanwhile, the configured examples are stored as templates, so that the templates can be freely reused after success, convenience and high efficiency are realized, and free and real-time customization of marketing activities is realized.
On the basis of the above-described embodiment:
as a preferred embodiment, processing the interface data by recursive traversal comprises:
and processing data required by each component in the interface data into a layer of object through recursive traversal, and transmitting the layer of object into each component as processed data through the props.
In the above embodiments, the specific manner of processing the interface data is not limited, and is determined according to specific implementation situations. In the present embodiment, data required by each component in the interface data is processed into a layer of object through recursive traversal, so that the layer of object is transmitted into each component as processed data through the tips. It can be understood that the interface data is an interface data structure in the form of an object array, and the data is processed into a layer of object data to facilitate subsequent processing.
Fig. 2 is a flowchart of another configuration operation interface setting method according to an embodiment of the present application.
As shown in fig. 2, before extracting the interface data to the global state, the method further includes:
s15: and establishing a global mapping table according to the interface data so as to obtain the mapping relation between each component and the interface data.
In specific implementation, when interface data is cached in a front-end memory, because of the uniqueness of corresponding values of internal atomic structures of the components, a mapping relation can be established between data corresponding to each component in the interface data and the components, so that the interface data can be processed through recursive traversal, and after the corresponding components are found through the mapping relation, the data can be obtained through the components caps. The establishment method of the global mapping table in this embodiment is not limited, and is determined according to a specific implementation situation.
In this embodiment, a global mapping table is established according to the interface data, so as to obtain a mapping relationship between each component and the interface data, so as to find a corresponding component in the following.
On the basis of the above-described embodiment:
as a preferred embodiment, establishing the global mapping table according to the interface data includes:
and establishing a global mapping table for the interface data and each component through a JavaScript Map structure.
In the above embodiments, the establishment manner of the global mapping table is not limited, and is determined according to a specific implementation situation. As a preferred embodiment, in this embodiment, a global mapping table is established between the interface data and each component through a JavaScript Map structure, and Map is a data structure Map in the JavaScript Map, and is generally used to represent mapping. The global mapping tables of the component Element Map and the verify Map can be obtained through the JavaScript Map structure, so that the mapping relation between the interface data and the component is established.
As shown in fig. 2, before inverting the processed data into interface data and sending the interface data to the backend, the method further includes:
s16: checking the processed data corresponding to each component;
s17: judging whether the processed data pass the verification; if yes, the process proceeds to step S14; if not, the process proceeds to step S18.
S18: and triggering an error information prompt.
In a particular implementation, a user submits a component configuration before inverting the processed data into interface data and sending to the backend. At this time, a verification method mounted on the component is also required to be executed, so that the component data is verified. The verification method in this embodiment is not limited, and is determined according to specific implementation conditions. The error data verified by the method can trigger the public capability of prompting and skipping global error information and guide a user to update the data; and the data passing the method verification enters step S14, that is, the processed data is inverted into interface data and sent to the back end for generating the active template.
In this embodiment, the processed data corresponding to each component is verified, and when it is determined that each processed data passes the verification, the processed data is inverted into interface data and sent to the back end, so as to generate the movable template, thereby achieving the verification of whether the component data information is correct, and ensuring the successful generation of the movable template.
On the basis of the above-described embodiment:
as a preferred embodiment, the triggering of the data update by each component includes:
judging whether a multi-component logic closed loop needs to be formed or not;
if so, restoring the processed data corresponding to each component into interface data, and returning to the step of extracting the interface data to the global state;
if not, the updated data is internally checked.
In the implementation, during the process of triggering data update by each component, it is also necessary to determine whether a multi-component logic closed loop needs to be formed. It will be appreciated that the individual component internal data logic is controlled by its state to form a closed loop, but that it is also possible to control the establishment of a logical closed loop between two or more components by calling back functions to trigger global side effects and restore data structures. Although the internal atomic structure of the component and the internal setting value of the component are maintained by the use state (useState) after being transmitted through the tips, the internal atomic structure of the component and the internal setting value of the component can be realized by a callback function if data logic between two or more components needs to be established. For example, when the time period from the beginning to the end of the activity in the fixed time is set in the activity time component in the basic information set, the time between the cumulative consumption component and the designated time selection for each gear in each rule set is limited by the activity time. The cross-module, rule group and gear component data linkage is that internal data of a plurality of components are restored to an interface data structure after being combined with information such as modules, positions and the like through a callback function, and then the updated data are traversed again and sent to the interior of the components through the tips to execute corresponding service logic again.
Therefore, when the multi-component logic closed loop needs to be formed, the processed data corresponding to each component is restored into interface data, the step of extracting the interface data to the global state is returned, and therefore the restored interface data structure flows to two directions, one is the global state, and side effects such as global interface requests or re-rendering are triggered; the other is to be re-passed through the props import component by the recursive traversal process again. And if the judgment is that a multi-component logic closed loop does not need to be formed, directly internally checking the updated data.
In this embodiment, the control of the data logic inside the component is realized by determining whether a multi-component logic closed loop needs to be formed.
On the basis of the above-described embodiment:
as a preferred embodiment, inverting the processed data into interface data includes:
and inverting the processed data into interface data through a global mapping table.
It can be understood that, in the foregoing embodiment, as the global mapping table establishes a mapping relationship between the data corresponding to each component in the interface data and the component, the inversion of the processed data into the interface data may be implemented by the global mapping table, and the inversion of the processed data into the interface data is performed by the global mapping table, so that the inverted interface data is sent to the back end.
In the above embodiments, the configuration operation interface setting method is described in detail, and the present application also provides embodiments corresponding to the configuration operation interface setting apparatus. It should be noted that the present application describes the embodiments of the apparatus portion from two perspectives, one is from the perspective of the functional module, and the other is from the perspective of the hardware structure.
Fig. 3 is a schematic structural diagram of a configuration type operation interface setting device according to an embodiment of the present application. As shown in fig. 3, the configuration type operation interface setting apparatus includes:
an obtaining module 10, configured to obtain interface data; the interface data at least comprises component internal atomic structures and component internal set values of each component.
And the extraction module 11 is used for extracting the interface data to a global state.
And a data processing module 12 for processing the interface data by recursive traversal.
And a transmission module 13, configured to transmit the processed data to each component through the tips, so that each component triggers data update.
And the sending module 14 is configured to invert the processed data into interface data and send the interface data to the back end, so as to generate the movable template.
Since the embodiment of the apparatus portion and the embodiment of the method portion correspond to each other, please refer to the description of the embodiment of the method portion for the embodiment of the apparatus portion, and details are not repeated here.
Fig. 4 is a schematic structural diagram of another configuration type operation interface setting device according to an embodiment of the present application. As shown in fig. 4, the configuration type operation interface setting apparatus includes:
a memory 20 for storing a computer program.
A processor 21 for implementing the steps of the method of configuring the operator interface settings as mentioned in the above embodiments when executing the computer program.
The configured operation interface setting device provided by the embodiment may include, but is not limited to, a smart phone, a tablet computer, a notebook computer, a desktop computer, or the like.
The processor 21 may include one or more processing cores, such as a 4-core processor, an 8-core processor, and the like. The Processor 21 may be implemented in hardware using at least one of a Digital Signal Processor (DSP), a Field-Programmable Gate Array (FPGA), and a Programmable Logic Array (PLA). The processor 21 may also include a main processor and a coprocessor, where the main processor is a processor for Processing data in an awake state, and is also called a Central Processing Unit (CPU); a coprocessor is a low power processor for processing data in a standby state. In some embodiments, the processor 21 may be integrated with a Graphics Processing Unit (GPU), which is responsible for rendering and drawing the content required to be displayed on the display screen. In some embodiments, the processor 21 may further include an Artificial Intelligence (AI) processor for processing computational operations related to machine learning.
Memory 20 may include one or more computer-readable storage media, which may be non-transitory. Memory 20 may also include high speed random access memory, as well as non-volatile memory, such as one or more magnetic disk storage devices, flash memory storage devices. In this embodiment, the memory 20 is at least used for storing the computer program 201, wherein after being loaded and executed by the processor 21, the computer program can implement the relevant steps of the configured operation interface setting method disclosed in any one of the foregoing embodiments. In addition, the resources stored in the memory 20 may also include an operating system 202, data 203, and the like, and the storage manner may be a transient storage manner or a permanent storage manner. Operating system 202 may include, among others, Windows, Unix, Linux, and the like. Data 203 may include, but is not limited to, data related to a configured operator interface setup method.
In some embodiments, the configuration-based operator interface setting device may further include a display 22, an input/output interface 23, a communication interface 24, a power supply 25, and a communication bus 26.
Those skilled in the art will appreciate that the configuration shown in FIG. 4 does not constitute a limitation of a configured operator interface setting device and may include more or fewer components than those shown.
Finally, the application also provides a corresponding embodiment of the computer readable storage medium. The computer-readable storage medium has stored thereon a computer program which, when being executed by a processor, carries out the steps as set forth in the above-mentioned method embodiments.
It is to be understood that if the method in the above embodiments is implemented in the form of software functional units and sold or used as a stand-alone product, it can be stored in a computer readable storage medium. Based on such understanding, the technical solutions of the present application, which are essential or part of the prior art, or all or part of the technical solutions may be embodied in the form of a software product, which is stored in a storage medium and executes all or part of the steps of the methods described in the embodiments of the present application. And the aforementioned storage medium includes: various media capable of storing program codes, such as a usb disk, a removable hard disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a magnetic disk, or an optical disk.
The configuration type operation interface setting method, device and medium provided by the application are described in detail above. The embodiments are described in a progressive manner in the specification, each embodiment focuses on differences from other embodiments, and the same and similar parts among the embodiments are referred to each other. The device disclosed by the embodiment corresponds to the method disclosed by the embodiment, so that the description is simple, and the relevant points can be referred to the method part for description. It should be noted that, for those skilled in the art, it is possible to make several improvements and modifications to the present application without departing from the principle of the present application, and such improvements and modifications also fall within the scope of the claims of the present application.
It should also be noted that, in this specification, relational terms such as first and second, and the like are used solely to distinguish one entity or action from another entity or action without necessarily requiring or implying any actual such relationship or order between such entities or actions. Also, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other identical elements in a process, method, article, or apparatus that comprises the element.
Claims (10)
1. A configuration type operation interface setting method is characterized by comprising the following steps:
acquiring interface data; wherein, the interface data at least comprises the component internal atomic structure and the component internal set value of each component;
extracting the interface data to a global state;
processing the interface data through recursive traversal;
transmitting the processed data to each component through the props so as to be used for each component to trigger data updating;
and inverting the processed data into the interface data and sending the interface data to the back end so as to generate the movable template.
2. The configured operation interface setting method according to claim 1, wherein said processing the interface data through recursive traversal comprises:
and processing the data required by each component in the interface data into a layer of object through recursive traversal, so that the layer of object is used as the processed data and is transmitted into each component through the props.
3. The configured operation interface setting method according to claim 1, further comprising, before said extracting the interface data to a global state:
and establishing a global mapping table according to the interface data so as to obtain the mapping relation between each component and the interface data.
4. The method for setting the configured operation interface according to claim 3, wherein the establishing a global mapping table according to the interface data comprises:
and establishing the global mapping table by the interface data and each component through a JavaScript Map structure.
5. The configured operation interface setting method according to claim 1, before said inverting the processed data into the interface data and sending to a backend, further comprising:
checking the processed data corresponding to each component;
judging whether the processed data pass the verification or not;
if so, reversing the processed data into the interface data and sending the interface data to the back end;
if not, triggering error information prompt.
6. The method according to claim 5, wherein the triggering data update of each component comprises:
judging whether a multi-component logic closed loop needs to be formed or not;
if so, restoring the processed data corresponding to each component into the interface data, and returning to the step of extracting the interface data to the global state;
if not, the updated data is internally checked.
7. The configured operation interface setting method according to claim 3, wherein said inverting the processed data into the interface data includes:
and inverting the processed data into the interface data through the global mapping table.
8. A configuration-type operation interface setting apparatus, comprising:
the acquisition module is used for acquiring interface data; wherein, the interface data at least comprises the component internal atomic structure and the component internal set value of each component;
the extraction module is used for extracting the interface data to a global state;
the data processing module is used for processing the interface data through recursive traversal;
the transmission module is used for transmitting the processed data to each component through the tips so as to trigger data updating of each component;
and the sending module is used for inverting the processed data into the interface data and sending the interface data to the rear end so as to generate the movable template.
9. A configuration-type operation interface setting apparatus, comprising:
a memory for storing a computer program;
a processor for implementing the steps of the configured operator interface setting method according to any one of claims 1 to 7 when executing said computer program.
10. A computer-readable storage medium, characterized in that a computer program is stored thereon, which computer program, when being executed by a processor, carries out the steps of the configured operator interface setting method according to any one of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210383466.9A CN114675923A (en) | 2022-04-13 | 2022-04-13 | Configuration type operation interface setting method, device and medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210383466.9A CN114675923A (en) | 2022-04-13 | 2022-04-13 | Configuration type operation interface setting method, device and medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN114675923A true CN114675923A (en) | 2022-06-28 |
Family
ID=82077483
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202210383466.9A Pending CN114675923A (en) | 2022-04-13 | 2022-04-13 | Configuration type operation interface setting method, device and medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114675923A (en) |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106325173A (en) * | 2016-11-04 | 2017-01-11 | 上海中兴电力建设发展有限公司 | Data acquisition server and system based on embedded core component |
| CN112241282A (en) * | 2020-10-27 | 2021-01-19 | 上海万向区块链股份公司 | Method and system for managing global state data based on act project |
| CN112307402A (en) * | 2020-11-11 | 2021-02-02 | 北京指掌易科技有限公司 | Webpage component creating method and device, electronic equipment and readable storage medium |
| CN113760251A (en) * | 2020-11-09 | 2021-12-07 | 北京沃东天骏信息技术有限公司 | Form development method and device based on Vue |
| CN114327605A (en) * | 2022-03-08 | 2022-04-12 | 深圳市城市交通规划设计研究中心股份有限公司 | Vue-based remote form generation method, computer and storage medium |
-
2022
- 2022-04-13 CN CN202210383466.9A patent/CN114675923A/en active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106325173A (en) * | 2016-11-04 | 2017-01-11 | 上海中兴电力建设发展有限公司 | Data acquisition server and system based on embedded core component |
| CN112241282A (en) * | 2020-10-27 | 2021-01-19 | 上海万向区块链股份公司 | Method and system for managing global state data based on act project |
| CN113760251A (en) * | 2020-11-09 | 2021-12-07 | 北京沃东天骏信息技术有限公司 | Form development method and device based on Vue |
| CN112307402A (en) * | 2020-11-11 | 2021-02-02 | 北京指掌易科技有限公司 | Webpage component creating method and device, electronic equipment and readable storage medium |
| CN114327605A (en) * | 2022-03-08 | 2022-04-12 | 深圳市城市交通规划设计研究中心股份有限公司 | Vue-based remote form generation method, computer and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109614424B (en) | Page layout generation method, device, computing equipment and medium | |
| CN110825766A (en) | Query condition generation method and device, server and readable storage medium | |
| DE102017108636A1 (en) | Automatic generation of a graphical user interface from notification data | |
| CN106648556B (en) | Method and device for front-end and back-end integrated development test | |
| DE102014010217A1 (en) | Dynamic information customization for a multi-power computing device | |
| CN112463154A (en) | Page generation method, device and system and electronic equipment | |
| CN113018870A (en) | Data processing method and device and computer readable storage medium | |
| CN114036443A (en) | Page generation method and device | |
| CN108268615B (en) | Data processing method, device and system | |
| CN114265657A (en) | Method and device for displaying page of applet | |
| CN114185874A (en) | Big data based modeling method and device, development framework and equipment | |
| CN110941634A (en) | Data processing method and device, storage medium and electronic device | |
| CN115878589A (en) | Version management method and device of structured data and related equipment | |
| CN113641719A (en) | Data processing method, data processing device, computer and storage medium | |
| CN109254977A (en) | Data creation method, big data air control platform and computer storage medium | |
| CN114675923A (en) | Configuration type operation interface setting method, device and medium | |
| CN116415000A (en) | Visual knowledge graph configuration method, device, equipment and storage medium | |
| CN116186400A (en) | Front-end page refined region dotting method and system | |
| CN115145559A (en) | Configuration management method, device and equipment based on Flutter | |
| CN114756277A (en) | Page configuration method and device | |
| CN114116880A (en) | Data visualization method, system, device and medium | |
| CN112445871A (en) | Data visualization method and system based on data model | |
| CN110046384B (en) | Model instantiation method and device, electronic equipment and computer-readable storage medium | |
| EP2851812A1 (en) | Exposing relationships between universe objects | |
| CN112527747A (en) | Log template configuration and display method and device |
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 |