Real-time preview processing method and apparatus for page configuration

Abstract

The application relates to a real-time preview processing method and device for page configuration, and the method applied to a recruitment end comprises the following steps: embedding a job-hunting end page in a preview area of a setting page; listening to a configuration operation of a recruitment user on the setting page; and in response to the configuration operation of the setting page, publishing a configuration message to the job-hunting end; wherein the job-hunting end obtains corresponding page content based on the message of the recruitment end, and displays the page content in the embedded job-hunting end page in the preview area. The embodiment of the application reduces the development workload and alleviates the system maintenance workload.

Description

TECHNICAL FIELD

[0001] The present application relates to the technical field of Internet, in particular to a real-time preview processing method and device for page configuration. BACKGROUND

[0002] In the field of recruitment, the needs of enterprises (hereinafter referred to as recruitment users) and individuals (hereinafter referred to as job-seeking users) are different, so the recruitment platform provides corresponding front-end processing systems for recruitment users and job-seeking users respectively in order to provide better and targeted services for users, which are referred to as B-end system (or B-end system) and C-end system (or C-end system) respectively. In order to adapt to the personalized requirements of recruitment users for the resumes of job-seeking users, the page setting function is usually provided in the B-end system to facilitate the recruitment users to set the resume content that needs to be filled by the job-seeking users. In order to facilitate the recruitment users to understand the display of the set content in the C-end during the setting process, the preview area is also provided in the setting page of the B-end system to display the display page of the C-end.

[0003] The traditional implementation of the recruitment platform is to publish the page of the C-end system as a component library, and the B-end system determines the corresponding component according to the content that needs to be previewed during the setting of the recruitment user, and references the corresponding component in the component library to display the C-end page in the preview area. This scheme needs to build a component library project separately, and the maintenance cost is high; when the system code is updated, the corresponding component library version number needs to be updated, and the iteration efficiency is low. SUMMARY

[0004] In view of the technical problems existing in the prior art, the present application provides a real-time preview processing method and device for page configuration to reduce the development workload and alleviate the system maintenance workload.

[0005] In order to solve the above technical problems, according to one aspect of the present application, a real-time preview processing method for page configuration is provided, which is applied in the recruitment end, and the method comprises:

[0006] embedding the job-seeking end page in the preview area of the setting page;

[0007] listening to the configuration operation of the recruitment user on the setting page; and

[0008] publishing the configuration message to the job-seeking end in response to listening to the configuration operation of the setting page;

[0009] wherein the job-seeking end obtains the corresponding page content based on the configuration message of the recruitment end, and displays the page content in the job-seeking end page embedded in the preview area.

[0010] Preferably, an iframe tag is added in the preview area of the setting page, and a page address of the job seeker end to be embedded is filled in an SRC attribute of the iframe tag.

[0011] Preferably, the SRC attribute of the iframe tag further includes a page state type, and the state type includes an online state and an editing state; correspondingly, the page state type in the SRC attribute is set based on a specified state in a configuration operation of the recruitment user, and the specified state is the online state or the editing state.

[0012] Preferably, when the configuration operation of the recruitment user includes a content update operation, update content is added to a configuration message of the job seeker end when the configuration message is published; correspondingly, the job seeker end updates the job seeker end page embedded in the preview area according to the update content.

[0013] Preferably, the setting page includes a PC page and / or an H5 page.

[0014] To solve the above technical problems, according to another aspect of the present application, the present application further provides a real-time preview processing method for page configuration, which is applied to a job seeker end, and the method comprises:

[0015] Registering a message event for a page to be embedded in a preview area of a recruitment end, and listening to a message event of a configuration message published by the recruitment end;

[0016] In response to the message event of the configuration message published by the recruitment end, obtaining corresponding page content based on the message event; and

[0017] Displaying the page content in the page embedded in the preview area of the recruitment end.

[0018] Preferably, when the message event of the configuration message published by the recruitment end is listened to, the method further comprises:

[0019] Reading a page state in the message event;

[0020] In response to the page state being an editing state, obtaining update content in the message event; and

[0021] In response to the page state being an online state, obtaining online content of the page and filling the online content into the corresponding page.

[0022] According to another aspect of the present application, the present application also provides a real-time preview processing device for page configuration, the device is located at the recruitment end, the device comprises a page embedding module, a first listening module and a message publishing module, the page embedding module is configured to embed a job seeker end page in a preview area of a setting page; the first listening module is configured to listen to a configuration operation of the setting page by a recruitment user; the message publishing module is configured to publish a configuration message to the job seeker end in response to listening to the configuration operation of the setting page; wherein the job seeker end obtains corresponding page content based on the configuration message of the recruitment end, and displays the page content in the job seeker end page embedded in the preview area.

[0023] According to another aspect of the present application, the present application also provides a real-time preview processing device for page configuration, the device is located at the job seeker end, the device comprises a message registration module, a second listening module and a page display module, wherein the message registration module is configured to register a message event for a page that needs to be embedded in a preview area of the recruitment end; the second listening module is configured to listen to a message event of publishing a configuration message by the recruitment end; the page display module is configured to obtain corresponding page content based on the message event in response to listening to the message event of publishing a configuration message by the recruitment end, and display the page content in the page embedded in the preview area of the recruitment end.

[0024] According to another aspect of the present application, the present application also provides an electronic device comprising a processor and a memory, wherein the memory stores a computer program instruction set, and the processor executes the computer program instruction set on the memory to implement the aforementioned real-time preview processing method for page configuration.

[0025] According to another aspect of the present application, the present application also provides a computer readable storage medium, wherein the computer readable storage medium stores a computer program instruction set, and the computer program instruction set is executed by a processor to implement the aforementioned real-time preview processing method for page configuration.

[0026] According to another aspect of the present application, the present application also provides a computer program product comprising a computer program instruction set, and the computer program instruction set is executed by a processor to implement the aforementioned real-time preview processing method for page configuration.

[0027] The embodiments of the present application realize the two business scenarios of real-time preview at the recruitment end and real use at the C end through one code, thereby reducing the development workload and alleviating the system maintenance workload. BRIEF DESCRIPTION OF DRAWINGS

[0028] Hereinafter, the preferred embodiments of the present application will be further described in detail with reference to the accompanying drawings, in which:

[0029] Figure 1 is a real-time preview processing method flow chart for page configuration applied to the recruitment end according to an embodiment of the present application;

[0030] Figure 2 is a real-time preview processing method flow chart for page configuration applied to the recruitment end according to an embodiment of the present application;

[0031] Figure 3 is an interface schematic diagram of a recruitment end system according to an embodiment of the present application;

[0032] Figure 4 is a real-time preview processing system principle block diagram for page configuration according to an embodiment of the present application; and

[0033] Figure 5 is a hardware structure principle schematic diagram of an electronic device according to an embodiment of the present application. DETAILED DESCRIPTION

[0034] To make the objectives, technical solutions and advantages of the embodiments of the present application clearer, the technical solutions in the embodiments of the present application will be described clearly and completely below with reference to the drawings in the embodiments of the present application. Obviously, the described embodiments are some but not all of the embodiments of the present application. Based on the embodiments in the present application, all other embodiments obtained by those of ordinary skill in the art without creative work fall within the protection scope of the present application.

[0035] In the following detailed description, reference can be made to the various drawings that form a part of the specification, illustrating the particular embodiments of the present application. In the drawings, similar reference numerals in different drawings describe generally similar components. Various specific embodiments of the present application are described in sufficient detail below so that those of ordinary skill in the art can implement the technical solutions of the present application. It should be understood that other embodiments or structural, logical or electrical changes can also be made to the embodiments of the present application.

[0036] The present application provides a real-time preview processing method, device and equipment for page configuration and a storage medium, which can realize real-time preview in the recruitment end and real use in the C end through one code when a recruitment user configures a page to be displayed in the recruitment end, thereby reducing the development workload and the system maintenance workload. The embodiments are described in detail as follows.

[0037] Referring to Figure 1 , Figure 1 is a real-time preview processing method flow chart for page configuration applied to the recruitment end according to an embodiment of the present application, which comprises:

[0038] Step S11, embedding the job-hunting end page in a preview area of the setting page;

[0039] Step S12, listening to the configuration operation of the recruitment user of the recruitment end on the setting page; and

[0040] Step S13, in response to listening to the configuration operation of the setting page, publishing a configuration message to the job-hunting end.

[0041] Referring to Figure 2 , Figure 2 is a real-time preview processing method flowchart for page configuration applied to the job-hunting end according to an embodiment of the present application, the method comprising:

[0042] Step S21, registering a message event for a page that needs to be embedded in the preview area of the recruitment end;

[0043] Step S22, listening to a message event of publishing a configuration message by the recruitment end;

[0044] Step S23, in response to listening to the message event of publishing a configuration message by the recruitment end, acquiring corresponding page content based on the message event; and

[0045] Step S24, displaying the page content in the corresponding page.

[0046] Specifically, the recruitment platform provides various management and setting functions for the recruitment user in the recruitment end system provided for the recruitment user, each function is provided to the recruitment user in the form of a page. When the recruitment user logs in the recruitment end system, the recruitment user can enter various function pages to perform corresponding operations. Among them, the recruitment user needs to set the page content displayed on the job-hunting end, such as the login page of the job-hunting user, the resume detail page that needs to be filled in by the job-hunting user, the delivery page of the user delivering the resume, etc. These pages need to be displayed on the job-hunting end, and the recruitment user can set the content and page design items (such as banner, logo, page theme color / pattern, etc.) of these pages. In the present application, the pages provided in the recruitment end system for setting the above-mentioned pages displayed on the job-hunting end are collectively referred to as setting pages. The setting page can be one or multiple, and the number is not limited.

[0047] Referring to Figure 3 , Figure 3Fig. 1 is a schematic diagram of an interface of a recruitment end system according to an embodiment of the present application. The left side of the interface of the recruitment end system is a function menu bar 101, which includes a plurality of functions that can be used by a recruitment user. In this embodiment, one of the functions is "page configuration", which can configure various page designs for a page displayed on the job seeker end, such as the theme color, font, logo, etc. of the page. When the "page configuration" tab is selected, the top of the interface displays a page that can be used for this function, one of which is a resume detail page 102. The middle area of the interface is a preview area 103 of the page, and the right side is a configuration item area 104 for implementing various page designs, which includes a plurality of configuration items for implementing various page designs. Further, since the job seeker end can be a personal PC or a mobile terminal such as a mobile phone, the "page configuration" function page further includes a page category 105, which allows the user to select whether the currently configured page is applied to a PC page for a PC end or a H5 page for a mobile phone APP. In a further embodiment, the interface of the recruitment end system further includes a page state type 106, which allows the recruitment user to select whether the page state displayed in the preview area 103 is an online state or an editing state. If the recruitment user selects the online state in the page state type 106, the preview area 103 displays a page that can be seen by the job seeker user. If the recruitment user selects the editing state in the page state type 106, the page displayed in the preview area 103 is the content after the operation of the recruitment user on the right side configuration item, which is currently invisible to the job seeker user and needs to go through an audit process of the recruitment platform before being online, at which time the job seeker user can see the currently edited page.

[0048] Referring to Figure 1 In step S11, in one embodiment, an iframe tag is added to the preview area of the setting page, and the SRC attribute of the tag is filled with the address of the job seeker end page that needs to be embedded. The iframe tag is an inline frame, and by adding the address of the job seeker end page that needs to be embedded in the SRC attribute of the tag, the job seeker end page of the address can be embedded into the preview area. In addition, in order to be able to display the online page and the editing state page in the preview area, in one embodiment, the SRC attribute of the iframe tag further includes a page state type, which includes an online state and an editing state; the page state type in the SRC attribute is set based on the specified state of the recruitment user in the configuration operation, which is an online state or an editing state. Of course, other information can also be included in the SRC attribute of the iframe tag, such as adding a scroll bar, setting a page border, etc.

[0049] In step S12, the configuration operation of the setting page by the recruitment user is monitored, and when the configuration operation of the setting page by the recruitment user is monitored, a configuration message is published to the job-seeking end in the form of postmessage in step S13. For example, after the configuration operation of the setting page by the recruitment user is completed, a MessageEvent message is sent to the job-seeking end, and the MessageEvent message includes a Message type, data corresponding to the user configuration operation, a page state (an online state or an editing state), and the like. In the following, the user configuration operation in the editing state is referred to as an update operation, that is, an operation for updating current page data. When the update operation is performed, the update content is added to the message.

[0050] In the job-seeking end, referring to Figure 2 , first, in step S21, a message event is registered for a page that needs to be embedded into the preview area of the recruitment end, and a message event for publishing a configuration message by the recruitment end is monitored. When the message event is monitored, the message content is read from the message. The message content includes, for example, update content of the update operation in the editing state by the recruitment user, such as various configuration item contents as shown in Figure 3 , and the message content can also include a page state. In step S23, when the page state data in the message content is data indicating the editing state, the update content is obtained from the message, and then in step S24, the update content is transmitted to the corresponding page. Since the page is embedded into the preview area of the setting page of the recruitment end system in the form of an iframe tag, at this time, the system interface of the recruitment end shows the page just edited by the recruitment user, and the page is also the job-seeking end page, so that the job-seeking end page is previewed in real time in the recruitment end, and the job-seeking end page is also realized. When the edited content of the recruitment end is approved by the recruitment platform, the current job-seeking end page can be online without additional processing and can be visible to the job-seeking user. If the page state data in the message content is data indicating the online state, current online page data is pulled and transmitted to the corresponding page in step S24, and at this time, the system interface of the recruitment end shows the current online job-seeking end page.

[0051] The embodiment of the application does not need to write codes for the real-time preview scene of the recruitment end and the use scene of the job-seeking end page respectively, but realizes the two scenes by one set of codes, reduces the development workload, and also reduces the code maintenance workload when the system is upgraded.

[0052] Referring to Figure 4 , Figure 4is a principle block diagram of a real-time preview processing system for page configuration according to an embodiment of the present application, the system in the embodiment includes a first processing device 10 located at a recruitment end and a second processing device 20 located at a job-seeking end, the first processing device 10 includes a page embedding module 11, a first listening module 12 and a message publishing module 13, wherein the page embedding module 11 is used to embed a job-seeking end page in a preview area of a setting page, in an embodiment, the page embedding module 11 adds an iframe tag in the preview area of the setting page, and fills a job-seeking end page address needed to be embedded in an SRC attribute of the iframe tag. The first listening module 12 listens to a configuration operation of the setting page by a recruitment user, the configuration operation is for example selection of a page type, selection of a page state, update of a page content or a design item, etc., after listening to the operations, the first listening module 12 sends a notification to the message publishing module 13. The message publishing module 13 listens to the configuration operation of the setting page and publishes a configuration message to the job-seeking end. When publishing the configuration message, the message publishing module 13 adds a page state type, a page type, updated content, etc. in the message.

[0053] The second processing device 20 includes a message registration module 21, a second listening module 22 and a page display module 23, wherein the message registration module 21 is used to register a message event of a page needed to be embedded in a preview area of the recruitment end, the second listening module 22 is used to listen to a message event of a configuration message published by the recruitment end, after listening to the message event, the second listening module 22 sends a notification to the page display module 23, the page display module 23 acquires corresponding page content based on the message event and displays the page content in a corresponding page. When a page state in the message is an editing state, updated content is acquired from the message event and transmitted to the corresponding page to display the page content. When the page state in the message is an online state, current online page data is pulled and transmitted to the corresponding page.

[0054] Figure 5 is a principle schematic diagram of a hardware structure of an electronic device according to an embodiment of the present application, the electronic device can be implemented as a server or other various terminal devices, such as a desktop personal computer, a tablet computer, a laptop computer, a mobile phone, etc., and includes a processor 601 and a memory 602, the memory 602 stores a program instruction set, when the processor 601 executes the program instruction set on the memory 602, the aforementioned real-time preview processing method for page configuration applied to the recruitment end or the real-time preview processing method for page configuration applied to the job-seeking end is implemented. That is, the electronic device can be a device used by a recruitment user or a device used by a job-seeking user.

[0055] In particular, the processor 601 can include a central processing unit (CPU), or an application-specific integrated circuit (ASIC), or can be configured to implement one or more integrated circuits that embody the embodiments of the present application.

[0056] The memory 602 can include mass storage for data or instructions. As an example and not by way of limitation, the memory 602 can include a hard disk drive (HDD), a floppy disk drive, flash memory, an optical disc (e.g., a compact disc (CD) or a digital versatile disc (DVD)), a tape drive, a USB drive, or a combination of two or more of these. The memory 602 can include removable or non-removable (or fixed) media, where appropriate. The memory 602 can be internal or external to the integrated gateway disaster recovery device, where appropriate. In particular embodiments, the memory 602 is non-volatile, solid-state memory.

[0057] The memory can include read-only memory (ROM), random-access memory (RAM), magnetic disk storage mediums, optical storage mediums, flash memory devices, electrical, optical, or other physical / tangible memory storage devices. Thus, in general, the memory includes one or more tangible (non-transitory) computer-readable storage media (e.g., a memory device) encoded with software that, when executed (by one or more processors), is operable to perform a real-time preview processing method for page configuration as provided by the present application. In one example, the electronic device further includes a communication interface 603 and a bus 604. The processor 601, the memory 602, and the communication interface 603 are connected through the bus 604 and accomplish communication among each other. The communication interface 603 is mainly used to realize the communication among the modules, devices, units, and / or equipment in the embodiments of the present application.

[0058] Bus 604 includes a hardware, software, or both that couples components of the online data traffic billing device to each other. As an example without limitation, bus can include an Accelerated Graphics Port (AGP) or other graphics bus, an Enhanced Industry Standard Architecture (EISA) bus, a Front Side Bus (FSB), a HyperTransport (HT) interconnect, an Industry Standard Architecture (ISA) bus, an InfiniBand (IB) interconnect, a Low Pin Count (LPC) bus, a memory bus, a Micro Channel Architecture (MCA) bus, a Peripheral Component Interconnect (PCI) bus, a PCI-Express (PCI-X) bus, a Serial Advanced Technology Attachment (SATA) bus, a Video Electronics Standards Association Local (VLB) bus, or another suitable bus or a combination of two or more of these. Where appropriate, bus 604 can include one or more buses. Although the present embodiment describes and shows a particular bus, the present embodiment contemplates any suitable bus or interconnect.

[0059] The present embodiment also provides a computer readable storage medium having stored thereon computer program instructions which, when executed by a processor, implement any of the aforementioned embodiments of the real-time preview processing method for page configuration. The computer readable storage medium can be any medium that is tangible, contains or stores the computer executable instructions for use by or in connection with an instruction execution system, apparatus, or device. The storage medium can be a transitory computer readable storage medium or a non-transitory computer readable storage medium. The non-transitory computer readable storage medium can include, but is not limited to, a magnetic storage device, an optical storage device, and / or a semiconductor memory device. The corresponding embodiments of such storage devices include, for example, a magnetic disk, a CD-ROM, a DVD, a Blu-ray disc, and a solid state drive such as a flash memory, a solid state drive, etc.

[0060] The present embodiment also provides a computer program product including a set of computer program instructions which, when executed by a processor, implement any of the aforementioned embodiments of the real-time preview processing method for page configuration. The computer program product includes, but is not limited to, an application installation package, an application plug-in, a mini-program that can run in some applications, etc. published in a website, an application store, etc.

[0061] It should be understood that the present embodiment is not limited to the particular configurations and processes described above and shown in the drawings. For the sake of brevity, detailed descriptions of known methods are omitted. In the above embodiments, several specific steps are described and shown as examples. However, the method processes of the present embodiment are not limited to the specific steps described and shown, and those skilled in the art can make various changes, modifications, and additions, or change the order of the steps, after understanding the spirit of the present embodiment.

[0062] The above examples are only for illustrating the present application, and are not intended to limit the present application. Those skilled in the art can make various changes and modifications without departing from the scope of the present application. Therefore, all equivalent technical solutions should belong to the scope of the present application.

Claims

1. A method for real-time preview processing of page configuration, the method is applied in a recruitment end, the method comprising: embedding a job seeker end page in a preview area of a setting page; listening to a configuration operation of the setting page by a recruitment user; and publishing a configuration message to the job seeker end in response to listening to the configuration operation of the setting page; wherein the job seeker end obtains corresponding page content based on the configuration message of the recruitment end, and displays the page content in the job seeker end page embedded in the preview area; the step of embedding the job seeker end page in the preview area of the setting page comprising: adding an iframe tag in the preview area of the setting page; and filling in a job seeker end page address to be embedded in a SRC attribute of the iframe tag; the SRC attribute of the iframe tag further comprising a page state type, the page state type comprising an online state and an editing state; correspondingly, setting the page state type in the SRC attribute based on a specified state in the configuration operation, the specified state being the online state or the editing state.

2. The method of claim 1, wherein, when the configuration operation of the recruitment user comprises a content update operation, adding update content to the message when publishing the configuration message to the job seeker end; correspondingly, the job seeker end updates the job seeker end page embedded in the preview area according to the update content.

3. The method of claim 1, wherein, the setting page comprising a PC page and / or an H5 page. 4.A method for real-time preview processing of page configuration, the method is applied in a job seeker end, the method comprising: registering a message event for a page to be embedded in a preview area of a recruitment end, and listening to a message event of publishing a configuration message by the recruitment end; obtaining corresponding page content based on the message event in response to listening to the message event of publishing a configuration message by the recruitment end; and displaying the page content in the page embedded in the preview area of the recruitment end; further comprising the following steps when listening to the message event of publishing a configuration message by the recruitment end: reading a page state in the message event; obtaining update content in the message event in response to the page state being the editing state; and obtaining online content of the page and filling in the corresponding page in response to the page state being the online state. 5.An apparatus for real-time preview processing of page configuration, the apparatus is located in a recruitment end, the apparatus comprising: a page embedding module configured to embed a job seeker end page in a preview area of a setting page; a first listening module configured to listen to a configuration operation of the setting page by a recruitment user; and a message publishing module configured to publish a configuration message to the job seeker end in response to listening to the configuration operation of the setting page; wherein the job seeker end obtains corresponding page content based on the configuration message of the recruitment end, and displays the page content in the job seeker end page embedded in the preview area. The page embedding module is specifically configured to add an iframe tag in a preview area of a setting page; and fill a job-hunting end page address to be embedded in an SRC attribute of the iframe tag; the SRC attribute of the iframe tag also includes a page state type, and the page state type includes an online state and an editing state; correspondingly, the page state type in the SRC attribute is set based on a specified state in a configuration operation, and the specified state is the online state or the editing state. 6.A real-time preview processing apparatus for page configuration, the apparatus being located at a job-hunting end, and the apparatus comprising: a message registration module configured to register a message event for a page to be embedded into a preview area of a recruitment end; a second listening module configured to listen to the message event of the recruitment end publishing a configuration message; and a page display module configured to, in response to listening to the message event of the recruitment end publishing the configuration message, acquire corresponding page content based on the message event, and display the page content in the page embedded in the preview area of the recruitment end; the page display module is specifically configured to read a page state in the message event when listening to the message event of the recruitment end publishing the configuration message; acquire update content in the message event in response to the page state being the editing state; and acquire online content of the page and fill the online content into the corresponding page in response to the page state being the online state. 7.An electronic device, comprising a processor and a memory, wherein the memory stores a computer program instruction set, and the computer program instruction set is executed by the processor to implement the real-time preview processing method for page configuration according to any one of claims 1-4. The computer readable storage medium stores a computer program instruction set, and the computer program instruction set is executed by the processor to implement the real-time preview processing method for page configuration according to any one of claims 1-4.

8. A computer readable storage medium, wherein, 9.A computer program product, comprising a computer program instruction set, and the computer program instruction set is executed by the processor to implement the real-time preview processing method for page configuration according to any one of claims 1-4. ​

Images