Interface management method and device, medium and electronic equipment
By encapsulating the UI code and processing logic code of the content delivery field into components and managing the component library, the rapid accuracy of content delivery settings is solved, and the effect of reducing development costs and improving interface availability is achieved.
Patent Information
- Application Number
- CN202311436284.4
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2023-10-31
- Publication Date
- 2025-05-02
AI Technical Summary
In the field of content delivery, there are many placements and fast updates and iterations, making it difficult for users to quickly and accurately set content delivery, affecting the content delivery and promotion effect.
By encapsulating the UI code and processing logic code corresponding to the content delivery field into components and managing it through the component library, users can select and combine these components in the configuration interface to generate different content delivery interfaces.
This method does not require users to write code for each content delivery interface, reduce development costs, improve component reuse, and supports the generation of diversified content delivery interfaces to ensure the availability of the generated interface.
Smart Images

Figure CN119917092A_ABST
Abstract
Description
Technical Field
[0001] The present disclosure relates to the field of computer technology, and in particular to an interface management method, device, medium, and electronic device. Background Art
[0002] Currently, users can deliver content through a variety of platforms, such as delivering videos within an app, or delivering images or videos when the app opens, thereby promoting content.
[0003] In related technologies, there are many locations for content delivery, and the update and iteration speed is relatively fast. How to quickly and accurately set up content delivery has an important impact on the delivery and promotion of user content. Summary of the Invention
[0004] This summary is provided to briefly introduce concepts that will be described in detail in the detailed description below. This summary is not intended to identify key features or essential features of the claimed technical solution, nor is it intended to limit the scope of the claimed technical solution.
[0005] In a first aspect, the present disclosure provides an interface management method, the method comprising:
[0006] In response to receiving the interface configuration instruction, displaying candidate components in the component library and candidate attributes corresponding to the candidate components in the configuration interface, wherein each component in the component library is a component corresponding to a content delivery field, and the component includes UI code corresponding to the content delivery field and processing logic code corresponding to the content delivery field;
[0007] In response to receiving a selection operation by the user in the configuration interface, determining a target component corresponding to the content delivery interface to be configured and a target attribute corresponding to the target component from the candidate components;
[0008] The content delivery interface is generated according to the target component, the target attribute, and the component sequence corresponding to the content delivery interface.
[0009] In a second aspect, the present disclosure provides an interface management device, the device comprising:
[0010] A first display module is configured to display candidate components in a component library and candidate attributes corresponding to the candidate components in a configuration interface in response to receiving an interface configuration instruction, wherein each component in the component library is a component corresponding to a content delivery field, and the component includes UI code corresponding to the content delivery field and processing logic code corresponding to the content delivery field;
[0011] A first determining module is configured to determine, in response to receiving a selection operation by the user in the configuration interface, a target component corresponding to the content delivery interface to be configured and a target attribute corresponding to the target component from the candidate components;
[0012] A generating module is used to generate the content delivery interface according to the target component, the target attribute and the component sequence corresponding to the content delivery interface.
[0013] In a third aspect, the present disclosure provides a computer-readable medium having a computer program stored thereon, which implements the steps of the method described in the first aspect when executed by a processing device.
[0014] In a fourth aspect, the present disclosure provides an electronic device, comprising:
[0015] a storage device having a computer program stored thereon;
[0016] A processing device is used to execute the computer program in the storage device to implement the steps of the method described in the first aspect.
[0017] In the above technical solution, the UI code and processing logic code corresponding to the content delivery fields involved in content delivery are encapsulated as components and managed through a component library. Then, content delivery interfaces under different delivery locations can be generated through the configuration and combination of components. Therefore, when generating a new content delivery interface, it can be generated by selecting and configuring the existing components in the component library. On the one hand, it eliminates the need for users to write code for each content delivery interface, reduces development costs, improves component reusability, and provides support for the generation of diverse content delivery interfaces. In addition, if the component contains UI code and processing logic code, then when the content delivery interface is generated, the code corresponding to the content delivery interface can be automatically generated to ensure the availability of the generated content delivery interface.
[0018] Other features and advantages of the present disclosure will be described in detail in the following detailed description. BRIEF DESCRIPTION OF THE DRAWINGS
[0019] The above and other features, advantages and aspects of the various embodiments of the present disclosure will become more apparent with reference to the following detailed description in conjunction with the accompanying drawings. Throughout the drawings, the same or similar reference numerals represent the same or similar elements. It should be understood that the drawings are schematic and that the originals and elements are not necessarily drawn to scale. In the drawings:
[0020] Figure 1 The figure is a flowchart of an interface management method provided according to an embodiment of the present disclosure.
[0021] Figure 2Ais a schematic diagram of a configuration interface provided according to an embodiment of the present disclosure.
[0022] Figure 2B is with Figure 2A Schematic diagram of the content delivery interface corresponding to the configuration of the configuration interface.
[0023] Figure 3 It is a block diagram of an interface management device provided according to an embodiment of the present disclosure.
[0024] Figure 4 A schematic structural diagram of an electronic device suitable for implementing the embodiments of the present disclosure is shown. DETAILED DESCRIPTION
[0025] The following describes embodiments of the present disclosure in more detail with reference to the accompanying drawings. Although certain embodiments of the present disclosure are shown in the accompanying drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as limited to the embodiments described herein. Rather, these embodiments are provided to provide a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are for illustrative purposes only and are not intended to limit the scope of protection of the present disclosure.
[0026] It should be understood that the various steps described in the method embodiments of the present disclosure may be performed in different orders and / or in parallel. In addition, the method embodiments may include additional steps and / or omit the steps shown. The scope of the present disclosure is not limited in this respect.
[0027] As used herein, the term "including" and its variations are open-ended, i.e., "including but not limited to." The term "based on" means "based, at least in part, on." The term "one embodiment" means "at least one embodiment," the term "another embodiment" means "at least one additional embodiment," and the term "some embodiments" means "at least some embodiments." Other terms are defined in the following description.
[0028] It should be noted that the concepts of "first" and "second" mentioned in this disclosure are only used to distinguish different devices, modules or units, and are not used to limit the order or interdependence of the functions performed by these devices, modules or units.
[0029] It should be noted that the modifications of "one" and "multiple" mentioned in the present disclosure are illustrative rather than restrictive, and those skilled in the art should understand that unless otherwise clearly indicated in the context, they should be understood as "one or more".
[0030] The names of the messages or information exchanged between multiple devices in the embodiments of the present disclosure are only used for illustrative purposes and are not used to limit the scope of these messages or information.
[0031] It is understandable that before using the technical solutions disclosed in the various embodiments of this disclosure, the type, scope of use, usage scenarios, etc. of the personal information involved in this disclosure should be informed to the user and the user's authorization should be obtained in an appropriate manner in accordance with relevant laws and regulations.
[0032] For example, in response to a user's active request, a prompt message is sent to the user to clearly inform the user that the operation requested will require the acquisition and use of the user's personal information. This allows the user to independently choose whether to provide personal information to the electronic device, application, server, storage medium, or other software or hardware that performs the operations of the disclosed technical solution based on the prompt message.
[0033] As an optional but non-limiting implementation, in response to receiving a user's active request, the prompt information may be sent to the user in the form of a pop-up window, in which the prompt information may be presented in text form. Furthermore, the pop-up window may also contain a selection control for the user to select "agree" or "disagree" to provide personal information to the electronic device.
[0034] It is understandable that the above notification and user authorization process are merely illustrative and do not limit the implementation of the present disclosure. Other methods that comply with relevant laws and regulations may also be applied to the implementation of the present disclosure.
[0035] At the same time, it is understandable that the data involved in this technical solution (including but not limited to the data itself, the acquisition or use of the data) must comply with the requirements of relevant laws, regulations and relevant provisions.
[0036] As described in the background technology, there are numerous content delivery locations, and the update and iteration speed is relatively fast. The solution to this problem in related technologies is usually to define each delivery location as an independent entity, thereby separately implementing the content delivery link corresponding to each delivery location (such as content inventory reservation, content material submission, etc.). However, as the platform business scale continues to expand, this solution will lead to a continuous decline in demand iteration efficiency, making it difficult to effectively manage the content delivery business. Based on this, the present disclosure provides the following embodiments.
[0037] Figure 1 As shown, it is a flow chart of an interface management method provided according to an embodiment of the present disclosure, as shown Figure 1 As shown, the method may include:
[0038] In step 11, in response to receiving the interface configuration instruction, the candidate components in the component library and the candidate attributes corresponding to the candidate components are displayed in the configuration interface, wherein each component in the component library is a component corresponding to the content delivery field, and the component includes the UI code corresponding to the content delivery field and the processing logic code corresponding to the content delivery field.
[0039] The interface configuration instruction may be an instruction triggered by the user in the configuration platform for performing interface configuration, such as clicking a button for creating a new interface in the configuration platform to trigger the interface configuration instruction.
[0040] The applicant's research has revealed that in the field of content delivery, there are a large number of different delivery locations or styles, but some content delivery fields are relatively universal. These universal content delivery fields can be referenced by interfaces under multiple delivery locations. Content delivery fields are fields used when delivering content in the configuration platform. In this embodiment, content delivery fields are encapsulated as components for unified management through a component library. Depending on the actual application scenario, a complete and independent content in the interface can be defined as a component. A component can contain one or multiple content delivery fields.
[0041] As an example, the content delivery field is the delivery time, which can correspond to a component. The component corresponding to the content delivery field can be used to set the delivery time. The candidate attribute corresponding to the candidate component can be a label representing whether the component is enabled, such as enabled, not enabled, etc., or it can be a value under the delivery time, such as 0:00-8:00, 8:00-12:00, 12:00-20:00, 20:00-24:00, with unlimited support.
[0042] As another example, a component may include multiple content delivery fields. For example, if the component is a landing page component, it may include multiple content delivery fields such as landing page type, landing page link, opening method, mini-program connection, etc.
[0043] In this embodiment, the component includes the UI code corresponding to the content delivery field and the processing logic code corresponding to the content delivery field. After selecting the corresponding component in the configuration interface, the front-end UI corresponding to the component can be displayed in the generated content delivery interface. At the same time, if the UI of the component is selected during the application process of the content delivery interface, the processing logic code corresponding to the component can be executed without manual code development, so as to improve the development efficiency of the interface and reduce labor costs.
[0044] In step 12, in response to receiving a selection operation from the user in the configuration interface, a target component corresponding to the content delivery interface to be configured and a target attribute corresponding to the target component are determined from the candidate components.
[0045] Among them, the candidate components and each candidate attribute under the candidate components can be displayed in the configuration interface, and the user can select from the candidate components and candidate attributes based on the actual application scenario and the requirements of the content delivery interface.
[0046] As an example, the content delivery interface needs to support the selection of the operating system of the delivery device, so the user can select the component corresponding to the delivery device operating system from the configuration interface, such as Figure 2A As shown, in a scenario, the content delivery interface allows content delivery to delivery devices with Android operating systems, then you can select the attribute value corresponding to Android in the candidate attributes, or you can allow no restrictions on the delivery device operating system, then you can select the attribute value corresponding to no restrictions, such as Figure 2A As shown in the black label. Figure 2B As shown, when a user delivers content, he or she can configure the requirements for the delivery device operating system in the content delivery interface, that is, he or she can choose not to be limited to any operating system, or only deliver content to devices with Android operating systems.
[0047] In step 13, a content delivery interface is generated according to the target component, target attribute, and the component sequence corresponding to the content delivery interface.
[0048] Among them, the component order corresponding to the content delivery interface can be pre-set according to the various components in the component library. For example, the component order can be set to delivery time, delivery area, and delivery device operating system. Then, the corresponding display position of each target component can be determined from the component order, and then rendered to generate the content delivery interface.
[0049] As an example, if some components in the component sequence are not targeted, then there is no need to display these components. If the target components are the delivery time and the delivery device operating system, then the display position of the delivery time is determined according to the component sequence, and the display position of the delivery device operating system is placed first. If the delivery region is not targeted, then it will not be displayed. The content delivery interface obtained in this embodiment is as follows: Figure 2B shown.
[0050] In the above technical solution, the UI code and processing logic code corresponding to the content delivery fields involved in content delivery are encapsulated as components and managed through a component library. Then, content delivery interfaces under different delivery locations can be generated through the configuration and combination of components. Therefore, when generating a new content delivery interface, it can be generated by selecting and configuring the existing components in the component library. On the one hand, it eliminates the need for users to write code for each content delivery interface, reduces development costs, improves component reusability, and provides support for the generation of diverse content delivery interfaces. In addition, if the component contains UI code and processing logic code, then when the content delivery interface is generated, the code corresponding to the content delivery interface can be automatically generated to ensure the availability of the generated content delivery interface.
[0051] In actual application scenarios, during the application process, the content delivery interface may need to be modified according to changes in demand. In the related art, it is necessary to manually traverse and modify each interface related to the updated part, which is costly and has a high risk of omissions, and is not convenient for dynamic interface updates. Based on this, the present disclosure provides the following embodiments.
[0052] In a possible embodiment, the method may further include:
[0053] An updated component to be updated in the component library is determined.
[0054] In the present disclosure, content delivery fields are encapsulated as corresponding components and stored in a component library. The content delivery interface is generated based on references to components in the component library. Therefore, in this embodiment, if the style of a content delivery field needs to be modified, the component corresponding to that content delivery field can be updated. For example, an update identifier can be added after a component is updated, and the updated component in the component library can be identified by the update identifier.
[0055] Afterwards, each content delivery interface to be updated that references the update component is updated based on the update component.
[0056] Among them, the content delivery interface is generated by referencing the components in the component library. In this embodiment, after the component is updated, the content delivery interface that references the component can reference the updated component, so that it can be displayed based on the updated component in the content delivery interface, thereby realizing automatic synchronous update of each content delivery interface to be updated that references the updated component.
[0057] For example, take a video component. Initially, the component contains three video sizes: A1, A2, and A3. Based on changes in business needs, the video sizes need to be updated, such as to A1, A2, and A4. Based on the above technical solution, the video sizes in the component can be updated to A1, A2, and A4, and the style of the video component in the content delivery interface that references the video component can be updated synchronously.
[0058] Therefore, through the above technical solution, when the interface needs to be updated based on business needs, the component corresponding to the corresponding content delivery field can be directly updated. In response to the update of the component, the various content delivery interfaces that reference the component can be automatically updated synchronously. On the one hand, there is no need to manually update the code of each content delivery interface, which saves the cost of manual changes while reducing the complexity and update scope of the interface update. At the same time, it can avoid missing some interfaces and ensure the consistency of the interface update.
[0059] In a possible embodiment, the method may further include:
[0060] In response to the delivery platform selected by the user in the configuration interface, the content delivery interface is associated with the delivery platform, wherein the content delivery interface is used to be displayed in the delivery platform associated with the content delivery interface.
[0061] Users can distribute their content to multiple distribution platforms, thereby increasing the reach of their content. For example, the content distribution process typically involves users pre-ordering inventory on the distribution platform and then submitting content to the platform to upload the content for distribution. The interfaces for pre-ordering inventory and submitting content on different distribution platforms can be the same or different.
[0062] In this embodiment, interfaces for inventory reservation and content submission on different delivery platforms can be configured through a unified configuration platform.
[0063] The following explanation is based on the example of delivering content in the opening screen. For example, the user can select the delivery platform corresponding to the interface he wants to configure in the configuration interface of the configuration platform. Taking the inventory reservation interface as an example, if the user can select the delivery platform P1, that is, to deliver content when the delivery platform P1 opens, then the target component and target attribute corresponding to the inventory reservation interface in the content delivery platform P1 can be determined based on the method described above to generate the inventory reservation interface. In this scenario, the inventory reservation interface can be used as the content delivery interface under the delivery platform P1. For example, the content delivery interface under the delivery platform P1 contains 4 target components.
[0064] Later, if the user wants to deliver content to the launch screen of delivery platform P2, they can select delivery platform P2. Similarly, the target components and target attributes corresponding to the inventory reservation interface of content delivery platform P2 can be determined based on the method described above to generate the inventory reservation interface. In this scenario, the inventory reservation interface can be used as the content delivery interface of delivery platform P2. For example, the content delivery interface of delivery platform P2 contains three target components.
[0065] Accordingly, if a user wants to deliver splash screen content on delivery platform P1, the content delivery interface of delivery platform P1 can be displayed to the user. That is, when the user makes an inventory reservation for splash screen content delivery on delivery platform P1, the content delivery interface of P1 can be displayed, i.e., the interface containing the four target components described above. If a user wants to deliver splash screen content on delivery platform P2, the content delivery interface of delivery platform P2 can be displayed to the user. That is, when the user makes an inventory reservation for splash screen content delivery on delivery platform P2, the content delivery interface of P2 can be displayed, i.e., the interface containing the three target components described above.
[0066] Therefore, for content delivery in the opening screen of the delivery platform, users can configure different content delivery interfaces corresponding to the delivery location in different delivery platforms, so as to achieve differentiated interface representation for the same delivery location in different delivery platforms, which is in line with the actual usage scenario, and is convenient for users to configure and improve the efficiency of interface generation.
[0067] In a possible embodiment, the content delivery interface includes an inventory reservation interface, which is an interface for configuring a delivery mode for delivering content, wherein the delivery mode can be used to represent directional configuration information of the content when it is delivered.
[0068] Accordingly, in response to receiving the interface configuration instruction, an exemplary implementation of displaying the candidate components in the component library and the candidate attributes corresponding to the candidate components in the configuration interface may include:
[0069] If the interface configuration instruction is a configuration instruction corresponding to the inventory reservation interface, candidate components corresponding to the fields associated with the delivery mode and candidate attributes corresponding to the candidate components are displayed in the configuration interface.
[0070] When triggering the interface configuration instruction, the user can also select the type of interface he wants to create. For example, the user can choose to create a new inventory reservation interface, thereby triggering the configuration instruction corresponding to the inventory reservation interface.
[0071] As an example, the components corresponding to interfaces of different functions usually have large differences. In order to facilitate the user's quick selection, the components corresponding to interfaces of different functions can be pre-set according to the actual application scenarios. For example, the fields involved in the settings in the inventory reservation interfaces of different platforms can be pre-set to the fields associated with the delivery mode, and the fields involved in the settings in the content submission interfaces under different platforms can be pre-set to the fields related to the content information. Based on this, if the interface configuration instruction is the configuration instruction corresponding to the inventory reservation interface, then when displaying components in the configuration interface, the candidate components corresponding to the fields associated with the delivery mode and the candidate attributes corresponding to the candidate components can be directly displayed. If the interface configuration instruction is the configuration instruction corresponding to the content submission interface, then the candidate components corresponding to the fields associated with the content information and the candidate attributes corresponding to the candidate components are displayed in the configuration interface.
[0072] Therefore, when a user configures a new interface, the user can quickly select the components he needs from the candidate components required for the interface. This not only provides the user with comprehensive components required to configure the interface, but also facilitates the user's quick selection and search of components, further improving the efficiency of interface generation.
[0073] In a possible embodiment, the content delivery interface includes a content submission interface, and the content submission interface is used to configure the delivery content after the delivery mode of the delivery content is configured through the inventory reservation interface. The configuration of the delivery content may correspond to at least one style.
[0074] As an example, this style is used to indicate the display form of the delivered content when it is delivered, such as entering the jump page corresponding to the delivered content by swiping up, or entering the jump page corresponding to the delivered content by shaking, etc. This style can be set according to actual delivery needs, and this disclosure does not limit this.
[0075] Accordingly, in the process of content delivery, the user can first configure the delivery mode of the delivered content through the inventory reservation interface to obtain the delivery mode corresponding to the delivered content, and then configure the delivered content, such as uploading the delivery content to be delivered, the jump page corresponding to the delivery content, and the delivery style, etc., so that the entire process of content delivery can be realized based on the inventory reservation interface and the content submission interface.
[0076] In response to receiving the interface configuration instruction, the implementation method of displaying the candidate components in the component library and the candidate attributes corresponding to the candidate components in the configuration interface may include:
[0077] If the interface configuration instruction is a configuration instruction corresponding to the content submission interface, a configuration style corresponding to the configuration instruction is obtained.
[0078] In this embodiment, the configuration platform can also provide a visual configuration interface to facilitate the configuration and maintenance of styles. For example, the styles corresponding to the delivered content can be pre-configured, and each style can include a combination of multiple components to represent the display form of a group of components. Among them, each style can be uniformly managed through a style library, which contains various single basic components and combination styles corresponding to multiple components to meet different configuration requirements. For example, if style 1 includes video components and image components, the content submission interface can support uploading videos and images, and the uploaded videos and images can be displayed when the content is delivered. If style 2 only includes video components, the content submission interface only supports uploading videos. When configuring the content delivery interface, the styles provided by the configuration platform can be introduced to achieve style loading and rendering. When the user submits content in the delivery platform, he or she can first select the style to submit content, so that the content delivery interface under the style is displayed for different styles for content submission.
[0079] As an example, the user may select a desired style in the configuration interface, and the style selected by the user may be used as the configuration style corresponding to the configuration instruction.
[0080] Afterwards, according to the configuration style, candidate components corresponding to the configuration style and candidate attributes corresponding to the candidate components are displayed in the configuration interface.
[0081] As shown above, each style can contain a combination of components. After determining the configuration style of the content submission interface, the components under the configuration style can be used as candidate components to be directly displayed in the configuration interface. This can not only meet the user's needs for content delivery configuration, but also avoid the problem of displaying too many components in the configuration interface and affecting user selection. At the same time, it can support the reuse of existing styles during the interface configuration process, avoid users from repeatedly configuring the same style, and save user operations.
[0082] In a possible embodiment, the components in the component library are determined in the following manner:
[0083] Identify the target content delivery fields to be packaged.
[0084] The target content delivery field that needs to be packaged as a component can be determined by analyzing actual business needs. For example, when configuring the delivery mode, the delivery time can be configured and selected, and the delivery time field can be used as the target content delivery field.
[0085] Obtain the UI code, processing logic code, and verification rule information corresponding to the target content delivery field.
[0086] Furthermore, code development can be performed based on the business requirements corresponding to the target content delivery field to obtain the corresponding UI code and processing logic code. The validation rule information can define the validation rules bound to the component, which can be set according to the attributes and functions of the content delivery field, and this disclosure does not limit this.
[0087] The UI code, the processing logic code and the verification rule information are encapsulated, and the configuration information of the encapsulated component is generated. The configuration information may include the verification rule information, model fields and the mapping relationship with the stored fields, which is used to represent the information required for the component to perform code conversion. When the component is selected and referenced by the content delivery interface, the configuration information of the component can be read, and the code to be generated can be described in a yaml file, the information in the yaml can be parsed, and a code template can be prefabricated in advance. By filling the information in the yaml into the code template, different forms of code can be automatically generated, and code can be generated based on the parsing of the yaml file to improve development efficiency. Code generation can be performed based on the code generation toolkit lib.
[0088] Moreover, through component-based configuration, the style and business logic can be decoupled, which improves the development efficiency and maintainability of the interface. At the same time, it can also support different interface configuration requirements and realize unified interface configuration in multiple scenarios.
[0089] In a possible embodiment, the method may further include:
[0090] In response to receiving a preview mode configuration instruction for a target style corresponding to the content delivery interface, target components and target attributes corresponding to the content delivery interface under the target style are displayed in a preview configuration interface.
[0091] Among them, in order to facilitate the display of content delivery to users, a preview function can be provided for users. Accordingly, in this embodiment, a preview mode configuration can be performed for the content delivery interface that opens the preview function for users. The preview mode configuration instruction can be triggered through the configuration interface.
[0092] The following is an example of the content submission interface corresponding to the opening screen content delivery. For example, the content submission interface may include styles C1 and C2, where style C1 contains 10 components and style C2 contains 8 components. If the user wants to configure the preview function for style C1, they can select style C1 in the configuration interface to configure the preview mode. Accordingly, the target components and target attributes corresponding to the target style C1 in the content delivery interface can be displayed in the preview configuration interface.
[0093] Then, in response to receiving a configuration operation of the user in the preview configuration interface, determining a preview component and a preview attribute corresponding to the preview component from the target component and the target attribute according to the configuration operation;
[0094] According to the preview component and the preview attribute, a preview interface corresponding to the content delivery interface in the target style is determined.
[0095] Among them, the preview interface is usually for intuitive display to users or to provide users with a trial, so that users can understand the effect of content delivery before delivering the content. As mentioned above, the content delivery interface contains 10 components under the target style. In order to allow users to pay as much attention as possible to the content delivery effect, the components in the content delivery interface can be filtered to retain the most relevant components of the target style and the final content delivery display in the preview mode. For example, under the style C1, there is a twisting special effect. The user can perform configuration operations in the preview configuration interface, and use the components related to the twisting special effect and the uploaded image as preview components and further determine the preview attributes, so as to determine the preview interface corresponding to the content delivery interface under the target style based on the preview components and the preview attributes.
[0096] Therefore, through the above technical solution, before content delivery, users can use the preview interface to understand the display effect of content delivery under the target style, so as to preview the display for users. At the same time, by reconfiguring the target style, a preview interface in preview mode can be obtained. The content delivery interface and its corresponding preview interface reference the same style. After the components under this style are updated, the content delivery interface and the preview interface can be updated synchronously, improving the consistency and comprehensiveness of interface management, facilitating subsequent upgrades and dimensions of the interface, and effectively reducing interface maintenance costs.
[0097] Based on the same inventive concept, the present disclosure also provides an interface management device, such as Figure 3 As shown, the device includes:
[0098] A first display module 100 is configured to display candidate components in a component library and candidate attributes corresponding to the candidate components in a configuration interface in response to receiving an interface configuration instruction, wherein each component in the component library corresponds to a content delivery field and includes UI code corresponding to the content delivery field and processing logic code corresponding to the content delivery field;
[0099] A first determining module 200 is configured to determine, in response to receiving a selection operation from a user in the configuration interface, a target component corresponding to the content delivery interface to be configured and a target attribute corresponding to the target component from the candidate components;
[0100] The generating module 300 is configured to generate the content delivery interface according to the target component, the target attribute, and the component sequence corresponding to the content delivery interface.
[0101] Optionally, the device further comprises:
[0102] A second determining module is used to determine the update component to be updated in the component library;
[0103] An updating module is configured to update, based on the updating component, each content delivery interface to be updated that references the updating component.
[0104] Optionally, the device further comprises:
[0105] The third determining module is configured to associate the content delivery interface with the delivery platform in response to the delivery platform selected by the user in the configuration interface, wherein the content delivery interface is configured to be displayed in the delivery platform associated with the content delivery interface.
[0106] Optionally, the content delivery interface includes an inventory reservation interface, and the inventory reservation interface is an interface for configuring a delivery mode for delivering content;
[0107] The first display module is further configured to:
[0108] If the interface configuration instruction is a configuration instruction corresponding to the inventory reservation interface, candidate components corresponding to the fields associated with the delivery mode and candidate attributes corresponding to the candidate components are displayed in the configuration interface.
[0109] Optionally, the content delivery interface includes a content submission interface, and the content submission interface is used to configure the delivery content after the delivery mode of the delivery content is configured through the inventory reservation interface;
[0110] The first display module includes:
[0111] An acquisition submodule, configured to acquire a configuration style corresponding to the configuration instruction if the interface configuration instruction is a configuration instruction corresponding to the content submission interface;
[0112] The display submodule is used to display candidate components corresponding to the configuration style and candidate attributes corresponding to the candidate components in the configuration interface according to the configuration style.
[0113] Optionally, the components in the component library are determined in the following manner:
[0114] Determine the target content delivery field to be encapsulated;
[0115] Obtaining UI code, processing logic code, and verification rule information corresponding to the target content delivery field;
[0116] The UI code, the processing logic code and the verification rule information are encapsulated, and configuration information of the encapsulated component is generated.
[0117] Optionally, the device further comprises:
[0118] a second display module configured to, in response to receiving a preview mode configuration instruction for a target style corresponding to the content delivery interface, display the target components and target attributes corresponding to the content delivery interface under the target style in a preview configuration interface;
[0119] a fourth determining module, configured to, in response to receiving a configuration operation of the user in the preview configuration interface, determine a preview component and a preview attribute corresponding to the preview component from the target component and the target attribute according to the configuration operation;
[0120] The fifth determining module is configured to determine the preview interface corresponding to the content delivery interface in the target style according to the preview component and the preview attribute.
[0121] Reference below Figure 4 , which shows a schematic structural diagram of an electronic device (e.g., a terminal device or a server) 600 suitable for implementing the embodiments of the present disclosure. The terminal device in the embodiments of the present disclosure may include, but is not limited to, mobile terminals such as mobile phones, laptop computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), in-vehicle terminals (e.g., in-vehicle navigation terminals), and fixed terminals such as digital TVs and desktop computers. Figure 4 The electronic device shown is only an example and should not limit the functions and scope of use of the embodiments of the present disclosure.
[0122] like Figure 4 As shown, the electronic device 600 may include a processing device (e.g., a central processing unit, a graphics processing unit, etc.) 601, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 602 or a program loaded from a storage device 608 into a random access memory (RAM) 603. Various programs and data required for the operation of the electronic device 600 are also stored in the RAM 603. The processing device 601, the ROM 602, and the RAM 603 are connected to each other via a bus 604. An input / output (I / O) interface 605 is also connected to the bus 604.
[0123] Typically, the following devices may be connected to the I / O interface 605: an input device 606 including, for example, a touch screen, a touchpad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; an output device 607 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; a storage device 608 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 609. The communication device 609 may allow the electronic device 600 to communicate with other devices wirelessly or by wire to exchange data. Although Figure 4 The electronic device 600 is shown with various devices, but it should be understood that it is not required to implement or possess all of the devices shown. More or fewer devices may be implemented or possessed instead.
[0124] In particular, according to an embodiment of the present disclosure, the process described above with reference to the flowchart can be implemented as a computer software program. For example, an embodiment of the present disclosure includes a computer program product, which includes a computer program carried on a non-transitory computer-readable medium, and the computer program includes a program code for executing the method shown in the flowchart. In such an embodiment, the computer program can be downloaded and installed from the network through the communication device 609, or installed from the storage device 608, or installed from the ROM 602. When the computer program is executed by the processing device 601, the above-mentioned functions defined in the method of the embodiment of the present disclosure are performed.
[0125] It should be noted that the computer-readable medium mentioned above in the present disclosure may be a computer-readable signal medium or a computer-readable storage medium, or any combination of the two. A computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or component, or any combination of the above. More specific examples of computer-readable storage media may include, but are not limited to: an electrical connection with one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present disclosure, a computer-readable storage medium may be any tangible medium that contains or stores a program that can be used by or in conjunction with an instruction execution system, device, or component. In the present disclosure, a computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave, which carries computer-readable program code. Such a propagated data signal may take a variety of forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the above. A computer-readable signal medium may also be any computer-readable medium other than a computer-readable storage medium that can transmit, propagate, or transport a program for use by or in conjunction with an instruction execution system, apparatus, or device. The program code contained on the computer-readable medium may be transmitted using any suitable medium, including but not limited to wires, optical cables, RF (radio frequency), etc., or any suitable combination thereof.
[0126] In some embodiments, the client and server can communicate using any currently known or future developed network protocol, such as HTTP (HyperText Transfer Protocol), and can be interconnected with any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), an internet (e.g., the Internet), and a peer-to-peer network (e.g., an ad hoc peer-to-peer network), as well as any currently known or future developed network.
[0127] The computer-readable medium may be included in the electronic device, or may exist independently without being incorporated into the electronic device.
[0128] The above-mentioned computer-readable medium carries one or more programs. When the above-mentioned one or more programs are executed by the electronic device, the electronic device: in response to receiving an interface configuration instruction, displays candidate components in the component library and candidate attributes corresponding to the candidate components in the configuration interface, wherein each component in the component library is a component corresponding to a content delivery field, and the component includes a UI code corresponding to the content delivery field and a processing logic code corresponding to the content delivery field; in response to receiving a user's selection operation in the configuration interface, determines the target component corresponding to the content delivery interface to be configured from the candidate components, and the target attribute corresponding to the target component; and generates the content delivery interface according to the target component, the target attribute and the component order corresponding to the content delivery interface.
[0129] Computer program code for performing the operations of the present disclosure may be written in one or more programming languages, or a combination thereof, including, but not limited to, object-oriented programming languages such as Java, Smalltalk, C++, and conventional procedural programming languages such as "C" or similar programming languages. The program code may be executed entirely on the user's computer, partially on the user's computer, as a stand-alone software package, partially on the user's computer and partially on a remote computer, or entirely on the remote computer or server. In cases involving a remote computer, the remote computer may be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., through the Internet using an Internet service provider).
[0130] The flowcharts and block diagrams in the accompanying drawings illustrate the possible implementation architecture, functions and operations of the systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each box in the flowchart or block diagram can represent a module, program segment, or a part of code, and the module, program segment, or a part of code contains one or more executable instructions for realizing the specified logical function. It should also be noted that in some alternative implementations, the functions marked in the box can also occur in a different order than that marked in the accompanying drawings. For example, two boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each box in the block diagram and / or flowchart, and the combination of the boxes in the block diagram and / or flowchart, can be implemented with a dedicated hardware-based system that performs the specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.
[0131] The modules described in the embodiments of the present disclosure may be implemented in software or hardware. The name of a module does not, in some cases, limit the module itself. For example, the first display module may also be described as "a module that, in response to receiving an interface configuration instruction, displays candidate components in a component library and candidate attributes corresponding to the candidate components in a configuration interface."
[0132] The functions described above herein may be performed, at least in part, by one or more hardware logic components. For example, and without limitation, exemplary types of hardware logic components that may be used include: field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chip (SOCs), complex programmable logic devices (CPLDs), and the like.
[0133] In the context of the present disclosure, a machine-readable medium can be a tangible medium that can contain or store a program for use by or in conjunction with an instruction execution system, device or equipment. A machine-readable medium can be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium can include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or equipment, or any suitable combination of the foregoing. A more specific example of a machine-readable storage medium can include an electrical connection based on one or more lines, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
[0134] According to one or more embodiments of the present disclosure, Example 1 provides an interface management method, wherein the method includes:
[0135] In response to receiving the interface configuration instruction, displaying candidate components in the component library and candidate attributes corresponding to the candidate components in the configuration interface, wherein each component in the component library is a component corresponding to a content delivery field, and the component includes UI code corresponding to the content delivery field and processing logic code corresponding to the content delivery field;
[0136] In response to receiving a selection operation by the user in the configuration interface, determining a target component corresponding to the content delivery interface to be configured and a target attribute corresponding to the target component from the candidate components;
[0137] The content delivery interface is generated according to the target component, the target attribute, and the component sequence corresponding to the content delivery interface.
[0138] According to one or more embodiments of the present disclosure, Example 2 provides the method of Example 1, wherein the method further includes:
[0139] Determining an update component to be updated in the component library;
[0140] Based on the update component, each content delivery interface to be updated that references the update component is updated.
[0141] According to one or more embodiments of the present disclosure, Example 3 provides the method of Example 1, wherein the method further includes:
[0142] In response to the delivery platform selected by the user in the configuration interface, the content delivery interface is associated with the delivery platform, wherein the content delivery interface is used to be displayed in the delivery platform associated with the content delivery interface.
[0143] According to one or more embodiments of the present disclosure, Example 4 provides the method of Example 1, wherein the content delivery interface includes an inventory reservation interface, the inventory reservation interface being an interface for configuring a delivery mode for delivering content;
[0144] The step of displaying, in response to receiving the interface configuration instruction, candidate components in the component library and candidate attributes corresponding to the candidate components in the configuration interface includes:
[0145] If the interface configuration instruction is a configuration instruction corresponding to the inventory reservation interface, candidate components corresponding to the fields associated with the delivery mode and candidate attributes corresponding to the candidate components are displayed in the configuration interface.
[0146] According to one or more embodiments of the present disclosure, Example 5 provides the method of Example 4, wherein the content delivery interface includes a content submission interface, the content submission interface being used to configure the delivery content after the delivery mode of the delivery content is configured through the inventory reservation interface;
[0147] The step of displaying, in response to receiving the interface configuration instruction, candidate components in the component library and candidate attributes corresponding to the candidate components in the configuration interface includes:
[0148] If the interface configuration instruction is a configuration instruction corresponding to the content submission interface, obtain a configuration style corresponding to the configuration instruction;
[0149] According to the configuration style, candidate components corresponding to the configuration style and candidate attributes corresponding to the candidate components are displayed in the configuration interface.
[0150] According to one or more embodiments of the present disclosure, Example 6 provides the method of Example 1, wherein the components in the component library are determined in the following manner:
[0151] Determine the target content delivery field to be encapsulated;
[0152] Obtaining UI code, processing logic code, and verification rule information corresponding to the target content delivery field;
[0153] The UI code, the processing logic code and the verification rule information are encapsulated, and configuration information of the encapsulated component is generated.
[0154] According to one or more embodiments of the present disclosure, Example 7 provides the method of Example 1, wherein the method further includes:
[0155] In response to receiving a preview mode configuration instruction for a target style corresponding to the content delivery interface, displaying target components and target attributes corresponding to the content delivery interface under the target style in a preview configuration interface;
[0156] In response to receiving a configuration operation of the user in the preview configuration interface, determining a preview component and a preview attribute corresponding to the preview component from the target component and the target attribute according to the configuration operation;
[0157] According to the preview component and the preview attribute, a preview interface corresponding to the content delivery interface in the target style is determined.
[0158] According to one or more embodiments of the present disclosure, Example 8 provides an interface management device, the device including:
[0159] A first display module is configured to display candidate components in a component library and candidate attributes corresponding to the candidate components in a configuration interface in response to receiving an interface configuration instruction, wherein each component in the component library is a component corresponding to a content delivery field, and the component includes UI code corresponding to the content delivery field and processing logic code corresponding to the content delivery field;
[0160] A first determining module is configured to determine, in response to receiving a selection operation by the user in the configuration interface, a target component corresponding to the content delivery interface to be configured and a target attribute corresponding to the target component from the candidate components;
[0161] A generating module is used to generate the content delivery interface according to the target component, the target attribute and the component sequence corresponding to the content delivery interface.
[0162] According to one or more embodiments of the present disclosure, Example 9 provides a computer-readable medium having a computer program stored thereon, which implements the steps of the method described in any one of Examples 1-7 when executed by a processing device.
[0163] According to one or more embodiments of the present disclosure, Example 10 provides an electronic device, including:
[0164] a storage device having a computer program stored thereon;
[0165] A processing device is used to execute the computer program in the storage device to implement the steps of the method described in any one of Examples 1-7.
[0166] The above description is merely a preferred embodiment of the present disclosure and an illustration of the technical principles employed. Those skilled in the art should understand that the scope of disclosure involved in the present disclosure is not limited to the technical solutions formed by the specific combination of the above-mentioned technical features, but also includes other technical solutions formed by any combination of the above-mentioned technical features or their equivalents without departing from the above-mentioned disclosed concepts. For example, a technical solution formed by replacing the above-mentioned features with (but not limited to) technical features with similar functions disclosed in this disclosure.
[0167] In addition, although each operation is described in a specific order, this should not be understood as requiring these operations to be performed in the specific order shown or in a sequential order. Under certain circumstances, multitasking and parallel processing may be advantageous. Similarly, although some specific implementation details have been included in the above discussion, these should not be interpreted as limiting the scope of the present disclosure. Some features described in the context of a separate embodiment can also be implemented in a single embodiment in combination. On the contrary, the various features described in the context of a single embodiment can also be implemented in multiple embodiments individually or in any suitable sub-combination mode.
[0168] Although the subject matter has been described using language specific to structural features and / or methodological logical acts, it should be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or acts described above. Rather, the specific features and acts described above are merely example forms of implementing the claims. Regarding the apparatus in the above-described embodiments, the specific manner in which each module performs operations has been described in detail in the embodiments related to the method and will not be elaborated upon here.
Claims
1. An interface management method, characterized in that: The method comprises: In response to receiving the interface configuration instruction, displaying candidate components in the component library and candidate attributes corresponding to the candidate components in the configuration interface, wherein each component in the component library is a component corresponding to a content delivery field, and the component includes a UI code corresponding to the content delivery field and a processing logic code corresponding to the content delivery field; In response to receiving a selection operation of the user in the configuration interface, determining a target component corresponding to the content delivery interface to be configured and a target attribute corresponding to the target component from the candidate components; The content delivery interface is generated according to the target component, the target attribute, and the component sequence corresponding to the content delivery interface.
2. The method according to claim 1, characterized in that The method further comprises: Determine an update component to be updated in the component library; Based on the update component, each to-be-updated content delivery interface that references the update component is updated.
3. The method according to claim 1, characterized in that The method further comprises: In response to the delivery platform selected by the user in the configuration interface, the content delivery interface is associated with the delivery platform, wherein the content delivery interface is used to be displayed in the delivery platform associated with the content delivery interface.
4. The method according to claim 1, characterized in that: The content delivery interface includes an inventory reservation interface, and the inventory reservation interface is an interface for configuring a delivery mode of delivered content; In response to receiving the interface configuration instruction, displaying the candidate components in the component library and the candidate attributes corresponding to the candidate components in the configuration interface includes: If the interface configuration instruction is a configuration instruction corresponding to the inventory reservation interface, the candidate components corresponding to the fields associated with the delivery mode and the candidate attributes corresponding to the candidate components are displayed in the configuration interface.
5. The method according to claim 4, characterized in that The content delivery interface includes a content submission interface, and the content submission interface is used to configure the delivery content after the delivery mode of the delivery content is configured through the inventory reservation interface; In response to receiving the interface configuration instruction, displaying the candidate components in the component library and the candidate attributes corresponding to the candidate components in the configuration interface includes: If the interface configuration instruction is a configuration instruction corresponding to the content submission interface, obtaining a configuration style corresponding to the configuration instruction; According to the configuration style, candidate components corresponding to the configuration style and candidate attributes corresponding to the candidate components are displayed in the configuration interface.
6. The method according to claim 1, characterized in that The components in the component library are determined in the following way: Determine the target content delivery field to be packaged; Obtaining UI code, processing logic code and verification rule information corresponding to the target content delivery field; The UI code, the processing logic code and the verification rule information are encapsulated, and configuration information of the encapsulated component is generated.
7. The method according to claim 1, characterized in that The method further comprises: In response to receiving a preview mode configuration instruction for a target style corresponding to the content delivery interface, displaying a target component and a target attribute corresponding to the content delivery interface under the target style in a preview configuration interface; In response to receiving a configuration operation of the user in the preview configuration interface, determining a preview component and a preview attribute corresponding to the preview component from the target component and the target attribute according to the configuration operation; According to the preview component and the preview attribute, a preview interface corresponding to the content delivery interface in the target style is determined.
8. An interface management device, characterized in that: The device comprises: A first display module, configured to display candidate components in a component library and candidate attributes corresponding to the candidate components in a configuration interface in response to receiving an interface configuration instruction, wherein each component in the component library is a component corresponding to a content delivery field, and the component includes a UI code corresponding to the content delivery field and a processing logic code corresponding to the content delivery field; A first determination module, configured to determine, in response to receiving a selection operation of a user in the configuration interface, a target component corresponding to the content delivery interface to be configured from the candidate components, and a target attribute corresponding to the target component; A generation module is used to generate the content delivery interface according to the target component, the target attribute and the component sequence corresponding to the content delivery interface.
9. A computer readable medium having a computer program stored thereon, characterized in that: When the program is executed by a processing device, the steps of the method described in any one of claims 1 to 7 are implemented.
10. An electronic device, characterized in that: include: a storage device having a computer program stored thereon; A processing device, configured to execute the computer program in the storage device to implement the steps of the method according to any one of claims 1 to 7.