Method and device for displaying activity configuration effect

Abstract

The invention discloses an activity configuration effect display method and device, and relates to the technical field of computers. A specific embodiment of the method comprises the following steps: in response to an activity configuration request, embedding a front-end page into a preview area of an activity configuration page according to a preset preview address of the front-end page; and in response to detecting that the activity configuration is performed in the configuration area of the activity configuration page, sending the configured tab data to the front-end page, so that the front-end page displays the activity effect in the preview area of the activity configuration page according to the tab data. According to the embodiment, the front-end page is embedded into the activity configuration page, and the activity effect is previewed in real time when the activity is configured, so that the time and workload of an operator for configuring the activity are reduced, and the activity configuration efficiency is improved; and moreover, the front-end page does not need to be subjected to code writing again, so that the code development workload is reduced, and the activity configuration efficiency is further improved.

Description

Technical Field

[0001] The present invention relates to the field of computer technology, and in particular, to a method and device for displaying the effect of activity configuration. Background Art

[0002] When an operator configures an activity on the operation side and wants to view the front-end display effect, they need to view the front-end effect of the current activity by scanning a QR code with a mobile phone after the configuration is completed and saved, or write simple front-end page code on the activity configuration page of the operation side to view the effect.

[0003] In the process of implementing the present invention, the inventors found that there are at least the following problems in the prior art:

[0004] The method of previewing the front-end display effect by scanning the QR code cannot preview the activity configuration effect in real time. The multiple configuration processes are cumbersome, wasting time and manpower, and the activity configuration efficiency is low; the method of viewing the effect by writing simple front-end page code on the operation side requires rewriting the code when there are changes in the front-end page style or activity configuration. The code cannot be reused, increasing the development workload, wasting time and manpower, and the activity configuration efficiency is low. Summary of the Invention

[0005] In view of this, embodiments of the present invention provide a method and device for displaying the effect of activity configuration, which can embed the front-end page into the activity configuration page to realize real-time preview of the activity effect during activity configuration, thereby reducing the time and workload of the operator for configuring the activity and improving the activity configuration efficiency; and, there is no need to write code for the front-end page again, reducing the code development workload and further improving the activity configuration efficiency.

[0006] To achieve the above object, according to one aspect of the embodiments of the present invention, a method for displaying the effect of activity configuration is provided, including:

[0007] In response to an activity configuration request, embed the front-end page into the preview area of the activity configuration page according to the preview address of the front-end page set in advance;

[0008] In response to detecting activity configuration in the configuration area of the activity configuration page, send the configured tab data to the front-end page, so that the front-end page displays the activity effect in the preview area of the activity configuration page according to the tab data.

[0009] Optionally, embedding the front-end page into the preview area of the activity configuration page according to the preview address of the front-end page set in advance includes: embedding the front-end page into the preview area of the activity configuration page by means of embedding an inline frame according to the preview address of the front-end page set in advance.

[0010] Optionally, before embedding the front-end page into the preview area of the activity configuration page according to the preview address of the front-end page set in advance, it further includes: creating a tab corresponding to the activity and configuration items under each tab according to the activity configuration information, and setting the preview address of the front-end page.

[0011] Optionally, after embedding the front-end page into the preview area of the activity configuration page according to the preview address of the front-end page set in advance, it further includes: obtaining the front-end interface name corresponding to the front-end page; sending the configured tab data to the front-end page, including: encapsulating the configured tab data into a tab data message with the front-end interface name as the key name and the tab data as the key value, and sending the tab data message to the front-end page by means of message push, so that the front-end page receives the tab data message by receiving the message and unpacks the tab data message to obtain the tab data.

[0012] Optionally, enabling the front-end page to display the activity effect in the preview area of the activity configuration page according to the tab data includes: enabling the front-end page to determine whether the front-end page is an embedded page in the interface request layer; in the case where the front-end page is an embedded page, obtaining the tab data by matching the front-end interface name, and displaying the activity effect in the preview area of the activity configuration page according to the tab data.

[0013] Optionally, displaying the activity effect in the preview area of the activity configuration page according to the tab data includes: judging whether to process the tab data according to the display logic of the front-end page; in the case where the tab data needs to be processed, obtaining the tab data processing logic from the display logic of the front-end page, processing the tab data according to the tab data processing logic, and displaying the activity effect in the preview area of the activity configuration page according to the processed tab data, wherein the tab data processing logic is encapsulated as a common method for implementation.

[0014] Optionally, before obtaining the tab data by matching the front-end interface name, it further includes: requesting a content delivery network link in the interface request layer of the front-end page, where the content delivery network link is used for cross-domain processing; and confirming that the content delivery network link has been successfully established.

[0015] According to another aspect of the embodiments of the present invention, there is provided a display device for activity configuration effects, including:

[0016] A page embedding module, configured to, in response to an activity configuration request, embed the front-end page into the preview area of the activity configuration page according to the preview address of the front-end page set in advance;

[0017] An effect display module, configured to send the configured tab data to the front-end page in response to detecting that an activity configuration is performed in the configuration area of the activity configuration page, so that the front-end page displays the activity effect in the preview area of the activity configuration page according to the tab data.

[0018] According to another aspect of an embodiment of the present invention, an electronic device is provided, including: one or more processors; a storage device for storing one or more programs, which when executed by the one or more processors, cause the one or more processors to implement the method for displaying the activity configuration effect provided by the embodiments of the present invention.

[0019] According to still another aspect of an embodiment of the present invention, a computer-readable medium is provided, on which a computer program is stored, and when the program is executed by a processor, the method for displaying the activity configuration effect provided by the embodiments of the present invention is implemented.

[0020] One embodiment of the above invention has the following advantages or beneficial effects: by responding to an activity configuration request, embedding the front-end page into the preview area of the activity configuration page according to the pre-set preview address of the front-end page; and in response to detecting that an activity configuration is performed in the configuration area of the activity configuration page, sending the configured tab data to the front-end page, so that the front-end page displays the activity effect in the preview area of the activity configuration page. Through the technical solution of embedding the front-end page into the activity configuration page, real-time preview of the activity effect during activity configuration is achieved, thereby reducing the time and workload of the operation staff for activity configuration and improving the activity configuration efficiency; moreover, there is no need to write code for the front-end page again, reducing the code development workload and further improving the activity configuration efficiency.

[0021] The further effects of the above non-conventional optional manner will be described in conjunction with the specific embodiments below. BRIEF DESCRIPTION OF THE DRAWINGS

[0022] The drawings are used to better understand the present invention and do not constitute an improper limitation to the present invention. Among them:

[0023] Figure 1 is a schematic diagram of the main steps of the method for displaying the activity configuration effect according to an embodiment of the present invention;

[0024] Figure 2 is a schematic diagram of the principle of the activity configuration effect display according to an embodiment of the present invention;

[0025] Figure 3 is a schematic diagram of the main modules of the device for displaying the activity configuration effect according to an embodiment of the present invention;

[0026] Figure 4 is an exemplary system architecture diagram to which the embodiments of the present invention can be applied;

[0027] Figure 5 is a schematic structural diagram of a computer system of a terminal device or a server suitable for implementing the embodiments of the present invention. Detailed implementation manners

[0028] The following describes exemplary embodiments of the present invention with reference to the accompanying drawings. Various details of the embodiments of the present invention are included to facilitate understanding, and they should be considered merely exemplary. Therefore, those of ordinary skill in the art should recognize that various changes and modifications can be made to the embodiments described herein without departing from the scope and spirit of the present invention. Similarly, for clarity and conciseness, descriptions of well-known functions and structures are omitted in the following.

[0029] It should be noted that in the technical solutions disclosed in the present invention, in terms of the collection, gathering, update, analysis, processing, use, transmission, storage, etc. of user personal information, they all comply with the provisions of relevant laws and regulations, are used for legal purposes, and do not violate public order and good customs. Necessary measures are taken for user personal information to prevent illegal access to user personal information data, and to safeguard the security of user personal information, network security, and national security.

[0030] To solve the technical problems existing in the prior art, the present invention provides a method for displaying the effect of activity configuration, which can enable an operator to configure an activity and visually preview the activity effect in real time on the activity configuration page; reduce the time and workload of the operator for configuring the activity; realize the reuse of a set of codes at both ends, improve the high reuse of the codes; and reduce the code development amount of developers.

[0031] Figure 1 is a schematic diagram of the main steps of the method for displaying the effect of activity configuration according to the embodiments of the present invention. As Figure 1 shown, the method for displaying the effect of activity configuration according to the embodiments of the present invention mainly includes the following steps S101 to step S102.

[0032] Step S101: In response to an activity configuration request, embed the front-end page into the preview area of the activity configuration page according to the preview address of the pre-set front-end page. According to the embodiments of the present invention, in order to facilitate real-time preview of the activity configuration effect during activity configuration and without the need to build the code of the front-end page, in the embodiments of the present invention, the front-end page to be previewed is directly embedded into the activity configuration page, and the activity configuration page is divided into a configuration area and a preview area, so that the real-time display of the configuration effect can be performed while the activity is being configured.

[0033] According to an embodiment of the present invention, embedding the front-end page into the preview area of the activity configuration page according to the pre-set preview address of the front-end page may specifically include: embedding the front-end page into the preview area of the activity configuration page by means of embedding an inline frame according to the pre-set preview address of the front-end page. When embedding the front-end page into the activity configuration page, specifically, it may be implemented by embedding an iframe. An iframe is an HTML tag, which serves as a document within a document or a floating frame. The iframe element creates an inline frame (i.e., a row-level frame) containing another document.

[0034] According to an embodiment of the present invention, before embedding the front-end page into the preview area of the activity configuration page according to the pre-set preview address of the front-end page, it may further include: creating a tab corresponding to the activity and configuration items under each tab according to the activity configuration information, and setting the preview address of the front-end page. Before performing the activity configuration, it is also possible to first create an activity template. Specifically, when creating the template, tabs corresponding to the activity and configuration items under each tab are created in the template. At the same time, the preview address of the front-end page needs to be set to facilitate embedding the front-end page into the activity configuration page according to this preview address. Among them, when configuring the tabs, the configured tabs include, for example, activity resource configuration, prize right configuration, task configuration, front-end page display configuration, and so on. For each tab, there may be one or more configuration items. Taking the front-end page display configuration tab as an example, its included configuration items include, for example, custom UI (User Interface) style configuration, UI style color configuration, template type, and so on.

[0035] After the activity template is created, the activity configuration can be performed according to the activity template.

[0036] Figure 2 It is a schematic diagram showing the principle of the activity configuration effect display in an embodiment of the present invention. As Figure 2 shown, in the embodiment of the present invention, when performing the activity configuration, the front-end (i.e., the C end in the figure) page can be embedded into the activity configuration page by embedding an iframe, such as the preview area on the left side of the activity configuration page shown in the figure. The operation end can perform the activity configuration through the configuration area on the right side of the activity configuration page, and display the effect after the activity configuration in the preview area on the left side.

[0037] Step S102: In response to detecting that the activity configuration is performed in the configuration area of the activity configuration page, send the configured tab data to the front-end page, so that the front-end page displays the activity effect in the preview area of the activity configuration page according to the tab data.

[0038] In an embodiment of the present invention, after the operation end configures an activity in the configuration area of the activity configuration page, the data management layer of the operation end will store and maintain all the tab data configured uniformly, and update the tab data maintained in the data management layer in real time after each change in the tab configuration item. Specifically, it is possible to set up monitoring for changes in tab data. When it is detected that there is a change in tab data, the changed tab data can be directly sent to the data management layer for tab data update. After each update of the tab data by the data management layer, the tab data is encapsulated into a tab data message with the front-end interface name corresponding to the front-end page as the key name key and the tab data as the key value value, and then the tab data message is uniformly dispatched to the front end by means of postMessage. postMessage: used to solve cross-page communication or communication between different pages nested by iframes. postMessage is the way for the sender to send messages, and onmessage is the way for the receiver to receive messages.

[0039] According to an embodiment of the present invention, after embedding the front-end page into the preview area of the activity configuration page according to the pre-set preview address of the front-end page, it may further include: obtaining the front-end interface name corresponding to the front-end page. After embedding the front-end page into the preview area of the activity configuration page, relevant information about the access interface corresponding to the front-end page can be obtained, such as including the front-end interface name, the data format received by the front-end interface, etc.

[0040] According to an embodiment of the present invention, sending the configured tab data to the front-end page may specifically include: encapsulating the configured tab data into a tab data message with the front-end interface name as the key name and the tab data as the key value, and sending the tab data message to the front-end page by means of message push, so that the front-end page receives the tab data message by receiving the message and unpacks the tab data message to obtain the tab data.

[0041] In an embodiment of the present invention, since the data structures of the static resource interface and the task interface are fixed and unchanged, the configured data can be directly dispatched to the front end; for other interfaces, since the data structures returned by each activity are inconsistent, separate processing is required. Here, the activity front-end display interface data under this template needs to be processed well and dispatched to the front end with the template number as the unique identifier (multiple activities of this template can be configured for each template).

[0042] The front end receives the tab data of the activity configuration dispatched by the operation end through onmessage. After the front end receives the tab data message, it unpacks the tab data message to obtain the tab data. Subsequently, the activity effect can be displayed based on the tab data. After the front end receives the tab data message, a page access request for the front-end page will be generated to request the display of the front-end page.

[0043] According to an embodiment of the present invention, enabling the front-end page to display the activity effect in the preview area of the activity configuration page based on the tab data may specifically include: enabling the front-end page to determine in the interface request layer whether the front-end page is an embedded page; in the case where the front-end page is an embedded page, obtaining the tab data by matching the front-end interface name, and displaying the activity effect in the preview area of the activity configuration page according to the tab data. According to an embodiment of the present invention, after the front end receives the tab data dispatched by the operation end, it needs to first determine in the interface request layer of the front end whether the front-end page is in the iframe environment. If it is in the iframe environment, the corresponding tab data is obtained by matching the front-end interface name, and the activity effect is displayed in the preview area of the activity configuration page according to the tab data; if it is not in the iframe environment, the front-end page will obtain the page display data from the server corresponding to the front-end page according to the received page access request, and perform the front-end page display according to the page display data. In the embodiment of the present invention, the front end will set a whitelist, which stores the interface names that need to intercept the page display data obtained from the server and replace it with the tab data. When the front-end page determines that it is in the iframe environment, it will intercept the page display data returned by the server in the interface request layer, and determine whether the request interface of the page access request is a preset interface that needs to perform data replacement according to the whitelist. If so, the page display data provided by the server returned by the interface request layer is directly replaced with the tab data, so as to display the activity effect in the preview area of the activity configuration page according to the tab data.

[0044] According to an embodiment of the present invention, displaying the activity effect in the preview area of the activity configuration page according to the tab data may specifically include: determining whether to process the tab data according to the display logic of the front-end page; in the case where the tab data needs to be processed, obtaining the tab data processing logic from the display logic of the front-end page, and processing the tab data according to the tab data processing logic, and displaying the activity effect in the preview area of the activity configuration page according to the processed tab data, wherein the tab data processing logic is encapsulated as a public method for implementation. Specifically, a method can be defined. After the return result of the front-end interface request, the interface data is passed into the method by passing parameters, and the data is uniformly processed into the data structure required for page display in the method.

[0045] According to one embodiment of the present invention, before obtaining the tab data by matching the front-end interface name, it may further include: requesting a content delivery network link at the interface request layer of the front-end page, where the content delivery network link is used for cross-domain processing; and confirming that the content delivery network link has been successfully established. Since the page protocols of the front-end page and the activity configuration page of the operation end are different, there will be a cross-domain problem. Therefore, when the front-end page displays the activity effect in the preview area of the activity configuration page according to the tab data, a content delivery network CDN (Content Delivery Network) link will be requested first at the interface request layer. Since the CDN link has been processed for cross-domain, it can be passed through the request. After the request is successful, the value corresponding to its interface name (tab data) is returned.

[0046] According to the above steps S101 and S102, by embedding the front-end page into the activity configuration page, real-time preview of the activity effect can be achieved during activity configuration, thereby reducing the time and workload of the operation staff for activity configuration and improving the activity configuration efficiency; moreover, there is no need to write code for the front-end page again, reducing the code development workload and further improving the activity configuration efficiency.

[0047] Figure 3 is a schematic diagram of the main modules of the display device for the activity configuration effect according to the embodiment of the present invention. As Figure 3 shown, the display device 300 for the activity configuration effect according to the embodiment of the present invention mainly includes a page embedding module 301 and an effect display module 302.

[0048] The page embedding module 301 is configured to, in response to an activity configuration request, embed the front-end page into the preview area of the activity configuration page according to the preview address of the pre-set front-end page;

[0049] The effect display module 302 is configured to, in response to detecting that an activity is configured in the configuration area of the activity configuration page, send the configured tab data to the front-end page, so that the front-end page displays the activity effect in the preview area of the activity configuration page according to the tab data.

[0050] According to one embodiment of the present invention, the page embedding module 301 may further be configured to: embed the front-end page into the preview area of the activity configuration page in a manner of embedding an inline frame according to the preview address of the pre-set front-end page.

[0051] According to another embodiment of the present invention, the display device 300 for the active configuration effect may further include a template creation module (not shown in the figure), which is used for: before embedding the front-end page into the preview area of the active configuration page according to the preview address of the front-end page set in advance, creating a tab corresponding to the activity and configuration items under each tab according to the active configuration information, and setting the preview address of the front-end page.

[0052] According to still another embodiment of the present invention, the page embedding module 301 may further be used for: after embedding the front-end page into the preview area of the active configuration page according to the preview address of the front-end page set in advance, obtaining the front-end interface name corresponding to the front-end page; and the effect display module 302 may further be used for: encapsulating the configured tab data into a tab data message with the front-end interface name as the key name and the tab data as the key value, and sending the tab data message to the front-end page in a message push manner, so that the front-end page receives the tab data message by receiving the message and unpacks the tab data message to obtain the tab data.

[0053] According to still another embodiment of the present invention, the effect display module 302 may further be used for: enabling the front-end page to judge whether the front-end page is an embedded page at the interface request layer; in the case that the front-end page is an embedded page, obtaining the tab data by matching the front-end interface name, and displaying the activity effect in the preview area of the active configuration page according to the tab data.

[0054] According to still another embodiment of the present invention, when the effect display module 302 displays the activity effect in the preview area of the active configuration page according to the tab data, it may further be used for: judging whether to process the tab data according to the display logic of the front-end page; in the case that the tab data needs to be processed, obtaining the tab data processing logic from the display logic of the front-end page, processing the tab data according to the tab data processing logic, and displaying the activity effect in the preview area of the active configuration page according to the processed tab data, wherein the tab data processing logic is encapsulated as a common method for implementation.

[0055] According to still another embodiment of the present invention, before the effect display module 302 obtains the tab data by matching the front-end interface name, it may further be used for: requesting a content delivery network link at the interface request layer of the front-end page, where the content delivery network link is used for cross-domain processing; and confirming that the content delivery network link has been successfully established.

[0056] According to the technical solution of the embodiment of the present invention, in response to an activity configuration request, the front-end page is embedded into the preview area of the activity configuration page according to the preview address of the pre-set front-end page; in response to detecting that an activity is configured in the configuration area of the activity configuration page, the configured tab data is sent to the front-end page, so that the front-end page displays the activity effect in the preview area of the activity configuration page according to the tab data. By embedding the front-end page into the activity configuration page, the technical solution realizes real-time preview of the activity effect when configuring the activity, thereby reducing the time and workload of the operator in configuring the activity and improving the activity configuration efficiency; and, there is no need to write code for the front-end page again, reducing the code development workload and further improving the activity configuration efficiency.

[0057] Figure 4 An exemplary system architecture 400 is shown that can apply the method for displaying the activity configuration effect or the device for displaying the activity configuration effect according to the embodiment of the present invention.

[0058] As Figure 4 shown, the system architecture 400 may include terminal devices 401, 402, 403, a network 404, and a server 405. The network 404 is used to provide a medium for a communication link between the terminal devices 401, 402, 403 and the server 405. The network 404 may include various connection types, such as wired, wireless communication links, or fiber optic cables, etc.

[0059] Users can use the terminal devices 401, 402, 403 to interact with the server 405 through the network 404 to receive or send messages, etc. Various communication client applications may be installed on the terminal devices 401, 402, 403, such as shopping applications, web browser applications, search applications, instant messaging tools, email clients, social platform software, etc. (only as examples).

[0060] The terminal devices 401, 402, 403 may be various electronic devices with a display screen and supporting web browsing, including but not limited to smart phones, tablet computers, laptop portable computers, and desktop computers, etc.

[0061] The server 405 can be a server that provides various services. For example, it can be a background management server (only for illustration) that supports shopping websites browsed by users using the terminal devices 401, 402, and 403. The background management server can respond to data such as an activity configuration effect display request received. In response to an activity configuration request, it embeds the front-end page into the preview area of the activity configuration page according to the preview address of the pre-set front-end page; in response to detecting an activity configuration in the configuration area of the activity configuration page, it sends the configured tab data to the front-end page, so that the front-end page displays the activity effect in the preview area of the activity configuration page according to the tab data and other processing, and feeds back the processing result (such as the activity effect display result - only for illustration) to the terminal device.

[0062] It should be noted that the method for displaying the activity configuration effect provided by the embodiments of the present invention is generally executed by the server 405. Correspondingly, the device for displaying the activity configuration effect is generally set in the server 405.

[0063] It should be understood that Figure 4 the numbers of the terminal devices, the network, and the server in

[0064] are merely illustrative. According to the implementation requirements, there can be any number of terminal devices, networks, and servers. Figure 5 The following refers to Figure 5 which shows a schematic structural diagram of a computer system 500 of a terminal device or a server suitable for implementing the embodiments of the present invention.

[0065] As Figure 5 shown, the computer system 500 includes a central processing unit (CPU) 501, which can perform various appropriate actions and processes according to the program stored in the read-only memory (ROM) 502 or the program loaded from the storage section 508 into the random access memory (RAM) 503. In the RAM 503, various programs and data required for the operation of the system 500 are also stored. The CPU 501, the ROM 502, and the RAM 503 are connected to each other through a bus 504. The input / output (I / O) interface 505 is also connected to the bus 504.

[0066] The following components are connected to the I / O interface 505: an input section 506 including a keyboard, a mouse, etc.; an output section 507 including a cathode ray tube (CRT), a liquid crystal display (LCD), etc. as well as a speaker, etc.; a storage section 508 including a hard disk, etc.; and a communication section 509 including a network interface card such as a LAN card, a modem, etc. The communication section 509 performs communication processing via a network such as the Internet. A drive 510 is also connected to the I / O interface 505 as required. A removable medium 511 such as a magnetic disk, an optical disk, a magneto-optical disk, a semiconductor memory, etc. is mounted on the drive 510 as required so that a computer program read therefrom is installed into the storage section 508 as required.

[0067] Specifically, according to the embodiments disclosed in the present invention, the processes described above with reference to the flowcharts can be implemented as computer software programs. For example, the embodiments disclosed in the present invention include a computer program product that includes a computer program carried on a computer-readable medium, and the computer program includes program codes for performing the methods shown in the flowcharts. In such an embodiment, the computer program can be downloaded and installed from a network via the communication section 509, and / or installed from the removable medium 511. When the computer program is executed by a central processing unit (CPU) 501, the above-described functions defined in the system of the present invention are executed.

[0068] It should be noted that the computer-readable medium shown in the present invention can be a computer-readable signal medium, a computer-readable storage medium, or any combination of the above two. A computer-readable storage medium can be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the above. More specific examples of a computer-readable storage medium can include, but are not limited to: an electrical connection having 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 invention, a computer-readable storage medium can be any tangible medium that contains or stores a program, and this program can be used by or in conjunction with an instruction execution system, apparatus, or device. In the present invention, a computer-readable signal medium can include a data signal propagated in a baseband or as part of a carrier wave, in which computer-readable program code is carried. Such a propagated data signal can take various forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the above. A computer-readable signal medium can also be any computer-readable medium other than a computer-readable storage medium, and this computer-readable medium can send, propagate, or transmit a program for use by or in conjunction with an instruction execution system, apparatus, or device. The program code contained on a computer-readable medium can be transmitted using any appropriate medium, including but not limited to: wireless, wire, optical cable, RF, etc., or any suitable combination of the above.

[0069] The flowcharts and block diagrams in the accompanying drawings illustrate the possible architectures, functions, and operations of systems, methods, and computer program products according to various embodiments of the present invention. In this regard, each block in a flowchart or block diagram can represent a module, a program segment, or a part of code, and the above module, program segment, or part of code contains one or more executable instructions for implementing a specified logical function. It should also be noted that in some alternative implementations, the functions marked in the blocks can occur in a different order than marked in the accompanying drawings. For example, two consecutive blocks shown can actually be executed substantially in parallel, and they can sometimes be executed in the reverse order, depending on the functions involved. It should also be noted that each block in a block diagram or flowchart, and the combination of blocks in a block diagram or flowchart, can be implemented by a dedicated hardware-based system for performing the specified functions or operations, or can be implemented by a combination of dedicated hardware and computer instructions.

[0070] The units or modules involved in the embodiments of the present invention can be implemented in software or in hardware. The described units or modules can also be provided in a processor. For example, it can be described as: a processor includes a page embedding module and an effect display module. Among them, the names of these units or modules do not constitute a limitation to the units or modules themselves in some cases. For example, the page embedding module can also be described as "a module for responding to an activity configuration request and embedding the front-end page into the preview area of the activity configuration page according to the preview address of the pre-set front-end page".

[0071] As another aspect, the present invention also provides a computer-readable medium, which can be included in the device described in the above embodiments; or it can exist alone without being assembled into the device. The above computer-readable medium carries one or more programs. When the one or more programs are executed by the device, the device includes: responding to an activity configuration request and embedding the front-end page into the preview area of the activity configuration page according to the pre-set preview address of the front-end page; responding to detecting activity configuration in the configuration area of the activity configuration page, and sending the configured tab data to the front-end page, so that the front-end page displays the activity effect in the preview area of the activity configuration page according to the tab data.

[0072] According to the technical solution of the embodiments of the present invention, by responding to an activity configuration request and embedding the front-end page into the preview area of the activity configuration page according to the pre-set preview address of the front-end page; and responding to detecting activity configuration in the configuration area of the activity configuration page, and sending the configured tab data to the front-end page, so that the front-end page displays the activity effect in the preview area of the activity configuration page according to the tab data. By embedding the front-end page into the activity configuration page, real-time preview of the activity effect during activity configuration is achieved, thereby reducing the time and workload of operators for activity configuration and improving the activity configuration efficiency; and there is no need to write code for the front-end page again, reducing the code development workload and further improving the activity configuration efficiency.

[0073] The above specific embodiments do not constitute a limitation to the protection scope of the present invention. Those skilled in the art should understand that various modifications, combinations, sub-combinations and substitutions can occur depending on design requirements and other factors. Any modifications, equivalent substitutions and improvements made within the spirit and principles of the present invention shall be included within the protection scope of the present invention.

Claims

1. A method for displaying the effect of activity configuration, characterized in that, it includes: In response to an activity configuration request, embed the front-end page into the preview area of the activity configuration page according to the preview address of the pre-set front-end page; In response to detecting activity configuration in the configuration area of the activity configuration page, send the configured tab data to the front-end page, so that the front-end page displays the activity effect in the preview area of the activity configuration page according to the tab data.

2. The method according to claim 1, characterized in that, Embedding the front-end page into the preview area of the activity configuration page according to the preview address of the pre-set front-end page includes: According to the preview address of the pre-set front-end page, embed the front-end page into the preview area of the activity configuration page by means of embedding an inline frame.

3. The method according to claim 1 or 2, characterized in that, Before embedding the front-end page into the preview area of the activity configuration page according to the preview address of the pre-set front-end page, it further includes: According to the activity configuration information, create tabs corresponding to the activity and configuration items under each tab, and set the preview address of the front-end page.

4. The method according to claim 1, characterized in that, After embedding the front-end page into the preview area of the activity configuration page according to the preview address of the pre-set front-end page, it further includes: Obtain the front-end interface name corresponding to the front-end page; Sending the configured tab data to the front-end page includes: Encapsulate the configured tab data into a tab data message with the front-end interface name as the key name and the tab data as the key value, and send the tab data message to the front-end page by means of message push, so that the front-end page receives the tab data message by receiving the message, and de-encapsulates the tab data message to obtain the tab data.

5. The method according to claim 1, characterized in that, Making the front-end page display the activity effect in the preview area of the activity configuration page according to the tab data includes: Making the front-end page judge whether the front-end page is an embedded page at the interface request layer; If the front-end page is an embedded page, obtain the tab data by matching the front-end interface name, and display the activity effect in the preview area of the activity configuration page according to the tab data.

6. The method according to claim 5, characterized in that, Displaying the activity effect in the preview area of the activity configuration page according to the tab data includes: Judge whether to process the tab data according to the display logic of the front-end page; If it is necessary to process the tab data, obtain the tab data processing logic from the display logic of the front-end page, process the tab data according to the tab data processing logic, and display the activity effect in the preview area of the activity configuration page according to the processed tab data, wherein the tab data processing logic is encapsulated as a public method for implementation.

7. The method according to claim 5, characterized in that, Before obtaining the tab data by matching the front-end interface name, it further includes: Requesting a content delivery network link at the interface request layer of the front-end page, where the content delivery network link is used for cross-domain processing; And confirming that the content delivery network link has been successfully established.

8. A display device for activity configuration effects, Characterized in that, It includes: A page embedding module, configured to, in response to an activity configuration request, embed the front-end page into the preview area of the activity configuration page according to the preview address of the pre-set front-end page; An effect display module, configured to, in response to detecting activity configuration in the configuration area of the activity configuration page, send the configured tab data to the front-end page, so that the front-end page displays the activity effect in the preview area of the activity configuration page according to the tab data.

9. An electronic device, Characterized in that, It includes: One or more processors; A storage device for storing one or more programs, When the one or more programs are executed by the one or more processors, the one or more processors implement the method according to any one of claims 1-7.

10. A computer-readable medium, on which a computer program is stored, Characterized in that, When the program is executed by a processor, it implements the method according to any one of claims 1-7.

Images