CN113535176A

CN113535176A - Page generation method and device

Info

Publication number: CN113535176A
Application number: CN202110918687.7A
Authority: CN
Inventors: 魏小红; 魏小波; 李文娟; 柴栋; 雷一鸣; 王洪
Original assignee: BOE Technology Group Co Ltd; Beijing Zhongxiangying Technology Co Ltd
Current assignee: BOE Technology Group Co Ltd; Beijing Zhongxiangying Technology Co Ltd
Priority date: 2021-08-11
Filing date: 2021-08-11
Publication date: 2021-10-22
Also published as: WO2023016264A1

Abstract

A page generation method and device relate to the technical field of front-end engineering and solve the problems of high development cost and low development efficiency of a page. The specific scheme comprises the following steps: the page generation device responds to the operation of establishing the page and displays an initial page, wherein the initial page comprises: the editing device comprises a head component, a bottom component and a region to be edited; in response to an operation of selecting a target component in the component library, displaying the target component to be edited in the area to be edited; and responding to the editing operation of the target component to be edited, acquiring component information, displaying the edited target component on the initial page according to the component information, and generating an edited target page. Wherein the component information includes at least one of: the property information comprises style information of the target component, and the component data comprises data filled in the target component. The reusability and flexibility of the page are improved, the development cost of the page is reduced, and the development efficiency of the page is improved.

Description

Page generation method and device

Technical Field

The present disclosure relates to the field of front-end engineering technologies, and in particular, to a page generation method and apparatus.

Background

With the development of services, more and more pages are provided. If each page is developed independently, the development cost of the page is high, and the development efficiency is low.

Disclosure of Invention

In one aspect, a page generation method is provided and applied to an electronic device. The page generation method may include: the page generation device responds to the operation of establishing the page and displays an initial page, wherein the initial page comprises an area to be edited; in response to an operation of selecting a target component in the component library, displaying the target component to be edited in the area to be edited; and responding to the editing operation of the target component to be edited, acquiring component information, displaying the edited target component on the initial page according to the component information, and generating an edited target page. Wherein the component information includes at least one of: the property information comprises style information of the target component, and the component data comprises data filled in the target component.

The region to be edited refers to a region in the page for a user to edit the component. The user can add components in the area to be edited according to the requirement of the user to construct rich page content.

Therefore, when the page is generated, the head component, the bottom component and the area to be edited inherent to the page can be displayed firstly, then the components in the configured component library are multiplexed, the edited components are displayed in response to the editing operation of the user on the components, and the edited target page is generated. Each page does not need to be developed independently, and the reusability and flexibility of the page are improved, so that the development cost of the page is reduced, and the development efficiency of the page is improved.

And moreover, all the components are connected in series in a mode of configuring the component library in advance to form a pluggable work flow, so that the change of the component requirements can be responded quickly, and the personalization degree is high.

In some embodiments, the page generation method may further include: the page generating means displays the name of the target directory in response to the operation of creating the directory. The displaying the initial page in response to the operation of establishing the page may specifically include: the page generating means displays an initial page in response to an operation of adding a page newly under the target directory, the initial page being one of the function pages under the target directory.

In some embodiments, the initial page may further include: the component area is fixed. The page generation method may further include: the page generating means constructs the fixed component regions of the plurality of pages in response to the operation of creating the fixed component regions. Wherein the fixed component areas of the plurality of pages are the same. The page generating means updates respective components in the fixed component area included in the plurality of pages in response to an editing operation on the components in the fixed component area.

In one embodiment, the plurality of pages may be a plurality of pages in a website. In one embodiment, the multiple pages may be all pages in the website, and the target page is included in all pages. In one embodiment, the multiple pages may be partial pages in a preconfigured website, and may be preconfigured according to the scene requirements.

In one embodiment, the component in the fixed component area edited by the user may be a component in any page in the application. In one embodiment, the components in the fixed-component region edited by the user may be components in the head page or the bottom page.

Therefore, by editing the components in the fixed component area, modification of corresponding parts in the fixed component area of a plurality of pages in the application program can be realized, modification of the pages one by one is not needed, flexibility of the pages is improved, time is saved, and modification efficiency is improved.

In some embodiments, fixing components in the component area may include at least one of: a head assembly, a sole assembly. The header component refers to the top portion of the page, typically including titles, icons, and the like. The bottom component is located at the bottom of the page and may typically include a two-dimensional code, an address, and the like.

In some embodiments, the page generation method may further include: the page generating means displays the name of the target directory on the target page in response to a setting operation of the target directory by the user. In this way, it is possible to enable the electronic apparatus to display the names of the plurality of pages included under the target directory on the target page in response to the confirmation operation by the user when the user performs the confirmation operation on the names of the target directory displayed in the target page. In this way, the content in the page is changed correspondingly along with the setting.

In some embodiments, the page generation method may further include: the page generating means displays the names of a plurality of pages included under the target directory at the target page in response to a confirmation operation of the user for the target directory name displayed in the target page.

In an embodiment, the plurality of pages may be all pages included in the target directory, and the target page is included in all pages. In an embodiment, the multiple pages may be partial pages included in the target directory, and may be configured in advance according to actual scene requirements. Illustratively, the plurality of pages may be pages that are already online under the target directory. Alternatively, the plurality of pages may be pages under the target directory that are capable of displaying names after the navigation function has been selected. Alternatively, the plurality of pages may be preconfigured pages. The disclosed embodiment is not limited to a plurality of pages.

In some embodiments, the page generation method may further include: the page generation device responds to the editing operation of the target page, acquires page information of the target page, and updates and displays the target page. The page information includes at least one of: the thumbnail of the target page, the page address, the page tag and the description information.

Therefore, the target page can be edited, and the flexibility of page editing is improved. When the demand of the page is changed, the change of the demand can be quickly responded by editing the page, so that the labor cost is greatly reduced, and the development efficiency is improved.

In some embodiments, the updating and displaying the target page in response to the editing operation on the target page may specifically include: the page generation device responds to the adjustment operation of the target component of the target page, and updates and displays the target component in the target page, wherein the adjustment operation comprises at least one of the following operations: copy operation, delete operation, move operation, hide operation.

In some embodiments, the storing original data of the target component in a preset format, and the obtaining component information and displaying the edited target component on the target page according to the component information may specifically include: the page generation device monitors component information through a display of the electronic equipment and transmits the monitored component information to the background processing module; modifying the original data in the preset format according to the component information through a background processing module; and rendering the target page according to the modified original data.

In some embodiments, before generating the target page, the page generation method may further include: the page generation device acquires M components, wherein M is an integer larger than 1; obtaining a type and component data of each of the M components, the type including at least one of: the system comprises a text component, a picture component, a video component, a picture and text component and a table component; classifying the M components by adopting a pre-stored classification rule according to the type and the component data of each component to obtain at least one component set; and obtaining a target component corresponding to each component set according to each component set in at least one component set, and storing the target component in the component library.

Therefore, as the reuse degree of some components in the same application program is higher, the developed components in the application program are classified, and each type of component is stored in the component library for the user to select and use. That is, the component library includes components that are common components extracted from existing components, rather than being randomly available, which facilitates fast output of subsequent pages and reduces the possibility that no component is available in the component library that the user wants to use. And the existing component classification and extraction processes can be periodically carried out, so that the expandability of the component library is ensured.

In some embodiments, the classifying M components by using a pre-stored classification rule according to the type and the component data of each component to obtain at least one component set may specifically include: the page generation device determines the components with the same type and similar component content as a component set according to the classification rule.

In some embodiments, the determining of the components with the same type and similar component content as a component set may specifically include: if the type of the component is a picture component or a video component, determining the component of the local address corresponding to the component data as a component set, and determining the component of the network address corresponding to the component data as a component set; if the type of the component is a text component, determining the component with the same text style in the component data as a component set; and if the type of the component is the image-text component, determining the component with the same image-text structure in the component data as a component set.

In another aspect, a page generating apparatus is provided, where the page generating apparatus is located in an electronic device. The page generating device comprises: the display unit is used for responding to the operation of establishing the page and displaying an initial page, and the initial page comprises an area to be edited; in response to an operation of selecting a target component in the component library, displaying the target component to be edited in the area to be edited; an acquisition unit configured to acquire component information in response to an editing operation on a target component to be edited displayed by the display unit; wherein the component information includes at least one of: the system comprises attribute information and component data, wherein the attribute information comprises style information of a target component, and the component data comprises data filled in the target component; the display unit is also used for displaying the edited target component on the initial page according to the component information acquired by the acquisition unit; and the generating unit is used for generating the edited target page.

In some embodiments, the display unit is further configured to display a name of the target directory in response to the operation of creating the directory. A display unit, specifically configured to: and responding to the operation of adding the page under the target directory, and displaying an initial page, wherein the initial page is a functional page under the target directory.

In some embodiments, the initial page may further include: the fixed component area, the page generating means may further include: and an updating unit. The generating unit is further used for responding to the operation of establishing the fixed component areas, and the fixed component areas of the multiple pages are constructed and are the same. And the updating unit is used for responding to the editing operation of the components in the fixed component area and updating the corresponding components in the fixed component area included in the plurality of pages.

In some embodiments, fixing components in the component area may include at least one of: a head assembly, a sole assembly.

In some embodiments, the display unit is further configured to display a name of the target directory on the target page in response to a setting operation on the target directory.

In some embodiments, the display unit is further configured to display, on the target page, names of a plurality of pages included under the target directory in response to a confirmation operation of the target directory name displayed in the target page.

In some embodiments, the obtaining unit is further configured to obtain page information of the target page in response to an editing operation on the target page; the page information includes at least one of: thumbnail, page address, page tag and description information of the target page; and the display unit is also used for responding to the editing operation of the target page and updating and displaying the target page.

In some embodiments, the display unit is specifically configured to: updating the target components in the displayed target page in response to adjustment operations on the target components of the target page, wherein the adjustment operations include at least one of the following: copy operation, delete operation, move operation, hide operation.

In some embodiments, the original data of the target component is stored in a preset format, and the display unit is specifically configured to: monitoring component information through a display of the electronic equipment, and transmitting the monitored component information to a background processing module; modifying the original data in the preset format according to the component information through a background processing module; and rendering the target page according to the modified original data.

In some embodiments, the page generating means further comprises: and (5) a classification unit. The acquisition unit is also used for acquiring M components, wherein M is an integer larger than 1; obtaining a type and component data of each of the M components, the type including at least one of: text components, picture components, video components, picture components and table components. And the classification unit is used for classifying the M components by adopting a pre-stored classification rule according to the type and the component data of each component acquired by the acquisition unit to obtain at least one component set. And the generating unit is further used for obtaining a target component corresponding to each component set according to each component set in at least one component set and storing the target component in the component library.

In some embodiments, the classification unit is specifically configured to: and determining the components with the same type and similar component content as a component set according to the classification rule.

In some embodiments, the classification unit is specifically configured to: if the type of the component is a picture component or a video component, determining the component of the local address corresponding to the component data as a component set, and determining the component of the network address corresponding to the component data as a component set; if the type of the component is a text component, determining the component with the same text style in the component data as a component set; and if the type of the component is the image-text component, determining the component with the same image-text structure in the component data as a component set.

In still another aspect, a page generating apparatus is provided. The page generating device comprises: a processor and a memory. The memory is for storing computer program code, the computer program code comprising computer instructions; when the processor executes the computer instructions, the page generation device executes one or more steps of the page generation method of any one of the embodiments described above.

In yet another aspect, a computer-readable storage medium is provided. The computer readable storage medium stores computer program instructions which, when run on the page generating apparatus, cause the page generating apparatus to perform one or more steps of the page generating method of any of the embodiments described above.

In yet another aspect, a computer program product is provided. The computer program product comprises computer program instructions which, when executed on a page generation apparatus, cause the page generation apparatus to perform one or more steps of a page generation method as in any one of the embodiments described above.

In yet another aspect, a computer program is provided. When executed on a page generation apparatus, the computer program causes the page generation apparatus to perform one or more steps of the page generation method according to any one of the above embodiments.

Reference may be made to the detailed description of the first aspect and various implementations thereof for specific descriptions of the third to sixth aspects and various implementations thereof in this disclosure. For the beneficial effects of the third aspect to the sixth aspect and various implementation manners thereof, reference may be made to beneficial effect analysis in the first aspect and various implementation manners thereof, and details are not described here.

Drawings

In order to more clearly illustrate the technical solutions in the present disclosure, the drawings needed to be used in some embodiments of the present disclosure will be briefly described below, and it is apparent that the drawings in the following description are only drawings of some embodiments of the present disclosure, and other drawings can be obtained by those skilled in the art according to the drawings. Furthermore, the drawings in the following description may be regarded as schematic diagrams, and do not limit the actual size of products, the actual flow of methods, the actual timing of signals, and the like, involved in the embodiments of the present disclosure.

FIG. 1 is a block diagram of a page generation apparatus according to some embodiments;

FIG. 2 is a flow diagram of a page generation method according to some embodiments;

FIG. 3 is a block diagram of page composition of an application according to some embodiments;

FIG. 4A is a schematic diagram of a framework editing page according to some embodiments;

FIG. 4B is a schematic diagram of a website architecture page, according to some embodiments;

FIG. 4C is a schematic diagram of setting a new added page according to some embodiments;

FIG. 4D is a diagram illustrating the setting of a new directory according to some embodiments;

FIG. 4E is a schematic diagram of a configuration control of a directory, according to some embodiments;

FIG. 4F is a schematic diagram of a configuration control of a page in accordance with some embodiments;

FIG. 5A is a schematic diagram of a component library page according to some embodiments;

FIG. 5B is a schematic diagram of an initial page according to some embodiments;

FIG. 5C is a schematic diagram of settings for attribute information and component data, according to some embodiments;

FIG. 5D is a schematic view of the placement of the outer frame of the assembly according to some embodiments;

FIG. 5E is an edit schematic of a target page according to some embodiments;

FIG. 6 is a schematic diagram of M components according to some embodiments;

FIG. 7 is one of the component diagrams of a page generation apparatus according to some embodiments;

FIG. 8 is a second block diagram of a page generation apparatus according to some embodiments.

Detailed Description

Technical solutions in some embodiments of the present disclosure will be clearly and completely described below with reference to the accompanying drawings, and it is obvious that the described embodiments are only a part of the embodiments of the present disclosure, and not all of the embodiments. All other embodiments obtained by a person of ordinary skill in the art based on the embodiments provided by the present disclosure belong to the protection scope of the present disclosure.

Unless the context requires otherwise, throughout the description and the claims, the term "comprise" and its other forms, such as the third person's singular form "comprising" and the present participle form "comprising" are to be interpreted in an open, inclusive sense, i.e. as "including, but not limited to". In the description of the specification, the terms "one embodiment", "some embodiments", "example", "specific example" or "some examples" and the like are intended to indicate that a particular feature, structure, material, or characteristic associated with the embodiment or example is included in at least one embodiment or example of the present disclosure. The schematic representations of the above terms are not necessarily referring to the same embodiment or example. Furthermore, the particular features, structures, materials, or characteristics described may be included in any suitable manner in any one or more embodiments or examples.

In the following, the terms "first", "second" are used for descriptive purposes only and are not to be understood as indicating or implying relative importance or implicitly indicating the number of technical features indicated. Thus, a feature defined as "first" or "second" may explicitly or implicitly include one or more of that feature. In the description of the embodiments of the present disclosure, "a plurality" means two or more unless otherwise specified.

"at least one of A, B and C" has the same meaning as "A, B or at least one of C," each including the following combination of A, B and C: a alone, B alone, C alone, a and B in combination, a and C in combination, B and C in combination, and A, B and C in combination.

"A and/or B" includes the following three combinations: a alone, B alone, and a combination of A and B.

As used herein, the term "if" is optionally to be interpreted to mean "when.. or" at.. or "in response to a determination" or "in response to a detection," depending on the context. Similarly, the phrase "if it is determined.. -." or "if [ the stated condition or event ] is detected" is optionally to be construed to mean "upon determining. -. or" in response to determining. -. or "upon detecting [ the stated condition or event ]" or "in response to detecting [ the stated condition or event ]", depending on the context.

The use of "adapted to" or "configured to" herein is meant to be an open and inclusive language that does not exclude devices adapted to or configured to perform additional tasks or steps.

Additionally, the use of "based on" or "according to" means open and inclusive, as a process, step, calculation, or other action that is "based on" or "according to" one or more stated conditions or values may in practice be based on additional conditions or exceeding the stated values.

Example embodiments are described herein with reference to cross-sectional and/or plan views as idealized example figures. In the drawings, the thickness of layers and regions are exaggerated for clarity. Variations from the shapes of the illustrations as a result, for example, of manufacturing techniques and/or tolerances, are to be expected. Thus, the exemplary embodiments should not be construed as limited to the shapes of regions illustrated herein but are to include deviations in shapes that result, for example, from manufacturing. For example, an etched region shown as a rectangle will typically have curved features. Thus, the regions illustrated in the figures are schematic in nature and their shapes are not intended to illustrate the actual shape of a region of a device and are not intended to limit the scope of the exemplary embodiments.

In order to solve the problems of high development cost and low development efficiency of a page, the embodiment of the disclosure provides a page generation method. The electronic equipment responds to the operation of establishing the page in the application program and displays an initial page, wherein the initial page comprises a head component, a bottom component and an area to be edited. The electronic equipment responds to the operation of selecting the target component in the component library, displays the target component to be edited in the area to be edited, responds to the editing operation of the target component to be edited, acquires component information, displays the edited target component on an initial page according to the component information, and generates an edited target page. The component information comprises at least one item of attribute information and component data, wherein the attribute information comprises style information of the target component, and the component data comprises data filled in the target component.

Fig. 1 is a schematic composition diagram of a page generation apparatus according to an embodiment of the present disclosure. As shown in fig. 1, the page generating means may include: at least one processor 11, a memory 12, a communication interface 13, and a communication bus 14.

The processor 11 is a control center of the page generating apparatus, and may be a Central Processing Unit (CPU), a micro-processing unit, a general-purpose processor, or one or more integrated circuits for controlling the execution of the routine program in the present disclosure. Wherein a general purpose processor may be a microprocessor or any conventional processor or the like.

For one embodiment, processor 11 may include one or more CPUs, such as CPU0 and CPU1 shown in FIG. 1. Also, as an embodiment, the page generating apparatus may include a plurality of processors, such as the processor 11 and the processor 15 shown in fig. 1. Each of these processors may be a Single-core processor (Single-CPU) or a Multi-core processor (Multi-CPU). A processor herein may refer to one or more devices, circuits, and/or processing cores for processing data (e.g., computer program instructions).

The memory 12 may be, but is not limited to, a read-only memory (ROM) or other type of static storage device that can store static information and instructions, a Random Access Memory (RAM) or other type of dynamic storage device that can store information and instructions, an electrically erasable programmable read-only memory (EEPROM), a compact disc read-only memory (CD-ROM) or other optical disk storage, optical disk storage (including compact disc, laser disc, optical disc, digital versatile disc, blu-ray disc, etc.), magnetic disk storage media or other magnetic storage devices, or any other medium that can be used to carry or store desired program code in the form of instructions or data structures and that can be accessed by a computer.

In some embodiments, the memory 12 may be stand-alone, coupled to the processor 11 via a communication bus 14, for storing instructions or program code. In some embodiments, the memory 12 may also be integrated with the processor 11.

In particular implementations, memory 12 is used to store data in and execute software programs of the present disclosure. The processor 11 may perform various functions of the page generating means by running or executing software programs stored in the memory 12 and calling data stored in the memory 12.

The communication interface 13 is any device, such as a transceiver, for communicating with other devices or communication networks, such as a Radio Access Network (RAN), a Wireless Local Area Network (WLAN), and the like. The communication interface 13 may include a receiving unit implementing a receiving function and a transmitting unit implementing a transmitting function.

The communication bus 14 may include a path to transfer information between the aforementioned components. The communication bus 14 may be an Industry Standard Architecture (ISA) bus, a Peripheral Component Interconnect (PCI) bus, an extended ISA (enhanced industry standard architecture) bus, or the like. The bus may be divided into an address bus, a data bus, a control bus, etc. For ease of illustration, only one thick line is shown in FIG. 1, but it is not intended that there be only one bus or one type of bus.

It is noted that the structure shown in fig. 1 does not constitute a limitation of the page generating apparatus, and the page generating apparatus may include more or less components than those shown in fig. 1, or combine some components, or arrange different components, in addition to the components shown in fig. 1.

The execution subject of the page generation method provided by the embodiment of the disclosure is a page generation device. The page generating device may be an electronic device, a CPU in the electronic device, a control module for generating a page in the electronic device, or a client for generating a page in the electronic device. The embodiment of the present disclosure takes an electronic device as an example to execute a page generation method, and explains the page generation method provided by the present disclosure.

In some embodiments, the electronic device may be a terminal device. The terminal devices may be mobile terminal devices such as mobile phones (or "cellular" phones) and computers with mobile terminal devices, as well as portable, pocket, hand-held, computer-included, or vehicle-mounted mobile devices that exchange language and/or data with a Radio Access Network (RAN) node. For example, the terminal device may be: a mobile phone (mobile phone), a tablet computer, a notebook computer, a palm top computer, a Mobile Internet Device (MID), a wearable device, a Virtual Reality (VR) device, an Augmented Reality (AR) device, a wireless terminal device in industrial control (industrial control), a wireless terminal device in self driving (self driving), a wireless terminal device in remote surgery (remote medical supply), a wireless terminal device in smart grid (smart grid), a wireless terminal device in transportation safety (transportation safety), a wireless terminal device in smart city (smart city), a wireless terminal device in smart home (smart home), and the like.

Based on the introduction of the structure of the page generation apparatus, the embodiment of the present disclosure provides a page generation method. As shown in fig. 2, the page generation method may include the following steps 201 to 203.

201. The electronic device displays an initial page in response to an operation of establishing the page.

In an application, the elements included in a page may be relatively fixed, for example, each page may include a fixed component area and an area to be edited, wherein components in the fixed component area may include at least one of: a head assembly, a sole assembly. Thus, the head component, the bottom component, and the region to be edited of the application can be preconfigured. And the configured head assembly and the bottom assembly can be updated in response to the operation of a user. Wherein the fixed component area may include a fixed component, and a position of the fixed component area may be pre-configured in the electronic device. Although the location of the fixed-component area is pre-configured, the head component in the fixed-component area refers to the top portion of the page, typically including titles, icons, and the like. The bottom component is located at the bottom of the page and may typically include a two-dimensional code, an address, and the like. The area to be edited refers to other position areas except the fixed component area in the page, and is used for a user to edit the component area. The user can add components in the area to be edited according to the requirement of the user to construct rich page content. The bottom assembly may be specifically a bottom link block assembly.

It is to be understood that the above application programs may be applications, web pages, platforms, systems, etc. on the electronic device, and the embodiments of the present disclosure are not limited herein. Based on the application program, the electronic device can generate and operate a page in a website corresponding to the application program.

In addition, in the embodiment of the present disclosure, the area to be edited included in the page may be one area, or may include a plurality of areas. When the area to be edited is one area, the area to be edited is used for displaying a plurality of components. When the area to be edited includes a plurality of areas, one area is used to display one component, or one area is used to display a preset number of components. The embodiment of the disclosure is not limited here to the area to be edited being several areas, and one area displaying several components.

It should be noted that, in the embodiment of the present disclosure, when the area to be edited is one area, and the area to be edited is used for displaying a plurality of components, if a user adds a component in the area to be edited, the component that is newly added by the user is usually added at a preset position. For example, the preset position may be the bottom of the area to be edited. When the user adds the first component in the area to be edited, the electronic device may add the first component to the bottom position in the area to be edited in response to an adding operation by the user. When the user adds a second component in the area to be edited, the electronic device may add the second component below the first component in the area to be edited in response to the addition operation of the user, that is, the second component is displayed at the bottom position of the area to be edited, and so on, the electronic device may add the component in the area to be edited in the manner described above. After that, the electronic device may adjust the position of the component in the region to be edited according to the movement operation of the user on the component in the region to be edited in the target page. Also, the electronic device may resize a component in response to user attribute information for the component, such as a length and height edit of the component. In the embodiments of the present disclosure, the preset position is taken as a bottom position for explanation, and the specific position of the preset position is not limited in the embodiments of the present disclosure. Of course, the components added to the area to be edited may also be displayed in other manners.

Optionally, in some embodiments, fig. 3 is a schematic structural diagram of a page composition of an application. As shown in FIG. 3, an application may include multiple directories, which may include multiple pages under each directory, which may include multiple components in each page. Wherein the plurality of pages included under each directory in the application may be different functional pages under the directory. For example, assuming that one directory is an enterprise business, the pages under that enterprise business directory may be pages of different businesses within the enterprise. Of course, the application program may also include some special pages which do not belong to any directory and are convenient for the user to operate. For example, the application program may include: home page, head page, bottom page, etc. The home page may be a default page set in advance, or a page below a certain directory may be set as the home page by the user. For the second case, after the user edits the home page, the same page in the corresponding directory is also updated. Or, after the user edits the page under the directory set as the home page, the corresponding home page is updated accordingly. The header page only comprises header components, and when a user edits the header components in the header page, the header components of all pages in the application program are updated accordingly. Or when the user edits the head components in any other page, all the head components in the application program are updated accordingly. The bottom page only comprises bottom components, and when a user edits the bottom components in the bottom page, the bottom components of all pages in the application program are updated accordingly. Or after the user edits the bottom components in any other page, all the bottom components in the application program are updated accordingly.

Further, in the above application program, a plurality of subdirectories may be included under one directory, and each subdirectory may include a plurality of pages. A plurality of sub-pages may also be included under one page. The page composition structure of the application program is not limited in the embodiments of the present disclosure.

It will be appreciated that based on the architecture of the page composition of the application described above with reference to FIG. 3, all of the above-described directories, sub-directories, pages, sub-pages, and components make up the pages that a website includes.

Based on the structure of the page composition of fig. 3, in the embodiment of the present disclosure, the electronic device has the following several implementations of establishing a page in an application program. A first implementation is to create pages of the application that do not belong to a directory. In a specific implementation, when a user creates a new page in the framework of the application, the electronic device may display the initial page in response to an operation of the user to create the page. In a second implementation, a new directory is added to the application and a new page is added below the new directory. In a specific implementation, when a user creates a new directory in the architecture of the application program, the electronic device may display a new directory name in response to an operation of creating the directory by the user, and display an initial page in response to an operation of creating a page under the new directory by the user. The third implementation is to add a new page under the existing directory of the application. In a specific implementation, the electronic device may directly respond to an operation of a user for establishing a page in a certain directory, and display an initial page in the directory. A fourth implementation is to add a new child page under the existing page of the application.

Optionally, in this embodiment of the present disclosure, the page generating method may further include: the electronic device displays the name of the target directory in response to the operation of creating the directory. In this case, the electronic device responds to an operation of establishing a page by a user, and displays an initial page, and the specific process includes: the electronic device displays the initial page in response to an operation of adding a new page under the target directory. Wherein the initial page is a functional page under the target directory.

Optionally, in this embodiment of the present disclosure, the page generating method may further include: the electronic device may build the pinned component regions of the plurality of pages in response to a user operation to establish the pinned component regions. Wherein the fixed component areas of the plurality of pages are the same. The electronic device may update the corresponding components in the fixed component area included in the plurality of pages in response to a user editing operation on the components in the fixed component area.

It is understood that, in the embodiment of the present disclosure, the plurality of pages may be a plurality of pages in a website. In one embodiment, the multiple pages may be all pages in the website, and the target page is included in all pages. In one embodiment, the multiple pages may be partial pages in a preconfigured website, and may be preconfigured according to the scene requirements. Illustratively, the plurality of pages may be pages that have been online in the website. The disclosed embodiments are not limited herein.

For example, the electronic device may update the head component in the fixed component area included in all pages of the application in response to a user editing operation on the head component in the fixed component area.

It will be appreciated that in one embodiment, the components in the fixed-component area edited by the user may be components in any page in the application. In one embodiment, the components in the fixed-component region edited by the user may be components in the head page or the bottom page.

Optionally, in this embodiment of the present disclosure, the page generating method may further include: the electronic device may display the name of the target directory on the target page in response to a setting operation of the target directory by the user. In a specific implementation, in response to a setting operation of a target directory by a user, a specific process of displaying a name of the target directory in a target page by an electronic device includes: the electronic device may display a navigation function in response to a setting operation of the target directory by the user. When the user selects the navigation function, the electronic device may display the name of the target directory in the target page in response to a confirmation operation of the user for the navigation function. In this way, it is possible to enable the electronic apparatus to display the names of the plurality of pages included under the target directory on the target page in response to the confirmation operation by the user when the user performs the confirmation operation on the names of the target directory displayed in the target page.

It is understood that, in an embodiment of the present disclosure, the multiple pages may be all pages included in the target directory, and in this case, the target page is included in all pages. In an embodiment, the multiple pages may be partial pages included in the target directory, and may be configured in advance according to actual scene requirements. Illustratively, the plurality of pages may be pages that are already online under the target directory. Alternatively, the plurality of pages may be pages under the target directory that are capable of displaying names after the navigation function has been selected. Alternatively, the plurality of pages may be preconfigured pages. The disclosed embodiment is not limited to a plurality of pages.

Optionally, in this embodiment of the present disclosure, the page generating method may further include: the electronic device may display, in the target page, names of a plurality of pages included under the target directory in response to a determination operation by the user of a name of the target directory displayed in the target page.

It is understood that, in the embodiment of the present disclosure, the electronic device displays the names of the multiple pages included in the target directory in the target page, and may display a pull-down menu or a pop-up box. The display mode for displaying the names of the pages included in the target directory is not limited in the embodiments of the present disclosure. In addition, the names of the plurality of pages included in the target directory refer to a second-level menu, a third-level menu, and the like in the target directory.

Illustratively, FIG. 4A is a schematic view of a framework editing page in an enterprise platform of an electronic device. As shown in FIG. 4A, the architecture edit page includes four sections.

The part 1 is an operation area part, and the operation area part comprises four controls, namely a preview control, a data viewing control, a storage control and an exit control. The electronic equipment can respond to the click operation of the user on the preview control, and provide multiple preview modes, such as tablet mode preview, mobile phone mode preview, computer mode preview and the like. The electronic device can also display the component data of the current page in response to a user clicking operation on the view data control. The electronic equipment can also respond to the click operation of the user on the saving control to save the data of the current page. The electronic equipment can also respond to the click operation of the user on the exit control, end the display of the current page and jump to the upper page.

Section 2 is a navigation bar control, which may include a website architecture control and an add component control. The electronic device can display the structure of the page of the application program, such as the directory included by the current application program, the special page, and the page included under each directory, in response to the click operation of the user on the website architecture control. The electronic equipment can also respond to the clicking operation of the user on the add-component control, display the types of the components included in the component library for the user to select, and add the selected components to the to-be-edited area of the target page.

It is understood that, in the embodiment of the present disclosure, the electronic device may perform operations of establishing a target directory, displaying a name of the target directory, constructing a fixed component area of a plurality of pages, updating corresponding components in the fixed component area included in the plurality of pages, displaying the name of the target directory in the target page, and displaying an initial page including the fixed component area and an area to be edited, in response to an operation of a navigation bar control, that is, a website architecture control or an add component control, by a user.

And the part 3 is a page to be edited. When entering the architecture edit page, part 3 is displayed, typically as the home page. The home page may be a default page set in advance, or a page below a certain directory may be set as the home page by the user. When the user reselects a new page as the home page, the electronic device may update the content in the home page according to the selection operation of the user.

The part 4 is a control corresponding to editable operation, and specifically may include a page editing control and a component editing control. The page editing control is used for editing page information of the target page and editing components included in the page. The component editing control is used for editing the component data and the attribute information of each component included in the target page.

The electronic device may display the website architecture page in the architecture edit page in response to a user clicking on the part 2 website architecture control, as shown in fig. 4B. In FIG. 4B, the enterprise platform may include special pages: the home page, the header page, the bottom page, the project consultation page, and may further include a directory: business, personal business, other pages, etc. Configuration controls are arranged at the associated position of each special page, namely the right position of the page name, and the associated position of each directory, namely the right position of the directory name. And several functional controls, such as a newly added page control, a newly added directory control and a navigation control, are also arranged at the right side of the website architecture typeface.

When the user clicks the newly added page control on the right side of the network architecture, the electronic device may pop up a pop-up box in response to the click operation of the user, so that the user may set the name of the newly added page, as shown in fig. 4C. After the page name is set, the electronic device may display the initial page in the 3 part of the architecture editing page, and display the edited page name in the website architecture.

When the user clicks the newly added directory control on the right side of the network architecture, the electronic device may pop up a pop-up box in response to the click operation of the user, so that the user may set the directory name and type of the newly added directory, as shown in fig. 4D. After the name of the newly added directory is set, the electronic device may display the edited name of the directory in the website framework, and update the names of the directory in all pages in the application program.

When the user clicks the navigation control on the right side of the network architecture, the electronic device may display a pull-down menu of the navigation control in response to the click operation of the user, where the pull-down menu includes display manners of components of the website architecture, such as full display, displayed upper portion, and the like. When the user selects the full display, the electronic device may display all menus in the application under the website architecture in response to the user's operation.

When the user clicks the configuration control on the right side of the enterprise business directory, the electronic device may pop up a pop-up box in response to the user clicking, where the pop-up box includes: newly added page controls, newly added subdirectory controls, renaming controls, copying controls, deleting controls, and display controls in the navigation bar, as shown in fig. 4E. When the user clicks the newly added page control, the electronic device can newly add a page under the enterprise business directory according to the operation of the user, and display an initial page in the 3 parts of the architecture editing page. In addition, the newly added subdirectory control is used for increasing subdirectories under the enterprise business, the renaming control is used for modifying the name of the enterprise business, the copying control is used for copying the enterprise business directory, the deleting control is used for deleting the enterprise business directory, and the display control in the navigation bar can display the name of the directory in a right target page when being selected.

When the user clicks on an enterprise business component of the target page, or when the user hovers to the enterprise business component using a mouse, the electronic device may display a drop-down box in the target page in response to the user's operation. The drop-down frame can comprise: a secondary menu under the enterprise business directory. For example, the secondary directory may include subdirectories under the enterprise directory, may also include pages under the enterprise business directory, and may also include pages under the subdirectories. Illustratively, an enterprise business directory may include subdirectories under it: urban public service, industrial internet, smart travel, and the like. The sub-directory of the urban public service may include names of pages, such as office solutions, energy management solutions, energy saving solutions, operation and maintenance solutions, transaction management solutions, apartment solutions, and the like.

It should be noted that, in the embodiment of the present disclosure, when the user clicks the expansion button on the left side of the enterprise service in fig. 4E, the electronic device may display all menus under the enterprise service directory in response to the clicking operation used. At this time, all menus under the enterprise service directory in the target page correspond to all menus under the enterprise service in the website architecture on the left side of the target page. And a certain page in all menus under the enterprise service directory of the website architecture corresponds to a certain page in all menus under the enterprise service directory in the target page.

When the user clicks the configuration control on the right side of the home page, the electronic device may pop up a pop-up box in response to the user's clicking operation, where the pop-up box includes: adding a sub-page control, renaming a control, copying a control, deleting a control, displaying a control in a navigation bar, and setting as a home page control, as shown in fig. 4F. When the user clicks on the add-on sub-page, the electronic device may respond to the user's operation by adding the sub-page under the top page and displaying the initial page in section 3 of the framework editing page. In addition, when the home page control is set to be selected, the current page can be used as the home page. For specific descriptions of other controls, reference may be made to the descriptions in the foregoing embodiments, and further descriptions thereof are omitted here.

It should be noted that, in the embodiment of the present disclosure, the architecture editing page of fig. 4A may be jumped in from the website design page. In the website design page, a Chinese version control and an English version control are displayed. When the user selects the Chinese version control, the electronic device may jump to the page of FIG. 4A. When the user selects the English version control, the electronic device can jump to a corresponding architecture editing page, and characters in the page are English.

202. The electronic device displays a target component to be edited in the area to be edited in response to an operation of selecting the target component in the component library.

After the initial page is displayed, the electronic device can respond to the operation of selecting the target component in the component library by the user and display the target component to be edited in the area to be edited.

For example, in conjunction with fig. 4A described above, the electronic device may display a component library page containing multiple component types in the architecture editing page in response to a user clicking on the add component control of part 2, as shown in fig. 5A. In FIG. 5A, the component types in the component library may include: teletext type, text type, picture type, table type, block level type, title type, etc. Wherein, the graphic type component refers to a component including a picture and a text. A text type component refers to a component that includes only text. A table type component refers to a component that includes a table. For block-level type component, when a user selects a certain block-level component, the electronic device may display a thumbnail of the component and introductory information.

For another example, fig. 5B is a schematic diagram of an initial page. As shown in fig. 5B, 501 is a header component in which an enterprise business directory and a personal business directory are displayed. 502 is a bottom component in which a two-dimensional code of an enterprise platform is displayed. 503 is the target component selected by the user in the area to be edited of the initial page. As shown in FIG. 5B, the target component is a form type component selected by the user.

203. The electronic equipment responds to the editing operation of the target component to be edited, obtains component information, displays the edited target component on the initial page according to the component information, and generates an edited target page.

After the target component to be edited is displayed in the area to be edited, the electronic equipment can detect the editing operation of a user in real time, respond to the editing operation of the target component to be edited by the user, acquire component information, display the edited target component in an initial page according to the component information, and finally generate an edited target page. The component information may include at least one of: attribute information, component data. The attribute information includes style information of the target component, and the component data includes data filled in the target component.

It will be appreciated that the editing operations described above on the target component may include operations on property information and component data of the target component. The operation on the attribute information of the target component may include: the operation on the style of the target component, such as the border style, length, width, margin, space, background, font, etc. of the target component, may include: and (5) operating the characters or pictures or tables filled in the target component. By the operation of the length and width in the attribute information described above, the adjustment of the size of the target component can be realized.

Illustratively, 503 is a table component in conjunction with FIG. 5B, described above. As shown in fig. 5C, the attribute information of the component 503 and the detailed setting information of the component data are displayed on the right side of the initial page. As shown in FIG. 5C, the attribute information of the component 503 may include settings for title, outline, clear style, and the like. The detailed setting information of the component data may include a title or the like of each component data. When the user clicks the outer border on the right side, a pop-up box may pop up, as shown in fig. 5D, to set up information for details of the outer border displayed in the pop-up box. As shown in fig. 5D, the detailed setting information of the outer frame may include: setting of margin, spacing, background, color and the like.

It should be noted that, in the embodiment of the present disclosure, the component data may include a case of multiple layers of data. The user may further edit certain component data to provide more detailed component data.

Additionally, in embodiments of the present disclosure, links may be added in an enterprise platform of an electronic device. The link may be an internal link or an external link. An internal link refers to an address that can link to an enterprise platform. External links refer to addresses that can link to other web pages.

In addition, the component library in the embodiment of the present disclosure includes components that can be edited. Specifically, for a component including a picture, when the picture component is selected as a target component in an initial page, a user may edit the picture component on the right side of the target page. For example, the picture component may be selected first, and then the picture in the picture component that needs to be modified is clicked, and the selected picture may be subjected to a deletion operation or a replacement operation. When a picture needs to be replaced, a new picture can be selected in two ways. The first is uploading pictures by local selection, and the second is selecting pictures in a network library for replacement. For a text component, when the text component is selected as the target component in the initial page, the user may edit the text component in the component edit bar on the right side of the target page. Specifically, the text component may be selected first, then the text to be modified is input in the component data of the text component, and finally the save button is clicked to take effect. For the components containing links and pictures, the picture to be modified can be selected in the right component editing bar of the target page, and the link corresponding to the picture is selected. At this time, the electronic device may display a link popup. When the external link is input in the link popup box, the electronic equipment can select the page corresponding to the external link to replace the page corresponding to the original link.

According to the page generation method provided by the embodiment of the disclosure, when a page is generated, the head component, the bottom component and the area to be edited inherent to the page can be displayed first, then the components in the configured component library are multiplexed, the edited components are displayed in response to the editing operation of the components by a user, and the edited target page is generated. Each page does not need to be developed independently, and the reusability and flexibility of the page are improved, so that the development cost of the page is reduced, and the development efficiency of the page is improved.

Optionally, in this embodiment of the present disclosure, the electronic device may further respond to an editing operation on the target page, acquire page information of the target page, and update and display the target page. Wherein the page information may include at least one of: the thumbnail of the target page, the page address, the page tag and the description information. The thumbnail can be used for uploading or modifying pictures in the target page, the page address is used for indicating the address of the target page, the page tag is used for indicating the style of the target page, and the description information comprises descriptive text of the target page.

It is understood that the above operations on the target page may include: copy operation, move operation, display operation, hide operation, replace operation, insert operation, drag operation, etc. of the target component in the target page. Wherein the moving operation may include: an up-shift operation (moving the target component before the previous component), a down-shift operation (moving the target component after the next component), a left-shift operation, a right-shift operation, a drag operation (moving the position of the target component in response to a drag operation of the target component by the user), and the like. An insert operation refers to inserting a new component before or after the target component. The dragging operation refers to that the user adjusts the size of the area occupied by the target component by operating the frame of the target component. The movement of the position of the target component can be achieved by the above-described moving operation.

Illustratively, fig. 5E is a schematic diagram of an editing scene of the target page. As shown in fig. 5E, after the user selects the upper right page editing control, the electronic device may display specific editing information of the target page on the right side of the target page, which specifically includes: uploading a thumbnail of a picture in a target page, selecting a page tag, editing a page address, and operating an existing component in the target page, specifically comprising: move up, move down, delete, copy operations on the selected component. When the user selects the move-up operation, the electronic device may move the currently selected component over the upper component of the selected component. When the user selects the move down operation, the electronic device may move the currently selected component below the lower component of the selected component. When the user selects the delete operation, the electronic device may delete the currently selected component. When the user selects the copy operation, the electronic device may copy the currently selected component and place the copied component at the bottom of the area to be edited.

Optionally, in this embodiment of the present disclosure, the specific process of the electronic device obtaining the component information and displaying the edited target component on the target page according to the component information may be: the electronic device pre-configures a component capable of editing and stores raw data of the component in a preset format, for example, in json format. Then, when the user operates the component, the electronic device can detect the behavior of the user in real time through the display, acquire the component information, and transmit the component information to the background processing module, namely, to the java module in the background. After the background processing module obtains the component information, the original data in the preset format may be modified. After the modification is completed, when the target page needs to be displayed, the electronic equipment can call the modified data of the components of the target page to render the target page, so that the electronic equipment realizes the updating of the page according to the editing operation of a user.

Therefore, the electronic equipment monitors the operation of the user in real time and communicates with the background processing module according to the operation of the user so as to update the page in real time according to the editing operation of the user.

Optionally, in this disclosure, the component library related in step 202 may be obtained in advance from components that are the same or different in size in the application program, and stored in the electronic device. In this case, the page generation method provided by the embodiment of the present disclosure may further include: the electronic equipment can acquire the existing M components of the application program, wherein M is an integer larger than 1, acquire the type and the component data of each component in the M components, and classify the M components by adopting a pre-stored classification rule according to the type and the component data of each component to obtain at least one component set. And finally, obtaining a target component corresponding to each component set according to each component set in at least one component set and storing the target component in the component library. Wherein the type includes at least one of: text components, picture components, video components, text components, table components, and the like.

Optionally, in this embodiment of the present disclosure, the electronic device classifies the M components according to the type and the component data of each component by using a pre-stored classification rule to obtain at least one component set, which specifically includes: and the electronic equipment determines the components with the same type and similar component content as a component set according to the classification rule. It should be noted that, in the embodiment of the present disclosure, the classification rule is obtained and stored in the electronic device according to an experiment in advance, and the classification rule is not limited in the embodiment of the present disclosure.

Optionally, in this embodiment of the present disclosure, the electronic device determines the components with the same type and similar component contents as a component set, and specifically may include: if the type of the component is a picture component or a video component, the electronic device may determine the component whose local address corresponds to the component data as a component set, and determine the component whose network address corresponds to the component data as a component set. If the type of the component is a text component, the electronic device may determine the component with the same text style in the component data as a component set, where the text style may be that the text formats are all centered or left, or that the texts all include animation text, etc. If the type of the component is a graphic component, the electronic device may determine the component with the same graphic structure in the component data as a component set, where the graphic structure may be the same as the text and the picture, and the graphic structure may be the same as the text and the picture. If the type of the component is a table component, the electronic device can determine the components with the same table format as a component set.

It will be appreciated that the types of components are varied and that the above is merely an exemplary listing of how the component sets are divided so that each component set can result in a component of that type. Of course, other classification manners may also be adopted to divide the components, and the embodiments of the present disclosure are not limited herein.

Illustratively, assume that M components are from the page of FIG. 6. As can be seen in FIG. 6, the page includes three components, i.e., M is 3. The three components are text components and are displayed at different positions of the page, and each text component comprises different component data. Thus, a set of text components can be derived from these three components. As is clear from fig. 6, since the three text components all have different font sizes, pitches, margins, line heights, and the like, these pieces of attribute information can be used as the attribute information of the target text component corresponding to the text component set.

For another example, if there is a picture component set in the classification result of M components, the attribute information of the target component corresponding to the picture component set may include: and whether to display attributes such as the corresponding position of the picture.

It should be noted that, in the embodiment of the present disclosure, the multimedia repository may be configured in advance, and of course, the multimedia repository may also be updated in real time. The multimedia resource library is used for storing pictures, articles, videos, audios and the like required by page generation. The multimedia assets stored in the multimedia asset library may be used for component data of the component.

For pictures, a user may upload the picture to an enterprise platform of an electronic device. In order to facilitate management of the pictures in the picture library, a label can be added to the pictures when the pictures are uploaded, and the pictures are uploaded to the label, so that the pictures can be uniformly managed in a background, and uploading and replacement of the pictures in the editable page are facilitated.

For the articles, different article classifications can be created in advance, and the article classifications can be classified according to the details of the articles. For example, a certain article type may be news center, and sub-types under the news center may include company dynamics, media perspective, and so on. The types of articles can be added, deleted and edited. When an article needs to be added, a user can input the article title and select the language, the type, the release event, the article cover and the like of the article, and the electronic equipment can respond to the operation of the user and upload the article to the electronic equipment for the user to select and use.

The foregoing describes the scheme provided by the embodiments of the present disclosure, primarily from a methodological perspective. To implement the above functions, it includes hardware structures and/or software modules for performing the respective functions. Those of skill in the art will readily appreciate that the present disclosure can be implemented in hardware or a combination of hardware and computer software for implementing the exemplary algorithm steps described in connection with the embodiments disclosed herein. Whether a function is performed as hardware or computer software drives hardware depends upon the particular application and design constraints imposed on the solution. Skilled artisans may implement the described functionality in varying ways for each particular application, but such implementation decisions should not be interpreted as causing a departure from the scope of the present disclosure.

As shown in fig. 7, which is a schematic structural diagram of a page generating apparatus 70 provided in the embodiment of the present disclosure, the page generating apparatus 70 is configured to execute the page generating method shown in fig. 2. The page generating device 70 may include a display unit 71, an acquisition unit 72, and a generation unit 73.

A display unit 71 configured to display an initial page in response to an operation of creating a page, the initial page including: the editing device comprises a head component, a bottom component and a region to be edited; and in response to the operation of selecting the target component in the component library, displaying the target component to be edited in the area to be edited.

An acquisition unit 72 for acquiring component information in response to an editing operation on a target component to be edited displayed by the display unit 71; wherein the component information includes at least one of: the property information comprises style information of the target component, and the component data comprises data filled in the target component.

The display unit 71 is further configured to display the edited target component on the initial page according to the component information acquired by the acquisition unit 72.

A generating unit 73, configured to generate an edited target page.

Optionally, the display unit 71 is further configured to display a name of the target directory in response to the operation of creating the directory.

The display unit 71 is specifically configured to: and responding to the operation of adding the page under the target directory, and displaying an initial page, wherein the initial page is a functional page under the target directory.

Optionally, the obtaining unit 72 is further configured to obtain page information of the target page in response to an editing operation on the target page; the page information includes at least one of: the thumbnail of the target page, the page address, the page tag and the description information.

The display unit 71 is also configured to update the display target page in response to an editing operation on the target page.

Optionally, the display unit 71 is specifically configured to: updating the target components in the displayed target page in response to adjustment operations on the target components of the target page, wherein the adjustment operations include at least one of the following: copy operation, delete operation, move operation, hide operation.

Optionally, the original data of the target component is stored in a preset format, and the display unit 71 is specifically configured to: monitoring component information through a display of the electronic equipment, and transmitting the monitored component information to a background processing module; modifying the original data in the preset format according to the component information through a background processing module; and rendering the target page according to the modified original data.

Optionally, as shown in fig. 8, the page generating device 70 may further include: a classification element 74.

An obtaining unit 72, configured to obtain M components, where M is an integer greater than 1; obtaining a type and component data of each of the M components, the type including at least one of: text components, picture components, video components, picture components and table components.

The classifying unit 74 is configured to classify the M components by using a pre-stored classification rule according to the type and component data of each component acquired by the acquiring unit 72, so as to obtain at least one component set.

The generating unit 73 is further configured to obtain, according to each component set in the at least one component set, a target component corresponding to each component set, and store the target component in the component library.

Optionally, the classifying unit 74 is specifically configured to: and determining the components with the same type and similar component content as a component set according to the classification rule.

Optionally, the classifying unit 74 is specifically configured to: if the type of the component is a picture component or a video component, determining the component of the local address corresponding to the component data as a component set, and determining the component of the network address corresponding to the component data as a component set; if the type of the component is a text component, determining the component with the same text style in the component data as a component set; and if the type of the component is the image-text component, determining the component with the same image-text structure in the component data as a component set.

Optionally, the initial page may further include: the component area is fixed. As shown in fig. 8, the page generating apparatus may further include: an update unit 75;

the generating unit 73 is further configured to construct the fixed component areas of multiple pages in response to the operation of establishing the fixed component areas, where the fixed component areas of the multiple pages are the same;

the updating unit 75 is configured to update, in response to an editing operation on a component in the fixed component area, a corresponding component in the fixed component area included in the plurality of pages.

Optionally, the components in the fixed component area may include at least one of: a head assembly, a sole assembly.

Optionally, the display unit 71 is further configured to display a name of the target directory on the target page in response to a setting operation on the target directory.

Optionally, the display unit 71 is further configured to display, on the target page, names of a plurality of pages included in the target directory in response to a confirmation operation on the target directory name displayed in the target page.

Of course, the page generating apparatus 70 provided by the embodiment of the present disclosure includes, but is not limited to, the above modules.

In actual implementation, the display unit 71, the acquisition unit 72, the generation unit 73, and the classification unit 74 may be implemented by a processor of the page generation apparatus shown in fig. 1. The specific execution process may refer to the description of the page generation method portion shown in fig. 2, and is not described herein again.

Some embodiments of the present disclosure provide a computer-readable storage medium (e.g., a non-transitory computer-readable storage medium) having stored therein computer program instructions that, when executed on a processor, cause the processor to perform one or more steps of a page generation method as described in any of the above embodiments.

By way of example, such computer-readable storage media may include, but are not limited to: magnetic storage devices (e.g., hard Disk, floppy Disk, or magnetic tape), optical disks (e.g., Compact Disk (CD), Digital Versatile Disk (DVD), etc.), smart cards, and flash Memory devices (e.g., Erasable Programmable Read-Only Memory (EPROM), card, stick, or key drive, etc.). Various computer-readable storage media described in this disclosure can represent one or more devices and/or other machine-readable storage media for storing information. The term "machine-readable storage medium" can include, without being limited to, wireless channels and various other media capable of storing, containing, and/or carrying instruction(s) and/or data.

Some embodiments of the present disclosure also provide a computer program product. The computer program product comprises computer program instructions which, when executed on a computer, cause the computer to perform one or more steps of the page generation method as described in the above embodiments.

Some embodiments of the present disclosure also provide a computer program. When the computer program is executed on a computer, the computer program causes the computer to perform one or more steps of the page generation method as described in the above embodiments.

The beneficial effects of the computer-readable storage medium, the computer program product, and the computer program are the same as those of the page generation method described in some embodiments, and are not described herein again.

In the above embodiments, the implementation may be wholly or partially realized by software, hardware, firmware, or any combination thereof. When implemented using a software program, may be implemented in whole or in part in the form of a computer program product. The computer program product includes one or more computer instructions. The processes or functions according to the embodiments of the present disclosure are wholly or partially generated when the computer execution instructions are loaded and executed on the computer. The computer may be a general purpose computer, a special purpose computer, a network of computers, or other programmable device. The computer instructions may be stored on a computer readable storage medium or transmitted from one computer readable storage medium to another computer readable storage medium, for example, the computer instructions may be transmitted from one website, computer, server, or data center to another website, computer, server, or data center via wire (e.g., coaxial cable, fiber optic, Digital Subscriber Line (DSL)) or wireless (e.g., infrared, wireless, microwave, etc.). Computer-readable storage media can be any available media that can be accessed by a computer or can comprise one or more data storage devices, such as servers, data centers, and the like, that can be integrated with the media. The usable medium may be a magnetic medium (e.g., floppy disk, hard disk, magnetic tape), an optical medium (e.g., DVD), or a semiconductor medium (e.g., Solid State Disk (SSD)), among others.

The above description is only for the specific embodiments of the present disclosure, but the scope of the present disclosure is not limited thereto, and any person skilled in the art will appreciate that changes or substitutions within the technical scope of the present disclosure are included in the scope of the present disclosure. Therefore, the protection scope of the present disclosure shall be subject to the protection scope of the claims.

Claims

1. A page generation method is applied to electronic equipment and is characterized by comprising the following steps:

responding to the operation of establishing a page, and displaying an initial page, wherein the initial page comprises an area to be edited;

in response to an operation of selecting a target component in a component library, displaying a target component to be edited in the area to be edited;

responding to the editing operation of the target component to be edited, acquiring component information, displaying the edited target component on the initial page according to the component information, and generating an edited target page; wherein the component information comprises at least one of: attribute information and component data, wherein the attribute information comprises style information of the target component, and the component data comprises data filled in the target component.

2. The page generation method of claim 1, further comprising:

responding to the operation of establishing the directory, and displaying the name of the target directory;

the displaying the initial page in response to the operation of establishing the page includes:

and responding to the operation of adding a page under the target directory, and displaying the initial page, wherein the initial page is a functional page under the target directory.

3. The page generating method according to claim 2, wherein the initial page further includes: the page generation method further comprises the following steps:

in response to the operation of establishing the fixed component areas, establishing the fixed component areas of a plurality of pages, the fixed component areas of the plurality of pages being identical;

and updating corresponding components in the fixed component area included in the plurality of pages in response to the editing operation on the components in the fixed component area.

4. The page generation method of claim 3, wherein the components in the fixed component area comprise at least one of: a head assembly, a sole assembly.

5. The page generation method according to any one of claims 2 to 4, further comprising:

and responding to the setting operation of the target directory, and displaying the name of the target directory on the target page.

6. The page generation method of claim 5, further comprising:

in response to a confirmation operation of the target directory name displayed in the target page, displaying names of a plurality of pages included under the target directory on the target page.

7. The page generation method according to any one of claims 1 to 4, further comprising:

responding to the editing operation of the target page, acquiring page information of the target page, and updating and displaying the target page, wherein the page information comprises at least one of the following items: and the thumbnail, the page address, the page tag and the description information of the target page.

8. The page generating method according to claim 7, wherein the updating and displaying the target page in response to the editing operation on the target page comprises:

updating and displaying the target component in the target page in response to an adjustment operation on the target component of the target page, wherein the adjustment operation comprises at least one of the following operations: copy operation, delete operation, move operation, hide operation.

9. The page generation method according to any one of claims 1 to 4, wherein the original data of the target component is stored in a preset format, and the acquiring component information and displaying the edited target component on the target page according to the component information includes:

monitoring the component information through a display of the electronic equipment, and transmitting the monitored component information to a background processing module;

modifying the original data in the preset format according to the component information through the background processing module;

and rendering the target page according to the modified original data.

10. The page generation method according to any one of claims 1 to 4, wherein before generating the target page, the page generation method further includes:

obtaining M components, wherein M is an integer larger than 1;

obtaining a type and component data for each of the M components, the type including at least one of: the system comprises a text component, a picture component, a video component, a picture and text component and a table component;

classifying the M components by adopting a pre-stored classification rule according to the type and the component data of each component to obtain at least one component set;

and obtaining a target component corresponding to each component set according to each component set in the at least one component set and storing the target component in the component library.

11. The page generating method according to claim 10, wherein the classifying the M components by using a pre-stored classification rule according to the type and component data of each component to obtain at least one component set comprises:

and determining the components with the same type and similar component content as a component set according to the classification rule.

12. The method for generating pages according to claim 11, wherein said determining components with same type and similar component content as a component set comprises:

if the type of the component is a picture component or a video component, determining the component of the local address corresponding to the component data as a component set, and determining the component of the network address corresponding to the component data as a component set;

if the type of the component is a text component, determining the component with the same text style in the component data as a component set;

and if the type of the component is the image-text component, determining the component with the same image-text structure in the component data as a component set.

13. A page generating device applied to electronic equipment is characterized by comprising:

the display unit is used for responding to the operation of establishing the page and displaying an initial page, and the initial page comprises an area to be edited; in response to an operation of selecting a target component in a component library, displaying a target component to be edited in the area to be edited;

an acquisition unit configured to acquire component information in response to an editing operation on the target component to be edited displayed by the display unit; wherein the component information comprises at least one of: attribute information and component data, wherein the attribute information comprises style information of the target component, and the component data comprises data filled in the target component;

the display unit is further used for displaying the edited target component on the initial page according to the component information acquired by the acquisition unit;

and the generating unit is used for generating the edited target page.

14. The page generating apparatus according to claim 13,

the display unit is also used for responding to the operation of establishing the directory and displaying the name of the target directory;

the display unit is specifically configured to: and responding to the operation of adding a page under the target directory, and displaying the initial page, wherein the initial page is a functional page under the target directory.

15. The page generating apparatus of claim 14, wherein the initial page further comprises: the page generating apparatus further includes: an update unit;

the generating unit is further configured to construct the fixed component areas of multiple pages in response to an operation of establishing the fixed component areas, where the fixed component areas of the multiple pages are the same;

the updating unit is used for responding to the editing operation of the components in the fixed component area and updating the corresponding components in the fixed component area included in the plurality of pages.

16. The page generating apparatus of claim 15, wherein the components in the fixed component area comprise at least one of: a head assembly, a sole assembly.

17. Page generation apparatus according to any one of claims 14 to 16,

the display unit is further configured to display a name of the target directory on the target page in response to a setting operation on the target directory.

18. The page generating apparatus according to claim 17,

the display unit is further configured to display, on the target page, names of a plurality of pages included in the target directory in response to a confirmation operation of the target directory name displayed in the target page.

19. A page generating apparatus, characterized in that the page generating apparatus comprises: a processor and a memory; the memory for storing computer program code, the computer program code comprising computer instructions; the page generation apparatus, when executing the computer instructions, performs the page generation method of any one of claims 1-12.

20. A computer-readable storage medium comprising computer instructions which, when run on a page generation apparatus, cause the page generation apparatus to perform the page generation method of any one of claims 1-12.