CN112685678B - Page configuration method, page configuration device, computer equipment and storage medium - Google Patents
Page configuration method, page configuration device, computer equipment and storage medium Download PDFInfo
- Publication number
- CN112685678B CN112685678B CN202110019679.9A CN202110019679A CN112685678B CN 112685678 B CN112685678 B CN 112685678B CN 202110019679 A CN202110019679 A CN 202110019679A CN 112685678 B CN112685678 B CN 112685678B
- Authority
- CN
- China
- Prior art keywords
- event
- page
- configuration
- component
- registered
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 49
- 230000004044 response Effects 0.000 claims description 21
- 238000012795 verification Methods 0.000 claims description 17
- 238000004590 computer program Methods 0.000 claims description 16
- 238000009877 rendering Methods 0.000 claims description 8
- 238000011161 development Methods 0.000 abstract description 6
- 230000003993 interaction Effects 0.000 abstract description 4
- 238000010586 diagram Methods 0.000 description 12
- 238000012360 testing method Methods 0.000 description 8
- 238000005516 engineering process Methods 0.000 description 5
- 238000004891 communication Methods 0.000 description 4
- 230000006870 function Effects 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 230000000712 assembly Effects 0.000 description 2
- 238000000429 assembly Methods 0.000 description 2
- 238000007667 floating Methods 0.000 description 2
- 230000003068 static effect Effects 0.000 description 2
- 238000007796 conventional method Methods 0.000 description 1
- 239000000284 extract Substances 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
The application relates to a page configuration method, a page configuration device, computer equipment and a storage medium. The method comprises the following steps: displaying a page to be configured, and responding to configuration operation of components in the page to be configured; acquiring an event set to be selected according to the component configuration operation, and displaying an event list to be selected according to the event set to be selected; responding to event selection operation of an event list to be selected, and acquiring registered event data corresponding to the selected event; generating and displaying an event page to be configured according to registered event data and a preset display assembly set; and responding to the event configuration operation, and updating the page to be configured by the event configuration operation to obtain the configured page. By adopting the method, the page configuration can be realized by utilizing the registered event through multiple interactions, so that the repeated development cost is reduced, and the multiplexing rate of the event codes is improved.
Description
Technical Field
The present application relates to the field of computer technologies, and in particular, to a page configuration method, a device, a computer device, and a storage medium.
Background
With the development of computer technology, a page configuration technology has emerged, which refers to configuring a page that can be displayed on a terminal.
In the conventional technology, when a page is configured, a direct development mode is mostly adopted, namely, a front-end developer directly writes codes in html (Hyper Text Markup Language ) or embeds external json (JavaScript Object Notation, JS object numbered musical notation) codes, and a user is required to directly write responsible event codes.
However, in the conventional method, since a developer is required to write codes each time page configuration is performed, code generality is weak, and a problem of low code multiplexing rate exists.
Disclosure of Invention
In view of the foregoing, it is desirable to provide a page allocation method, apparatus, computer device, and storage medium capable of improving code reuse rate.
A method of page configuration, the method comprising:
displaying a page to be configured, and responding to configuration operation of components in the page to be configured;
acquiring an event set to be selected according to the component configuration operation, and displaying an event list to be selected according to the event set to be selected;
responding to event selection operation of an event list to be selected, and acquiring registered event data corresponding to the selected event;
generating and displaying an event page to be configured according to registered event data and a preset display assembly set;
And responding to the event configuration operation, and updating the page to be configured by the event configuration operation to obtain the configured page.
A page configuration apparatus, the apparatus comprising:
the first response module is used for displaying a page to be configured and responding to configuration operation of components in the page to be configured;
the first display module is used for acquiring a set of events to be selected according to the component configuration operation and displaying a list of events to be selected according to the set of events to be selected;
the second response module is used for responding to the event selection operation of the event list to be selected and acquiring registered event data corresponding to the selected event;
the second display module is used for generating and displaying an event page to be configured according to the registered event data and a preset display assembly set;
and the configuration module is used for responding to the event configuration operation, and updating the page to be configured by the event configuration operation to obtain the configured page.
A computer device comprising a memory storing a computer program and a processor which when executing the computer program performs the steps of:
displaying a page to be configured, and responding to configuration operation of components in the page to be configured;
acquiring an event set to be selected according to the component configuration operation, and displaying an event list to be selected according to the event set to be selected;
Responding to event selection operation of an event list to be selected, and acquiring registered event data corresponding to the selected event;
generating and displaying an event page to be configured according to registered event data and a preset display assembly set;
and responding to the event configuration operation, and updating the page to be configured by the event configuration operation to obtain the configured page.
A computer readable storage medium having stored thereon a computer program which when executed by a processor performs the steps of:
displaying a page to be configured, and responding to configuration operation of components in the page to be configured;
acquiring an event set to be selected according to the component configuration operation, and displaying an event list to be selected according to the event set to be selected;
responding to event selection operation of an event list to be selected, and acquiring registered event data corresponding to the selected event;
generating and displaying an event page to be configured according to registered event data and a preset display assembly set;
and responding to the event configuration operation, and updating the page to be configured by the event configuration operation to obtain the configured page.
According to the page configuration method, the device, the computer equipment and the storage medium, the event set to be selected is obtained according to the component configuration operation through responding to the component configuration operation, the event list to be selected is displayed, the registered event data is obtained according to the event selection operation corresponding to the event list to be selected, the event page to be configured is generated and displayed according to the registered event data and the preset display component set, the registered event can be configured into the page to be configured, the event parameters of the registered event can be configured through responding to the event configuration operation, the configured page is obtained, and the page configuration can be realized through utilizing the registered event for multiple times in the whole process, so that the repeated development cost is reduced, and the multiplexing rate of event codes is improved.
Drawings
FIG. 1 is a flow diagram of a page configuration method in one embodiment;
FIG. 2 is an interface diagram of a page configuration method in one embodiment;
FIG. 3 is an interface diagram of a page configuration method in one embodiment;
FIG. 4 is an interface diagram of a page configuration method in one embodiment;
FIG. 5 is an interface diagram of a page configuration method in one embodiment;
FIG. 6 is an interface diagram of a page configuration method in one embodiment;
FIG. 7 is an interface diagram of a page configuration method in one embodiment;
FIG. 8 is an interface diagram of a page configuration method in one embodiment;
FIG. 9 is an application scenario diagram of a page configuration method in one embodiment;
FIG. 10 is a flow chart of a page configuration method in another embodiment;
FIG. 11 is a block diagram of a page configuration device in one embodiment;
fig. 12 is an internal structural diagram of a computer device in one embodiment.
Detailed Description
The present application will be described in further detail with reference to the drawings and examples, in order to make the objects, technical solutions and advantages of the present application more apparent. It should be understood that the specific embodiments described herein are for purposes of illustration only and are not intended to limit the scope of the application.
In one embodiment, as shown in fig. 1, a page configuration method is provided, where the method is applied to a terminal to illustrate the method, it is understood that the method may also be applied to a server, and may also be applied to a system including the terminal and the server, and implemented through interaction between the terminal and the server. In this embodiment, the method includes the steps of:
step 102, displaying the page to be configured, and responding to the configuration operation of the components in the page to be configured.
The page to be configured refers to a page for page configuration, and the page to be configured comprises a previewable real-time configuration page, a component library, a plug-in library and the like, wherein the component library is used for adding components on the real-time configuration page, and the plug-in library is used for adding plug-ins on the real-time configuration page. For example, as shown in fig. 2, a page to be configured is shown, in which the middle area is a previewable real-time configuration page, the left area includes a component library and a plug-in library, the component library is selected in the page to be configured, components that can be added may be displayed, the components that can be added include a base component, a module component, and a platform component, where the base component includes text, a picture, a hot zone button, a video, a shape, data, a custom component, and the like, the module component includes Tab, carousel, left-sliding answer, popup, and form, and the platform component includes a slot login, and the like, and further, in the page to be configured, a layer list in the previewable real-time configuration page is displayed below the component library and the plug-in library, for representing a layer adding condition in the current real-time configuration page.
Specifically, the terminal displays a to-be-configured page, when a user needs to add a component to a real-time configuration page in the to-be-configured page, the user can perform component configuration operation through input equipment such as a mouse, the terminal responds to the component configuration operation, and a to-be-selected event list corresponding to the component configuration operation is displayed on the to-be-configured page. The component configuration operation may specifically refer to component selection by a mouse or clicking a screen, and the like. For example, as shown in fig. 2, when the user selects the hot-zone button component, a list of events to be selected corresponding to the hot-zone button component is displayed on the right side of the page to be configured, where the list of events to be selected includes all registered events corresponding to the hot-zone button component, and event addition can be performed by selecting the registered events.
Step 104, obtaining a set of events to be selected according to the component configuration operation, and displaying a list of events to be selected according to the set of events to be selected.
The event set to be selected refers to a selectable registered event set corresponding to the component configuration operation, the selectable registered event refers to an event which is registered and can be selected, the event which can be selected refers to an event applicable to the component, the event list to be selected refers to a list composed of event sets to be selected, and the event sets to be selected are sequentially arranged in the event list to be selected.
Specifically, when registering an event, a developer may pre-configure an applicable component corresponding to each event to complete the registration of the event. The terminal can determine the components selected by the user according to the component configuration operation, further can acquire a set of events to be selected according to the components selected by the user and the applicable components corresponding to each registered event, and can display the event list to be selected by generating the event list to be selected according to the set of events to be selected.
For example, when the user registers a test event, the button component may be selected under the applicable component, and when the component selected by the user is a hot zone button component, as shown in fig. 2, the to-be-selected event list displayed on the right side of the configuration panel may include the test event, and the test option interface with the event ID of 5 in fig. 2 is linked.
And step 106, responding to the event selection operation of the event list to be selected, and acquiring registered event data corresponding to the selected event.
Wherein the registered event data refers to event data that has been registered. For example, the registered event data may specifically refer to json schema data, where json schema is a json data structure defined for json data format, and a certain standard has been formed, so long as the standard is met for the relevant verification component. Before the page configuration is carried out, a developer carries out event registration, registration parameters corresponding to each event are preconfigured, so that the terminal generates registered event data corresponding to each event according to the registration parameters, the registered event data are stored in a preset database, and therefore the autonomous page configuration can be realized by utilizing the registered event data without knowing code writing by non-developers.
Specifically, after displaying the event list to be selected, when the user needs to perform event selection, the event selection operation may be performed through an input device such as a mouse, and the terminal may respond to the event selection operation of the event list to be selected, and obtain registered event data corresponding to the selected event according to the event selection operation. The event selection operation may specifically be event selection performed by a mouse or clicking a screen, or the like. For example, as shown in fig. 2, when the user needs to perform event selection, the selection component in the event list to be selected may be selected by a mouse or clicking on a screen, so that the responsive event selection operation may be completed, and the terminal may perform the next processing in response to the event selection operation.
And step 108, generating and displaying an event page to be configured according to the registered event data and the preset display assembly set.
The front end display assembly comprises a time selection assembly, a numerical assembly, a drop-down single-selection frame assembly, a drop-down multiple-selection frame assembly, a Boolean switch assembly, a plurality of text input frame assemblies and the like.
For example, as shown in fig. 3, when registering an event, a developer needs to perform parameter configuration on the registering event, where the parameter configuration includes a front-end configuration template and a specific parameter configuration, where the front-end configuration template is used to determine that the registering event displays data at a terminal of the terminal, including display characters and a component code to be replaced, and the specific parameter configuration is used to configure parameters corresponding to the component code to be replaced, and the specific parameter configuration includes setting of a parameter type, a parameter key, a parameter display name, a parameter value, and a code (the same as the component code to be replaced), where when setting the parameter value, a front-end display component corresponding to the parameter value may be determined, for example, when the parameter type is a numeric integer and the parameter display name is a gift package group id, the correspondently set front-end display component is a default value and a plus-minus box, and when the parameter display name is a numeric timestamp and the parameter display name is an end time.
Specifically, the terminal analyzes the registered event data, can determine front-end configuration template information, and can generate an event page to be configured by combining the front-end configuration template information and a preset display assembly set, and after the event page to be configured is generated, the terminal displays the event page to be configured on the event page to be configured.
And 110, responding to the event configuration operation, and updating the page to be configured by the event configuration operation to obtain the configured page.
Specifically, after displaying the event page to be configured, a user can perform event configuration operation through input equipment such as a mouse, the terminal responds to the event configuration operation, determines a legal parameter requirement corresponding to the event configuration operation, performs parameter validity verification on event configuration parameters in the event configuration operation according to the legal parameter requirement, and renders a previewable real-time configuration page in the page to be configured according to the event configuration parameters after the parameter validity verification is passed, so that the page to be configured is updated, and the configured page is obtained. The legal requirements of the parameters comprise parameter threshold requirements, parameter format requirements and the like.
According to the page configuration method, the set of events to be selected is obtained according to the component configuration operation, the list of events to be selected is displayed, the event selection operation corresponding to the list of events to be selected is responded, the registered event data is obtained according to the event selection operation, the page of the events to be configured is generated and displayed according to the registered event data and the preset display component set, the registered events can be configured into the page to be configured, event parameters of the registered events can be configured according to the event configuration operation, the configured page is obtained, and the page configuration can be realized through multiple interactions by utilizing the registered events in the whole process, so that the repeated development cost is reduced, and the multiplexing rate of event codes is improved.
In one embodiment, according to the component configuration operation, obtaining a set of events to be selected, and displaying a list of events to be selected according to the set of events to be selected includes:
determining a component identifier according to the component configuration operation;
according to the component identification, matching registered event sets in a preset database, and determining event sets to be selected corresponding to the component identification;
and generating a to-be-selected event list according to the to-be-selected event set, and displaying the to-be-selected event list.
The component identifiers are identifiers for distinguishing different components, the component identifiers corresponding to the different components are different, and each component has a corresponding component identifier.
Specifically, the terminal determines a corresponding component identifier according to the component configuration operation, matches a registered event set in a preset database according to the component identifier, determines a registered event set including the component identifier in the applicable component according to applicable components of each registered event in the registered event set, uses the registered event set as a to-be-selected event set corresponding to the component identifier, sequentially arranges the to-be-selected event sets to generate a to-be-selected event list, and displays the to-be-selected event list.
For example, as shown in fig. 3, when registering an event, a developer configures basic information, including configuration of applicable components, in addition to parameter configuration, and after selecting an applicable component as a button component in a test event, if a user selects a hot zone button component in a configuration panel, a terminal will respond to component configuration operation to determine that a corresponding component is identified as a hot zone button component, and according to the hot zone button component matching the applicable component of each registered event in a registered event set in a preset database, it can be determined that the test event is a registered event including the component identification.
In this embodiment, the component identifier is determined according to the component configuration operation, the registered event set in the preset database is matched according to the component identifier, the event set to be selected corresponding to the component identifier is determined, and the event list to be selected is displayed according to the event set to be selected, so that the display of the event list to be selected can be realized.
In one embodiment, in response to an event selection operation for a list of events to be selected, acquiring registered event data corresponding to the selected event includes:
determining an event identifier according to the event selection operation;
and acquiring corresponding registered event data from a preset database according to the event identification.
The event identifiers are identifiers for distinguishing different events, event identifiers corresponding to different events are different, and each event has a corresponding event identifier. For example, the event identification may specifically refer to an event ID. The preset database is used for storing registered event data, and each registered event data carries an event identifier in the preset database, and different events can be distinguished through the event identifier.
Specifically, the terminal determines a selected event according to the event selection operation, and can match event identifications carried by all registered event data in a preset database according to event identifications of the selected event to obtain matched registered event data.
In this embodiment, by determining the event identifier according to the event selection operation, and acquiring the corresponding registered event data from the preset database according to the event identifier, the registered event data can be acquired.
In one embodiment, generating and displaying the event page to be configured according to the registered event data and the preset display component set includes:
analyzing the registered event data, and determining the code number of the component to be replaced according to front-end configuration template information in the registered event data;
inquiring a preset display component set according to the code number of the component to be replaced, and determining a front-end display component corresponding to the code number of the component to be replaced;
and generating and displaying an event page to be configured according to the front-end display component.
The code number of the component to be replaced refers to a code number appearing in the front-end configuration template information, and the code number corresponds to a registration parameter in a registered event.
Specifically, the terminal can acquire front-end configuration template information in registered event data by analyzing the registered event data, and the terminal display data to be displayed on the terminal can be determined by traversing the front-end configuration template information, wherein the terminal display data comprises display characters and component codes to be replaced, the display characters can be directly displayed on the terminal, the component codes to be replaced correspond to registered parameters in the registered event, and the front-end display components corresponding to the parameters need to be replaced before display, so that the terminal needs to determine the front-end display components corresponding to the component codes to be replaced. Therefore, the terminal can inquire a preset display component set according to the component code number to be replaced, determine the front display component corresponding to the component code number to be replaced, and generate and display an event page to be configured according to the front display component and the display text.
Further, when generating the event page to be configured, different components organize the registration parameters in the registered event data in different manners, for example, for a button component, the parameters need to be assembled in functions of href and onclick attributes of the button, and for a global initialization function, an initialization function call needs to be configured. Taking the button assembly as an example, if the front-end configuration template information is as shown in fig. 3, a subset ({ time }, { package }, { form }, { count }, { package }, { dialog }) is required in the href attribute of the button assembly.
For example, as shown in fig. 3, it can be seen that in the front-end configuration template of the test event, the front-end configuration template information is given as: before the front end checks the { { time }, the user inputs the correct secret number in the { { form }, continuously extracts the { { count } } secondary gift package group id as the gift package of { { package }, and opens the { { { dialog }, wherein { { time }, { form }, { count }, { package }, and { dialog }, are the module code numbers to be replaced, the rest are display characters, each module code number to be replaced corresponds to a parameter, the corresponding module code number can be seen in the parameter configuration interface, and each parameter configuration item comprises a code number corresponding to the module code number to be replaced and is used for representing the registration parameter which can be displayed on the terminal. Further, when generating and displaying the event page to be configured, the terminal queries the preset display assembly set according to the module code to be replaced, determines the front display assembly corresponding to the module code to be replaced, generates the event page to be configured according to the display text in the front configuration template information and the front display assemblies corresponding to the module code to be replaced, and displays the event page to be configured.
For example, the event page to be configured may be shown in fig. 4, the registration event configuration of the test event corresponding to the event page to be configured may be shown in fig. 3, further, the event page to be configured may also be displayed on the page to be configured, for example, the display on the page to be configured may be shown in fig. 5, and be located on the lower right side of the page to be configured. It should be noted that, it can be seen that in fig. 3, the component code numbers to be replaced corresponding to some parameters are not written into the front-end configuration template (i.e., other1, other2, and other 3), and then the corresponding parameters are directly displayed in the event page to be configured, i.e., the test part in the event page to be configured in fig. 4.
In this embodiment, the module code number to be replaced is determined according to the front-end configuration template information in the registered event data, the preset display module set is queried according to the module code number to be replaced, the front-end display module corresponding to the module code number to be replaced is determined, and the event page to be configured is generated and displayed according to the front-end display module, so that the display of the event page to be configured can be realized.
In one embodiment, in response to an event configuration operation, updating the page to be configured by the event configuration operation, the obtaining the configured page includes:
Responding to the event configuration operation, and determining corresponding event configuration parameters;
and when the parameter validity verification of the event configuration parameters is passed, rendering the page to be configured according to the event configuration parameters to obtain a configured page.
The event configuration operation refers to event configuration through input devices such as a mouse, a keyboard and the like, wherein the event configuration is to set event parameters in selected events on an event page to be configured.
Specifically, after displaying the event page to be configured, a user configures event parameters through a mouse and keyboard lamp input device, the terminal responds to event configuration operation, corresponding event configuration parameters are extracted according to the event configuration operation, parameter validity verification is performed on the event configuration parameters, and when the parameter validity verification of the event configuration parameters is passed, the terminal renders a previewable real-time configuration page in the page to be configured according to the event configuration parameters to obtain the configured page. For example, when the registered event data is json schema data, the corresponding event configuration parameter may be json data, and when the parameter validity of the json data is verified by the terminal, the previewable real-time configuration page in json data rendering may be specifically rendered by calling a preset rendering tool or using a preset rendering code, and the embodiment is not specifically limited herein.
Further, the terminal generates different display information according to the result of verifying the validity of the parameters. For example, as shown in fig. 6, an indicator component is disposed on the event page to be configured, when the parameter validity verification is passed, the indicator component may be displayed in a first color, when the parameter validity verification is not passed, the indicator component may be displayed in a second color, further, the first color may be green, the second color may be red, when the parameter validity verification is not passed, besides the indicator component, the terminal may push a prompt for not passing the verification to prompt the user to input a legal parameter, the prompt may be that the parameter is not a legal parameter, the chinese expression or other language and character expression may not be limited herein, and when the expression is chinese, the display may be as shown in fig. 6.
In this embodiment, by responding to the event configuration operation, determining the corresponding event configuration parameters, and when the validity of the parameters of the event configuration parameters is verified, rendering the page to be configured according to the event configuration parameters to obtain the configured page, so as to achieve the acquisition of the configured page.
In one embodiment, in response to the event configuration operation, after determining the corresponding event configuration parameters, further comprising:
Inquiring registered event data according to event configuration operation, and determining a corresponding preset data format and a preset data threshold value;
and verifying the validity of the parameters of the event configuration parameters according to the preset data format and the preset data threshold.
The preset data format refers to a data format that needs to be satisfied by preset parameters, for example, the preset data format may be an integer, a floating point number, or the like. The preset data threshold value refers to a value range of a preset parameter.
Specifically, after obtaining the event configuration parameters, the terminal queries the registered event data according to the event configuration operation, determines a preset data format and a preset data threshold corresponding to each event configuration parameter, and performs parameter validity check on the event configuration parameters according to the preset data format and the preset data threshold to determine whether the event configuration parameters meet the parameter format and the range requirements.
For example, as shown in fig. 3, it can be seen that when event registration is performed, a parameter type and a parameter value are set, where the parameter type is a preset data format, including a numerical integer, a single selection string, and the like, the parameter value is a preset data threshold, and it can be seen that a parameter value corresponding to a parameter display name is a gift package group id, has a numerical range limitation or has an input optional value, where the input optional value refers to an autonomously set recordable value, and after the input optional value is selected, a corresponding display may be as shown in fig. 7, and the optional parameter input value may be autonomously set, and added and deleted.
In this embodiment, by querying registered event data according to an event configuration operation, determining a corresponding preset data format and a preset data threshold, and verifying the validity of parameters of event configuration parameters according to the preset data format and the preset data threshold, verification of the event configuration parameters can be achieved.
In one embodiment, displaying the page to be configured, before responding to the configuration operation of the component in the page to be configured, further comprises:
displaying an event registration page;
and receiving input event registration parameters to perform event registration to obtain registered event data.
Specifically, the terminal displays an event registration page, receives event registration parameters input by a user, and performs event registration to obtain registered event data. For example, the event registration page is displayed as shown in fig. 3, including basic information setting, parameter configuration, and the like. The basic information setting part can set event names, attribution business, use channels, applicable components and the like, wherein the channels are used for distinguishing the scope of the used platform channels, the applicable components are used for limiting the applicable scenes of the events, and the applicable components represent front-end components which can act on the events. The parameter configuration comprises a front-end configuration template and a registration parameter configuration, wherein the registration parameter configuration comprises a parameter type, a parameter key, a parameter display name, a parameter value, a code number and the like, and a default value can be set when the parameter value is set and is used for being displayed at a position corresponding to an event configuration parameter when an event page to be configured is displayed for the first time. Further, the code numbers corresponding to the registration parameters are recorded in the front-end configuration template, and then all the code numbers are replaced by the front-end display component in the event page to be configured, so that the user can configure the event page (as shown in fig. 4).
It should be noted that, the event registration page displayed here refers to an event registration page that has been configured by a developer in advance, and through the configuration of the event registration page by the developer, a user (i.e. a non-developer) can see the event registration page that is semantically seen at the terminal, so that only one code number in the front-end configuration template needs to be configured by a simple click and input manner. Furthermore, when the developer performs configuration, the developer can also pre-configure the custom code, and the configured custom html, css, js code can be finally directly rendered into the generated configured page. Further, as shown in fig. 8, in order to manage the registered event, the terminal may display a corresponding management event list, and may implement management of the event by operating an edit or delete component in the management event list.
For example, the registered event data in this embodiment may specifically be json schema, and taking the registered event page in fig. 3 as an example, the corresponding generated json schema may be:
/>
/>
it should be noted that, the default type provided by the json schema is a numerical type, such as integer, floating point, character string, boolean, array, etc., if the default type is directly used and does not conform to the service scene, the default type is not significant in the actual service scene, so that for the actual service scene, some common data types are designed and mapped with the json schema numerical type. For convenience of user selection, event types are divided into two stages: the main type and subtype are mapped as shown in table 1 below:
TABLE 1
In this embodiment, by displaying the event registration page, receiving the input event registration parameters to perform event registration, and obtaining registered event data, the registered event data can be obtained.
The application also provides an application scene, which applies the page configuration method. Specifically, as shown in fig. 9, the application of the page configuration method in the application scenario is as follows:
the page configuration method comprises the steps of adopting an event registration management end, an event configuration panel and a UI Maker, wherein the event configuration panel corresponds to a page to be configured, specifically, firstly displaying the event registration page at the event registration management end, receiving event registration parameters input by a user for event registration, obtaining json schema Data and storing the Data (namely registered event Data), then displaying the event configuration panel (namely page to be configured), responding to component configuration operation in the event configuration panel, acquiring an event set to be selected according to the component configuration operation, displaying an event list to be selected according to the event set to be selected, responding to the event selection operation of the event list to be selected, acquiring registered event Data corresponding to the selected event, generating and displaying the event page to be configured according to the registered event Data and a preset display component set, responding to the event configuration operation, generating json Data (namely event configuration, generating json Data), and finally, conducting event rendering according to the generated json Data through the UI Maker, updating the page to be configured, and obtaining the page to be configured.
The application also provides an embodiment for explaining the page configuration method of the application. Specifically, as shown in fig. 10, the page configuration method specifically includes the following steps:
step 1002, displaying an event registration page;
step 1004, receiving input event registration parameters to perform event registration to obtain registered event data;
step 1006, displaying a page to be configured, and responding to configuration operation of components in the page to be configured;
step 1008, determining a component identifier according to the component configuration operation;
step 1010, determining a set of events to be selected corresponding to the component identifier according to the component identifier matching the registered event set in the preset database;
step 1012, generating a to-be-selected event list according to the to-be-selected event set, and displaying the to-be-selected event list;
step 1014, determining an event identification according to the event selection operation;
step 1016, obtaining corresponding registered event data from a preset database according to the event identification;
step 1018, analyzing the registered event data, and determining the component code number to be replaced according to the front end configuration template information in the registered event data;
step 1020, inquiring a preset display component set according to the component code number to be replaced, and determining a front-end display component corresponding to the component code number to be replaced;
Step 1022, generating and displaying an event page to be configured according to the front-end display component;
step 1024, determining corresponding event configuration parameters in response to the event configuration operation;
step 1026, according to the event configuration operation, inquiring the registered event data, and determining the corresponding preset data format and preset data threshold;
step 1028, verifying the validity of the parameters of the event configuration parameters according to the preset data format and the preset data threshold;
and step 1030, when the parameter validity of the event configuration parameter is verified, rendering the page to be configured according to the event configuration parameter to obtain a configured page.
It should be understood that, although the steps in the flowcharts related to the above embodiments are sequentially shown as indicated by arrows, these steps are not necessarily sequentially performed in the order indicated by the arrows. The steps are not strictly limited to the order of execution unless explicitly recited herein, and the steps may be executed in other orders. Moreover, at least a part of the steps in the flowcharts related to the above embodiments may include a plurality of steps or a plurality of stages, which are not necessarily performed at the same time, but may be performed at different times, and the order of the steps or stages performed is not necessarily sequential, but may be performed alternately or alternately with at least a part of the steps or stages in other steps or other steps.
In one embodiment, as shown in fig. 11, a page configuration apparatus is provided, which may employ a software module or a hardware module, or a combination of both, as a part of a computer device, and specifically includes: a first response module 1102, a first display module 1104, a second response module 1106, a second display module 1108, and a configuration module 1110, wherein:
the first response module 1102 is configured to display a page to be configured, and respond to configuration operation of components in the page to be configured;
a first display module 1104, configured to obtain a set of events to be selected according to the component configuration operation, and display a list of events to be selected according to the set of events to be selected;
a second response module 1106, configured to obtain registered event data corresponding to the selected event in response to an event selection operation of the event list to be selected;
the second display module 1108 is configured to generate and display an event page to be configured according to the registered event data and a preset display component set;
the configuration module 1110 is configured to respond to the event configuration operation, and update the page to be configured by the event configuration operation to obtain a configured page.
According to the page configuration device, the set of events to be selected is obtained according to the component configuration operation, the list of events to be selected is displayed, the event selection operation corresponding to the list of events to be selected is responded, the registered event data is obtained according to the event selection operation, the page of the events to be configured is generated and displayed according to the registered event data and the preset display component set, the registered event can be configured into the page to be configured, the event parameters of the registered event can be configured according to the event configuration operation, the configured page is obtained, and the page configuration can be realized through multiple interactions by utilizing the registered event in the whole process, so that the repeated development cost is reduced, and the multiplexing rate of event codes is improved.
In one embodiment, the first display module is further configured to determine a component identifier according to the component configuration operation, determine a to-be-selected event set corresponding to the component identifier according to the component identifier matching a registered event set in a preset database, generate a to-be-selected event list according to the to-be-selected event set, and display the to-be-selected event list.
In one embodiment, the second response module is further configured to determine an event identifier according to the event selection operation, and obtain corresponding registered event data from a preset database according to the event identifier.
In one embodiment, the second display module is further configured to parse the registered event data, determine a component code to be replaced according to front-end configuration template information in the registered event data, query a preset display component set according to the component code to be replaced, determine a front-end display component corresponding to the component code to be replaced, and generate and display an event page to be configured according to the front-end display component.
In one embodiment, the configuration module is further configured to determine a corresponding event configuration parameter in response to the event configuration operation, and render the page to be configured according to the event configuration parameter to obtain the configured page when the parameter validity of the event configuration parameter is verified.
In one embodiment, the page configuration device further includes a verification module, where the verification module is configured to query the registered event data according to the event configuration operation, determine a corresponding preset data format and a preset data threshold, and perform parameter validity verification on the event configuration parameter according to the preset data format and the preset data threshold.
In one embodiment, the page configuration device further includes a registration module, where the registration module is configured to display an event registration page, receive an input event registration parameter, and perform event registration to obtain registered event data.
For specific limitations of the page configuration device, reference may be made to the above limitation of the page configuration method, and no further description is given here. The respective modules in the page configuration apparatus described above may be implemented in whole or in part by software, hardware, and combinations thereof. The above modules may be embedded in hardware or may be independent of a processor in the computer device, or may be stored in software in a memory in the computer device, so that the processor may call and execute operations corresponding to the above modules.
In one embodiment, a computer device is provided, which may be a terminal, and the internal structure thereof may be as shown in fig. 12. The computer device includes a processor, a memory, a communication interface, a display screen, and an input device connected by a system bus. Wherein the processor of the computer device is configured to provide computing and control capabilities. The memory of the computer device includes a non-volatile storage medium and an internal memory. The non-volatile storage medium stores an operating system and a computer program. The internal memory provides an environment for the operation of the operating system and computer programs in the non-volatile storage media. The communication interface of the computer device is used for carrying out wired or wireless communication with an external terminal, and the wireless mode can be realized through WIFI, an operator network, NFC (near field communication) or other technologies. The computer program is executed by a processor to implement a page configuration method. The display screen of the computer equipment can be a liquid crystal display screen or an electronic ink display screen, and the input device of the computer equipment can be a touch layer covered on the display screen, can also be keys, a track ball or a touch pad arranged on the shell of the computer equipment, and can also be an external keyboard, a touch pad or a mouse and the like.
It will be appreciated by those skilled in the art that the structure shown in FIG. 12 is merely a block diagram of some of the structures associated with the present inventive arrangements and is not limiting of the computer device to which the present inventive arrangements may be applied, and that a particular computer device may include more or fewer components than shown, or may combine some of the components, or have a different arrangement of components.
In an embodiment, there is also provided a computer device comprising a memory and a processor, the memory having stored therein a computer program, the processor implementing the steps of the method embodiments described above when the computer program is executed.
In one embodiment, a computer-readable storage medium is provided, storing a computer program which, when executed by a processor, implements the steps of the method embodiments described above.
In one embodiment, a computer program product or computer program is provided that includes computer instructions stored in a computer readable storage medium. The processor of the computer device reads the computer instructions from the computer-readable storage medium, and the processor executes the computer instructions, so that the computer device performs the steps in the above-described method embodiments.
Those skilled in the art will appreciate that implementing all or part of the above described methods may be accomplished by way of a computer program stored on a non-transitory computer readable storage medium, which when executed, may comprise the steps of the embodiments of the methods described above. Any reference to memory, storage, database, or other medium used in embodiments provided herein may include at least one of non-volatile and volatile memory. The nonvolatile Memory may include Read-Only Memory (ROM), magnetic tape, floppy disk, flash Memory, optical Memory, or the like. Volatile memory can include random access memory (Random Access Memory, RAM) or external cache memory. By way of illustration, and not limitation, RAM can be in the form of a variety of forms, such as static random access memory (Static Random Access Memory, SRAM) or dynamic random access memory (Dynamic Random Access Memory, DRAM), and the like.
The technical features of the above embodiments may be arbitrarily combined, and all possible combinations of the technical features in the above embodiments are not described for brevity of description, however, as long as there is no contradiction between the combinations of the technical features, they should be considered as the scope of the description.
The above examples illustrate only a few embodiments of the application, which are described in detail and are not to be construed as limiting the scope of the application. It should be noted that it will be apparent to those skilled in the art that several variations and modifications can be made without departing from the spirit of the application, which are all within the scope of the application. Accordingly, the scope of protection of the present application is to be determined by the appended claims.
Claims (12)
1. A method of page configuration, the method comprising:
displaying a page to be configured, and responding to configuration operation of components in the page to be configured;
determining a component identifier according to the component configuration operation;
according to the component identification, matching registered event sets in a preset database, and determining event sets to be selected corresponding to the component identification;
generating an event list to be selected according to the event set to be selected, and displaying the event list to be selected;
responding to the event selection operation of the event list to be selected, and acquiring registered event data corresponding to the selected event; the registered event data comprises front-end configuration template information and parameter configuration information;
Analyzing the registered event data, and determining the code number of the component to be replaced according to front-end configuration template information in the registered event data;
inquiring a preset display component set according to the component code number to be replaced, and determining a front-end display component corresponding to the component code number to be replaced;
generating and displaying an event page to be configured according to the front-end display component;
and responding to an event configuration operation, and updating the page to be configured by the event configuration operation to obtain a configured page.
2. The method of claim 1, wherein the acquiring registered event data corresponding to the selected event in response to the event selection operation on the list of events to be selected comprises:
determining an event identifier according to the event selection operation;
and acquiring corresponding registered event data from a preset database according to the event identification.
3. The method of claim 1, wherein the updating the page to be configured by the event configuration operation in response to the event configuration operation, the obtaining a configured page comprises:
responding to the event configuration operation, and determining corresponding event configuration parameters;
and when the parameter validity of the event configuration parameters is verified, rendering the page to be configured according to the event configuration parameters to obtain a configured page.
4. The method of claim 3, wherein after determining the corresponding event configuration parameters in response to the event configuration operation, further comprising:
inquiring the registered event data according to the event configuration operation, and determining a corresponding preset data format and a preset data threshold value;
and verifying the validity of the parameters of the event configuration parameters according to the preset data format and the preset data threshold.
5. The method of claim 1, wherein the displaying the page to be configured, before responding to the configuration operation of the components in the page to be configured, further comprises:
displaying an event registration page;
and receiving input event registration parameters to perform event registration to obtain registered event data.
6. A page configuration apparatus, the apparatus comprising:
the first response module is used for displaying a page to be configured and responding to configuration operation of components in the page to be configured;
the first display module is used for determining a component identifier according to component configuration operation, matching a registered event set in a preset database according to the component identifier, determining a to-be-selected event set corresponding to the component identifier, generating a to-be-selected event list according to the to-be-selected event set, and displaying the to-be-selected event list;
The second response module is used for responding to the event selection operation of the event list to be selected and acquiring registered event data corresponding to the selected event; the registered event data comprises front-end configuration template information and parameter configuration information;
the second display module is used for analyzing the registered event data, determining the code number of a component to be replaced according to front-end configuration template information in the registered event data, inquiring a preset display component set according to the code number of the component to be replaced, determining a front-end display component corresponding to the code number of the component to be replaced, and generating and displaying an event page to be configured according to the front-end display component;
and the configuration module is used for responding to event configuration operation, and updating the page to be configured by the event configuration operation to obtain a configured page.
7. The apparatus of claim 6, wherein the second response module is further configured to determine an event identifier according to the event selection operation, and obtain corresponding registered event data from a preset database according to the event identifier.
8. The apparatus of claim 6, wherein the configuration module is further configured to determine corresponding event configuration parameters in response to an event configuration operation, and render the page to be configured according to the event configuration parameters to obtain a configured page when the parameter validity verification for the event configuration parameters passes.
9. The apparatus of claim 8, further comprising a verification module configured to query the registered event data according to the event configuration operation, determine a corresponding preset data format and a preset data threshold, and perform parameter validity verification on the event configuration parameter according to the preset data format and the preset data threshold.
10. The apparatus of claim 6, further comprising a registration module configured to display an event registration page, receive an input event registration parameter for event registration, and obtain registered event data.
11. A computer device comprising a memory and a processor, the memory storing a computer program, characterized in that the processor implements the steps of the method of any one of claims 1 to 5 when the computer program is executed.
12. A computer readable storage medium storing a computer program, characterized in that the computer program when executed by a processor implements the steps of the method of any one of claims 1 to 5.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110019679.9A CN112685678B (en) | 2021-01-07 | 2021-01-07 | Page configuration method, page configuration device, computer equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110019679.9A CN112685678B (en) | 2021-01-07 | 2021-01-07 | Page configuration method, page configuration device, computer equipment and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112685678A CN112685678A (en) | 2021-04-20 |
| CN112685678B true CN112685678B (en) | 2023-11-07 |
Family
ID=75456370
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110019679.9A Active CN112685678B (en) | 2021-01-07 | 2021-01-07 | Page configuration method, page configuration device, computer equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112685678B (en) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN116107561B (en) * | 2023-04-14 | 2023-06-23 | 湖南云畅网络科技有限公司 | Low-code-based action node rapid construction method, system and storage medium |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20130042169A1 (en) * | 2011-08-12 | 2013-02-14 | Jason Reedy | Systems and Methods for an On-line Event Lander |
| WO2016024646A1 (en) * | 2014-08-11 | 2016-02-18 | 주식회사 다빈치소프트웨어연구소 | Web content authoring device and control method thereof |
| CN106095847A (en) * | 2016-06-02 | 2016-11-09 | 萧毅鸿 | A kind of method realizing monitoring the page and the monitoring page |
| CN109597614A (en) * | 2017-09-28 | 2019-04-09 | 华为技术有限公司 | A kind of business page method for customizing and system |
| CN110413922A (en) * | 2019-06-28 | 2019-11-05 | 平安科技（深圳）有限公司 | Page info display methods, device, computer equipment and storage medium |
| CN110457620A (en) * | 2019-08-15 | 2019-11-15 | 深圳乐信软件技术有限公司 | A kind of method, apparatus of page access, equipment and storage medium |
| CN111475162A (en) * | 2020-03-27 | 2020-07-31 | 平安银行股份有限公司 | Page generation method, device, server and storage medium |
| CN111522552A (en) * | 2020-07-06 | 2020-08-11 | 腾讯科技（深圳）有限公司 | Sub-application generation method and device, computer equipment and storage medium |
-
2021
- 2021-01-07 CN CN202110019679.9A patent/CN112685678B/en active Active
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20130042169A1 (en) * | 2011-08-12 | 2013-02-14 | Jason Reedy | Systems and Methods for an On-line Event Lander |
| WO2016024646A1 (en) * | 2014-08-11 | 2016-02-18 | 주식회사 다빈치소프트웨어연구소 | Web content authoring device and control method thereof |
| CN106095847A (en) * | 2016-06-02 | 2016-11-09 | 萧毅鸿 | A kind of method realizing monitoring the page and the monitoring page |
| CN109597614A (en) * | 2017-09-28 | 2019-04-09 | 华为技术有限公司 | A kind of business page method for customizing and system |
| CN110413922A (en) * | 2019-06-28 | 2019-11-05 | 平安科技（深圳）有限公司 | Page info display methods, device, computer equipment and storage medium |
| CN110457620A (en) * | 2019-08-15 | 2019-11-15 | 深圳乐信软件技术有限公司 | A kind of method, apparatus of page access, equipment and storage medium |
| CN111475162A (en) * | 2020-03-27 | 2020-07-31 | 平安银行股份有限公司 | Page generation method, device, server and storage medium |
| CN111522552A (en) * | 2020-07-06 | 2020-08-11 | 腾讯科技（深圳）有限公司 | Sub-application generation method and device, computer equipment and storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112685678A (en) | 2021-04-20 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109614424B (en) | Page layout generation method, device, computing equipment and medium | |
| CN109408764B (en) | Page area dividing method, device, computing equipment and medium | |
| CN109358851A (en) | Creation method, device and the computer readable storage medium of chart components | |
| US9910870B2 (en) | System and method for creating data models from complex raw log files | |
| JP6514244B2 (en) | Difference detection device and program | |
| CN109739735B (en) | Log generation method and device | |
| CN105389184B (en) | The configuration method and device of Product Interface information | |
| CN111666740A (en) | Flow chart generation method and device, computer equipment and storage medium | |
| CN110955652A (en) | System and method for data display | |
| CN112199296B (en) | Page testing method and device, computer equipment and storage medium | |
| CN112287013A (en) | Data conversion method and adapter | |
| CN110941779A (en) | Page loading method and device, storage medium and electronic equipment | |
| CN111880813B (en) | Method for realizing android card UI (user interface) and storage medium | |
| CN108255967B (en) | Method and device for calling storage process, storage medium and terminal | |
| WO2016131360A1 (en) | Widget file generation method and apparatus | |
| CN112685678B (en) | Page configuration method, page configuration device, computer equipment and storage medium | |
| CN111736740A (en) | Picture hot area generation method, device and equipment and storage medium | |
| CN112817817B (en) | Buried point information query method, buried point information query device, computer equipment and storage medium | |
| JP2019101889A (en) | Test execution device and program | |
| US10788958B2 (en) | Personalization of a web application | |
| CN110929100A (en) | Method and device for acquiring value taking path, storage medium and electronic equipment | |
| CN115981643A (en) | Configuration method, system, equipment and storage medium of business association component | |
| CN113900755B (en) | Alarm page processing method and device, computer equipment and readable storage medium | |
| CN115713572A (en) | Text image generation method and device, electronic equipment and readable storage medium | |
| CN114237798A (en) | Data processing method, device, server 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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |