A page generation method and device

Abstract

A page generation method and device, relating to the front-end engineering technology field, solves the problems of high development cost and low development efficiency of pages. The specific scheme includes: the page generation device displays an initial page in response to the operation of establishing a page, and the initial page includes: a header component, a bottom component and an area to be edited; in response to the operation of selecting a target component in the component library, the target component to be edited is displayed in the area to be edited; in response to the editing operation of the target component to be edited, component information is obtained, and the edited target component is displayed on the initial page according to the component information, and the edited target page is generated. Among them, the component information includes at least one of the following: attribute information, component data, the attribute information includes the style information of the target component, and the component data includes the 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

Technical Field

[0001] The present disclosure relates to the field of front-end engineering technology, and in particular to a page generation method and device. Background Art

[0002] As the business grows, there are more and more pages. If each page is developed separately, the development cost of the page will be high and the development efficiency will be low. Summary of the invention

[0003] On the one hand, a page generation method is provided, which is applied to an electronic device. The page generation method may include: a page generation device displays an initial page in response to an operation of establishing a page, and the initial page includes a to-be-edited area; in response to an operation of selecting a target component in a component library, the target component to be edited is displayed in the to-be-edited area; in response to an editing operation on the target component to be edited, component information is acquired, and the edited target component is displayed on the initial page according to the component information, and an edited target page is generated. The component information includes at least one of the following: attribute information and component data, the attribute information includes style information of the target component, and the component data includes data filled in the target component.

[0004] The editable area refers to the area on the page where users can edit components. Users can add components to the editable area according to their needs to build rich page content.

[0005] In this way, when generating a page, the inherent header components, bottom components and the area to be edited can be displayed first, and then the components in the configured component library can be reused. In response to the user's editing operation on the component, the edited component is displayed and the edited target page is generated. There is no need to develop each page separately, which improves the reusability and flexibility of the page, thereby reducing the development cost of the page and improving the development efficiency of the page.

[0006] Moreover, by configuring the component library in advance, the various components are connected in series to form a pluggable workflow, which can quickly respond to changes in component requirements and has a high degree of personalization.

[0007] In some embodiments, the page generation method may further include: the page generation device displays the name of the target directory in response to the operation of establishing the directory. The above-mentioned displaying the initial page in response to the operation of establishing the page may specifically include: the page generation device displays the initial page in response to the operation of adding a new page under the target directory, and the initial page is a functional page under the target directory.

[0008] In some embodiments, the initial page may further include: a fixed component area. The page generation method may further include: the page generation device constructs fixed component areas of multiple pages in response to an operation of establishing the fixed component area. The fixed component areas of the multiple pages are the same. The page generation device updates the corresponding components in the fixed component areas included in the multiple pages in response to an editing operation on the components in the fixed component areas.

[0009] In one embodiment, the multiple pages may be multiple pages in a website. In one embodiment, the multiple pages may be all pages in a website, and in this case, all pages include the target page. In one embodiment, the multiple pages may be some pages in a pre-configured website, and may be pre-configured according to scenario requirements.

[0010] In one embodiment, the components in the fixed component area edited by the user can be components in any page in the application. In one embodiment, the components in the fixed component area edited by the user can be components in the head page or the bottom page.

[0011] In this way, by editing the components in the fixed component area, the corresponding parts of the fixed component areas of multiple pages in the application can be modified without modifying each page one by one, which improves the flexibility of the page, saves time, and improves modification efficiency.

[0012] In some embodiments, the components in the fixed component area may include at least one of the following: a header component and a bottom component. The header component refers to the top portion of the page, usually including a title, an icon, etc. The bottom component is located at the bottom of the page, usually including a QR code, an address, etc.

[0013] In some embodiments, the page generation method may further include: the page generation device displays the name of the target directory on the target page in response to the user's setting operation on the target directory. In this way, when the user performs a confirmation operation on the name of the target directory displayed on the target page, the electronic device can display the names of multiple pages included in the target directory on the target page in response to the user's confirmation operation. In this way, the content in the page changes accordingly with the setting.

[0014] In some embodiments, the page generation method may further include: the page generation device displays the names of multiple pages included in the target directory on the target page in response to a user's confirmation operation on the target directory name displayed on the target page.

[0015] In one embodiment, the above-mentioned multiple pages may be all pages included in the target directory, and in this case, all pages include the above-mentioned target page. In one embodiment, the above-mentioned multiple pages may be some pages included in the target directory, and may be pre-configured according to actual scenario requirements. Exemplarily, the multiple pages may be pages that have been online in the target directory. Alternatively, the multiple pages may be pages that can display names after the navigation function has been selected in the target directory. Alternatively, the multiple pages may be pre-configured pages. The embodiments of the present disclosure do not limit the multiple pages herein.

[0016] In some embodiments, the page generation method may further include: the page generation device obtains page information of the target page in response to the editing operation on the target page, and updates and displays the target page. The page information includes at least one of the following: a thumbnail of the target page, a page address, a page tag, and description information.

[0017] In this way, the target page can be edited, and the flexibility of page editing is improved. When the requirements of the page change, by editing the page, the changes in requirements can be quickly responded to, which greatly reduces the labor cost and improves the development efficiency.

[0018] In some embodiments, the above-mentioned updating and displaying of the target page in response to the editing operation on the target page may specifically include: the page generating device updates and displays the target component in the target page in response to the adjustment operation on the target component of the target page, and the adjustment operation includes at least one of the following: copy operation, delete operation, move operation, and hide operation.

[0019] In some embodiments, the original data of the target component is stored in a preset format. The above-mentioned acquisition of 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 the component information through the display of the electronic device, and transmits the monitored component information to the background processing module; through the background processing module, the original data in a preset format is modified according to the component information; and the target page is rendered according to the modified original data.

[0020] In some embodiments, before generating the target page, the page generation method may further include: the page generation device obtains M components, where M is an integer greater than 1; obtains the type and component data of each component in the M components, and the type includes at least one of the following: text component, picture component, video component, graphic component, table component; according to the type and component data of each component, the M components are classified using pre-stored classification rules to obtain at least one component set; according to each component set in the at least one component set, a target component corresponding to each component set is obtained and stored in the component library.

[0021] In this way, since some components in the same application have a high degree of reuse, the developed components in the application are classified and each type of component is stored in the component library for users to choose and use. In other words, the components included in the component library are common components extracted from existing components, rather than randomly obtained, which is conducive to the rapid output of subsequent pages and reduces the possibility that there are no components that users want to use in the component library. In addition, the classification and extraction process of existing components can be performed periodically to ensure the scalability of the component library.

[0022] In some embodiments, the above-mentioned classification of M components based on the type and component data of each component using pre-stored classification rules to obtain at least one component set may specifically include: the page generation device determines components of the same type and similar component content as a component set according to the classification rules.

[0023] In some embodiments, the above-mentioned determination of components of 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, then the components of the local address corresponding to the component data are determined as a component set, and the components of the network address corresponding to the component data are determined as a component set; if the type of the component is a text component, then the components with the same text style in the component data are determined as a component set; if the type of the component is a graphic component, then the components with the same graphic and text structure in the component data are determined as a component set.

[0024] In some embodiments, before generating the target page, the page generation method may further include: the page generation device obtains M components, where M is an integer greater than 1; obtains the type and component data of each component in the M components, and the type includes at least one of the following: text component, picture component, video component, graphic component, table component; according to the type and component data of each component, the M components are classified using pre-stored classification rules to obtain at least one component set; according to each component set in the at least one component set, a target component corresponding to each component set is obtained and stored in the component library.

[0025] On the other hand, a page generation device is provided, which is located in an electronic device. The page generation device includes: a display unit, which is used to display an initial page in response to an operation of establishing a page, and the initial page includes a to-be-edited area; in response to an operation of selecting a target component in a component library, the target component to be edited is displayed in the to-be-edited area; an acquisition unit, which is used 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 includes at least one of the following: 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; the display unit is also used to display the edited target component on the initial page according to the component information acquired by the acquisition unit; and a generation unit is used to generate the edited target page.

[0026] In some embodiments, the display unit is further used to display the name of the target directory in response to the operation of creating the directory. The display unit is specifically used to: display the initial page in response to the operation of adding a new page under the target directory, and the initial page is a function page under the target directory.

[0027] In some embodiments, the initial page may further include: a fixed component area, and the page generation device may further include: an updating 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 area, and the fixed component areas of the multiple pages are the same. The updating unit is configured to update the corresponding components in the fixed component areas included in the multiple pages in response to an editing operation on the components in the fixed component area.

[0028] In some embodiments, the components in the fixed component area may include at least one of the following: a head component, a bottom component.

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

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

[0031] In some embodiments, the acquisition unit is also used to acquire 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 following: a thumbnail of the target page, a page address, a page label, and description information; the display unit is also used to update the display of the target page in response to an editing operation on the target page.

[0032] In some embodiments, the display unit is specifically used to: update the target component in the target page in response to an adjustment operation on the target component of the target page, and the adjustment operation includes at least one of the following: a copy operation, a delete operation, a move operation, and a hide operation.

[0033] In some embodiments, the original data of the target component is stored in a preset format, and the display unit is specifically used to: monitor component information through the display of the electronic device, and transmit the monitored component information to the background processing module; modify the original data in a preset format according to the component information through the background processing module; and render the target page according to the modified original data.

[0034] In some embodiments, the page generation device further includes: a classification unit. The acquisition unit is further used to acquire M components, where M is an integer greater than 1; acquire the type and component data of each component in the M components, where the type includes at least one of the following: text component, picture component, video component, graphic component, table component. The classification unit is used to classify the M components according to the type and component data of each component acquired by the acquisition unit using pre-stored classification rules to obtain at least one component set. The generation unit is further used to acquire the target component corresponding to each component set according to each component set in the at least one component set and store it in the component library.

[0035] In some embodiments, the display unit is specifically used to: update the target component in the target page in response to an adjustment operation on the target component of the target page, and the adjustment operation includes at least one of the following: a copy operation, a delete operation, a move operation, and a hide operation.

[0036] In some embodiments, the classification unit is specifically used to: determine components of the same type and similar component content as a component set according to classification rules.

[0037] In some embodiments, the classification unit is specifically used to: if the type of the component is a picture component or a video component, then the components of the local address corresponding to the component data are determined as a component set, and the components of the network address corresponding to the component data are determined as a component set; if the type of the component is a text component, then the components with the same text style in the component data are determined as a component set; if the type of the component is a graphic component, then the components with the same graphic and text structure in the component data are determined as a component set.

[0038] In another aspect, a page generation device is provided. The page generation device includes: a processor and a memory. The memory is used to store computer program codes, and the computer program codes include computer instructions. When the processor executes the computer instructions, the page generation device executes one or more steps in the page generation method of any of the above embodiments.

[0039] In another aspect, a computer-readable storage medium is provided. The computer-readable storage medium stores computer program instructions, and when the computer program instructions are executed on a page generating device, the page generating device executes one or more steps of the page generating method in any of the above embodiments.

[0040] In another aspect, a computer program product is provided, wherein the computer program product comprises computer program instructions, and when the computer program instructions are executed on a page generating device, the computer program instructions cause the page generating device to perform one or more steps in the page generating method of any of the above embodiments.

[0041] In another aspect, a computer program is provided. When the computer program is executed on a page generating device, the computer program enables the page generating device to execute one or more steps of the page generating method described in any of the above embodiments.

[0042] The specific description of the third to sixth aspects and their various implementations in this disclosure can refer to the detailed description of the first aspect and its various implementations. In addition, the beneficial effects of the third to sixth aspects and their various implementations can refer to the beneficial effect analysis of the first aspect and its various implementations, which will not be repeated here. BRIEF DESCRIPTION OF THE DRAWINGS

[0043] In order to more clearly illustrate the technical solutions in the present disclosure, the following briefly introduces the drawings required to be used in some embodiments of the present disclosure. Obviously, the drawings described below are only drawings of some embodiments of the present disclosure. For ordinary technicians in this field, other drawings can also be obtained based on these drawings. In addition, the drawings described below can be regarded as schematic diagrams, and are not limitations on the actual size of the product involved in the embodiments of the present disclosure, the actual process of the method, the actual timing of the signal, etc.

[0044] Figure 1 is a structural diagram of a page generating device according to some embodiments;

[0045] Figure 2 is a flow chart of a page generation method according to some embodiments;

[0046] Figure 3 A structural diagram of a page composition of an application according to some embodiments;

[0047] Figure 4A A schematic diagram of an architecture editing page according to some embodiments;

[0048] Figure 4B is a schematic diagram of a website architecture page according to some embodiments;

[0049] Figure 4C A schematic diagram of setting a new page according to some embodiments;

[0050] Figure 4D A schematic diagram of setting a new directory according to some embodiments;

[0051] Figure 4E is a schematic diagram of a configuration control for a directory according to some embodiments;

[0052] Figure 4F is a schematic diagram of configuration controls for a page according to some embodiments;

[0053] Figure 5A is a schematic diagram of a component library page according to some embodiments;

[0054] Figure 5B is a schematic diagram of an initial page according to some embodiments;

[0055] Figure 5C is a schematic diagram of setting attribute information and component data according to some embodiments;

[0056] Figure 5D A schematic diagram of setting an outer frame of a component according to some embodiments;

[0057] Figure 5E A schematic diagram of editing a target page according to some embodiments;

[0058] Figure 6 is a schematic diagram of M components according to some embodiments;

[0059] Figure 7 One of the composition diagrams of a page generating device according to some embodiments;

[0060] Figure 8 This is a second diagram of the composition of a page generating device according to some embodiments. DETAILED DESCRIPTION

[0061] The following will be combined with the accompanying drawings to clearly and completely describe the technical solutions in some embodiments of the present disclosure. Obviously, the described embodiments are only part of the embodiments of the present disclosure, rather than all the embodiments. Based on the embodiments provided by the present disclosure, all other embodiments obtained by ordinary technicians in this field belong to the scope of protection of the present disclosure.

[0062] Unless the context requires otherwise, throughout the specification and claims, the term "comprise" and other forms thereof, such as the third person singular form "comprises" and the present participle form "comprising", are to be interpreted as open, inclusive, that is, "including, but not limited to". In the description of the specification, the terms "one embodiment", "some embodiments", "exemplary embodiments", "example", "specific example" or "some examples" and the like are intended to indicate that specific features, structures, materials or characteristics associated with the embodiment or example are included in at least one embodiment or example of the present disclosure. The schematic representation of the above terms does not necessarily refer to the same embodiment or example. In addition, the specific features, structures, materials or characteristics may be included in any one or more embodiments or examples in any appropriate manner.

[0063] In the following, the terms "first" and "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 the indicated technical features. Thus, a feature defined as "first" or "second" may explicitly or implicitly include one or more of the features. In the description of the embodiments of the present disclosure, unless otherwise specified, "plurality" means two or more.

[0064] “At least one of A, B, and C” has the same meaning as “at least one of A, B, or C” and both include the following combinations of A, B, and C: A only, B only, C only, the combination of A and B, the combination of A and C, the combination of B and C, and the combination of A, B, and C.

[0065] “A and / or B” includes the following three combinations: A only, B only, and a combination of A and B.

[0066] As used herein, the term "if" is optionally interpreted to mean "when" or "upon" or "in response to determining" or "in response to detecting," depending on the context. Similarly, the phrases "if it is determined that" or "if [a stated condition or event] is detected" are optionally interpreted to mean "upon determining that" or "in response to determining that" or "upon detecting [a stated condition or event]" or "in response to detecting [a stated condition or event]," depending on the context.

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

[0068] In addition, the use of “based on” or “according to” is meant to be open and inclusive, because the process, step, calculation or other action “based on” or “according to” one or more stated conditions or values ​​may in practice be based on additional conditions or values ​​beyond the stated ones.

[0069] Exemplary embodiments are described herein with reference to cross-sectional views and / or plan views that are idealized exemplary drawings. In the drawings, the thickness of layers and regions are exaggerated for clarity. Therefore, variations in shape relative to the drawings due to, for example, manufacturing techniques and / or tolerances are conceivable. Therefore, the exemplary embodiments should not be interpreted as being limited to the shapes of the regions shown herein, but include shape deviations due to, for example, manufacturing. For example, an etched region shown as a rectangle will typically have curved features. Therefore, the regions shown in the drawings are schematic in nature, and their shapes are not intended to illustrate the actual shape of regions of the device, and are not intended to limit the scope of the exemplary embodiments.

[0070] In order to solve the problems of high development cost and low development efficiency of pages, an embodiment of the present disclosure provides a page generation method. In response to an operation of establishing a page in an application, the electronic device displays an initial page, which includes a header component, a bottom component, and an area to be edited. In response to an operation of selecting a target component in a component library, the electronic device displays the target component to be edited in the area to be edited, and in response to an editing operation on 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. Among them, the component information includes at least one of the following attribute information and component data, the attribute information includes style information of the target component, and the component data includes data filled in the target component.

[0071] In this way, when generating a page, the inherent header components, bottom components and the area to be edited can be displayed first, and then the components in the configured component library can be reused. In response to the user's editing operation on the component, the edited component is displayed and the edited target page is generated. There is no need to develop each page separately, which improves the reusability and flexibility of the page, thereby reducing the development cost of the page and improving the development efficiency of the page.

[0072] Moreover, by configuring the component library in advance, the various components are connected in series to form a pluggable workflow, which can quickly respond to changes in component requirements and has a high degree of personalization.

[0073] Figure 1 The following is a schematic diagram of the composition of a page generation device provided by an embodiment of the present disclosure. Figure 1 As shown, the page generating device may include: at least one processor 11 , a memory 12 , a communication interface 13 and a communication bus 14 .

[0074] The processor 11 is the control center of the page generation device, which can be a central processing unit (CPU), a microprocessing unit, a general processor, or one or more integrated circuits for controlling the execution of the program of the embodiment of the present disclosure. The general processor can be a microprocessor or any conventional processor.

[0075] As an embodiment, the processor 11 may include one or more CPUs, such as Figure 1 Also, as an embodiment, the page generating device may include multiple processors, such as Figure 1 The processor 11 and the processor 15 shown in FIG. Each of these processors can be a single-core processor (Single-CPU) or a multi-core processor (Multi-CPU). The processor here can refer to one or more devices, circuits, and / or processing cores for processing data (such as computer program instructions).

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

[0077] In some embodiments, the memory 12 may be independent and connected to the processor 11 via the communication bus 14 to store instructions or program codes. In some embodiments, the memory 12 may also be integrated with the processor 11.

[0078] In a specific implementation, the memory 12 is used to store the data in the present disclosure and execute the software program in the present disclosure. The processor 11 can execute various functions of the page generation device by running or executing the software program stored in the memory 12 and calling the data stored in the memory 12.

[0079] The communication interface 13 uses any transceiver or other device for communicating with other devices or communication networks, such as radio access networks (RAN), wireless local area networks (WLAN), etc. The communication interface 13 may include a receiving unit to implement a receiving function, and a sending unit to implement a sending function.

[0080] The communication bus 14 may include a path to transmit information between the above components. The communication bus 14 may be an industry standard architecture (ISA) bus, a peripheral component interconnect (PCI) bus, or an extended industry standard architecture (EISA) bus. The bus may be divided into an address bus, a data bus, a control bus, etc. For ease of representation, Figure 1 Only one thick line is used in the diagram, but this does not mean that there is only one bus or only one type of bus.

[0081] It should be pointed out that Figure 1 The structure shown in the figure does not constitute a limitation on the page generating device. Figure 1 In addition to the components shown, the page generating device may include more or fewer components than shown, or combine certain components, or arrange the components differently.

[0082] The execution subject of the page generation method provided in the embodiment of the present disclosure is a page generation device. The page generation device can be an electronic device, a CPU in an electronic device, a control module for generating pages in an electronic device, or a client for generating pages in an electronic device. The embodiment of the present disclosure takes the execution of the page generation method by an electronic device as an example to illustrate the page generation method provided in the present disclosure.

[0083] In some embodiments, the electronic device may be a terminal device. The terminal device may be a mobile terminal device, such as a mobile phone (or "cellular" phone) and a computer with a mobile terminal device, or a portable, pocket-sized, handheld, computer-built-in or vehicle-mounted mobile device, which exchanges language and / or data with a radio access network (RAN) node. For example, the terminal device may be: a mobile phone, a tablet computer, a laptop computer, a PDA, 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, a wireless terminal device in self-driving, a wireless terminal device in remote medical surgery, a wireless terminal device in smart grid, a wireless terminal device in transportation safety, a wireless terminal device in a smart city, a wireless terminal device in a smart home, etc.

[0084] Based on the introduction of the structure of the above page generation device, the present disclosure provides a page generation method. Figure 2 As shown, the page generation method may include the following steps 201 to 203.

[0085] 201. In response to an operation of establishing a page, the electronic device displays an initial page.

[0086] 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 the components in the fixed component area may include at least one of the following: a header component and a bottom component. Therefore, the header component, bottom component and area to be edited of the application may be preconfigured. And the configured header component and bottom component may be updated in response to user operations. Among them, the fixed component area may include a fixed component, and the position of the fixed component area may be preconfigured in the electronic device. Although the position of the fixed component area is preconfigured, the header component in the fixed component area refers to the top part of the page, usually including a title, an icon, etc. The bottom component is located at the bottom of the page and may usually include a QR code, an address, etc. The area to be edited refers to other position areas in the page except the fixed component area, which is used for users to edit components. Users can add components in the area to be edited according to their needs to build rich page content. The above-mentioned bottom component may specifically be a bottom link block component.

[0087] It is understandable that the above application can be an application, webpage, platform, system, etc. on the electronic device, and the embodiments of the present disclosure are not limited here. Based on the application, the electronic device can generate and operate pages in the website corresponding to the application.

[0088] In addition, in the embodiment of the present disclosure, the area to be edited included in the above-mentioned page may be one area or multiple areas. When the area to be edited is one area, the area to be edited is used to display multiple components. When the area to be edited includes multiple 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 present disclosure does not limit how many areas the area to be edited is, and how many components are displayed in one area.

[0089] It should be noted that, in the embodiment of the present disclosure, when the area to be edited is an area, and the area to be edited is used to display multiple components, if the user adds a component in the area to be edited, the component newly added by the user is usually added at a preset position. For example, the preset position can 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 can respond to the user's adding operation and add the first component to the bottom position in the area to be edited. When the user adds the second component in the area to be edited, the electronic device can respond to the user's adding operation and add the second component below the first component in the area to be edited, that is, at this time, the second component is displayed at the bottom position of the area to be edited, and so on, the electronic device can add components in the area to be edited in the above manner. Afterwards, the electronic device can adjust the position of the component in the area to be edited according to the user's moving operation on the component in the area to be edited in the target page. And, the electronic device can adjust the size of the component in response to the user's editing of the attribute information of a component, such as the length and height of the component. In the embodiment of the present disclosure, the preset position is taken as an example for explanation, and the specific preset position is not limited in the embodiment of the present disclosure. Of course, the components added in the area to be edited may also be displayed in other ways.

[0090] Optionally, in some embodiments, Figure 3 This is a schematic diagram of the structure of an application page. Figure 3As shown, an application may include multiple directories, each of which may include multiple pages, and each page may include multiple components. Among them, the multiple pages included in each directory in the application may be different function pages under the directory. For example, assuming that a directory is enterprise business, then the pages under the enterprise business directory may be pages of different businesses within the enterprise. Of course, the application may also include some special pages that do not belong to any directory and are convenient for user operations. For example, the application may include: home page, header page, bottom page, etc. Among them, the home page may be a pre-set default page, or a user may set a page under a certain directory as the home page. For the second case, when the user edits the home page, the same page under the corresponding directory is also updated. Or, when the user edits the page under the directory set as the home page, the corresponding home page is also updated. The header page only includes the header component. When the user edits the header component in the header page, the header components of all pages in the application are updated accordingly. Or, when the user edits the header component in any other page, all header components in the application are updated accordingly. The bottom page only includes bottom components. When the user edits the bottom components in the bottom page, the bottom components of all pages in the application are updated accordingly. Alternatively, when the user edits the bottom components in any other page, all bottom components in the application are updated accordingly.

[0091] Furthermore, in the above application, a directory may include multiple sub-directories, each of which may include multiple pages. A page may also include multiple sub-pages. The disclosed embodiment does not limit the structure of the page composition of the application.

[0092] It is understandable that based on the above Figure 3 The page structure of the application introduced above, the directories, sub-directories, pages, sub-pages, and components, all elements constitute the pages included in the website.

[0093] based on Figure 3In the embodiment of the present disclosure, there are several implementations for an electronic device to establish a page in an application. The first implementation is to establish a page of the application that does not belong to a directory. In a specific implementation, when a user establishes a new page in the architecture of the application, the electronic device can display the initial page in response to the user's operation of establishing the page. The second implementation is to add a new directory to the application and add a new page under the newly added directory. In a specific implementation, when a user establishes a new directory in the architecture of the application, the electronic device can display the new directory name in response to the user's operation of establishing the directory, and display the initial page in response to the user's operation of establishing a page under the new directory. The third implementation is to add a new page under an existing directory of the application. In a specific implementation, the electronic device can directly respond to the user's operation of establishing a page under a directory and display the initial page under the directory. The fourth implementation is to add a sub-page under an existing page of the application.

[0094] Optionally, in the disclosed embodiment, the page generation method may further include: the electronic device displays the name of the target directory in response to the operation of establishing the directory. In this case, the electronic device displays the initial page in response to the user's operation of establishing the page, and the specific process is: the electronic device displays the initial page in response to the operation of adding a new page under the target directory. The initial page is a function page under the target directory.

[0095] Optionally, in an embodiment of the present disclosure, the page generation method may further include: the electronic device may construct fixed component areas of multiple pages in response to a user's operation of establishing a fixed component area. The fixed component areas of the multiple pages are the same. The electronic device may update corresponding components in the fixed component areas included in the multiple pages in response to a user's editing operation on components in the fixed component areas.

[0096] It is understandable that in the embodiments of the present disclosure, the above-mentioned multiple pages may be multiple pages in a website. In one embodiment, the multiple pages may be all pages in a website, and in this case, all pages include the above-mentioned target page. In one embodiment, the multiple pages may be some pages in a pre-configured website, and may be pre-configured according to scenario requirements. Exemplarily, the multiple pages may be pages that have been online in a website. The embodiments of the present disclosure are not limited here.

[0097] Exemplarily, the electronic device may update the header component in the fixed component area included in all pages of the application program in response to the user's editing operation on the header component in the fixed component area.

[0098] It is understandable that, in one embodiment, the component in the fixed component area edited by the user can be a component in any page in the application. In one embodiment, the component in the fixed component area edited by the user can be a component in a head page or a bottom page.

[0099] In this way, by editing the components in the fixed component area, the corresponding parts of the fixed component areas of multiple pages in the application can be modified without modifying each page one by one, which improves the flexibility of the page, saves time, and improves modification efficiency.

[0100] Optionally, in an embodiment of the present disclosure, the page generation method may further include: the electronic device may display the name of the target directory on the target page in response to the user's setting operation on the target directory. In a specific implementation, the specific process of the electronic device displaying the name of the target directory on the target page in response to the user's setting operation on the target directory includes: the electronic device may display a navigation function in response to the user's setting operation on the target directory. When the user selects the navigation function, the electronic device may display the name of the target directory on the target page in response to the user's confirmation operation on the navigation function. In this way, when the user performs a confirmation operation on the name of the target directory displayed on the target page, the electronic device can display the names of multiple pages included in the target directory on the target page in response to the user's confirmation operation.

[0101] It is understandable that in the embodiments of the present disclosure, in one embodiment, the above-mentioned multiple pages may be all pages included in the target directory, and in this case, all pages include the above-mentioned target page. In one embodiment, the above-mentioned multiple pages may be some pages included in the target directory, and may be pre-configured according to actual scenario requirements. Exemplarily, the multiple pages may be pages that have been online in the target directory. Alternatively, the multiple pages may be pages that can display names after the navigation function has been selected in the target directory. Alternatively, the multiple pages may be pre-configured pages. The embodiments of the present disclosure do not limit the multiple pages herein.

[0102] Optionally, in an embodiment of the present disclosure, the page generation method may further include: the electronic device may display the names of multiple pages included in the target directory in the target page in response to a user's confirmation operation on the target directory name displayed in the target page.

[0103] It is understood that in the disclosed embodiment, the electronic device may display the names of the multiple pages included in the target directory in the target page by displaying a drop-down menu or by displaying a pop-up box. The disclosed embodiment does not limit the display method of the names of the multiple pages included in the target directory. In addition, the names of the multiple pages included in the target directory refer to the secondary menu, tertiary menu, etc. under the target directory.

[0104] For example, Figure 4A A schematic diagram of an architecture editing page in an enterprise platform for electronic devices. Figure 4A As shown, the architecture editing page consists of four parts.

[0105] Part 1 is the operation area, which includes four controls, namely, preview control, view data control, save control, and exit control. Among them, the electronic device can respond to the user's click operation on the preview control and provide multiple preview modes, such as tablet mode preview, mobile phone mode preview, computer mode preview, etc. The electronic device can also respond to the user's click operation on the view data control to display the component data of the current page. The electronic device can also respond to the user's click operation on the save control to save the data of the current page. The electronic device can also respond to the user's click operation on the exit control to end the display of the current page and jump to the previous page.

[0106] Part 2 is a navigation bar control, which may include a website architecture control and an add component control. The electronic device may display the structure of the application page, such as the directory, special pages, and pages included in each directory included in the current application, in response to the user's click operation on the website architecture control. The electronic device may also display the types of components included in the component library for the user to select, and add the selected component to the to-be-edited area of ​​the target page in response to the user's click operation on the add component control.

[0107] It can be understood that in the embodiments of the present disclosure, the electronic device can respond to the user's operation on the navigation bar control, i.e., the website architecture control or the add component control, to perform operations such as establishing a target directory, displaying the name of the target directory, constructing fixed component areas for multiple pages, updating corresponding components in the fixed component areas included in multiple pages, displaying the name of the target directory on the target page, and displaying the initial page including the fixed component area and the area to be edited.

[0108] Part 3 is the page to be edited. When you first enter the architecture editing page, Part 3 usually displays the home page. The home page can be a pre-set default page, or a page under a directory set as the home page by the user. When the user reselects a new page as the home page, the electronic device can update the content of the home page here according to the user's selection operation.

[0109] Part 4 is the control corresponding to the editable operation, which can specifically include page editing control and component editing control. Page editing control is used to edit the page information of the target page and edit the components included in the page. Component editing control is used to edit the component data and attribute information of each component included in the target page.

[0110] The electronic device can respond to the user's click operation on the two-part website architecture control and display the website architecture page in the architecture editing page, such as Figure 4B As shown. Figure 4B In the enterprise platform, the enterprise platform can include special pages: home page, header page, bottom page, project consultation page, and directories: enterprise business, personal business, other pages, etc. Configuration controls are set at the associated position of each special page, that is, the right position of the page name, and the associated position of each directory, that is, the right position of the directory name. There are also several functional controls set at the right position of the website structure, such as the new page control, the new directory control and the navigation control.

[0111] When the user clicks on the new page control on the right side of the network structure, the electronic device can respond to the user's click operation and pop up a pop-up box for the user to set the name of the new page, such as Figure 4C After the page name is set, the electronic device can display the initial page in the 3 parts of the architecture editing page and display the edited page name in the website architecture.

[0112] When the user clicks on the new directory control on the right side of the network structure, the electronic device can respond to the user's click operation and pop up a pop-up box for the user to set the directory name and type of the new directory, such as Figure 4D After the name of the newly added directory is set, the electronic device can display the edited name of the directory in the website architecture and update the name of the directory in all pages of the application.

[0113] When the user clicks the navigation control on the right side of the website architecture, the electronic device can display a drop-down menu of the navigation control in response to the user's click operation, and the drop-down menu includes display modes of the components of the website architecture, such as display all, display the online parts, etc. When the user selects display all, the electronic device can display all menus in the application under the website architecture in response to the user's operation.

[0114] When the user clicks the configuration control on the right side of the enterprise business directory, the electronic device can respond to the user's click operation and pop up a pop-up box, which includes: a new page control, a new sub-directory control, a rename control, a copy control, a delete control, and a display control in the navigation bar, such as Figure 4E As shown. When the user clicks on the new page control, the electronic device can add a new page under the enterprise business directory according to the user's operation, and display the initial page in the 3 parts of the architecture editing page. In addition, the new sub-directory control is used to add a sub-directory under the enterprise business, the rename control is used to modify the name of the enterprise business, the copy control is used to copy the enterprise business directory, and the delete control is used to delete the enterprise business directory. When the display control in the navigation bar is selected, the name of the directory can be displayed in the target page on the right.

[0115] When the user clicks on the enterprise business component of the target page, or when the user hovers over the enterprise business component with the mouse, the electronic device can respond to the user's operation and display a drop-down box on the target page. The drop-down box may include: a secondary menu under the enterprise business directory. For example, the secondary directory may include sub-directories under the enterprise directory, pages under the enterprise business directory, and pages included in the sub-directories. Exemplarily, the enterprise business directory may include sub-directories: urban public services, industrial Internet, smart travel, etc. Among them, the sub-directory of urban public services may include page names, such as office solutions, energy management solutions, energy-saving solutions, operation and maintenance solutions, transaction management solutions, apartment solutions, etc.

[0116] It should be noted that, in the embodiment of the present disclosure, when the user clicks Figure 4E When the expansion button on the left side of the enterprise business in the target page is clicked, the electronic device can display all menus under the enterprise business directory in response to the click operation of the user. At this time, all menus under the enterprise business directory in the target page correspond to all menus under the enterprise business in the website architecture on the left side of the target page. Moreover, a certain page in all menus under the enterprise business directory in the website architecture corresponds to a certain page in all menus under the enterprise business directory in the target page.

[0117] When the user clicks the configuration control on the right side of the home page, the electronic device can respond to the user's click operation and pop up a pop-up box, which includes: add sub-page control, rename control, copy control, delete control, display control in the navigation bar, set as home page control, such as Figure 4F As shown. When the user clicks on the newly added sub-page, the electronic device can respond to the user's operation, add a sub-page under the home page, and display the initial page in part 3 of the architecture editing page. In addition, when the home control is set to be selected, the current page can be used as the home page. For the specific introduction of other controls, please refer to the relevant introduction in the above embodiment, which will not be repeated here.

[0118] It should be noted that in the embodiments of the present disclosure, the above Figure 4A The architecture editing page can be entered from the website design page. In the website design page, Chinese version controls and English version controls are displayed. When the user selects the Chinese version control, the electronic device can jump to Figure 4A When the user selects the English version of the control, the electronic device can jump to the corresponding architecture editing page, and the text on the page is in English.

[0119] 202. In response to an operation of selecting a target component in a component library, the electronic device displays the target component to be edited in an area to be edited.

[0120] After displaying the initial page, the electronic device may display the target component to be edited in the to-be-edited area in response to the user selecting the target component in the component library.

[0121] For example, in combination with the above Figure 4A In response to the user's click operation on the add component control in part 2, the electronic device can display a component library page containing multiple component types in the architecture editing page, such as Figure 5A As shown. Figure 5A In the component library, the component types may include: graphic type, text type, picture type, table type, block type, title type, etc. Among them, the graphic type component refers to a component including pictures and text. The text type component refers to a component including only text. The table type component refers to a component including a table. For the block type component, when the user selects a block level component, the electronic device may display a thumbnail and introduction information of the component.

[0122] For another example, Figure 5B This is a schematic diagram of the initial page. Figure 5BAs shown, 501 is a header component, which displays the enterprise business directory and personal business directory. 502 is a bottom component, which displays the QR code of the enterprise platform. 503 is the target component selected by the user in the editable area of ​​the initial page. Figure 5B As shown, the target component is the table type component selected by the user.

[0123] 203. The electronic device obtains component information in response to the editing operation on the target component to be edited, displays the edited target component on the initial page according to the component information, and generates an edited target page.

[0124] After the electronic device displays the target component to be edited in the area to be edited, it can detect the user's editing operation in real time, and in response to the user's editing operation on the target component to be edited, obtain component information, and display the edited target component in the initial page according to the component information, and finally generate the edited target page. The component information may include at least one of the following: 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.

[0125] It can be understood that the above-mentioned editing operation on the target component may include the operation on the attribute 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, spacing, background, font, etc. of the target component, and the operation on the component data may include: the operation on the text, picture or table filled in the target component. Through the operation of the length and width in the above-mentioned attribute information, the size of the target component can be adjusted.

[0126] For example, in combination with the above Figure 5B , 503 is a table component. Figure 5C As shown, the property information of component 503 and detailed setting information of component data are displayed on the right side of the initial page. Figure 5C As shown, the attribute information of component 503 may include settings such as title, outer border, clear style, etc. The detailed setting information of component data may include the title of each component data, etc. When the user clicks the outer border on the right, a pop-up box may pop up, such as Figure 5D As shown in the figure, it is the detailed setting information of the outer border displayed in the pop-up box. Figure 5D As shown, the detailed setting information of the outer frame may include settings of margins, spacing, background, color, etc.

[0127] It should be noted that, in the embodiments of the present disclosure, component data may include multiple layers of data. A user may further edit certain component data to provide more detailed component data.

[0128] In addition, in the disclosed embodiments, a link may be added to the enterprise platform of the electronic device. The link may be an internal link or an external link. An internal link refers to an address that can be linked to the enterprise platform. An external link refers to an address that can be linked to other web pages.

[0129] In addition, the components included in the component library in the embodiment of the present disclosure can be edited. Specifically, for components including pictures, when the picture component is selected as the target component in the initial page, the user can edit the picture component on the right side of the target page. For example, the picture component can be selected first, and then the picture in the picture component that needs to be modified can be deleted or replaced. When the picture needs to be replaced, a new picture can be selected in two ways. The first is to upload the picture by selecting it locally, and the second is to select the picture in the network library for replacement. For text components, when the text component is selected as the target component in the initial page, the user can edit the text component in the component editing bar on the right side of the target page. Specifically, the text component can be selected first, and then the text to be modified can be entered in the component data of the text component, and finally the save button can be clicked to take effect. For components including links and pictures, the picture to be modified can be selected in the component editing bar on the right side of the target page, and the link corresponding to the picture can be selected. At this time, the electronic device can display a link pop-up box. When an external link is input in the link pop-up box, the electronic device can select a page corresponding to the external link to replace the page corresponding to the original link.

[0130] The page generation method provided by the embodiment of the present disclosure can first display the header component, bottom component and area to be edited of the page when generating a page, and then reuse the components in the configured component library, and in response to the user's editing operation on the component, display the edited component and generate the edited target page. There is no need to develop each page separately, which improves the reusability and flexibility of the page, thereby reducing the development cost of the page and improving the development efficiency of the page.

[0131] Moreover, by configuring the component library in advance, the various components are connected in series to form a pluggable workflow, which can quickly respond to changes in component requirements and has a high degree of personalization.

[0132] Optionally, in the disclosed embodiment, the electronic device may also obtain page information of the target page in response to an edit operation on the target page, and update and display the target page. The page information may include at least one of the following: a thumbnail of the target page, a page address, a page tag, and description information. The thumbnail may be used to upload or modify an image in the target page, the page address is used to indicate the address of the target page, the page tag is used to indicate the style of the target page, and the description information includes a descriptive text of the target page.

[0133] In this way, the target page can be edited, and the flexibility of page editing is improved. When the requirements of the page change, by editing the page, the changes in requirements can be quickly responded to, which greatly reduces the labor cost and improves the development efficiency.

[0134] It can be understood that the above operations on the target page may include: copying, moving, showing, hiding, replacing, inserting, dragging, etc. of the target component in the target page. Among them, the moving operation may include: moving up (moving the target component before the previous component), moving down (moving the target component after the next component), moving left, moving right, dragging (moving the position of the target component in response to the user's dragging operation on the target component), etc. The inserting operation refers to inserting a new component before or after the target component. The dragging operation refers to the user adjusting the size of the area occupied by the target component by operating the border of the target component. The above moving operations can realize the movement of the position of the target component.

[0135] For example, Figure 5E This is a schematic diagram of the editing scenario of the target page. Figure 5E As shown, after the user selects the page editing control in the upper right corner, the electronic device can display the specific editing information of the target page on the right side of the target page, including: uploading thumbnails of pictures in the target page, selecting page tags, editing page addresses, and operations on existing components in the target page, including: moving up, moving down, deleting, and copying the selected components. When the user selects the move up operation, the electronic device can move the currently selected component to the component above the selected component. When the user selects the move down operation, the electronic device can move the currently selected component to the component below the selected component. When the user selects the delete operation, the electronic device can delete the currently selected component. When the user selects the copy operation, the electronic device can copy the currently selected component and place the copied component at the bottom of the area to be edited.

[0136] Optionally, in an embodiment of the present disclosure, the above-mentioned electronic device obtains component information, and the specific process of displaying the edited target component on the target page according to the component information can be: the electronic device pre-configures the editable component, and stores the original data of the component in a preset format, for example, in a json format. Then, when the user operates the component, the electronic device can detect the user's behavior in real time through the display, and obtain the component information, and transmit the component information to the background processing module, that is, to the background java module. After obtaining the component information, the background processing module can modify the original data in the preset format. After the modification is completed, when the target page needs to be displayed, the electronic device can call the modified data of the component of the target page to render the target page, thereby realizing that the electronic device updates the page according to the user's editing operation.

[0137] In this way, the electronic device monitors the user's operation in real time and communicates with the background processing module according to the user's operation, so as to update the page in real time according to the user's editing operation.

[0138] Optionally, in an embodiment of the present disclosure, the component library involved in the above step 202 may be pre-acquired components that are similar to the application and stored in the electronic device. In this case, the page generation method provided by the embodiment of the present disclosure may also include: the electronic device may obtain the existing M components of the application, M is an integer greater than 1, and obtain the type and component data of each component in the M components, and classify the M components according to the type and component data of each component using pre-stored classification rules to obtain at least one component set. Finally, according to each component set in at least one component set, the target component corresponding to each component set is obtained and stored in the component library. Among them, the type includes at least one of the following: text component, picture component, video component, graphic component, table component, etc.

[0139] In this way, since some components in the same application have a high degree of reuse, the developed components in the application are classified and each type of component is stored in the component library for users to choose and use. In other words, the components included in the component library are common components extracted from existing components, rather than randomly obtained, which is conducive to the rapid output of subsequent pages and reduces the possibility that there are no components that users want to use in the component library. In addition, the classification and extraction process of existing components can be performed periodically to ensure the scalability of the component library.

[0140] Optionally, in the disclosed embodiment, the electronic device classifies M components according to the type and component data of each component using a pre-stored classification rule to obtain at least one component set, which may specifically include: the electronic device determines components of the same type and similar component content as a component set according to the classification rule. It should be noted that in the disclosed embodiment, the classification rule is obtained and stored in the electronic device in advance based on experiments, and the disclosed embodiment does not limit the classification rule here.

[0141] Optionally, in an embodiment of the present disclosure, the above-mentioned electronic device determines components of the same type and similar component content as a component set, which may specifically include: if the type of the component is a picture component or a video component, the electronic device may determine the component corresponding to the local address of the component data as a component set, and determine the component corresponding to the network address of the component data as a component set. If the type of the component is a text component, the electronic device may determine the components with the same text style in the component data as a component set. The same text style may mean that the text format is centered or left-aligned, or that the text includes animated text, etc. If the type of the component is a graphic component, the electronic device may determine the components with the same graphic structure in the component data as a component set. The same graphic structure may mean that the relative positions of the text and the picture are the same. If the type of the component is a table component, the electronic device may determine the components with the same table format as a component set.

[0142] It is understandable that there are many types of components, and the above is only an exemplary list of how to divide component sets so that each component set can obtain a component of this type. Of course, other classification methods can also be used to divide components, which is not limited in the embodiments of the present disclosure.

[0143] For example, assume that M components come from Figure 6 . Figure 6 It can be seen that the page includes three components, that is, M is 3. These three components are all text components, which are displayed at different positions on the page. Each text component includes different component data. Therefore, a text component set can be obtained based on these three components. And, by Figure 6 It can be seen that the font size, spacing, margin, line height, etc. of these three text components are different, so these attribute information can be used as the attribute information of the target text component corresponding to the text component set.

[0144] For another example, assuming that there is a picture component set in the classification results of the M components, the attribute information of the target component corresponding to the picture component set may include attributes such as whether to display the position corresponding to the picture.

[0145] It should be noted that in the embodiments of the present disclosure, a multimedia resource library can be pre-configured, and of course the multimedia resource library can also be updated in real time. The multimedia resource library is used to store pictures, articles, videos, audios, etc. required to generate pages. The multimedia resources stored in the multimedia resource library can be used as component data of components.

[0146] For pictures, users can upload pictures to the enterprise platform of electronic devices. In order to facilitate the management of pictures in the picture library, you can add tags to the pictures when uploading them, and upload the pictures under the tags, so that the background can manage the pictures uniformly, thereby facilitating the uploading and replacement of pictures in editable pages.

[0147] For articles, different article categories can be created in advance, and they can be specifically classified according to the details of the article. For example, a certain article type can be a news center, and the subtypes under the news center can include company dynamics, media perspectives, etc. The type of article can be added, deleted, and edited. When a new article needs to be added, the user can enter the title of the article, and select the language of the article, the type it belongs to, the publishing event, the article cover, etc. The electronic device can respond to the user's operation and upload the article to the electronic device for the user to choose and use.

[0148] The above mainly introduces the solution provided by the embodiment of the present disclosure from the perspective of the method. In order to achieve the above functions, it includes hardware structures and / or software modules corresponding to the execution of each function. Those skilled in the art should easily realize that, in combination with the algorithm steps of each example described in the embodiment disclosed in this article, the present disclosure can be implemented in the form of hardware or a combination of hardware and computer software. Whether a function is executed in the form of hardware or computer software driving hardware depends on the specific application and design constraints of the technical solution. Professional and technical personnel can use different methods to implement the described functions for each specific application, but such implementation should not be considered to exceed the scope of the present disclosure.

[0149] like Figure 7 FIG. 1 is a schematic diagram of a structure of a page generating device 70 provided in an embodiment of the present disclosure. The page generating device 70 is used to execute Figure 2 The page generation method shown in the figure. The page generation device 70 may include a display unit 71, an acquisition unit 72 and a generation unit 73.

[0150] The display unit 71 is used to display the initial page in response to the operation of establishing a page, and the initial page includes: a header component, a bottom component and an area to be edited; in response to the operation of selecting a target component in the component library, the target component to be edited is displayed in the area to be edited.

[0151] The acquisition unit 72 is used to acquire component information in response to an editing operation on the target component to be edited displayed by the display unit 71; wherein the component information includes at least one of the following: attribute information and component data, the attribute information includes style information of the target component, and the component data includes data filled in the target component.

[0152] 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 .

[0153] The generating unit 73 is used to generate the edited target page.

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

[0155] The display unit 71 is specifically used to: in response to the operation of adding a new page under the target directory, display an initial page, where the initial page is a function page under the target directory.

[0156] Optionally, the acquisition unit 72 is further configured to acquire 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 following: a thumbnail of the target page, a page address, a page tag, and description information.

[0157] The display unit 71 is further configured to update and display the target page in response to an editing operation on the target page.

[0158] Optionally, the display unit 71 is specifically used to update the target component in the target page in response to an adjustment operation on the target component of the target page, where the adjustment operation includes at least one of the following: a copy operation, a delete operation, a move operation, and a hide operation.

[0159] Optionally, the original data of the target component is stored in a preset format, and the display unit 71 is specifically used to: monitor component information through the display of the electronic device, and transmit the monitored component information to the background processing module; modify the original data in the preset format according to the component information through the background processing module; and render the target page according to the modified original data.

[0160] Optional, such as Figure 8 As shown, the page generating device 70 may further include: a classification unit 74 .

[0161] The acquisition unit 72 is also used to acquire M components, where M is an integer greater than 1; and acquire the type and component data of each component in the M components, where the type includes at least one of the following: text component, image component, video component, graphic component, and table component.

[0162] The classification unit 74 is used to classify the M components according to the type and component data of each component acquired by the acquisition unit 72 using a pre-stored classification rule to obtain at least one component set.

[0163] 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.

[0164] Optionally, the classification unit 74 is specifically used to: determine components of the same type and similar component contents as a component set according to the classification rules.

[0165] Optionally, the classification unit 74 is specifically used to: if the type of the component is a picture component or a video component, then the components of the local address corresponding to the component data are determined as a component set, and the components of the network address corresponding to the component data are determined as a component set; if the type of the component is a text component, then the components with the same text style in the component data are determined as a component set; if the type of the component is a graphic component, then the components with the same graphic and text structure in the component data are determined as a component set.

[0166] Optionally, the initial page may also include: a fixed component area. Figure 8 As shown, the page generating device may further include: an updating unit 75;

[0167] 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 area, wherein the fixed component areas of multiple pages are the same;

[0168] The updating unit 75 is used to update the corresponding components in the fixed component area included in the multiple pages in response to the editing operation on the components in the fixed component area.

[0169] Optionally, the components in the fixed component area may include at least one of the following: a head component, a bottom component.

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

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

[0172] Of course, the page generating device 70 provided in the embodiment of the present disclosure includes but is not limited to the above modules.

[0173] In actual implementation, the display unit 71, the acquisition unit 72, the generation unit 73 and the classification unit 74 can be composed of Figure 1 The specific execution process can be referred to Figure 2 The description of the page generation method shown in the figure will not be repeated here.

[0174] Some embodiments of the present disclosure provide a computer-readable storage medium (e.g., a non-transitory computer-readable storage medium), which stores computer program instructions. When the computer program instructions are executed on a processor, the processor executes one or more steps of the page generation method described in any of the above embodiments.

[0175] Exemplarily, the above-mentioned computer-readable storage media may include, but are not limited to: magnetic storage devices (e.g., hard disks, floppy disks or magnetic tapes, etc.), optical disks (e.g., compact disks (CD), digital versatile disks (DVD), etc.), smart cards and flash memory devices (e.g., erasable programmable read-only memory (EPROM), cards, sticks or key drives, etc.). The various computer-readable storage media described in the present disclosure may represent one or more devices and / or other machine-readable storage media for storing information. The term "machine-readable storage medium" may include, but is not limited to, wireless channels and various other media capable of storing, containing and / or carrying instructions and / or data.

[0176] Some embodiments of the present disclosure further provide a computer program product, which includes computer program instructions, and when the computer program instructions are executed on a computer, the computer program instructions cause the computer to execute one or more steps in the page generation method described in the above embodiments.

[0177] Some embodiments of the present disclosure further provide a computer program. When the computer program is executed on a computer, the computer program enables the computer to execute one or more steps in the page generation method described in the above embodiments.

[0178] The beneficial effects of the above-mentioned computer-readable storage medium, computer program product and computer program are the same as the beneficial effects of the page generation method described in some of the above-mentioned embodiments, and will not be repeated here.

[0179] In the above embodiments, it can be implemented in whole or in part by software, hardware, firmware or any combination thereof. When implemented using a software program, it can 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. When the computer execution instruction is loaded and executed on the computer, the process or function according to the embodiment of the present disclosure is generated in whole or in part. The computer can be a general-purpose computer, a special-purpose computer, a computer network, or other programmable device. The computer instruction can be stored in a computer-readable storage medium, or transmitted from one computer-readable storage medium to another computer-readable storage medium. For example, the computer instruction can be transmitted from a website site, computer, server or data center by wired (e.g., coaxial cable, optical fiber, digital subscriber line (digital subscriber line, DSL)) or wireless (e.g., infrared, wireless, microwave, etc.) mode to another website site, computer, server or data center. The computer-readable storage medium can be any available medium that can be accessed by a computer or a data storage device such as a server, data center, etc. that contains one or more servers that can be integrated with the medium. The available medium may be a magnetic medium (eg, a floppy disk, a hard disk, a magnetic tape), an optical medium (eg, a DVD), or a semiconductor medium (eg, a solid state disk (SSD)).

[0180] The above is only a specific embodiment of the present disclosure, but the protection scope of the present disclosure is not limited thereto. Any changes or substitutions that can be thought of by any person skilled in the art within the technical scope disclosed in the present disclosure should be included in the protection scope of the present disclosure. Therefore, the protection scope of the present disclosure should be based on the protection scope of the claims.

Claims

1. A page generation method, applied to an electronic device, characterized in that: include: In response to the operation of creating a directory, displaying the name of the target directory; In response to an operation of adding a new page under the target directory, an initial page is displayed, the initial page is a functional page under the target directory, the initial page includes an area to be edited and a fixed component area, and the components in the fixed component area include at least one of the following: a header component and a bottom component; In response to an operation of selecting a target component in the component library, displaying the target component to be edited in the to-be-edited area; In response to an editing operation on the target component to be edited, component information is acquired, and the edited target component is displayed on the initial page according to the component information, so as to generate an edited target page; wherein the component information includes at least one of the following: attribute information and component data, wherein the attribute information includes style information of the target component, and the component data includes data filled in the target component; In response to the operation of establishing the fixed component area, constructing the fixed component areas of multiple pages, wherein the fixed component areas of the multiple pages are the same; In response to an editing operation on a component in the fixed component area, corresponding components in the fixed component area included in the plurality of pages are updated.

2. The page generation method according to claim 1, characterized in that: The page generation method further includes: In response to the setting operation of the target directory, the name of the target directory is displayed on the target page.

3. The page generation method according to claim 2, characterized in that: The page generation method further includes: In response to a confirmation operation on the target directory name displayed in the target page, names of a plurality of pages included in the target directory are displayed on the target page.

4. The page generation method according to claim 1, characterized in that: The page generation method further includes: In response to the editing operation on the target page, the page information of the target page is acquired, and the target page is updated and displayed, wherein the page information includes at least one of the following: a thumbnail of the target page, a page address, a page tag, and description information.

5. The page generation method according to claim 4, characterized in that: In response to the editing operation on the target page, updating and displaying the target page includes: In response to an adjustment operation on the target component of the target page, the target component in the target page is updated and displayed, wherein the adjustment operation includes at least one of the following: a copy operation, a delete operation, a move operation, and a hide operation.

6. The page generation method according to claim 1, characterized in that: 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 include: Monitoring the component information through the display of the electronic device, 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; The target page is rendered according to the modified original data.

7. The page generation method according to claim 1, characterized in that: Before generating the target page, the page generation method further includes: Get M components, where M is an integer greater than 1; Obtaining a type and component data of each component in the M components, wherein the type includes at least one of the following: a text component, a picture component, a video component, a graphic component, and a table component; According to the type and component data of each component, the M components are classified using a pre-stored classification rule to obtain at least one component set; According to each component set in the at least one component set, a target component corresponding to each component set is obtained and stored in the component library.

8. The page generation method according to claim 7, characterized in that: The M components are classified according to the type and component data of each component using a pre-stored classification rule to obtain at least one component set, including: According to the classification rule, components of the same type and similar component contents are determined as a component set.

9. The page generation method according to claim 8, characterized in that: The components of the same type and similar component contents are determined as a component set, including: If the type of the component is an image component or a video component, the components corresponding to the local address of the component data are determined as a component set, and the components corresponding to the network address of the component data are determined as a component set; If the component type is a text component, components with the same text style in the component data are determined as a component set; If the type of the component is a graphic component, components with the same graphic structure in the component data are determined as a component set.

10. A page generation device, applied to an electronic device, characterized in that: include: A display unit, configured to display an initial page in response to an operation of establishing a page, wherein the initial page includes 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 to-be-edited area; 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 includes at least one of the following: attribute information and component data, wherein the attribute information includes style information of the target component, and the component data includes data filled in the target component; The display unit is further configured to display the edited target component on the initial page according to the component information acquired by the acquisition unit; A generating unit, used for generating an edited target page; The display unit is further used to display the name of the target directory in response to the operation of creating the directory; The display unit is specifically configured to: in response to an operation of adding a new page under the target directory, display the initial page, where the initial page is a function page under the target directory; The initial page further includes: a fixed component area, and the page generation device further includes: an updating unit; The generating unit is further configured to construct the fixed component areas of multiple pages in response to the operation of establishing the fixed component area, wherein the fixed component areas of the multiple pages are the same; The updating unit is configured to update corresponding 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; The components in the fixed component area include at least one of the following: a head component and a bottom component.

11. The page generating device according to claim 10, characterized in that: The display unit is further configured to display the name of the target directory on the target page in response to a setting operation on the target directory.

12. The page generating device according to claim 11, characterized in that: The display unit is further configured to display the names of multiple pages included in the target directory on the target page in response to a confirmation operation on the target directory name displayed on the target page.

13. A page generating device, characterized in that: The page generating device comprises: a processor and a memory; the memory is used to store computer program code, and the computer program code comprises computer instructions; when the processor executes the computer instructions, the page generating device executes the page generating method as claimed in any one of claims 1 to 9.

14. A computer-readable storage medium, characterized in that: The method comprises computer instructions, which, when executed on a page generating device, enable the page generating device to execute the page generating method according to any one of claims 1 to 9.

Images