Webpage processing method and device, and storage medium

By obtaining a page model for content editing and previewing the display effect, the problem of not being able to check and modify page content during the page editing process in existing technologies is solved, thus improving the work efficiency of website administrators.

CN115168772BActive Publication Date: 2026-03-17CHINA UNITED NETWORK COMM GRP CO LTD +1
View PDF 2 Cites 0 Cited by

Patent Information

Authority / Receiving Office
CN · China
Patent Type
Patents(China)
Current Assignee / Owner
Filing Date
2022-07-19
Publication Date
2026-03-17

AI Technical Summary

Technical Problem

Existing page creation methods cannot check and modify the online display effect of page content during the page editing process, especially for complex web pages, resulting in low efficiency for website administrators in building and maintaining websites.

Method used

By acquiring the page model, utilizing the page templates and association methods within the page model, content can be edited on the editing page. The preview can be performed using the association method between the content display method and the page template, enabling real-time checking and modification of the page display effect after content is filled.

Benefits of technology

The content editing process enables timely checking and modification of page display effects, improving the efficiency of creating complex web pages and enhancing the website administrator's website building and maintenance efficiency.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN115168772B_ABST
    Figure CN115168772B_ABST
Patent Text Reader

Abstract

This application provides a webpage processing method, apparatus, and storage medium. The method includes: receiving an editing instruction, the editing instruction including a model identifier of a page model; obtaining a page model based on the model identifier; the page model including a page template, a content display method of the page template, and / or a relationship method between corresponding pages of the page template; editing content on the editing page corresponding to the page template in the page model to obtain a content-filled page; and previewing the display effect of the content-filled page using the content display method of the page template and / or the relationship method between corresponding pages of the page template. This method solves the problem in existing page creation methods where the online display effect of page content cannot be checked and modified during page editing, thus improving the efficiency of website administrators in website building and maintenance.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] This application relates to the field of computer technology, and in particular to a web page processing method, apparatus and storage medium. Background Technology

[0002] A website is an important tool for presentation and communication. During business development and the creation of website information, website administrators typically use website systems such as content management systems (CMS) to update, maintain, and even create new websites.

[0003] In the process of updating, maintaining, and building a website, the creation of web pages is inevitable. Page creation typically involves two stages: page editing and previewing the page before it goes live. For example... Figure 1 As shown, the website system includes a front-end device 11 and a back-end server 12. The existing page creation method is as follows: (I) Page editing stage: The website administrator uses the front-end device 11 to determine the target page template and target effect tags required for the webpage to be created from multiple pre-stored page templates and multiple effect tags. Among them, the effect tags are preset identifiers that represent the relationship between pages or the display effect of page content. The website administrator edits the content of the page in the target page template through the front-end device 11 to obtain the populated page template. (II) Online page preview stage: After the page editing stage is completed, the website administrator uses the front-end device 11 to encapsulate the populated page template and target effect tags to obtain encapsulated data, and sends the encapsulated data to the back-end server 12. The back-end server 12 decapsulates the encapsulated data to obtain the populated page template and target effect tags. The back-end server 12 uses the association rules and / or display rules corresponding to the target effect tags to compile the populated page template to obtain the online page, and returns the online page to the front-end device 11 for preview display. Website administrators can check the online display effect of the page content by previewing the online page to ensure that the corresponding online page is accurate after the page content is launched.

[0004] If the webpage to be created is a complex webpage, such as one containing a large number of pages, with complex relationships between pages and / or complex display effects of page content, the existing page creation methods cannot check and modify the online display effect of the page content during the page editing process, which greatly reduces the efficiency of website administrators in building and maintaining websites. Summary of the Invention

[0005] This application provides a web page processing method, apparatus, and storage medium to solve the problem that existing page creation methods cannot check and modify the online display effect of page content during the page editing process.

[0006] In a first aspect, this application provides a webpage processing method, the method comprising:

[0007] Receive editing instructions, wherein the editing instructions contain the model identifier of the page model;

[0008] Based on the model identifier, a page model is obtained; the page model includes a page template, the content display method of the page template, and / or the association method between the corresponding pages of the page template.

[0009] Edit the content on the editing page corresponding to the page template in the page model to obtain the page after content filling;

[0010] The page display effect after the content is filled is previewed by using the content display method of the page template and / or the association method between the corresponding pages of the page template.

[0011] Optionally, the step of editing the content on the editing page corresponding to the page template in the page model to obtain the content-filled page includes:

[0012] In the page model, the content is edited on the editing page corresponding to the page template to obtain the page content;

[0013] The page content is then filled into the corresponding page template to obtain the page with the content filled.

[0014] Optionally, the content display method includes at least one of the following: a static content format conversion display method and a dynamic content playback method;

[0015] The preview display of the page after the content is filled, using the content display method of the page template and / or the association method between the corresponding pages of the page template, includes:

[0016] The page display effect after the content is filled is previewed by using at least one of the following methods: static content format conversion and display method corresponding to the page template, dynamic content playback method, and / or association method between pages corresponding to the page template.

[0017] Optionally, the conversion and display method of the static content format includes at least one of the conversion and display methods of text format, image format, video format, and audio format;

[0018] The dynamic content playback method includes a dynamic content carousel method;

[0019] The preview display of the page after the content is filled, using at least one of the following methods—a static content format conversion display method corresponding to the page template, a dynamic content playback method, and / or an association method between pages corresponding to the page template—includes:

[0020] The preview display of the page after the content is filled is performed by using at least one of the following methods: text format conversion and display method, image format conversion and display method, video format conversion and display method, audio format conversion and display method, and dynamic content playback method, and / or the association method between the pages corresponding to the page template.

[0021] Optionally, the page content includes the website identifier of the website to which the page content belongs;

[0022] After previewing the display effect of the page after the content is filled using the content display method of the page template and / or the association method between the page template and the corresponding page, the method further includes:

[0023] Receive a launch and release instruction, wherein the launch and release instruction includes a website identifier;

[0024] Based on the website identifier of the page content, determine the website to which the page content belongs;

[0025] The page content is sent to the website management server corresponding to the website, so that the website management server can publish the page content online.

[0026] Optionally, the page content may further include a template identifier for the page template and a model identifier for the page model to which the page template belongs;

[0027] After sending the page content to the website management server corresponding to the website, the method further includes:

[0028] Send a webpage access request to the website management server, the webpage access request including a website identifier;

[0029] Receive the page content corresponding to the website identifier in the webpage access request returned by the website management server based on the webpage access request;

[0030] Based on the template identifier and model identifier of the page content, obtain the page template and page model;

[0031] The obtained page template is filled with the page content to obtain the page with the content filled.

[0032] The content display method of the page template corresponding to the obtained page model and / or the association method between the pages corresponding to the page template are used to access and display the display effect of the page after the content is filled.

[0033] Secondly, this application provides a web page processing device, the device comprising: a transceiver module, an editing module, and a display module;

[0034] The transceiver module is used to receive editing instructions, which include the model identifier of the page model;

[0035] The editing module is used to obtain a page model based on the model identifier; the page model includes a page template, the content display method of the page template, and / or the association method between the corresponding pages of the page template; and to edit the content on the editing page corresponding to the page template in the page model to obtain a page with the content filled.

[0036] The display module is used to preview the display effect of the page after the content is filled, using the content display method of the page template and / or the association method between the corresponding pages of the page template.

[0037] Optionally, the transceiver module includes a general application programming interface (API);

[0038] The editing module is also used to edit content on the editing page corresponding to the page template in the page model to obtain page content; and to fill the page content into the corresponding page template to obtain a page with the content filled; the page content includes the template identifier of the page template, the model identifier of the page model to which the page template belongs, and the website identifier of the website to which the page content belongs;

[0039] The sending and receiving module is further configured to, after the display module previews the display effect of the page after the content is filled using the content display method of the page template and / or the association method between the corresponding pages of the page template, determine the website to which the page content belongs based on the website identifier of the page content; and send the page content to the website management server corresponding to the website through the general API, so that the website management server can publish the page content online.

[0040] The transceiver module is also used to send webpage access requests to the website management server via the general API to access webpages.

[0041] Thirdly, this application provides a web page processing apparatus, the apparatus comprising:

[0042] Processor and memory;

[0043] The memory stores executable instructions that the processor can execute;

[0044] The processor executes the executable instructions stored in the memory, causing the processor to perform the method described above.

[0045] Fourthly, this application provides a storage medium storing computer-executable instructions, which, when executed by a processor, are used to implement the method described above.

[0046] The webpage processing method, apparatus, and storage medium provided in this application obtain a page model, edit content on the editing page corresponding to the page template in the obtained page model, and obtain a content-filled page. By using the content display method of the page template in the obtained page model and / or the association method between the corresponding pages of the page template, the display effect of the content-filled page is previewed. This allows for timely previewing, checking, and modification of the display effect of the content-filled page during the content editing process, improving the efficiency of website administrators in website building and maintenance. This application solves the problem in existing page creation methods that cannot check and modify the online display effect of page content during the page editing process. Attached Figure Description

[0047] The accompanying drawings, which are incorporated in and form part of this specification, illustrate embodiments consistent with this application and, together with the description, serve to explain the principles of this application.

[0048] Figure 1 Create a scene graph for the existing page;

[0049] Figure 2 Create a scene diagram for the page provided in the embodiments of this application;

[0050] Figure 3 A flowchart of a webpage processing method provided in an embodiment of this application;

[0051] Figure 4 A system architecture diagram for existing web page access;

[0052] Figure 5 A system architecture diagram for the online publishing and webpage access of page content provided in the embodiments of this application;

[0053] Figure 6 A structural diagram of a web page processing device provided in an embodiment of this application;

[0054] Figure 7 This is a structural diagram of a web page processing device provided in an embodiment of this application.

[0055] The accompanying drawings illustrate specific embodiments of this application, which will be described in more detail below. These drawings and descriptions are not intended to limit the scope of the concept in any way, but rather to illustrate the concept of this application to those skilled in the art through reference to particular embodiments. Detailed Implementation

[0056] To make the objectives, technical solutions, and advantages of the embodiments of this application clearer, the technical solutions of the embodiments of this application will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of this invention, not all embodiments. Based on the embodiments of this application, all other embodiments obtained by those skilled in the art without creative effort are within the scope of protection of this application.

[0057] like Figure 1 As shown, the existing page creation method is as follows: (I) Page editing stage: The front-end device 11 receives the editing instructions input by the website administrator through the front-end device 11. The editing instructions include the page template identifier and effect tags of the page template required for the webpage to be created. Based on the page template identifier and effect tags, the front-end device 11 determines the target page template and target effect tags. The front-end device 11 edits the content of the page in the target page template to obtain the populated page template. (II) Online page preview stage: The front-end device 11 receives the preview instructions input by the website administrator through the front-end device 11. Based on the preview instructions, the front-end device 11 encapsulates the populated page template and target effect tags to obtain encapsulated data, and sends the encapsulated data to the back-end server 12 through a pre-agreed non-general API interface. The back-end server 12 decapsulates the encapsulated data to obtain the populated page template and target effect tags. The back-end server 12 compiles the populated page template using the association rules and / or display rules corresponding to the target effect tags to obtain the online page, and returns the online page to the front-end device 11 for preview display through a general API interface. Website administrators can preview the online page to check its display effect and ensure that the corresponding online page is accurate. Once the website administrator confirms that the online page display effect is accurate, they can publish the page online through front-end device 11 and back-end server 12.

[0058] In existing page creation methods, the final product obtained by previewing a page before the page editing stage is complete differs significantly from the final product obtained after the page editing stage is finished. Therefore, website administrators can only preview and check the online display effect of each page in the webpage to be created after the page editing stage is completed, but they cannot preview and check the online display effect of the page content during the page editing process, and thus cannot make modifications based on the preview results. If the webpage to be created is complex, such as containing a large number of pages, complex interrelationships between pages, and / or complex display effects of page content, the existing page creation method suffers from the problem of not being able to check and modify the online display effect of the page content during the page editing process, which greatly reduces the efficiency of website administrators in building and maintaining websites.

[0059] Therefore, this application proposes a webpage processing method. By obtaining a page model, which includes pre-set page templates, content display methods for the page templates, and / or association methods between corresponding pages in the obtained page model, content is edited on the editing page corresponding to the page template in the obtained page model to obtain a content-filled page. The display effect of the content-filled page is previewed using the content display methods and / or association methods between corresponding pages in the obtained page model. This allows for previewing and checking the display effect of the content-filled page during the content editing process and making timely modifications based on the check results. This solves the problem in existing page creation methods that cannot check and modify the online display effect of page content during the page editing process. The webpage processing method provided by this application greatly improves the efficiency of creating complex webpages, thereby improving the efficiency of website administrators in website building and maintenance.

[0060] The web page processing method provided in this application will be described below with reference to some embodiments.

[0061] Figure 2 Create a scene diagram for the page provided in the embodiments of this application. For example... Figure 2As shown, the web page processing device 21 receives editing instructions input by the website administrator through the web page processing device 21. These editing instructions include a model identifier for the page model. The web page processing device 21 can be a terminal device such as a mobile phone, tablet, or laptop, or it can be a server. Based on the model identifier, the web page processing device 21 obtains the page model. The page model includes a page template, the content display method of the page template, and / or the association method between the corresponding pages of the page template. The web page processing device 21 edits the content on the editing page corresponding to the page template in the page model to obtain a page with the content filled. The web page processing device 21 uses the content display method of the page template and / or the association method between the corresponding pages of the page template to preview the display effect of the page with the content filled. The website administrator can then check the display effect of the page previewed by the web page processing device 21. If the website administrator determines that the display effect of the page previewed by the web page processing device 21 is incorrect, they can promptly modify the content edited on the editing page. Optionally, after checking the display effect of the page previewed by the web page processing device 21, the website administrator can also re-select and obtain the page model by resending the editing instructions. If the webpage created by the website administrator is a complex webpage, the administrator only needs to use the webpage processing method provided in this application to determine the page model corresponding to the webpage to be created, and then quickly create and preview the webpage. For example, such as... Figure 2 As shown, the editing page corresponding to the page template includes editing areas for each component of the page template, such as the title editing area, the body text editing area, and the footer editing area. It also includes other command input areas, such as areas for inputting preview commands and areas for inputting generated content commands.

[0062] The webpage processing method provided in this application obtains a page model, edits content on the corresponding editing page of the page template within the obtained page model, and obtains a content-filled page. It then previews the display effect of the content-filled page using the content display method of the page template in the obtained page model and / or the association method between the corresponding pages of the page template. This allows for timely previewing, checking, and modification of the content-filled page's display effect during the content editing process, solving the problem of existing page creation methods that cannot check and modify the online display effect of page content during page editing. The webpage processing method provided in this application greatly improves the efficiency of creating complex webpages, thereby improving the efficiency of website administrators in website building and maintenance.

[0063] The following is combined with Figure 3 , Figure 4 and Figure 5 This application provides a detailed description of the webpage processing method provided. Figure 3A flowchart illustrating the webpage processing method provided in this application embodiment. Figure 4 This is a system architecture diagram for existing web page access. Figure 5 This is a system architecture diagram for the online publishing and webpage access of page content provided in the embodiments of this application. Figure 3 The execution entity of the illustrated embodiment may be Figure 2 The web page processing device 21 in the illustrated embodiment. For example... Figure 3 As shown, the method includes:

[0064] S301, Receive editing instructions; the editing instructions contain the model identifier of the page model.

[0065] Specifically, the web page processing device 21 receives an editing instruction; the editing instruction includes a model identifier for the page model. This editing instruction can be input by a network administrator through the web page processing device 21.

[0066] S302. Based on the model identifier, obtain the page model; the page model includes the page template, the content display method of the page template, and / or the association method between the corresponding pages of the page template.

[0067] Specifically, the web page processing device 21 obtains a page model based on a model identifier. This page model includes page templates, the content display method of the page templates, and / or the association method between the page templates and corresponding pages. For example, the page model includes one or more page templates.

[0068] Optionally, each page template corresponds to its own business attributes, content display methods, and / or the association methods between pages corresponding to the page templates. Business attributes include, for example, advertising, popular recommendations, solutions, promotional images, product overview, core function introduction, product advantage introduction, industry pain point description, typical scenario introduction, best practice case introduction, document download, customer case introduction, application scenario introduction, product type introduction, four-dimensional image introduction, and web navigation (banner), etc.

[0069] S303. Edit the content on the editing page corresponding to the page template in the page model to obtain the page after content filling.

[0070] Specifically, the web page processing device 21 edits the content on the editing page corresponding to the page template in the page model obtained in step S302 to obtain a page with the content filled in.

[0071] For example, the web page processing device 21 edits the content on the editing page corresponding to the page template in the page model obtained in step S302 to obtain page content. The web page processing device 21 then fills the page content into the corresponding page template to obtain a content-filled page.

[0072] Optionally, after the web page processing device 21 edits the content on the editing page corresponding to the page template in the page model obtained in step S302 to obtain the content-filled page, the web page processing device 21 can obtain the page content in the content-filled page based on the content generation instruction received by the web page processing device 21. For example, the content generation instruction includes a page content generation instruction and a web page content generation instruction. The page content generation instruction includes a page identifier, and the page corresponding to the page identifier is the content-filled page. The web page content generation instruction includes a web page identifier, and the web page corresponding to the web page identifier is a page model with content filling on the page template in the page model. Figure 2 As shown, a website administrator can input a page content generation command into the web page processing device 21 by clicking "Generate Page Content" in the drop-down menu of the "Generate Content" option on the editing page. Alternatively, the administrator can also input a page content generation command into the web page processing device 21 by clicking "Generate Web Page Content" in the drop-down menu of the "Generate Content" option on the editing page. If the web page processing device 21 receives a page content generation command, it retrieves the page content from the page corresponding to the page identifier in the command. If the web page processing device 21 receives a page content generation command, it retrieves the page content from each page within the webpage corresponding to the page identifier in the command.

[0073] S304. Preview the display effect of the page after the content is filled by using the content display method of the page template and / or the association method between the corresponding pages of the page template.

[0074] Specifically, the web page processing device 21 uses a page template content display method and / or a linking method between page templates and corresponding pages to preview the display effect of the content-filled page. This allows network administrators to check the display effect of the page previewed by the web page processing device 21 and make modifications based on the check results. These modifications include revising the page content and / or reselecting and obtaining the page model.

[0075] For example, the web page processing device 21 uses the content display method of the page template corresponding to the content-filled page and / or the association method between the page template and the corresponding page to preview the display effect of the content-filled page.

[0076] Optionally, the content display method includes at least one of the following: a static content format conversion display method and a dynamic content playback method. The web page processing device 21 uses at least one of the following: a static content format conversion display method corresponding to the page template, a dynamic content playback method, and / or the association method between pages corresponding to the page template, to preview the display effect of the page after the content is filled.

[0077] Furthermore, the static content format conversion and display methods include at least one of the following: text format conversion and display methods, image format conversion and display methods, video format conversion and display methods, and audio format conversion and display methods. The dynamic content playback methods include dynamic content carousel methods. The web page processing device 21 uses at least one of the following conversion and display methods corresponding to the page template: text format conversion and display methods, image format conversion and display methods, video format conversion and display methods, audio format conversion and display methods, and dynamic content playback methods, and / or the association methods between pages corresponding to the page template, to preview the display effect of the page after content filling.

[0078] For example, if the content display method of the page template includes a text format conversion display method, the web page processing device 21 converts the text content filled in the page after the content is filled into text format according to the text format conversion display method, and then displays the page after the text format conversion.

[0079] Similarly, if the content display method of the page template includes a video format conversion display method, the web page processing device 21 will convert the video content filled in the page after the content is filled into a video format according to the video format conversion display method, and then display the page after the video format conversion.

[0080] Similarly, if the content display method of the page template includes an audio format conversion display method, the web page processing device 21 will convert the audio content filled in the content-filled page into an audio format according to the audio format conversion display method, and then display the page with the converted audio format.

[0081] A webpage typically consists of one or more pages. The webpage processing device 21 previews the display effect of the page after content is filled in. For example, the webpage processing device 21 can display the display effect of the webpage after the pages are assembled, or it can display the display effect of any single page within the webpage. For instance, during content editing on an editing page corresponding to a certain page template, the webpage processing device 21 can, based on a received page preview instruction, display the display effect of the page corresponding to the page identifier in the page preview instruction. The page corresponding to the page identifier is the page after content is filled in. For example, such as... Figure 2 As shown, during content editing, the website administrator can click on the preview drop-down menu on the editing page of the web page processing device 21 to input a page preview command into the web page processing device 21. Based on the page preview command input by the website administrator, the web page processing device 21 adjusts the display effect of the page corresponding to the page identifier in the page preview command, as shown in the example below. Figure 2The display shown is for administrators to check the page display effect. If the website administrator finds any errors in the displayed page content, the administrator can immediately modify the content in the editing page. After modification, the administrator can click the page preview in the preview drop-down menu on the editing page to input a page preview command to the web page processing device 21, so that the web page processing device 21 can preview the display effect of the modified page. The web page processing device 21 can also display the page display effect of the web page corresponding to the web page identifier in the web page preview command. The web page corresponding to the web page identifier is a page model with content filled in the page template in the page model.

[0082] After completing the page creation, website administrators usually publish the page or webpage after previewing and checking that it is correct, so that the webpage can be accessed.

[0083] like Figure 1 As shown, the website administrator presses as follows Figure 1 After the existing page creation method is completed and the accuracy of the online display effect of the page content is confirmed, the website administrator publishes the page online through front-end device 11. Specifically, front-end device 11 receives the publishing instruction input by the website administrator through front-end device 11. Based on the publishing instruction, front-end device 11 encapsulates the confirmed page template and target effect tags to obtain encapsulated data. Front-end device 11 sends the publishing request containing the encapsulated data to back-end server 12 through a non-general API interface. Back-end server 12 decapsulates the encapsulated data in the publishing request to obtain the page template and target effect tags. Back-end server 12 compiles the page template using the association rules and / or display rules corresponding to the target effect tags to obtain the online page. Back-end server 12 stores the online page, completing the online publication. The online page stored by back-end server 12 will be used for webpage access control during webpage access. Specifically, as... Figure 4 As shown, during webpage access, if the backend server 12 receives a webpage access request sent by the client 13 through a common API interface, the backend server 12, based on the webpage access request, returns the corresponding online page to the client 13 through the common API interface, so that the client 13 can access and display the online page. It is well known that the frontend device 11 can also be the client 13.

[0084] In the webpage processing method provided in this application, the page content includes the website identifier of the website to which the page content belongs. For example... Figure 5As shown, after previewing the display effect of the page after content filling according to step S304 using the content display method of the page template and / or the association method between the corresponding pages of the page template, the web page processing device 21 receives the online release instruction input by the website administrator through the web page processing device 21. This online release instruction includes a website identifier. Based on the website identifier, the web page processing device 21 determines the website to which the page content belongs. The web page processing device 21 sends the page content to the website management server 22 corresponding to the website for online release. Specifically, the web page processing device 21 sends the page content to the website management server 22 corresponding to the website through a common API.

[0085] Compared to website administrators pressing Figure 1 The existing page creation method requires a non-standard API to transfer encapsulated data between the front-end device 11 and the back-end server 12 during the page creation and online publishing process. However, the web page processing method provided in this application allows website administrators to transfer page data between the web page processing device 21 and the website management server 22 using only a standard API. This improves the scalability of the system composed of the web page processing device 21 and the website management server 22.

[0086] Furthermore, after the page content is sent to the website management server 22 for online publication, the web page processing device 21 can access the website to which the published page content belongs. For example, the page content also includes a template identifier for the page template and a model identifier for the page model to which the page template belongs. After the page processing device 21 sends the page content to the website management server 22 corresponding to the website, the web page processing method provided in this application further includes steps S401-S405:

[0087] S401, the web page processing device 21 sends a web page access request to the website management server 22. The web page access request includes the website identifier.

[0088] S402, the web page processing device 21 receives the page content corresponding to the website identifier in the web page access request returned by the website management server 22 based on the web page access request.

[0089] S403, the web page processing device 21 obtains the page template and page model based on the template identifier and model identifier of the page content.

[0090] S404, the web page processing device 21 fills the obtained page template with the page content to obtain the page after content filling.

[0091] S405. The web page processing device 21 uses the content display method of the page template corresponding to the obtained page model and / or the association method between the pages corresponding to the page template to access and display the display effect of the page after the content is filled. The specific implementation principle of step S405 is similar to that of step S304, and will not be repeated here.

[0092] Steps S401-S405 demonstrate the process by which a web page processing device, acting as a client, accesses a website containing published web page content. In other words, if any client accesses a website containing published web page content, it will execute steps similar to S401-S405 to achieve web page access. For example, as... Figure 5 As shown, client 13 sends a webpage access request to website management server 22. Client 13 receives the page content corresponding to the website identifier in the webpage access request returned by website management server 22. Client 13 obtains the page template and page model based on the template identifier and model identifier of the page content. Client 13 fills the obtained page template with the page content, obtaining the content-filled page. Client 13 accesses and displays the content-filled page using the content display method of the page template corresponding to the obtained page model and / or the association method between the page template and the corresponding page.

[0093] In the webpage access process shown in steps S401-S405, the website management server returns the page content corresponding to the website identifier in the webpage access request to the client based on the webpage access request. However, as in... Figure 4 In the existing webpage access process shown, the backend server 12 returns the corresponding online page to the client 13 based on the webpage access request. The online page is obtained through compilation and processing using the association rules and / or display rules corresponding to the target effect tag and the page template. The data volume of the online page is larger than that of the page content in the method of this application. Under the same conditions, the transmission rate of the online page is lower than that of the page content in the method of this application. In scenarios with high webpage access volume, the website management server has higher response efficiency in the webpage access process using the method of this application.

[0094] Further, the web page processing device 21 edits the content on the editing page corresponding to the page template in the page model obtained in step S302. After obtaining the page content, it generates a globally unique page content identifier code for the website to which the page content belongs. During the maintenance of an existing website, if the web page processing device 21 receives a page preview instruction or webpage preview command, it previews the page display effect of the created webpage; if the web page processing device 21 receives an access display instruction and the corresponding page content returned by the website management server 22, it executes steps S401-S405 to access and display the page.

[0095] The webpage processing method provided in this application obtains a page model, edits content on the corresponding editing page of the page template in the obtained page model, and obtains a content-filled page. It then previews the display effect of the content-filled page using the content display method of the page template in the obtained page model and / or the association method between the corresponding pages of the page template. This allows for timely previewing, checking, and modification of the content-filled page's display effect during the content editing process, solving the problem of existing page creation methods that cannot check and modify the online display effect of page content during page editing. Furthermore, when website administrators use the method provided in this application to publish page content online, they only need to use a common API to transmit page data between the webpage processing device and the website management server, eliminating the use of non-common APIs and improving the scalability of the system composed of the webpage processing device and the website management server. The webpage processing method provided in this application greatly improves the efficiency of creating complex webpages, thereby improving the efficiency of website administrators in website building and maintenance. In scenarios with high webpage traffic, the website management server's response efficiency is higher during webpage access using the method of this application. The web page processing method provided in this application is easy to operate and greatly expands the application scope of this method in website construction.

[0096] This application also provides a web page processing device. Figure 6 This is a structural diagram of a web page processing device provided in an embodiment of this application. Figure 6 As shown, the web page processing device includes: a transceiver module 211, an editing module 212, and a display module 213;

[0097] The transceiver module 211 is used to receive editing instructions, which include the model identifier of the page model.

[0098] Editing module 212 is used to obtain the page model based on the model identifier. The page model includes the page template, the content display method of the page template, and / or the association method between the corresponding pages of the page template. Editing module 212 edits the content on the editing page corresponding to the page template in the page model to obtain the page after content filling.

[0099] The display module 213 is used to preview the display effect of the page after the content is filled, using the content display method of the page template and / or the association method between the corresponding pages of the page template.

[0100] Furthermore, the transceiver module 211 includes a general application programming interface (API).

[0101] The editing module 212 is also used to edit content on the editing page corresponding to the page template in the page model to obtain page content. The editing module 212 fills the page content into the corresponding page template to obtain the page after content filling. The page content includes the template identifier of the page template, the model identifier of the page model to which the page template belongs, and the website identifier of the website to which the page content belongs.

[0102] The sending and receiving module 211 is also used to preview the display effect of the page after the content is filled in, after the display module 213 uses the content display method of the page template and / or the association method between the corresponding pages of the page template, determine the website to which the page content belongs based on the website identifier of the page content; and send the page content to the website management server 22 corresponding to the website through a common API, so that the website management server 22 can publish the page content online.

[0103] The transceiver module 211 is also used to send web page access requests to the website management server 22 via a common API to access web pages.

[0104] The specific implementation principle and technical effects of this embodiment are... Figure 3 The specific implementation and technical effects of the illustrated embodiment are similar, and will not be described again here.

[0105] This application also provides a web page processing device. Figure 7 This is a structural diagram of a web page processing device provided in an embodiment of this application. Figure 7As shown, the device includes a processor 71 and a memory 72. The memory 72 stores executable instructions that the processor 71 can execute. The processor 71 executes the executable instructions stored in the memory 72, enabling the processor 71 to perform the technical solution of the above-described method embodiment. Its implementation principle and technical effects are similar, and will not be repeated here. It should be understood that the processor 71 can be a Central Processing Unit (CPU), or other general-purpose processors, digital signal processors (DSPs), application-specific integrated circuits (ASICs), etc. A general-purpose processor can be a microprocessor or any conventional processor. The steps of the method disclosed in this invention can be directly manifested as execution by a hardware processor, or execution by a combination of hardware and software modules within the processor. The memory 72 may include high-speed random access memory (RAM) and may also include non-volatile memory (NVM), such as at least one disk storage device, and may also be a USB flash drive, external hard drive, read-only memory, disk or optical disc, etc.

[0106] This application embodiment also provides a storage medium storing computer-executable instructions. When these computer-executable instructions are executed by a processor, they implement the aforementioned web page processing method. The storage medium can be implemented by any type of volatile or non-volatile storage device or a combination thereof, such as Static Random-Access Memory (SRAM), Electrically Erasable Programmable Read-Only Memory (EEPROM), Erasable Programmable Read-Only Memory (EPROM), Programmable Read-Only Memory (PROM), Read-Only Memory (ROM), magnetic storage, flash memory, magnetic disk, or optical disk. The storage medium can be any available medium accessible by a general-purpose or special-purpose computer.

[0107] An exemplary storage medium is coupled to a processor, enabling the processor to read information from and write information to the storage medium. Alternatively, the storage medium can be an integral part of the processor. Both the processor and the storage medium can reside in an application-specific integrated circuit (ASIC). Alternatively, the processor and storage medium can exist as discrete components in an electronic device or host device.

[0108] This application also provides a program product, such as a computer program, which, when executed by a processor, implements the web page processing method covered by this application.

[0109] Those skilled in the art will understand that all or part of the steps of the above-described method embodiments can be implemented by hardware related to program instructions. The aforementioned program can be stored in a computer-readable storage medium. When executed, the program performs the steps of the above-described method embodiments; and the aforementioned storage medium includes various media capable of storing program code, such as ROM, RAM, magnetic disks, or optical disks.

[0110] Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of the present invention, and are not intended to limit them. Although the present invention has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that modifications can still be made to the technical solutions described in the foregoing embodiments, or equivalent substitutions can be made to some or all of the technical features therein. Such modifications or substitutions do not cause the essence of the corresponding technical solutions to deviate from the scope of the technical solutions of the embodiments of the present invention.

Claims

1. A method of processing a web page, characterized by, The method comprises: receiving an editing instruction, the editing instruction comprising a model identifier of a page model; based on the model identifier, obtaining a page model; the page model comprising a page template, a content display mode of the page template, and / or an association mode between pages corresponding to the page template; performing content editing on an editing page corresponding to the page template in the page model to obtain a page with content filled in; previewing and displaying the display effect of the page with content filled in by using the content display mode of the page template and / or the association mode between pages corresponding to the page template; the content editing on the editing page corresponding to the page template in the page model to obtain a page with content filled in comprises: performing content editing on an editing page corresponding to the page template in the page model to obtain page content; filling the page content into the corresponding page template to obtain a page with content filled in; the content display mode comprises at least one of a content static format conversion display mode and a content dynamic playback mode; the previewing and displaying the display effect of the page with content filled in by using the content display mode of the page template and / or the association mode between pages corresponding to the page template comprises: previewing and displaying the display effect of the page with content filled in by using at least one of the content static format conversion display mode and the content dynamic playback mode corresponding to the page template, and / or the association mode between pages corresponding to the page template.

2. The method of claim 1, wherein, the content static format conversion display mode comprises at least one of a text format conversion display mode, a picture format conversion display mode, a video format conversion display mode, and an audio format conversion display mode; the content dynamic playback mode comprises a content dynamic carousel mode; the previewing and displaying the display effect of the page with content filled in by using at least one of the content static format conversion display mode and the content dynamic playback mode corresponding to the page template, and / or the association mode between pages corresponding to the page template comprises: previewing and displaying the display effect of the page with content filled in by using at least one of the text format conversion display mode, the picture format conversion display mode, the video format conversion display mode, the audio format conversion display mode, and the content dynamic playback mode corresponding to the page template, and / or the association mode between pages corresponding to the page template.

3. The method according to any of claims 1-2, characterized in that, the page content comprises a website identifier of a website to which the page content belongs; after the previewing and displaying the display effect of the page with content filled in by using the content display mode of the page template and / or the association mode between pages corresponding to the page template, the method further comprises: receiving an online publishing instruction, the online publishing instruction comprising a website identifier; based on the website identifier of the page content, determining a website to which the page content belongs; sending the page content to a website management server corresponding to the website, so that the website management server publishes the page content online.

4. The method of claim 3, wherein, The page content further includes a template identifier of a page template and a model identifier of a page model to which the page template belongs; After the page content is sent to the website management server corresponding to the website, the method further includes: sending a webpage access request to the website management server, the webpage access request including a website identifier; receiving page content corresponding to the website identifier in the webpage access request returned by the website management server based on the webpage access request; obtaining a page template and a page model based on the template identifier and the model identifier of the page content; filling the page content into the obtained page template to obtain a page with filled content; displaying the page with filled content in a display effect by using a content display mode of the page template corresponding to the page model and / or an association mode between pages corresponding to the page template.

5. A web page processing device characterized by comprising: The device includes a transceiving module, an editing module and a display module; The transceiving module is configured to receive an editing instruction, the editing instruction including a model identifier of a page model; The editing module is configured to obtain a page model based on the model identifier, the page model including a page template, a content display mode of the page template and / or an association mode between pages corresponding to the page template, and perform content editing on an editing page corresponding to the page template in the page model to obtain a page with filled content; The display module is configured to preview the display effect of the page with filled content by using the content display mode of the page template and / or the association mode between pages corresponding to the page template. The editing module is further configured to: perform content editing on an editing page corresponding to the page template in the page model to obtain page content, and fill the page content into a corresponding page template to obtain a page with filled content. The content display mode includes at least one of a conversion display mode of a content static format and a content dynamic playback mode. The display module is further configured to: preview the display effect of the page with filled content by using at least one of the conversion display mode of the content static format and the content dynamic playback mode of the page template and / or the association mode between pages corresponding to the page template. The transceiving module includes a general application program interface (API); 6. The apparatus of claim 5, wherein, The editing module is further configured to perform content editing on an editing page corresponding to the page template in the page model to obtain page content, fill the page content into a corresponding page template to obtain a page with filled content, and include a template identifier of a page template, a model identifier of a page model to which the page template belongs and a website identifier of a website to which the page content belongs in the page content. ​ The transceiving module is further configured to, after the display module previews and displays the display effect of the page filled with the content based on the content display manner of the page template and / or the association manner between the page template and the corresponding page, determine a website to which the page content belongs based on a website identifier of the page content, and send the page content to a website management server corresponding to the website through the universal API, so that the website management server publishes the page content online. The transceiving module is further configured to send a webpage access request to the website management server through the universal API to access the webpage.

7. A web page processing apparatus characterized by comprising: The apparatus comprises: a processor and a memory; the memory stores executable instructions executable by the processor; wherein the processor executes the executable instructions stored in the memory, so that the processor executes the method of any one of claims 1-4.

8. A storage medium, characterized by The storage medium stores computer execution instructions, and the computer execution instructions are executed by the processor to implement the method of any one of claims 1-4.

Citation Information

Patent Citations

  • Webpage generation method and device and computer readable storage medium

    CN112632437A

  • User interface for webpage creation / editing

    US20070162845A1