CN112558824A - Page display method and device and computer storage medium - Google Patents

Page display method and device and computer storage medium Download PDF

Info

Publication number
CN112558824A
CN112558824A CN201910916854.7A CN201910916854A CN112558824A CN 112558824 A CN112558824 A CN 112558824A CN 201910916854 A CN201910916854 A CN 201910916854A CN 112558824 A CN112558824 A CN 112558824A
Authority
CN
China
Prior art keywords
information
page
editing
display
area
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201910916854.7A
Other languages
Chinese (zh)
Inventor
郑文锴
麥偉強
苏晏烨
黎晓媚
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN201910916854.7A priority Critical patent/CN112558824A/en
Publication of CN112558824A publication Critical patent/CN112558824A/en
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

The embodiment of the application discloses a page display method, a page display device and a computer storage medium, wherein the method comprises the following steps: and displaying an information editing page of the first client, wherein the information editing page is used for editing information displayed by an information display page of the second client, and displaying the information display page corresponding to the current editing information in a preview area of the information editing page based on the current editing information input in the editing area of the information editing page. According to the scheme, the information display page can be displayed on the information editing page of the first client, and the information display page is updated in real time according to the current information editing operation of the user, so that the information can be displayed intuitively and efficiently.

Description

Page display method and device and computer storage medium
Technical Field
The present application relates to the field of computer technologies, and in particular, to a page display method and apparatus, and a computer storage medium.
Background
In practical application, when a merchant user completes related information through an information editing system of a PC (personal computer) terminal, the related information needs to be edited, after the information is edited and uploaded successfully, an information display page displayed on a mobile terminal can be generated, and the merchant user can check the information editing effect and the information content according to the information display page. However, this method is not intuitive enough to display information and is therefore inefficient for the user to use.
Disclosure of Invention
The embodiment of the application provides a page display method, a page display device and a computer storage medium, which can display information intuitively and efficiently by displaying an information display page on an information editing page.
The embodiment of the application provides a page display method, which comprises the following steps:
displaying an information editing page of a first client, wherein the information editing page is used for editing information displayed by an information display page of a second client;
and displaying an information display page corresponding to the current editing information in a preview area of the information editing page based on the current editing information input in the editing area of the information editing page.
Correspondingly, an embodiment of the present application further provides a page display device, including:
the first display module is used for displaying an information editing page of a first client, and the information editing page is used for editing information displayed by an information display page of a second client;
and the second display module is used for displaying an information display page corresponding to the current editing information in a preview area of the information editing page based on the current editing information input in the editing area of the information editing page.
The second display module may be configured to, when a click operation of a preview opening control in the information editing page is detected, acquire current editing information input in an editing area of the information editing page, generate an information display page corresponding to the current editing information, and display the generated information display page in a preview area of the information editing page.
The second display module may be further configured to, when the input operation corresponding to the editing control is detected, obtain current editing information input in the editing control, determine an information display area corresponding to the editing control in the information display page, update the display information in the information display area according to the current editing information, and display the updated information display page in a preview area of the information editing page.
The page display device may further include a hiding module, where the hiding module may be configured to hide the information presentation page when a click operation of a preview closing control set in the preview area is detected, and add a preview opening control in the information editing page.
The page display device may further include a video playing module, where the video playing module may be configured to, when a click operation of a video playing control in an information presentation page is detected, obtain video playing data of a video embedded in the information presentation page, and play the video in a video playing area of the information presentation page according to the video playing data.
The page display apparatus may further include a function module, where the function module may be configured to determine, based on a selection operation of the function control list in the information editing page, a function control corresponding to the selection operation, and display an editing sub-page corresponding to the function control in an editing area of the information editing page.
The page display device may further include a progress indication module, and the progress indication module may be configured to, when the editing completion operation for the editing sub-page is detected, display an editing sub-page corresponding to a next editing process node, and update the progress indication identifier.
The page display device may further include an information statistics module, where the information statistics module may be configured to count access information of a history information display page edited in the history based on a trigger operation of the information statistics control in the information display page, obtain an information statistics result, and display the information statistics result in an editing area of the information editing page.
In addition, a computer storage medium is further provided, where multiple instructions are stored in the computer storage medium, and the instructions are suitable for being loaded by a processor to perform any one of the steps in the page display method provided in the embodiments of the present application.
The information display method and the information display device can display an information editing page of a first client, the information editing page is used for editing information displayed on an information display page of a second client, and the information display page corresponding to the current editing information is displayed in a preview area of the information editing page based on the current editing information input in the editing area of the information editing page. The scheme can intuitively and efficiently display information.
Drawings
In order to more clearly illustrate the technical solutions in the embodiments of the present application, the drawings needed to be used in the description of the embodiments are briefly introduced below, and it is obvious that the drawings in the following description are only some embodiments of the present application, and it is obvious for those skilled in the art to obtain other drawings based on these drawings without creative efforts.
FIG. 1 is a schematic view of a scene of a page display system provided in an embodiment of the present application;
FIG. 2 is a first flowchart of a page display method provided by an embodiment of the present application;
FIG. 3 is a second flowchart of a page display method provided by an embodiment of the present application;
fig. 4 is a schematic diagram of a first information editing page provided in an embodiment of the present application;
fig. 5 is a schematic diagram of a second information editing page provided in the embodiment of the present application;
fig. 6 is a schematic diagram of a third information editing page provided in the embodiment of the present application;
fig. 7 is a schematic diagram of a fourth information editing page provided in the embodiment of the present application;
fig. 8 is a schematic diagram of a fifth information editing page provided in the embodiment of the present application;
FIG. 9 is a schematic diagram of a page display process provided by an embodiment of the present application;
FIG. 10 is a schematic representation of step identification provided by an embodiment of the present application;
fig. 11 is a schematic diagram of a sixth information editing page provided in the embodiment of the present application;
fig. 12 is a schematic diagram of a seventh information editing page provided in the embodiment of the present application;
fig. 13 is a schematic diagram of an eighth information editing page provided in the embodiment of the present application;
fig. 14 is a schematic diagram of a ninth information editing page provided in the embodiment of the present application;
fig. 15 is a schematic diagram of a tenth information editing page provided in the embodiment of the present application;
fig. 16 is a schematic diagram of an eleventh information editing page provided in an embodiment of the present application;
fig. 17 is a schematic diagram of a twelfth information editing page provided in the embodiment of the present application;
fig. 18 is a schematic diagram of a thirteenth information editing page provided in an embodiment of the present application;
fig. 19 is a schematic diagram of a fourteenth information editing page provided in the embodiment of the present application;
fig. 20 is a schematic diagram of a fifteenth information editing page provided in the embodiment of the present application;
fig. 21 is a schematic view of a viewing layer structure provided in an embodiment of the present application;
FIG. 22 is a schematic diagram of an edit sub-page provided by an embodiment of the present application;
FIG. 23 is a schematic diagram of an information presentation page provided by an embodiment of the present application;
FIG. 24 is a schematic diagram of a model layer structure provided by an embodiment of the present application;
FIG. 25 is a schematic structural diagram of a page display apparatus according to an embodiment of the present application;
fig. 26 is a schematic structural diagram of a network device according to an embodiment of the present application.
Detailed Description
Referring to the drawings, wherein like reference numbers refer to like elements, the principles of the present application are illustrated as being implemented in a suitable computing environment. The following description is based on illustrated embodiments of the application and should not be taken as limiting the application with respect to other embodiments that are not detailed herein.
In the description that follows, specific embodiments of the present application will be described with reference to steps and symbols executed by one or more computers, unless otherwise indicated. Accordingly, these steps and operations will be referred to, several times, as being performed by a computer, the computer performing operations involving a processing unit of the computer in electronic signals representing data in a structured form. This operation transforms the data or maintains it at locations in the computer's memory system, which may be reconfigured or otherwise altered in a manner well known to those skilled in the art. The data maintains a data structure that is a physical location of the memory that has particular characteristics defined by the data format. However, while the principles of the application have been described in language specific to above, it is not intended to be limited to the specific form set forth herein, and it will be recognized by those of ordinary skill in the art that various of the steps and operations described below may be implemented in hardware.
The term "module" as used herein may be considered a software object executing on the computing system. The different components, modules, engines, and services described herein may be considered as implementation objects on the computing system. The apparatus and method described herein may be implemented in software, but may also be implemented in hardware, and are within the scope of the present application.
The terms "first", "second", and "third", etc. in this application are used to distinguish between different objects and not to describe a particular order. Furthermore, the terms "include" and "have," as well as any variations thereof, are intended to cover non-exclusive inclusions. For example, a process, method, system, article, or apparatus that comprises a list of steps or modules is not limited to only those steps or modules listed, but rather, some embodiments may include other steps or modules not listed or inherent to such process, method, article, or apparatus.
Reference herein to "an embodiment" means that a particular feature, structure, or characteristic described in connection with the embodiment can be included in at least one embodiment of the application. The appearances of the phrase in various places in the specification are not necessarily all referring to the same embodiment, nor are separate or alternative embodiments mutually exclusive of other embodiments. It is explicitly and implicitly understood by one skilled in the art that the embodiments described herein can be combined with other embodiments.
An execution main body of the page display method may be the page display apparatus provided in the embodiment of the present application, or a network device integrated with the page display apparatus, where the page display apparatus may be implemented in a hardware or software manner. The network device may be a smart phone, a tablet computer, a palm computer, a notebook computer, or a desktop computer. Network devices include, but are not limited to, computers, network hosts, a single network server, multiple sets of network servers, or a cloud of multiple servers.
Referring to fig. 1, fig. 1 is a schematic view of an application scenario of a page display method provided in an embodiment of the present application, taking a page display device integrated in a network device as an example, the network device may display an information editing page of a first client, where the information editing page is used to edit information displayed on an information display page of a second client, and based on current editing information input in an editing area of the information editing page, an information display page corresponding to the current editing information is displayed in a preview area of the information editing page.
Referring to fig. 2, fig. 2 is a schematic flow chart of a page display method according to an embodiment of the present application, which is specifically described by the following embodiments:
201. and displaying an information editing page of the first client.
In practical applications, an information editing page may be displayed on the first client. As shown in fig. 4, the information editing page may include an editing area and a preview area, an editing sub-page may be displayed in the editing area, the editing sub-page may include a plurality of controls related to information editing, an information presentation page may be displayed in the preview area, and the information presentation page may present a page displayed on the second client.
For example, the product anti-counterfeiting system corresponding to the information editing page can be a system provided for a product merchant side, so that a merchant user can configure the display and other functions of an one-item-one-code applet. When a merchant user needs to perform function configuration and content editing of an applet page, a terminal used by the merchant user for performing the function configuration and the content editing may be called a first client, and the user may perform information editing on an information editing page of the first client.
In an embodiment, the information editing page may be used to edit information presented by the information presentation page of the second client. For example, the information content edited by the user on the first client may be displayed in an information display page of the second client, and the information display page of the second client may be an applet page on the terminal, so that the edited information can be viewed in the applet after the user edits the information.
When the conventional merchant user edits the information of the small program page, the merchant user needs to finish editing the related information, upload the data successfully, and check the finally generated small program page effect after the data is approved, but if the finally presented small program page effect does not meet the standard of the user, the user needs to edit the information again and check the page effect again, so that the use efficiency of the user is undoubtedly reduced.
In order to improve the use efficiency of the user, a mode of improving the information display efficiency of the information editing page may be adopted, for example, under the existing conditions, a merchant user needs to edit information on a computer, the computer may be referred to as a first client, when the information editing is completed, the data uploading is successful, and after the information is passed through the auditing, the merchant user may view a finally generated information display page on a mobile phone, and the mobile phone may be referred to as a second client. The page display method can edit the page displayed in the second client side in the information editing page of the first client side, and display the information display page in the preview area of the information editing page of the first client side.
In an embodiment, the first client may be a terminal for a user to edit information, the second client may be a terminal for the user to view an information presentation page, and the first client and the second client may also be the same terminal, that is, the user edits information on the same terminal, the information presentation page is included in the information editing page, and the user may also view the information presentation page in the applet at the same terminal after editing the information.
As shown in fig. 23, the information presentation page is a simulation of a page that is finally displayed on the second client, and the information presentation page is composed of fixed visual elements and information edited by the user in real time in the information editing page. The fixed visual elements can be derived from the real effect of the small program, so that the information display page can display the actual page effect of the information display page to the maximum extent, and a user can know the page display condition on the second client after the information editing is finished through the information display page. Therefore, when the user is not satisfied with the page effect displayed in the information display page, the user can modify the page in time, thereby avoiding the repeated work caused by the fact that the user cannot view the final page in real time.
In an embodiment, in order to improve the flexibility of page display, the display of the information display page in the information editing page can be controlled by clicking operation. Specifically, the step "displaying an information presentation page corresponding to current editing information in a preview area of the information editing page based on the current editing information input in the editing area of the information editing page" may include:
when the click operation of a preview opening control in the information editing page is detected, acquiring current editing information input in an editing area of the information editing page;
generating an information display page corresponding to the current editing information;
and displaying the generated information display page in a preview area of the information editing page.
The preview opening control can be a control which is located on the information editing page and used for triggering the information display page to display. The preview opening control can have various expression forms, such as an input box, an icon, a button and the like. For example, as shown in fig. 6, a "preview" button on the information editing page may serve as a preview opening control, and when a click operation on the preview opening control is detected, the information display page may be displayed on the information editing page.
In practical applications, for example, as shown in fig. 6, the information editing page may include a preview open control "preview" button, and when it is detected that the "preview" button in the information editing page is clicked, current editing information input in an editing area of the information editing page may be acquired, where the current editing information may include information in an editing box corresponding to "product type", "product name", and the like in the information editing page. And generating an information presentation page according to the acquired current editing information, as shown in fig. 4, the generated information presentation page may be displayed in a preview area of the information editing page.
In an embodiment, the preview opening control in the information editing page may have a variety of forms, as shown in fig. 4, an editing frame after the "product name" on the information editing page may also be used as the preview opening control, when it is detected that a click is performed on the editing frame after the "product name" on the information editing page, the current editing information input in the editing area of the information editing page may be acquired, an information display page is generated according to the acquired current editing information, and the generated information display page is displayed in the preview area of the information editing page.
In one embodiment, since some users may not want to display the information presentation page, the information presentation page may be hidden in order to meet the actual use requirements of the users as much as possible. Specifically, after the step "based on the current editing information input in the editing area of the information editing page, displaying an information presentation page corresponding to the current editing information in the preview area of the information editing page", the method may further include:
when the click operation of a preview closing control arranged in the preview area is detected, hiding the information display page;
and adding a preview opening control in the information editing page.
The preview closing control can be a control which is positioned in the information display page and can control the hiding of the information display page. For example, as shown in fig. 5, an icon located at a lower half portion of the information presentation page may be used as a preview closing control, and when a click operation on the preview closing control is detected, the information presentation page in the preview area in the information editing area may be hidden.
In practical applications, for example, as shown in fig. 5, when the mouse of the user moves to the icon located at the lower half portion of the information presentation page, a prompt statement of "close preview" is displayed, when it is detected that the user clicks the icon as the preview close control, the information presentation page may be hidden in the preview area of the information editing page, and after the edit box corresponding to the "product name" of the information editing page, a "preview" button as the preview open control is displayed.
In an embodiment, since the information editing page includes an editing area in which a user edits content and a preview area in which the information presentation page displays, the editing area of the information editing page may further include an editing sub-page. Specifically, the page display method may further include:
determining a functional control corresponding to the selection operation based on the selection operation of the functional control list in the information editing page;
and displaying the editing sub-page corresponding to the function control in the editing area of the information editing page.
The function control can be a control which is located on the information editing page and can indicate a user to select functions, for example, "data analysis", "two-dimensional code application", "product addition", "display plan setting", "abnormal analysis" and "online brand protection" on the information editing page can be used as the function control, and when the user clicks one of the function controls, the corresponding page of the corresponding function control can be displayed on the information editing page.
The editing sub-page may be a page located in an editing area of the information editing page and indicating a user to edit content. For example, as shown in fig. 4, the editing sub-page may include a plurality of input boxes for guiding the user to fill in the contents of "product type", "product name", "product main map", "product specification", "product bar code number", and the like. In addition, the content in the editing sub page may be changed, and the editing sub page may also display a page as shown in fig. 22.
In practical applications, for example, as shown in fig. 4, when the user clicks the function control "add product", the function control "add product" may be identified as the function control selected by the user, and then an editing sub-page corresponding to the function control "add product" is obtained and displayed, where the editing sub-page is a page including input boxes such as "product type", "product name", "product main graph", "product specification", "product bar code number", and the like.
For another example, as shown in fig. 7, when the user clicks the function control "set display plan", the function control "set display plan" may be identified as the function control selected by the user, and then an editing sub-page corresponding to the function control "set display plan" is obtained and displayed, where the editing sub-page is a page including input boxes such as "display module", "questionnaire title", "question one", and "question two".
In an embodiment, the progress indication mark on the information editing page can be used for enabling a user to clearly know the current editing progress. Specifically, the page display method may further include:
and when the editing completion operation aiming at the editing sub-page is detected, displaying the editing sub-page corresponding to the next editing process node, and updating the progress indication mark.
The progress indication mark may be a mark that is displayed in an editing area of the information editing page and used for prompting the current editing progress degree, and the progress indication mark may include node marks of a plurality of editing process nodes. For example, as shown in fig. 8 and 10, a mark including "fill in basic information", "set anti-counterfeit manner", "select interactive module", and "confirm plan information" may be defined as a progress indicator, and the progress indicator includes node marks of a plurality of editing process nodes, such as "fill in basic information", "set anti-counterfeit manner", "select interactive module", and "confirm plan information".
In practical applications, for example, the node identifier of each editing process node in the progress indicator corresponds to a specific editing sub-page, and as the editing process progresses, the editing process node advances correspondingly, and the editing sub-page also switches correspondingly as the editing process node is updated. Therefore, as shown in fig. 16, if the current editing process node is "select interactive module", the editing sub-page including "interactive module", "active applet ID", "active page path", etc. is displayed, and when it is detected that the user has finished editing information and clicks the button of "next step" on the information editing page, as shown in fig. 19, the editing sub-page corresponding to the next editing process node "confirm plan information" of the current editing process node "select interactive module" may be displayed, and the editing sub-page corresponding to the "confirm plan information" may display the content related to the product information confirmation.
In an embodiment, as shown in fig. 4, the information editing page may include an editing area and a preview area, where the preview area is located at the right side of the editing area, but the positional relationship between the editing area and the preview area may also be exchanged according to the actual application, such as the preview area may be located at the left side of the editing area, and so on. An edit sub-page may be displayed in the edit area, and an information presentation page may be displayed in the preview area.
In an embodiment, in order to meet the diversified requirements of the user as much as possible, the information display page may be hidden, for example, as shown in fig. 5, when the mouse of the user moves to an icon located at the lower half portion of the information display page, a prompt statement to "close the preview" may be displayed, and after the user clicks the icon, the information display page may be hidden, and after the "product name" input box of the information editing page, a "preview" button serving as a preview opening control is displayed. At this time, only the editing sub page is included in the information editing page.
202. And displaying an information display page corresponding to the current editing information in a preview area of the information editing page based on the current editing information input in the editing area of the information editing page.
In an actual application, for example, as shown in fig. 5, when the user fills "xxx mineral water" in the corresponding input box after editing the area "product name", the typeface of "xxx mineral water" can be displayed in real time in the corresponding area of the information presentation page in the right preview area. So that the user can view the edited content in real time and correct the content in time.
In an embodiment, in order to improve the flexibility of the page display scheme, the content display may also be performed asynchronously, for example, after the user inputs the content in the editing control completely for the editing sub-page of the editing area, the display of the editing content is performed on the information display page of the preview area, and so on.
In one embodiment, in order to simulate the actual effect of the page finally displayed on the second client to the maximum extent, when the user edits different editing controls in the editing area of the information editing page, the content is updated in real time at the corresponding position of the information presentation page. Specifically, the step "displaying an information presentation page corresponding to current editing information in a preview area of the information editing page based on the current editing information input in the editing area of the information editing page" may include:
acquiring current editing information corresponding to the input operation based on the input operation of the editing control in the editing area;
updating the information display page in real time according to the current editing information;
and displaying the information display page in a preview area of the information editing page.
The editing control can be a control which is located in an editing area of the information editing page and guides a user to edit information. For example, as shown in fig. 4, the input boxes corresponding to the "product type", "product name", "product main graph", "product specification" and "product bar code number" can all be used as editing controls.
In practical applications, for example, as shown in fig. 5, when the user fills "xxx mineral water" in the corresponding input frame after "product name", the current editing information "xxx mineral water" of the user may be obtained, and the information display page in the preview area of the information editing page is updated according to the current editing information "xxx mineral water", that is, the typeface of "xxx" is displayed in the information display mineral water page.
In an embodiment, at least one information display area can be reserved in the information display page, the information display areas can correspond to information edited by a user in an editing area of the information editing page, and when the user edits the information in the editing area of the information editing page, the edited information can be correspondingly displayed in the corresponding information display area, so that the user has certain psychological expectation, and the use efficiency of the user is improved. Specifically, the step "displaying an information presentation page corresponding to current editing information in a preview area of the information editing page based on the current editing information input in the editing area of the information editing page" may include:
when the input operation corresponding to the editing control is detected, acquiring the current editing information input in the editing control;
determining an information display area corresponding to the editing control in the information display page;
updating the display information in the information display area according to the current editing information;
and displaying the updated information display page in the preview area of the information editing page.
For example, as shown in fig. 5, an area in the information display page in the preview area, where the character "xxx mineral water" is displayed, may be used as the information display area, where the information display area corresponds to an edit box corresponding to the "product name" in the edit area of the information edit page, and the edit box may be used as an edit control corresponding to the information display area.
In practical applications, for example, as shown in fig. 5, when the user fills "xxx mineral water" in the edit box corresponding to the "product name", the current edit information "xxx mineral water" of the user may be acquired, the information display area corresponding to the edit box corresponding to the "product name" as the edit control is determined, and then the display information in the information display area is updated according to the current edit information "xxx mineral water", that is, the characters of "xxx mineral water" are displayed in the information display area of the information display page.
In one embodiment, the user can insert a video into the editing area of the information editing page to improve the safety of the product information. Specifically, the page display method may further include:
when the clicking operation of a video playing control in an information display page is detected, video playing data of a video embedded in the information display page are acquired;
and in the video playing area of the information display page, playing the video according to the video playing data.
The video playing control can be a control which is positioned in an information display page of the information editing page and guides a user to play the video. For example, as shown in fig. 14, a triangular icon in the information presentation page in the preview area may serve as a video playing control, and when a click operation on the video playing control is detected, the video may be played or paused.
In practical applications, for example, as shown in fig. 14, a user may insert a physical anti-counterfeit video into an editing area of an information editing page, and at this time, a video playing control corresponding to the physical anti-counterfeit video is correspondingly displayed in a video playing area of an information display page. When the fact that the user clicks the video playing control in the information display page is detected, video playing data corresponding to the physical anti-counterfeiting video can be obtained, the physical anti-counterfeiting video is played in the video playing area of the information display page, and the user can watch the physical anti-counterfeiting video through the information display page.
In an embodiment, for example, when the physical anti-counterfeiting video is played in the video playing area of the information display page, when it is detected that the user clicks the video playing control in the information display page again, the video can be paused, so that the flexibility of the page display method is improved.
In an embodiment, in order to improve the flexibility of the page display scheme, after the information is edited, the user can also know the access condition of the history information display page of the history editing through the information statistics control. Specifically, the page display method may further include:
counting access information of a history information display page edited in history based on the triggering operation of the information counting control in the information display page to obtain an information counting result;
and displaying the information statistical result in an editing area of the information editing page.
The information statistical control can be a control which is positioned in the information display page and guides a user to inquire the access information of the history information display page edited by the history. For example, as shown in fig. 19, "you are the 2 nd inquirer, wary of impersonation" in the information presentation page can be used as the information statistic control.
The historical information display page can be an information display page which is uploaded after being edited, and a user can know the information of the product by accessing the historical information display page.
In practical applications, for example, when the user clicks "you are the 2 nd inquirer, wary of impersonation" on the information presentation page, the historical visitor times and the information of the historical visitor, such as visiting time, visiting place, etc., can be displayed on the product information presentation page.
In an embodiment, for example, the page display method may be implemented according to an MVVM architecture and divided into three layers: view layer, model layer and view model layer.
As shown in fig. 21, the view layer may include an editing area and a preview area, where the editing area may display an editing sub-page, and the preview area may display an information presentation page. According to the actual situation, the position relation between the editing area and the preview area in the view layer can be adjusted.
The view model layer can be a response processing layer when a user edits or modifies the view. The view Model layer may update data to the view layer through an API (Application Programming Interface) of the Object definition Property without additionally operating on the DOM (Document Object Model). For example, the data may be updated into the preview area of the view layer through the view model layer.
The model layer can be realized by a Vuex library which realizes a Flux idea, and the model layer can manage data in a unidirectional data flow mode. For example, the management mode of the model layer may be as shown in fig. 24. When the view model layer identifies that the user edits information, data can be updated through a mutation module (mutation module) in the model layer, the model layer can update data such as two-dimensional code data, anti-counterfeiting data and marketing data in the tree-shaped data management structure, and then the view model layer is triggered to be updated. When the server data is added, the model layer can call the mutation module through the action module (Actions module).
In one embodiment, all data in the information editing page is managed at the model level, wherein data related to the information presentation page is managed within the tree-like data management structure of Vuex. When the view model layer uses data, the data is acquired from the model layer. In order to ensure that the source of the data editing is controllable, when a user edits information, the edited information data can update the data in the tree-shaped data management structure through the mutation module. After the data in the tree data management structure is updated, the data is updated to the view layer in real time through the calculated attribute (Computed) of Vue. When the model layer is added with data from the server, the data can be acquired through the action module, and the data in the tree data management structure is updated through the mutation module.
In one embodiment, for example, as shown in fig. 9, a flowchart illustrating the operation performed by the user through the page display method is shown. When a user wants to preview a flow in real time, the user can set the functions of the small programs and edit the contents aiming at the editing sub-pages, the network equipment can store the contents input by the user at the front end, the view layer can integrate the contents input by the user into a design style module simulating the small program page, then bind the real-time data, map the data stored at the front end to the view layer in real time, refresh the data in real time and display the generated information display page.
When a user wishes to end the preview process, the view layer can acquire the full content data stored at the front end, integrate the full content data into the design style module simulating the applet page, and then display the integrated information display page. When the preview setting operation of the user is detected, the display effect and the like of the information display page can be switched according to the operation of the user.
As can be seen from the above, in the embodiment of the present application, an information editing page of a first client may be displayed, where the information editing page is used to edit information displayed on an information display page of a second client, and an information display page corresponding to current editing information is displayed in a preview area of the information editing page based on the current editing information input in the editing area of the information editing page. According to the scheme, the information display page can be displayed in the preview area of the information editing page of the first client, and the information display page can simulate the actual page effect displayed on the second client, so that a user can know the final page presenting effect in real time. And the information display page can be updated in real time according to the current information editing operation of the user, so that the user can correct and modify the information being edited in time, and the steps of repeatedly uploading data and waiting for auditing are avoided, thereby improving the use efficiency of the user and visually and efficiently displaying the information.
According to the method described in the foregoing embodiment, the page display apparatus is specifically integrated in a network device, for example, and is further described in detail below.
Referring to fig. 3, fig. 3 is a schematic flow chart of a page display method according to an embodiment of the present application. The page display method provided by the embodiment of the present application is specifically explained by the following embodiment:
301. the network device displays an initial information editing page.
In practical application, the page display method can be operated on a system browser and implemented on a webpage end system of a product information system, wherein the product information system corresponding to the page display method is a system provided for a product merchant side, so that a merchant user can configure the display and other functions of an item-code applet. The cloud platform is used for connecting the consumers, the enterprises and the circulation, so that comprehensive O2O marketing, anti-counterfeiting tracing, warehousing logistics and other schemes are provided.
After entering the product information system through the PC terminal, the merchant user needs to create a plan so as to generate an applet page displayed on the mobile terminal. Each plan corresponds to a display form of the applet page on the mobile terminal, so that a merchant user needs to perform function configuration and content editing of the applet page on an information editing page, and the network device can display the finally generated applet page on the mobile terminal according to the editing of the merchant user.
In practical applications, for example, as shown in fig. 6, an initial information editing page may be displayed on the PC, where the initial information editing page may include functional controls such as "data analysis", "apply for two-dimensional code", "add product", "set presentation plan", "abnormal analysis", "online brand protection", and an editing sub-page, where the editing sub-page may include a plurality of corresponding input boxes such as "product type", "product name", "product main graph", "product specification", "product bar code number", and may be provided for a user to edit content. The editing sub-page can be composed of form elements, including sub-elements such as Button, Input, Upload, Checkbox, and InputArea.
302. When the user clicks the function control 'add product', the network device displays an editing sub-page corresponding to the function control 'add product'.
In practical applications, for example, as shown in fig. 6, when the user clicks the function control "add product", an editing sub-page including a plurality of editing controls such as "product type", "product name", "product main map", "product specification", "product bar number" and the like may be displayed in the editing area on the initial information editing page. The user can edit the content aiming at the editing control in the editing sub-page.
In one embodiment, for example, as shown in fig. 4, the input box after editing the "product name" in the sub-page may also be used as a preview opening control, so that when the mouse of the user is located in the input box after the "product name", the information presentation page may be immediately displayed on the right side. At this time, the page displayed on the first client includes an editing sub-page and an information presentation page, and such a page including the editing sub-page and the information presentation page may be referred to as an information editing page.
In one embodiment, for example, as shown in fig. 5, when the user edits "xxx mineral water" in the input box after "product name", the word "xxx mineral water" is displayed in real time on the information display page on the right side.
In an embodiment, for example, as shown in fig. 5, when a mouse of a user moves to a preview close control in an information presentation page, a prompt of "close preview" may be displayed, and after the user clicks the preview close control in the information presentation page, the information presentation page may be hidden, and at the same time, the edit sub-page display button "preview" is used as a preview open control.
In an embodiment, since all the contents edited by the user are stored in the whole process, the user can click the form or click the preview opening control in any step, and the information display page can be redisplayed, so that the user can update the contents at any time.
303. When the user clicks the function control "set display plan", the network device displays an information editing page corresponding to the function control "set display plan".
In practical applications, for example, when the user clicks the function control "set display plan", an information editing page corresponding to the function control "set display plan" may be displayed on the PC. As shown in fig. 10, since the functionality control "setting a presentation plan" includes a plurality of editing flow node identifiers indicating editing progress: the method comprises the steps of filling in basic information, setting an anti-counterfeiting mode, selecting an interactive module, confirming plan information and the like, wherein under the guidance of a real-time editing progress, a user can clearly know the current editing progress condition, however, the node identification of each editing process node corresponds to different information display pages and editing sub-pages, and therefore the corresponding information editing page needs to be displayed according to the current editing process node.
304. When the editing process node 'selection display module' is reached, the network equipment displays an information editing page corresponding to the editing process node 'selection display module'.
In practical applications, for example, as shown in fig. 7, when the editing process node "select a presentation module" is reached, editing sub-pages including "presentation module", "questionnaire title", "question one", "question two", and the like may be displayed, and through the "presentation module", a user may select the presentation module, for example, may select a research module as the presentation module. The user can also edit the questionnaire title, the questionnaire content, and the like by editing the sub-page. When the user edits the content, the content edited by the user can be displayed on the information display page on the right side in real time.
305. When the anti-counterfeiting mode is set in the editing process node, the network equipment displays an information editing page corresponding to the anti-counterfeiting mode set in the editing process node.
In practical applications, for example, as shown in fig. 8, when the editing process node "sets the anti-counterfeit mode", editing sub-pages including "add two-dimensional code mode", "physical anti-counterfeit identification" and the like may be displayed, and a user may set a mode of uploading a two-dimensional code and upload a two-dimensional code, may also set an uploading mode of a physical anti-counterfeit picture and upload a physical anti-counterfeit picture, a physical anti-counterfeit video and the like.
In an embodiment, as shown in fig. 11, the editing sub-page may include an editing control for guiding the user to upload the physical anti-counterfeit picture, and the information display page includes an information display area for displaying the physical anti-counterfeit picture, so as to prompt the user that the uploaded physical anti-counterfeit picture is displayed in the information display area of the information display page, so that the user has a certain psychological expectation. Similarly, editing controls for guiding the file, the physical anti-counterfeiting video and the like in the editing sub-page also have corresponding information display areas in the information display page.
In an embodiment, as shown in fig. 12, after the user uploads a physical anti-counterfeit picture to the editing sub-page, the image that the user has just uploaded is displayed in real time in the information display area corresponding to the physical anti-counterfeit picture in the information display page.
In an embodiment, as shown in fig. 13, when the user inputs the guidance document for the editing sub-page, the information presentation page may combine the guidance document input by the user and the entire preview area to present in real time, and the user may view the entire display effect of the page including the guidance document through the information presentation page.
In an embodiment, as shown in fig. 14, after the user fills in the necessary information in the editing sub-page, the information display page may display the content input by the user, and display a final complete page display effect, at this time, the user may view the content just edited with respect to the information display page, and when a filling error is found or a place needing to be modified is found, the content may be modified immediately.
In an embodiment, as shown in fig. 15, when the user selects "yes" from the "whether to display the physical anti-counterfeiting data on the product home page", the information display page combines the physical anti-counterfeiting part with the product home page in real time, and by selecting whether to display the physical anti-counterfeiting data on the product home page, the diversified use requirements of different users can be met.
306. When the editing process node 'selection interactive module' is reached, the network equipment displays an information editing page corresponding to the editing process node 'selection interactive module'.
In practical applications, for example, as shown in fig. 16, when the editing process node "select an interactive module" is reached, an editing sub-page including the "interactive module" may be displayed, and the user may select the interactive module, for example, may select a marketing module as the interactive module. When the user selects the interactive module, the editing sub-page can be updated in real time along with the selection of the user and updated to the page corresponding to the module selected by the user.
In one embodiment, for example, as shown in fig. 17, after the user selects the option of "marketing module" and uploads the promotion diagram, the effect of marketing images, which may include product images, test selling prices, suggested retail prices, etc., is displayed on the information display page. Editing controls such as an activity applet ID and an activity page path can be displayed on the editing sub-page, so that a user can upload a promotion diagram, set the activity applet ID and set the activity page path.
In one embodiment, for example, as shown in fig. 18, when the user selects the option of "research module", an information presentation page including research content may be displayed, for example, a questionnaire may be added to the information presentation page. Questions in the questionnaire and corresponding options can also be displayed on the editing sub-page so that the user can set the questionnaire.
307. When proceeding to the edit flow node "confirm plan information", the network device displays an information edit page corresponding to the edit flow node "confirm plan information".
In practical applications, for example, as shown in fig. 19, when the editing process node "select an interactive module" is reached, an editing subpage including "plan name", "associated product", "tracing information", "verification code input requirement", "two-dimensional code adding manner", "physical anti-counterfeiting mark", "interactive module" and the like may be displayed, and a button "you are the 2 nd inquirer, wary against counterfeiting" may be displayed in the information display page as an information statistical control.
In practical applications, for example, as shown in fig. 20, when the user clicks a button "you are the 2 nd inquirer, wary against impersonation", the statistical result including the number of visitors, visiting time, visiting place, etc. can be displayed in the information presentation page. The user can also quit displaying the information display page of the information statistical result by clicking the return icon and return to the applet preview home page.
As can be seen from the above, in the embodiment of the present application, an initial information editing page may be displayed by a network device, when a user clicks a function control "add a product", an editing sub-page corresponding to the function control "add a product" is displayed, when a user clicks a function control "set a display plan", an information editing page corresponding to the function control "set a display plan" is displayed, when the editing process node "select a display module" is reached, an information editing page corresponding to the editing process node "select a display module" is displayed, when the editing process node "set an anti-counterfeit manner" is reached, an information editing page corresponding to the editing process node "set an anti-counterfeit manner" is displayed, when the editing process node "select an interactive module" is reached, an information editing page corresponding to the editing process node "select an interactive module" is displayed, when the editing process node "confirm plan information", and displaying an information editing page corresponding to the editing process node 'confirmation plan information'.
According to the scheme, the information display page can be displayed in the preview area of the information editing page of the first client, and the information display page can simulate the actual page effect displayed on the second client, so that a user can know the final page presenting effect in real time. And the information display page can be updated in real time according to the current information editing operation of the user, so that the user can correct and modify the information being edited in time, and the steps of repeatedly uploading data and waiting for auditing are avoided, thereby improving the use efficiency of the user and visually and efficiently displaying the information.
In order to better implement the above method, an embodiment of the present application may further provide a page display apparatus, where the page display apparatus may be specifically integrated in a network device, and the network device may include a server, a terminal, and the like, where the terminal may include: a mobile phone, a tablet Computer, a notebook Computer, or a Personal Computer (PC).
For example, as shown in fig. 25, the page display apparatus may include a first display module 251 and a second display module 252 as follows:
the first display module 251 is configured to display an information editing page of a first client, where the information editing page is used to edit information displayed on an information display page of a second client;
the second display module 252 is configured to display, in the preview area of the information editing page, an information display page corresponding to current editing information based on the current editing information input in the editing area of the information editing page.
In an embodiment, the second display module 252 may be specifically configured to:
when the click operation of a preview opening control in the information editing page is detected, acquiring current editing information input in an editing area of the information editing page;
generating an information display page corresponding to the current editing information;
and displaying the generated information display page in a preview area of the information editing page.
In an embodiment, the second display module 252 may be further specifically configured to:
when the input operation corresponding to the editing control is detected, acquiring the current editing information input in the editing control;
determining an information display area corresponding to the editing control in the information display page;
updating the display information in the information display area according to the current editing information;
and displaying the updated information display page in the preview area of the information editing page.
In an embodiment, the page display apparatus may further include a hiding module 253, and the hiding module 253 may be specifically configured to:
when the click operation of a preview closing control arranged in the preview area is detected, hiding the information display page;
and adding a preview opening control in the information editing page.
In an embodiment, the page display apparatus may further include a video playing module 254, and the video playing module 254 may be specifically configured to:
when the clicking operation of a video playing control in an information display page is detected, video playing data of a video embedded in the information display page are acquired;
and in the video playing area of the information display page, playing the video according to the video playing data.
In an embodiment, the page display apparatus may further include a function module 255, and the function module 255 may be specifically configured to:
determining a functional control corresponding to the selection operation based on the selection operation of the functional control list in the information editing page;
and displaying the editing sub-page corresponding to the function control in the editing area of the information editing page.
In an embodiment, the page display apparatus may further include a progress indication module 256, and the progress indication module 256 may be specifically configured to:
and when the editing completion operation aiming at the editing sub-page is detected, displaying the editing sub-page corresponding to the next editing process node, and updating the progress indication mark.
In an embodiment, the page display apparatus may further include an information statistics module 257, where the information statistics module 257 is specifically configured to:
counting access information of a history information display page edited in history based on the triggering operation of the information counting control in the information display page to obtain an information counting result;
and displaying the information statistical result in an editing area of the information editing page.
In a specific implementation, the above units may be implemented as independent entities, or may be combined arbitrarily to be implemented as the same or several entities, and the specific implementation of the above units may refer to the foregoing method embodiments, which are not described herein again.
As can be seen from the above, the page display apparatus of this embodiment may display, through the first display module 251, an information editing page of the first client, where the information editing page is used to edit information displayed on an information display page of the second client, and display, through the second display module 252, an information display page corresponding to current editing information in a preview area of the information editing page based on the current editing information input in the editing area of the information editing page. According to the scheme, the information display page can be displayed in the preview area of the information editing page of the first client, and the information display page can simulate the actual page effect displayed on the second client, so that a user can know the final page presenting effect in real time. And the information display page can be updated in real time according to the current information editing operation of the user, so that the user can correct and modify the information being edited in time, and the steps of repeatedly uploading data and waiting for auditing are avoided, thereby improving the use efficiency of the user and visually and efficiently displaying the information.
The embodiment of the application also provides a network device, and the network device can integrate any page display device provided by the embodiment of the application.
For example, as shown in fig. 26, a schematic structural diagram of a network device according to an embodiment of the present application is shown, specifically:
the network device may include components such as a processor 261 for one or more processing cores, memory 262 for one or more computer-readable storage media, a power supply 263, and an input unit 264. Those skilled in the art will appreciate that the network device configuration shown in fig. 26 does not constitute a limitation of network devices and may include more or fewer components than shown, or some components may be combined, or a different arrangement of components. Wherein:
the processor 261 is a control center of the network device, connects various parts of the entire network device using various interfaces and lines, and performs various functions of the network device and processes data by running or executing software programs and/or modules stored in the memory 262 and calling data stored in the memory 262, thereby performing overall monitoring of the network device. Alternatively, processor 261 may include one or more processing cores; preferably, the processor 261 may integrate an application processor, which mainly handles operating systems, user interfaces, application programs, etc., and a modem processor, which mainly handles wireless communications. It will be appreciated that the modem processor described above may not be integrated into the processor 261.
The memory 262 may be used to store software programs and modules, and the processor 261 executes various functional applications and data processing by operating the software programs and modules stored in the memory 262. The memory 262 may mainly include a program storage area and a data storage area, wherein the program storage area may store an operating system, an application program required for at least one function (such as a sound playing function, an image playing function, etc.), and the like; the storage data area may store data created according to use of the network device, and the like. Further, the memory 262 may include high speed random access memory, and may also include non-volatile memory, such as at least one magnetic disk storage device, flash memory device, or other volatile solid state storage device. Accordingly, the memory 262 may also include a memory controller to provide the processor 261 access to the memory 262.
The network device further includes a power source 263 for supplying power to each component, and preferably, the power source 263 is logically connected to the processor 261 through a power management system, so that functions of managing charging, discharging, and power consumption are implemented through the power management system. The power supply 263 may also include any component including one or more dc or ac power sources, recharging systems, power failure detection circuitry, power converters or inverters, power status indicators, and the like.
The network device may further include an input unit 264, and the input unit 264 may be used to receive input numeric or character information and generate keyboard, mouse, joystick, optical or trackball signal inputs related to user settings and function control.
Although not shown, the network device may further include a display unit and the like, which are not described in detail herein. Specifically, in this embodiment, the processor 261 in the network device loads the executable file corresponding to the process of one or more application programs into the memory 262 according to the following instructions, and the processor 261 runs the application program stored in the memory 262, so as to implement various functions as follows:
and displaying an information editing page of the first client, wherein the information editing page is used for editing information displayed by an information display page of the second client, and displaying the information display page corresponding to the current editing information in a preview area of the information editing page based on the current editing information input in the editing area of the information editing page.
The above operations can be implemented in the foregoing embodiments, and are not described in detail herein.
As can be seen from the above, in the embodiment of the present application, an information editing page of a first client may be displayed, where the information editing page is used to edit information displayed on an information display page of a second client, and an information display page corresponding to current editing information is displayed in a preview area of the information editing page based on the current editing information input in the editing area of the information editing page. According to the scheme, the information display page can be displayed in the preview area of the information editing page of the first client, and the information display page can simulate the actual page effect displayed on the second client, so that a user can know the final page presenting effect in real time. And the information display page can be updated in real time according to the current information editing operation of the user, so that the user can correct and modify the information being edited in time, and the steps of repeatedly uploading data and waiting for auditing are avoided, thereby improving the use efficiency of the user and visually and efficiently displaying the information.
It will be understood by those skilled in the art that all or part of the steps of the methods of the above embodiments may be performed by instructions or by associated hardware controlled by the instructions, which may be stored in a computer readable storage medium and loaded and executed by a processor.
To this end, embodiments of the present application provide a computer device, in which a plurality of instructions are stored, and the instructions can be loaded by a processor to execute the steps in any one of the page display methods provided in the embodiments of the present application. For example, the instructions may perform the steps of:
and displaying an information editing page of the first client, wherein the information editing page is used for editing information displayed by an information display page of the second client, and displaying the information display page corresponding to the current editing information in a preview area of the information editing page based on the current editing information input in the editing area of the information editing page.
The above operations can be implemented in the foregoing embodiments, and are not described in detail herein.
Wherein the storage medium may include: read Only Memory (ROM), Random Access Memory (RAM), magnetic or optical disks, and the like.
Since the instructions stored in the storage medium can execute the steps in any page display method provided in the embodiments of the present application, beneficial effects that can be achieved by any page display method provided in the embodiments of the present application can be achieved, which are detailed in the foregoing embodiments and will not be described herein again.
The page display method, the page display device, and the computer storage medium provided by the embodiments of the present application are described in detail above, and a specific example is applied in the present application to explain the principle and the implementation of the present application, and the description of the above embodiments is only used to help understand the method and the core idea of the present application; meanwhile, for those skilled in the art, according to the idea of the present application, there may be variations in the specific embodiments and the application scope, and in summary, the content of the present specification should not be construed as a limitation to the present application.

Claims (10)

1. A page display method, comprising:
displaying an information editing page of a first client, wherein the information editing page is used for editing information displayed by an information display page of a second client;
and displaying an information display page corresponding to the current editing information in a preview area of the information editing page based on the current editing information input in the editing area of the information editing page.
2. The page display method according to claim 1, wherein displaying an information presentation page corresponding to current edit information in a preview area of the information editing page based on the current edit information input in an edit area of the information editing page, comprises:
when the click operation of a preview opening control in the information editing page is detected, acquiring current editing information input in an editing area of the information editing page;
generating an information display page corresponding to the current editing information;
and displaying the generated information display page in a preview area of the information editing page.
3. The page display method according to claim 1, wherein the information editing page includes an editing area; an editing control is arranged in the editing area;
displaying an information display page corresponding to current editing information in a preview area of the information editing page based on the current editing information input in the editing area of the information editing page, including:
when the input operation corresponding to the editing control is detected, acquiring the current editing information input in the editing control;
determining an information display area corresponding to the editing control in the information display page;
updating the display information in the information display area according to the current editing information;
and displaying the updated information display page in the preview area of the information editing page.
4. The page display method according to claim 1, wherein, after displaying an information presentation page corresponding to current edit information in a preview area of the information editing page based on the current edit information input in the edit area of the information editing page, the method further comprises:
when the click operation of a preview closing control arranged in the preview area is detected, hiding the information display page;
and adding a preview opening control in the information editing page.
5. The page display method according to claim 1, characterized in that the method further comprises:
when the clicking operation of a video playing control in an information display page is detected, video playing data of a video embedded in the information display page are acquired;
and in the video playing area of the information display page, playing the video according to the video playing data.
6. The page display method according to claim 1, wherein the information editing page includes a function control list;
the method further comprises the following steps:
determining a functional control corresponding to the selection operation based on the selection operation of the functional control list in the information editing page;
and displaying the editing sub-page corresponding to the function control in the editing area of the information editing page.
7. The page display method according to claim 1, wherein the editing sub-page includes a progress indicator, the progress indicator includes a node identifier of an editing process node, and the editing sub-page is an editing sub-page corresponding to a current editing process node;
the method further comprises the following steps:
and when the editing completion operation aiming at the editing sub-page is detected, displaying the editing sub-page corresponding to the next editing process node, and updating the progress indication mark.
8. The page display method according to claim 1, wherein the information presentation page includes an information statistics control;
the method further comprises the following steps:
counting access information of a history information display page edited in history based on the triggering operation of the information counting control in the information display page to obtain an information counting result;
and displaying the information statistical result in an editing area of the information editing page.
9. A page display apparatus, comprising:
the first display module is used for displaying an information editing page of a first client, and the information editing page is used for editing information displayed by an information display page of a second client;
and the second display module is used for displaying an information display page corresponding to the current editing information in a preview area of the information editing page based on the current editing information input in the editing area of the information editing page.
10. A computer storage medium having stored thereon a computer program, characterized in that, when the computer program is run on a computer, it causes the computer to execute the page display method according to any one of claims 1 to 8.
CN201910916854.7A 2019-09-26 2019-09-26 Page display method and device and computer storage medium Pending CN112558824A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910916854.7A CN112558824A (en) 2019-09-26 2019-09-26 Page display method and device and computer storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910916854.7A CN112558824A (en) 2019-09-26 2019-09-26 Page display method and device and computer storage medium

Publications (1)

Publication Number Publication Date
CN112558824A true CN112558824A (en) 2021-03-26

Family

ID=75029772

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910916854.7A Pending CN112558824A (en) 2019-09-26 2019-09-26 Page display method and device and computer storage medium

Country Status (1)

Country Link
CN (1) CN112558824A (en)

Cited By (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113076499A (en) * 2021-04-30 2021-07-06 北京字节跳动网络技术有限公司 Page interaction method, device, equipment, medium and program product
CN113157181A (en) * 2021-03-30 2021-07-23 北京达佳互联信息技术有限公司 Operation guiding method and device
CN113177175A (en) * 2021-05-21 2021-07-27 深圳集智数字科技有限公司 Information display method, information display device, medium, and electronic device
CN113282863A (en) * 2021-06-11 2021-08-20 上海哔哩哔哩科技有限公司 Service page generation method and device
CN113805709A (en) * 2021-09-24 2021-12-17 维沃移动通信有限公司 Information input method and device
CN114020194A (en) * 2021-11-25 2022-02-08 浙江太美医疗科技股份有限公司 Display data modification method and device, computer equipment and medium
CN114115644A (en) * 2021-11-19 2022-03-01 北京达佳互联信息技术有限公司 Form page display method and device, computer equipment and storage medium
CN114968040A (en) * 2022-05-19 2022-08-30 北京市商汤科技开发有限公司 Image processing method and device, electronic device and storage medium
CN115047996A (en) * 2022-05-05 2022-09-13 北京达佳互联信息技术有限公司 Data processing method and device, electronic equipment and storage medium

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103631576A (en) * 2012-08-24 2014-03-12 瑞昱半导体股份有限公司 Multimedia comment editing system and related multimedia comment editing method and device
CN105446744A (en) * 2015-12-15 2016-03-30 北京中网易企秀科技有限公司 Internet based display material system and display material making method
CN109308151A (en) * 2017-07-28 2019-02-05 北京搜狗科技发展有限公司 A kind of information processing method, device, equipment and storage medium
CN109657182A (en) * 2018-12-18 2019-04-19 深圳店匠科技有限公司 Generation method, system and the computer readable storage medium of webpage
CN109948102A (en) * 2019-03-27 2019-06-28 维沃移动通信有限公司 Content of pages edit methods and terminal
CN110083790A (en) * 2019-04-30 2019-08-02 珠海随变科技有限公司 Page editing method, page output method, device, computer equipment and medium

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103631576A (en) * 2012-08-24 2014-03-12 瑞昱半导体股份有限公司 Multimedia comment editing system and related multimedia comment editing method and device
CN105446744A (en) * 2015-12-15 2016-03-30 北京中网易企秀科技有限公司 Internet based display material system and display material making method
CN109308151A (en) * 2017-07-28 2019-02-05 北京搜狗科技发展有限公司 A kind of information processing method, device, equipment and storage medium
CN109657182A (en) * 2018-12-18 2019-04-19 深圳店匠科技有限公司 Generation method, system and the computer readable storage medium of webpage
CN109948102A (en) * 2019-03-27 2019-06-28 维沃移动通信有限公司 Content of pages edit methods and terminal
CN110083790A (en) * 2019-04-30 2019-08-02 珠海随变科技有限公司 Page editing method, page output method, device, computer equipment and medium

Cited By (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113157181A (en) * 2021-03-30 2021-07-23 北京达佳互联信息技术有限公司 Operation guiding method and device
CN113157181B (en) * 2021-03-30 2024-01-05 北京达佳互联信息技术有限公司 Operation guiding method and device
CN113076499A (en) * 2021-04-30 2021-07-06 北京字节跳动网络技术有限公司 Page interaction method, device, equipment, medium and program product
CN113177175A (en) * 2021-05-21 2021-07-27 深圳集智数字科技有限公司 Information display method, information display device, medium, and electronic device
CN113282863A (en) * 2021-06-11 2021-08-20 上海哔哩哔哩科技有限公司 Service page generation method and device
CN113805709A (en) * 2021-09-24 2021-12-17 维沃移动通信有限公司 Information input method and device
CN114115644A (en) * 2021-11-19 2022-03-01 北京达佳互联信息技术有限公司 Form page display method and device, computer equipment and storage medium
CN114020194A (en) * 2021-11-25 2022-02-08 浙江太美医疗科技股份有限公司 Display data modification method and device, computer equipment and medium
CN115047996A (en) * 2022-05-05 2022-09-13 北京达佳互联信息技术有限公司 Data processing method and device, electronic equipment and storage medium
CN114968040A (en) * 2022-05-19 2022-08-30 北京市商汤科技开发有限公司 Image processing method and device, electronic device and storage medium

Similar Documents

Publication Publication Date Title
CN112558824A (en) Page display method and device and computer storage medium
US10592211B2 (en) Generation of application behaviors
US20180356967A1 (en) Facilitating automatic generation of customizable storyboards
CN110045953A (en) Generate the method and computing device of business rule expression formula
CN108970117A (en) Dissemination method, terminal device and the medium of game resource packet
CN108279964A (en) The implementation method and device that text control, mask for copy editor render
US20230013601A1 (en) Program trial method, system, apparatus, and device, and medium
CN103534697B (en) For providing the method and system of statistics dialog manager training
CN111881662A (en) Form generation method, device, processing equipment and storage medium
CN104050192A (en) Method, device and system for running application
US20230409170A1 (en) Specialized computer publishing systems for dynamic nonlinear storytelling creation by viewers of digital content and computer-implemented publishing methods of utilizing thereof
US11813538B2 (en) Videogame telemetry data and game asset tracker for session recordings
CN113221040B (en) Method and related device for displaying comment information
US20150193279A1 (en) Data Engine
CN114116086A (en) Page editing method, device, equipment and storage medium
CN110333853A (en) Application method, device, equipment and the readable storage medium storing program for executing of active card
JP2019532385A (en) System for configuring or modifying a virtual reality sequence, configuration method, and system for reading the sequence
CN114092608B (en) Expression processing method and device, computer readable storage medium and electronic equipment
CN115248891A (en) Page display method and device, electronic equipment and storage medium
CN113709575A (en) Video editing processing method and device, electronic equipment and storage medium
CN113806596B (en) Operation data management method and related device
CN111522439B (en) Revision method, device and equipment of virtual prototype and computer storage medium
CN113867872A (en) Project editing method, device, equipment and storage medium
CN118070062A (en) Deep learning model automatic generation method, device and storage medium
CN116933362A (en) Automatic generation method and device for indoor design scheme, computer equipment and medium

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination