WO2023016264A1 - Page generation method and apparatus - Google Patents

Abstract

A page generation method and apparatus, which relate to the technical field of front-end engineering, and are used for solving the problems of the page development cost being relatively high and the page development efficiency being relatively low. The specific solution comprises: in response to an operation of establishing a page, a page generation apparatus displaying an initial page, wherein the initial page comprises a head component, a bottom component and an area to be edited; in response to an operation of selecting a target component from a component library, displaying, in the area to be edited, a target component to be edited; and in response to an editing operation on the target component to be edited, acquiring component information, displaying an edited target component in the initial page according to the component information, and generating an edited target page. The component information comprises at least one of the following: attribute information and component data, wherein the attribute information comprises style information of the target component, and the component data comprises data that is filled in the target component.

Description

A page generation method and device

This application claims priority to a Chinese patent application with application number 202110918687.7 filed on August 11, 2021, the entire contents of which are incorporated herein by reference.

technical field

The present disclosure relates to the technical field of front-end engineering, in particular to a method and device for generating a page.

Background technique

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.

Contents of the invention

In one aspect, a method for generating a page is provided, and the method is applied to an electronic device. The page generating method may include: the page generating device displays an initial page in response to the operation of creating the page, and 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 to be edited in the area to be edited A component; in response to an edit operation of the target component to be edited, obtain component information, display the edited target component on the initial page according to the component information, and generate an edited target page. 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.

The area to be edited refers to the area on the page for users to edit components. Users can add components in the area to be edited according to their own needs to build rich page content.

In this way, when a page is generated, the inherent header components, bottom components and areas to be edited can be displayed first, and then the components in the configured component library can be reused, and the edited components can be displayed in response to the user's editing operation on the components. 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.

Moreover, each component is connected in series by configuring the component library in advance to form a pluggable workflow, which can quickly respond to changes in component requirements and has a high degree of personalization.

In some embodiments, the page generating method may further include: the page generating device displays the name of the target directory in response to the operation of creating the directory. The above-mentioned displaying an initial page in response to the operation of creating a page may specifically include: the page generating device responding to the operation of adding a new page in the target directory, and displaying the initial page, where the initial page is a functional page in the target directory.

In some embodiments, the initial page may further include: a fixed component area. The page generating method may further include: the page generating means constructing the fixed component areas of the plurality of pages in response to the operation of establishing the fixed component areas. Wherein, the fixed component areas of multiple pages are the same. The page generating means updates 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.

In an embodiment, the above multiple pages may be multiple pages in the website. In an embodiment, the plurality of pages may be all pages in the website, and in this case, all pages include the above-mentioned target page. In an embodiment, the multiple pages may be some pages in a pre-configured website, and may be pre-configured according to scenario requirements.

In an embodiment, the components in the fixed component area edited by the user may be components in any page in the application program. In an embodiment, the components in the fixed component area edited by the user may be components in the head page or the bottom page.

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

In some embodiments, the components in the fixed component area may include at least one of the following: a head component, a bottom component. The header component refers to the top part of the page, usually including titles, icons, etc. Bottom components are located at the bottom of the page and can usually include QR codes, addresses, etc.

In some embodiments, the page generating method may further include: the page generating 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 confirms 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, it is realized that the content on the page changes accordingly according to the settings.

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

In an 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 an embodiment, the above multiple pages may be some pages included in the target directory, and may be pre-configured according to actual scene requirements. Exemplarily, the plurality of pages may be already online pages under the target directory. Alternatively, the plurality of pages may be pages whose names can be displayed after the navigation function has been selected under the target directory. Alternatively, the plurality of pages may be pre-configured pages. The embodiment of the present disclosure does not limit multiple pages here.

In some embodiments, the page generating method may further include: the page generating device acquires page information of the target page in response to an 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 label, and description information.

In this way, the editability of the target page is realized, and the flexibility of page editing is improved. When the requirements of the page change, editing the page can quickly respond to the change of requirements, greatly reducing labor costs and improving development efficiency.

In some embodiments, the above-mentioned updating and displaying the target page in response to the editing operation on the target page may specifically include: the page generation device responds to an adjustment operation on the target component of the target page, updating and displaying the target component in the target page, adjusting The operation includes at least one of the following: a copy operation, a delete operation, a move operation, and a hide operation.

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 listens to the component through the display of the electronic device Information, and transmit the monitored component information to the background processing module; through the background processing module, modify the original data in the preset format according to the component information; render the target page according to the modified original data.

In some embodiments, before generating the target page, the page generation method may further include: the page generation device 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, use the pre-stored classification rules to classify M components to obtain at least one component set; For 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.

In this way, because some components in the same application have a higher degree of reuse, by classifying the developed components in the application, and storing each type of component in the component library, for users to choose and use . That is to say, the components included in the component library are shared components extracted from existing components, rather than randomly obtained, which is conducive to the rapid output of subsequent pages and reduces the number of components that users do not want to use in the component library. possibility. Moreover, the existing component classification and extraction process can be carried out periodically to ensure the scalability of the component library.

In some embodiments, 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. Specifically, it may include: the page generation device classifies the same type, Components with similar content are identified as a set of components.

In some embodiments, the aforementioned determination of components of the same type and similar component content as a set of components may specifically include: if the type of the component is a picture component or a video component, then determining the component whose component data corresponds to a local address as a component Set, the component data corresponding to the network address is determined as a component set; if the component type is a text component, then the components with the same text style in the component data are determined as a component set; if the component type is a graphic component, Then, the components with the same graphic and text structure in the component data are determined as a set of components.

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, use the pre-stored classification rules to classify M components to obtain at least one component set; For 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.

In another aspect, a page generating device is provided, and the page generating device is located in an electronic device. The page generation device includes: a display unit, configured to display an initial page in response to an operation of creating a page, and the initial page includes an area to be edited; in response to an operation of selecting a target component in the component library, display the to-be-edited area in the area to be edited A target component; 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, component data, and the attribute information includes the target component The style information, the component data includes the 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; the generation unit is used to generate the edited target page.

In some embodiments, the display unit is further configured to display the name of the target directory in response to the operation of creating the directory. The display unit is specifically configured to: display an initial page in response to an operation of adding a new page under the target directory, where the initial page is a functional page under the target directory.

In some embodiments, the initial page may further include: a fixed component area, and the page generating apparatus may further include: 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 areas, and the fixed component areas of the multiple pages are the same. An updating unit, 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.

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

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.

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

In some embodiments, the obtaining unit is further configured to obtain page information of the target page in response to an editing operation on the target page; the page information includes at least one of the following: a thumbnail of the target page, a page address, a page label, and description information ; The display unit is further configured to update and display the target page in response to an editing operation on the target page.

In some embodiments, the display unit is specifically configured to: update and display 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: copy operation, delete operation, move operation , Hide operation.

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

In some embodiments, the page generation device further includes: a classification unit. The obtaining unit is also used to obtain M components, where M is an integer greater than 1; obtain 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 text Components, table components. The classification unit is configured to classify the M components by using pre-stored classification rules according to the type and component data of each component acquired by the acquisition unit, to obtain at least one component set. The generating unit is further configured to obtain, according to each component set in at least one component set, the target component corresponding to each component set and store it in the component library.

In some embodiments, the display unit is specifically configured to: update and display 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: copy operation, delete operation, move operation , Hide operation.

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

In some embodiments, the classification unit is specifically configured to: if the type of the component is a picture component or a video component, then determine the component whose component data corresponds to the local address as a component set, and determine the component whose component data corresponds to the network address as a component Component collection; if the type of the component is a text component, then determine the components with the same text style in the component data as a component collection; if the type of the component is a graphic component, then determine the components with the same graphic structure in the component data as A collection of components.

In yet 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 according to any of the above embodiments.

In yet another aspect, a computer readable storage medium is provided. The computer-readable storage medium stores computer program instructions. When the computer program instructions run on the page generation device, the page generation device executes one or more steps in the page generation method according to any of the above embodiments.

In yet another aspect, a computer program product is provided. The computer program product includes computer program instructions, and when the computer program instructions are executed on the page generation device, the computer program instructions cause the page generation device to perform one or more steps in the page generation method of any of the above embodiments .

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

For specific descriptions of the third aspect to the sixth aspect and various implementations thereof in the present disclosure, reference may be made to the detailed descriptions in the first aspect and various implementations thereof. In addition, for the beneficial effects of the third aspect to the sixth aspect and various implementations thereof, reference may be made to the analysis of the beneficial effects in the first aspect and various implementations thereof, and details are not repeated here.

Description of drawings

In order to illustrate the technical solutions in the present disclosure more clearly, the following will briefly introduce the accompanying drawings used in some embodiments of the present disclosure. Apparently, the accompanying drawings in the following description are only appendices to some embodiments of the present disclosure. Figures, for those of ordinary skill in the art, other drawings can also be obtained based on these drawings. In addition, the drawings in the following description 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 signals, and the like.

Fig. 1 is a structural diagram of a page generation device according to some embodiments;

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

Figure 3 is a structural diagram of page composition of an application program according to some embodiments;

Figure 4A is a schematic diagram of a schema edit page according to some embodiments;

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

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

Fig. 4D is a schematic diagram of setting a new directory according to some embodiments;

Figure 4E is a schematic diagram of configuration controls for a catalog, according to some embodiments;

Figure 4F is a schematic diagram of a configuration control of a page according to some embodiments;

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

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

Fig. 5C is a schematic diagram of setting attribute information and component data according to some embodiments;

Fig. 5D is a schematic diagram of setting an outer frame of a component according to some embodiments;

Fig. 5E is a schematic diagram of editing a target page according to some embodiments;

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

Fig. 7 is one of compositional diagrams of a page generation device according to some embodiments;

Fig. 8 is the second composition diagram of a page generation device according to some embodiments.

Detailed ways

The technical solutions in some embodiments of the present disclosure will be clearly and completely described below in conjunction with the accompanying drawings. Apparently, the described embodiments are only some of the embodiments of the present disclosure, not all of them. All other embodiments obtained by persons of ordinary skill in the art based on the embodiments provided in the present disclosure belong to the protection scope of the present disclosure.

Throughout the specification and claims, unless the context requires otherwise, the term "comprise" and other forms such as the third person singular "comprises" and the present participle "comprising" are used Interpreted as the meaning of openness and inclusion, that is, "including, but not limited to". In the description of the specification, the terms "one embodiment", "some embodiments", "exemplary embodiments", "example", "specific examples" example)" or "some examples (some examples)" etc. are intended to indicate that specific features, structures, materials or characteristics related to the embodiment or examples are included in at least one embodiment or example of the present disclosure. Schematic representations of the above terms are not necessarily referring to the same embodiment or example. Furthermore, the particular features, structures, materials or characteristics described may be included in any suitable manner in any one or more embodiments or examples.

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

"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, A and B A combination of A and C, a combination of B and C, and a combination of A, B and C.

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

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

The use of "suitable for" or "configured to" herein means open and inclusive language that does not exclude devices that are suitable for or configured to perform additional tasks or steps.

In addition, the use of "based on" or "according to" is meant to be open and inclusive, as a 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 condition or exceed the stated value.

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

In order to solve the problems of high development cost and low development efficiency of a page, an embodiment of the present disclosure provides a method for generating a page. In response to the operation of creating a page in the application program, the electronic device displays an initial page, where the initial page includes a head component, a bottom component and an area to be edited. The electronic device responds to the operation of selecting the target component in the component library, displays the target component to be edited in the area to be edited, and responds to the edit operation of the target component to be edited, obtains component information, according to the component information in the initial The page displays the edited target component, and generates the edited target page. Wherein, the component information includes at least one of the following attribute information and 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.

In this way, when a page is generated, the inherent header components, bottom components and areas to be edited can be displayed first, and then the components in the configured component library can be reused, and the edited components can be displayed in response to the user's editing operation on the components. 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.

Moreover, each component is connected in series by configuring the component library in advance to form a pluggable workflow, which can quickly respond to changes in component requirements and has a high degree of personalization.

FIG. 1 is a schematic composition diagram of a page generation device provided by an embodiment of the present disclosure. As shown in FIG. 1 , the apparatus for generating a page may include: at least one processor 11 , a memory 12 , a communication interface 13 and a communication bus 14 .

Wherein, the processor 11 is the control center of the page generation device, which may be a central processing unit (central processing unit, CPU), a micro-processing unit, a general-purpose processor, or one or more programs used to control the execution of the embodiment of the present disclosure. integrated circuits. Wherein, the general-purpose processor may be a microprocessor or any conventional processor.

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

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

In some embodiments, the memory 12 may exist independently and be connected to the processor 11 through the communication bus 14 for storing instructions or program codes. In some embodiments, the memory 12 can also be integrated with the processor 11 .

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 software programs stored in the memory 12 and calling data stored in the memory 12 .

The communication interface 13 uses any device such as a transceiver for communicating with other devices or communication networks, such as radio access network (radio access network, RAN), wireless local area networks (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.

Communication bus 14 may include a path for communicating information between the components described above. The communication bus 14 may be an industry standard architecture (industry standard architecture, ISA) bus, a peripheral component interconnect (PCI) bus, or an extended industry standard architecture (extended industry standard architecture, EISA) bus, etc. The bus can be divided into address bus, data bus, control bus and so on. For ease of representation, only one thick line is used in FIG. 1 , but it does not mean that there is only one bus or one type of bus.

It should be noted that the structure shown in FIG. 1 does not constitute a limitation to the page generation device. In addition to the components shown in FIG. certain components, or a different arrangement of components.

The page generation method provided by the embodiment of the present disclosure is executed by a page generation device. The page generation device may be an electronic device, or a CPU in the electronic device, a control module in the electronic device for generating pages, or a client in the electronic device for generating pages. In the embodiment of the present disclosure, the method for generating a page provided by the present disclosure is described by taking an electronic device executing the method for generating a page as an example.

In some embodiments, the electronic device may be a terminal device. Terminal equipment can be mobile terminal equipment, such as mobile phones (or called "cellular" phones) and computers with mobile terminal equipment, and can also be portable, pocket, hand-held, computer built-in or vehicle-mounted mobile devices, which are compatible with Radio access network (RAN) nodes exchange language and/or data. For example, the terminal device may be: a mobile phone (mobile phone), a tablet computer, a notebook computer, a handheld computer, a mobile internet device (mobile internet device, MID), a wearable device, a virtual reality (virtual reality, VR) device, an augmented reality ( Augmented reality (AR) equipment, wireless terminal equipment in industrial control, wireless terminal equipment in self driving, wireless terminal equipment in remote medical surgery, smart grid Wireless terminal equipment in transportation safety, wireless terminal equipment in smart city, wireless terminal equipment in smart home, etc.

Based on the introduction of the structure of the above-mentioned page generating apparatus, the embodiment of the present disclosure provides a method for generating a page. As shown in FIG. 2 , the method for generating a page may include the following steps 201 - 203 .

201. The electronic device displays an initial page in response to an operation of creating a page.

In the application program, the elements included in the page can be relatively fixed. For example, each page can include a fixed component area and an area to be edited, and the components in the fixed component area can include at least one of the following: head component, bottom components. Therefore, it is possible to pre-configure the application's header component, bottom component and area to be edited. And the configured head component and bottom component can be updated in response to the user's operation. Wherein, the fixed component area may include a fixed component, and the position of the fixed component area may be pre-configured in the electronic device. Although the position of the fixed component area is pre-configured, the header component in the fixed component area refers to the top part of the page, usually including titles, icons, etc. Bottom components are located at the bottom of the page and can usually include QR codes, addresses, etc. The area to be edited refers to other location areas in the page except the fixed component area, which is used for the user to edit the component area. Users can add components in the area to be edited according to their own needs to build rich page content. The above-mentioned bottom component may specifically be a bottom link block component.

It can be understood that the foregoing application programs may be applications, webpages, platforms, systems, etc. on the electronic device, which are not limited in this embodiment of the present disclosure. Based on the application program, the electronic device can generate and operate pages in the website corresponding to the application program.

In addition, in the embodiment of the present disclosure, the area to be edited included in the above page may be one area, or may include 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. In the embodiment of the present disclosure, the number of areas to be edited and the number of components displayed in one area are not limited.

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 newly added component by the user Usually added at preset positions. For example, the preset position may be the bottom of the area to be edited. When the user adds a first component in the area to be edited, the electronic device may add the first component to a bottom position in the area to be edited in response to the user's adding operation. When the user adds a second component in the area to be edited, the electronic device may add the second component below the first component in the area to be edited in response to the adding operation of the user, that is, at this time, the second component The two components are displayed at the bottom 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 may adjust the position of the components in the area to be edited according to the user's movement operation on the components in the area to be edited on the target page. Moreover, the electronic device may adjust the size of the component in response to the user's editing of the attribute information of the component, such as the length and height of the component. In the embodiment of the present disclosure, the preset position is taken as the bottom position as an example for illustration, 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 can also be displayed in other ways.

Optionally, in some embodiments, FIG. 3 is a schematic structural diagram of page composition of an application program. As shown in FIG. 3 , an application program may include multiple directories, each directory may include multiple pages, and each page may include multiple components. Wherein, the multiple pages included in each directory in the application program may be pages with different functions under the directory. For example, assuming that a directory is an enterprise business, the pages under the enterprise business directory can be the pages of different businesses within the enterprise. Of course, the application program can also include some special pages that do not belong to any directory and are convenient for users to operate. For example, the application program may include: a home page, a head page, a bottom page, and the like. Wherein, the home page may be a pre-set default page, or a user may set a certain 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 accordingly. Or, after the user edits the pages under the directory set as the home page, the corresponding home page will also be updated accordingly. The head page only includes the head component, and when the user edits the head component in the head page, the head components of all pages in the application are updated accordingly. Alternatively, when the user edits the header on any other page, all headers in the application are updated accordingly. Only the bottom component is included in the bottom page, and when the user edits the bottom component in the bottom page, the bottom components of all pages in the application will be updated accordingly. Or, when the user makes edits to the bottom component in any other page, all bottom components in the application update accordingly.

Further, in the above application program, one directory may also include multiple subdirectories, and each subdirectory may include multiple pages. A page can also include multiple subpages. The embodiment of the present disclosure does not limit the page composition structure of the application program.

It can be understood that, based on the page composition architecture of the application program introduced in FIG. 3 above, all the above-mentioned directories, sub-directories, pages, sub-pages, and components constitute the pages included in the website.

Based on the page composition structure in FIG. 3 , in the embodiment of the present disclosure, there are the following implementations for the electronic device to create a page in an application program. The first implementation is to create pages of the application that do not belong to the directory. In a specific implementation, when the user creates a new page in the framework of the application program, the electronic device may display the initial page in response to the user's operation of creating the page. The second implementation is to add a directory in the application program, and add a page under the newly added directory. In a specific implementation, when the user creates a new directory in the framework of the application program, the electronic device may display the name of the new directory in response to the operation of the user to create the directory, and display the name of the new directory in response to the operation of the user to create a page under the new directory. initial page. The third implementation is to add a new page under the existing directory of the application. In a specific implementation, the electronic device may directly respond to the user's operation of creating a page under a certain directory, and display the initial page under the directory. The fourth implementation is to add a subpage under the existing page of the application program.

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

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

It can be understood that, in the embodiment of the present disclosure, the above multiple pages may be multiple pages in the website. In an embodiment, the plurality of pages may be all pages in the website, and in this case, all pages include the above-mentioned target page. In an embodiment, the multiple pages may be some pages in a pre-configured website, and may be pre-configured according to scenario requirements. Exemplarily, the plurality of pages may be already online pages in the website. Embodiments of the present disclosure are not limited here.

Exemplarily, the electronic device may update the header components 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.

It can be understood that, in an embodiment, the components in the fixed component area edited by the user may be components in any page in the application program. In an embodiment, the components in the fixed component area edited by the user may be components in the head page or the bottom page.

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

Optionally, in this embodiment of the present disclosure, the method for generating a page may further include: the electronic device may display the name of the target directory on the target page in response to a 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 of the navigation function. In this way, when the user confirms 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.

It can be understood that, in the embodiment of the present disclosure, in an embodiment, the above-mentioned multiple pages may be all pages included in the target directory, and in this case, all the pages include the above-mentioned target page. In an embodiment, the above multiple pages may be some pages included in the target directory, and may be pre-configured according to actual scene requirements. Exemplarily, the plurality of pages may be already online pages under the target directory. Alternatively, the plurality of pages may be pages whose names can be displayed after the navigation function has been selected under the target directory. Alternatively, the plurality of pages may be pre-configured pages. Embodiments of the present disclosure do not limit multiple pages here.

Optionally, in this embodiment of the present disclosure, the method for generating a page may further include: the electronic device may respond to the user's operation of determining the name of the target directory displayed on the target page, displaying on the target page the multiple The name of the page.

It can be understood that, in the embodiment of the present disclosure, the electronic device may display the names of multiple pages included in the target directory on the target page by displaying a pull-down menu or by displaying a pop-up box. The embodiment of the present disclosure does not limit the display manner of displaying the names of multiple pages included in the target directory. In addition, the names of multiple pages included in the target directory refer to the second-level menu, third-level menu, etc. under the target directory.

Exemplarily, FIG. 4A is a schematic diagram of a structure editing page in an enterprise platform of electronic equipment. As shown in FIG. 4A , the schema editing page includes four parts.

Part 1 is the operation area, and the operation area includes four controls, which are preview control, view data control, save control, and exit control. Wherein, the electronic device may provide multiple preview modes, such as tablet mode preview, mobile phone mode preview, computer mode preview, etc., in response to the user's click operation on the preview control. The electronic device may also display component data of the current page in response to the user's click operation on the view data control. The electronic device may also save the data of the current page in response to the user's click operation on the save control. The electronic device may also end the display of the current page and jump to the upper level page in response to the user's click operation on the exit control.

Part 2 is the navigation bar control, which may include website architecture controls and add component controls. Wherein, the electronic device may display the page structure of the application program in response to the user's click operation on the website structure control, for example, the categories and special pages included in the current application program, and the pages included in each category. The electronic device may also respond to the user's click operation on the add component control, display the types of components included in the component library for the user to select, and add the selected component to the area to be edited on the target page.

It can be understood that, in the embodiment of the present disclosure, the electronic device may respond to the user's operation on the navigation bar control, that is, the website architecture control or the component addition control, to execute creating a target directory, display the name of the target directory, and construct multiple The fixed component area of the page, update the corresponding components in the fixed component area included in multiple pages, display the name of the target directory on the target page, and display the initial page including the fixed component area and the area to be edited.

Part 3 is the page to be edited. When you first enter the structure editing page, the 3rd part usually displays the home page. The home page may be a pre-set default page, or a user may set a certain page under a certain directory as the home page. When the user reselects a new page as the home page, the electronic device may update the content of the home page accordingly according to the user's selection operation.

Part 4 is the controls corresponding to editable operations, which may specifically include page editing controls and component editing controls. The page editing control is used to edit the page information of the target page and edit the components included in the page. The component editing control is used to edit the component data and attribute information of each component included in the target page.

The electronic device may display the website architecture page on the architecture editing page in response to the user's click operation on the two-part website architecture control, as shown in FIG. 4B . In FIG. 4B , the enterprise platform may include special pages: home page, head page, bottom page, and project consultation page, and may also include directories: enterprise business, personal business, other pages, and other directories. 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. And there are several functional controls on the right side of the website structure words, such as new page control, new directory control and navigation control.

When the user clicks the new page control on the right side of the network structure, the electronic device may pop up a pop-up box in response to the user's click operation for the user to set the name of the new page, as shown in FIG. 4C . After the page name is set, the electronic device can display the initial page in the three parts of the structure editing page, and display the edited page name in the website structure.

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

When the user clicks the navigation control on the right side of the network architecture, the electronic device can respond to the user's click operation and display the drop-down menu of the navigation control. The drop-down menu includes the display methods of the components of the website architecture, such as displaying all and displaying the online part wait. When the user selects to display all, the electronic device may display all menus in the application program under the website framework in response to the user's operation.

When the user clicks the configuration control on the right side of the enterprise business directory, the electronic device can pop up a bullet box in response to the user's click operation, which includes: add page control, add subdirectory control, rename control, copy Controls, delete controls, and display controls in the navigation bar, as shown in FIG. 4E. When the user clicks 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 three parts of the structure editing page. In addition, the new subdirectory control is used to add subdirectories 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 realize For the deletion of the enterprise business directory, when the display control in the navigation bar is selected, the name of the directory can be displayed on the right target page.

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

It should be noted that, in the embodiment of the present disclosure, when the user clicks the expand button on the left side of the enterprise business in FIG. 4E , the electronic device may display all menus under the enterprise business catalog in response to the click operation of the user. At this time, all the menus under the enterprise business directory on 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 of the website structure corresponds to a certain page in all menus under the enterprise business directory on the target page.

When the user clicks the configuration control on the right side of the home page, the electronic device can pop up a pop-up box in response to the user's click operation. The pop-up box includes: new sub-page control, rename control, copy control, delete control, navigation The control displayed in the column is set as the home page control, as shown in Figure 4F. When the user clicks on the added subpage, the electronic device may respond to the user's operation to add a new subpage under the home page, and display the initial page in the three parts of the structure editing page. In addition, when the control is set to the home page is selected, the current page can be used as the home page. For specific introductions about other controls, reference may be made to related introductions in the foregoing embodiments, and details are not repeated here.

It should be noted that, in the embodiment of the present disclosure, the above-mentioned architecture editing page in FIG. 4A may be entered by jumping from the website design page. On the website design page, there are Chinese version controls and English version controls displayed. When the user selects the Chinese version of the control, the electronic device can jump to the page in 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.

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

After displaying the initial page, the electronic device may display the target component to be edited in the area to be edited in response to the user's operation of selecting the target component in the component library.

Exemplarily, referring to the above-mentioned FIG. 4A , the electronic device may display a component library page containing multiple component types on the architecture editing page in response to the user's click operation on the 2-part add component control, as shown in FIG. 5A . In FIG. 5A , the component types in the component library may include: graphic type, text type, picture type, table type, block-level type, title type and so on. Among them, the picture-text type component refers to a component including pictures and texts. A text type component refers to a component including only text. A table type component refers to a component including a table. For block-level components, when a user selects a certain block-level component, the electronic device may display a thumbnail image and introduction information of the component.

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

203. The electronic device acquires component information in response to an editing operation of 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.

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 obtain component information in response to the user's editing operation on the target component to be edited, and display it on the initial page according to the component information The edited target component finally generates the edited target page. The component information may include 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.

It can be understood that the editing operation on the target component may include operations on attribute information and component data of the target component. The operation on the property information of the target component may include: 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 of text or pictures or tables filled in components. The adjustment of the size of the target component can be realized through the operation of the length and width in the above attribute information.

Exemplarily, with reference to the above-mentioned FIG. 5B , 503 is a table component. As shown in FIG. 5C , the property information of the component 503 and the detailed setting information of the component data are displayed on the right side of the initial page. As shown in FIG. 5C , the attribute information of the component 503 may include settings such as title, outer border, and clear style. The detailed setting information of the component data may include a title and the like of each component data. When the user clicks on the outer border on the right, a pop-up box may pop up, as shown in FIG. 5D , which is detailed setting information of the outer border displayed in the pop-up box. As shown in FIG. 5D , the detailed setting information of the outer border may include: setting of margin, spacing, background, color, and the like.

It should be noted that, in the embodiment of the present disclosure, the component data may include multi-layer data. Users can further edit the data of a certain component to provide more detailed data of the component.

In addition, in the embodiment of the present disclosure, a link may be added in the enterprise platform of the electronic device. The link can be internal or external. Internal link refers to the address that can link to the enterprise platform. External links refer to addresses that can link to other web pages.

In addition, the components included in the component library in the embodiments of the present disclosure can be edited. Specifically, for a component including a picture, when the picture component is selected as the target component on 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 to be modified can be clicked, and the selected picture can be deleted or replaced. When a picture needs to be replaced, there are two ways to select a new picture. The first is to upload pictures by local selection, and the second is to select pictures in the network library for replacement. For the text component, when the text component is selected as the target component on the initial page, the user can edit the text component in the component editing bar on the right side of the target page. Specifically, you can first select the text component, then enter the text to be modified in the component data of the text component, and finally click the save button to take effect. For components containing links and pictures, you can select the picture to be modified in the component editing bar on the right side of the target page, and select the link corresponding to the picture. At this time, the electronic device may display a link pop-up box. When an external link is input in the link pop-up box, the electronic device may select a page corresponding to the external link to replace the page corresponding to the original link.

The page generation method provided by the embodiment of the present disclosure, when generating a page, can first display the inherent head component, bottom component and area to be edited of the page, and then reuse the components in the configured component library to respond to the user's editing of the components Action, 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.

Moreover, each component is connected in series by configuring the component library in advance to form a pluggable workflow, which can quickly respond to changes in component requirements and has a high degree of personalization.

Optionally, in this embodiment of the present disclosure, the electronic device may also acquire page information of the target page in response to an editing operation on the target page, and update and display the target page. Wherein, the page information may include at least one of the following: a thumbnail of the target page, a page address, a page label, and description information. Thumbnails can be used to upload or modify pictures on the target page, page addresses are used to indicate the address of the target page, page tags are used to indicate the style of the target page, and description information includes descriptive text of the target page.

In this way, the editability of the target page is realized, and the flexibility of page editing is improved. When the requirements of the page change, editing the page can quickly respond to the change of requirements, greatly reducing labor costs and improving development efficiency.

It can be understood that the above operations on the target page may include: copying, moving, displaying, hiding, replacing, inserting, dragging, and so on of the target component on the target page. Among them, the move operation may include: move up operation (move the target component before the previous component), move down operation (move the target component behind the next component), move left, move right, drag operation (response due to the user's drag operation on the target component to move the position of the target component), etc. Insert operation refers to inserting a new component before or after the target component. The drag operation means that the user adjusts the size of the area occupied by the target component by manipulating the frame of the target component. The movement of the position of the target component can be realized through the above-mentioned movement operation.

Exemplarily, FIG. 5E is a schematic diagram of an editing scene of a target page. As shown in Figure 5E, after the user selects the page editing control on the upper right, the electronic device can display the specific editing information of the target page on the right side of the target page, specifically including: uploading of thumbnails of pictures in the target page, page labels selection, page address editing, and operations on existing components in the target page, specifically 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 upper component of the selected component. When the user selects a move down operation, the electronic device may move the currently selected component to a component below the selected component. When the user selects a delete operation, the electronic device can delete the currently selected component. When the user selects a copy operation, the electronic device can copy the currently selected components, and place the copied components at the bottom of the area to be edited.

Optionally, in this embodiment of the present disclosure, the above-mentioned electronic device obtains the component information, and the specific process of displaying the edited target component on the target page according to the component information may be as follows: the electronic device pre-configures an editable component, and the component's The original data is stored in a preset format, for example, in json format. Then, when the user operates the component, the electronic device can detect the user's behavior in real time through the display, obtain component information, and transmit the component information to the background processing module, that is, to the java module in the background. After the background processing module obtains the component information, it 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 invoke the modified data of the components of the target page to render the target page, thereby implementing the electronic device to update the page according to the user's editing operation.

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.

Optionally, in the embodiment of the present disclosure, the component library involved in the above step 202 may be pre-acquired in the application program with similar components, and stored in the electronic device. In this case, the page generation method provided by the embodiment of the present disclosure may further include: the electronic device may obtain the existing M components of the application program, where M is an integer greater than 1, and obtain the information of each component in the M components. Type and component data, according to the type and component data of each component, the M components are classified by using the 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. Wherein, the type includes at least one of the following: text component, picture component, video component, graphic component, table component, etc.

In this way, because some components in the same application have a higher degree of reuse, by classifying the developed components in the application, and storing each type of component in the component library, for users to choose and use . That is to say, the components included in the component library are shared components extracted from existing components, rather than randomly obtained, which is conducive to the rapid output of subsequent pages and reduces the number of components that users do not want to use in the component library. possibility. Moreover, the existing component classification and extraction process can be carried out periodically to ensure the scalability of the component library.

Optionally, in this embodiment of the present disclosure, the above-mentioned electronic device classifies the M components according to the type and component data of each component, and uses a pre-stored classification rule to obtain at least one component set, which may specifically include: the electronic device classifies according to Rules to determine components of the same type and similar component content as a set of components. It should be noted that, in the embodiments of the present disclosure, the above classification rules are obtained in advance according to experiments and stored in the electronic device, and the embodiments of the present disclosure do not limit the classification rules here.

Optionally, in the embodiment of the present disclosure, the above-mentioned electronic device determines components of the same type and similar component content as a set of components, which may specifically include: if the type of the component is a picture component or a video component, the electronic device may determine the components The component whose data corresponds to the local address is determined as a component set, and the component whose data corresponds to the network address is determined as a component set. If the type of the component is a text component, the electronic device can determine the components with the same text style in the component data as a set of components. The same text style can be that the text format is centered or left-aligned, or the text includes dynamic text, etc. . If the type of the component is a graphic-text component, the electronic device may determine components with the same graphic-text structure in the component data as a component set, and the same graphic-text 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 components with the same table format as a set of components.

It can be understood that there are various types of components, and the above is just an example of how to divide the component sets, so that each component set can obtain a component of this type. Certainly, other classification manners may also be used to divide the components, which are not limited in this embodiment of the present disclosure.

Exemplarily, it is assumed that M components come from the page in FIG. 6 . As can be seen from Figure 6, the page includes three components, ie M is 3. These three components are all text components, which are displayed at different positions on the page, and each text component contains different component data. Therefore, a collection of text components can be obtained according to these three components. Moreover, it can be seen from FIG. 6 that the font size, spacing, margin, and line height of the three text components are all different, so these attribute information can be used as the attribute information of the target text component corresponding to the text component set.

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

It should be noted that, in the embodiment of the present disclosure, the multimedia resource library may be preconfigured, and of course, the multimedia resource library may also be updated in real time. The multimedia resource library is used to store pictures, articles, videos, audios, etc. required for generating pages. The multimedia resources stored in the multimedia resource library can be used for the component data of the component.

For pictures, users can upload pictures to the enterprise platform of the electronic device. In order to facilitate the management of pictures in the picture library, you can add a label to the picture when uploading the picture, and upload the picture to this label, so as to facilitate the unified management of pictures in the background, so as to facilitate the upload and replacement of pictures in editable pages.

For articles, different article classifications can be created in advance, which can be specifically classified according to the details of the articles. For example, an article type can be News Center, and subtypes under News Center can include company news, media perspectives, and so on. Article types can be added, deleted, and edited. When it is necessary to add an article, the user can input the title of the article, and select the language of the article, the type of the article, the release event, the cover of the article, etc., and the electronic device can respond to the user's operation and upload the article to the electronic device for the user to choose use.

The foregoing mainly introduces the solutions provided by the embodiments of the present disclosure from the perspective of methods. In order to realize the above functions, it includes corresponding hardware structures and/or software modules for performing various functions. Those skilled in the art should easily realize that, in combination with the algorithm steps of the examples described in the embodiments disclosed herein, the present disclosure can be implemented in the form of hardware or a combination of hardware and computer software. Whether a certain function is executed by hardware or computer software drives hardware depends on the specific application and design constraints of the technical solution. Skilled artisans may implement the described functionality using different methods for each particular application, but such implementation should not be considered beyond the scope of the present disclosure.

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

The display unit 71 is used to display the initial page in response to the operation of setting up the page. The initial page includes: a head component, a bottom component and an area to be edited; in response to the operation of selecting a target component in the component library, display in the area to be edited The target component to be edited.

The acquisition unit 72 is configured 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, component data, and the attribute information includes the style of the target component Information, component data includes the data populated in the target component.

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

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

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

The display unit 71 is specifically configured to: display an initial page in response to an operation of adding a new page under the target directory, where the initial page is a functional page under the target directory.

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

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

Optionally, the display unit 71 is specifically configured to: update and display the target component in the target page in response to an adjustment operation on the target component of the target page. The adjustment operation includes at least one of the following: copy operation, delete operation, move operation, Hide actions.

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

Optionally, as shown in FIG. 8 , the page generation device 70 may further include: a classification unit 74 .

The acquisition unit 72 is also 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, and the type includes at least one of the following: a text component, a picture component, a video component, a graph Text component, table component.

The classification unit 74 is configured to classify the M components by using pre-stored classification rules according to the type and component data of each component acquired by the acquisition unit 72 to obtain at least one component set.

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

Optionally, the classification unit 74 is specifically configured to: determine components of the same type and similar component content as a component set according to the classification rules.

Optionally, the classification unit 74 is specifically configured to: if the type of the component is a picture component or a video component, then determine the component whose component data corresponds to the local address as a component set, and determine the component whose component data corresponds to the network address as a component Set; if the type of the component is a text component, determine the components with the same text style in the component data as a set of components; if the type of the component is a graphic component, determine the components with the same graphic structure in the component data as a component A collection of components.

Optionally, the initial page may further include: a fixed component area. As shown in FIG. 8 , the page generating device may further include: an updating unit 75 .

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

The updating unit 75 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.

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

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.

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

Certainly, the page generating device 70 provided in the embodiment of the present disclosure includes but is not limited to the above modules.

In actual implementation, the display unit 71 , the acquisition unit 72 , the generation unit 73 and the classification unit 74 can be implemented by the processor of the page generation device shown in FIG. 1 . For the specific execution process, please refer to the description of the page generation method shown in FIG. 2 , which will not be repeated here.

Some embodiments of the present disclosure provide a computer-readable storage medium (for example, a non-transitory computer-readable storage medium), where computer program instructions are stored in the computer-readable storage medium, and when the computer program instructions are run on a processor , so that the processor executes one or more steps in the method for generating a page as described in any one of the above embodiments.

Exemplarily, the above-mentioned computer-readable storage medium may include, but is not limited to: magnetic storage devices (such as hard disks, floppy disks, or tapes, etc.), optical disks (such as compact disks (Compact Disk, CD), digital versatile disks (Digital Versatile Disk, DVD), etc.), smart cards and flash memory devices (for example, Erasable Programmable Read-Only Memory (EPROM), card, stick or key drive, etc.). Various computer-readable storage media described in this disclosure can represent one or more devices and/or other machine-readable storage media for storing information. The term "machine-readable storage medium" may include, but is not limited to, wireless channels and various other media capable of storing, containing and/or carrying instructions and/or data.

Some embodiments of the present disclosure also provide a computer program product. The computer program product includes computer program instructions. When the computer program instructions are executed on the computer, the computer program instructions cause the computer to execute one or more steps in the method for generating a page as described in the above embodiments.

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

The beneficial effects of the computer-readable storage medium, the computer program product, and the computer program are the same as those of the method for generating pages described in some of the above embodiments, and will not be repeated here.

In the above embodiments, all or part of them may be implemented by software, hardware, firmware or any combination thereof. When implemented using a software program, it may be implemented in whole or in part in the form of a computer program product. The computer program product includes one or more computer instructions. When computer-executable instructions are loaded and executed on a computer, the processes or functions according to the embodiments of the present disclosure are produced in whole or in part. A computer can be a general purpose computer, special purpose computer, computer network, or other programmable device. Computer instructions may be stored in or transmitted from one computer-readable storage medium to another computer-readable storage medium, e.g. Coaxial cable, optical fiber, digital subscriber line (digital subscriber line, DSL)) or wireless (such as infrared, wireless, microwave, etc.) transmission to another website site, computer, server or data center. The computer-readable storage medium may be any available medium that can be accessed by a computer, or may contain one or more data storage devices such as servers and data centers that can be integrated with the medium. The usable medium may be a magnetic medium (for example, a floppy disk, a hard disk, or a magnetic tape), an optical medium (for example, a DVD), or a semiconductor medium (for example, a solid state disk (solid state disk, SSD)), etc.

The above is only a specific embodiment of the present disclosure, but the scope of protection of the present disclosure is not limited thereto. Anyone familiar with the technical field who thinks of changes or substitutions within the technical scope of the present disclosure should cover all within the protection scope of the present disclosure. Therefore, the protection scope of the present disclosure should be determined by the protection scope of the claims.

Claims (20)

1. A page generation method applied to electronic equipment, characterized in that it includes:

   In response to the operation of creating a page, displaying an initial page, 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 area to be edited;

   In response to an editing operation on the target component to be edited, component information is obtained, and an edited target component is displayed on the initial page according to the component information, and an edited target page is generated; wherein the component information includes the following At least one item: 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.
2. The page generating method according to claim 1, wherein the page generating method further comprises:

   displaying the name of the target directory in response to the operation of creating the directory;

   The displaying an initial page in response to the operation of creating a page includes:

   In response to the operation of adding a new page under the target directory, the initial page is displayed, and the initial page is a function page under the target directory.
3. The method for generating a page according to claim 2, wherein the initial page further comprises: a fixed component area, and the method for generating a page further comprises:

   In response to the operation of establishing the fixed component area, constructing the fixed component area of a plurality of pages, the fixed component areas of the plurality of pages are the same;

   In response to an editing operation on components in the fixed component area, corresponding components in the fixed component area included in the plurality of pages are updated.
4. The method for generating a page according to claim 3, wherein the components in the fixed component area include at least one of the following: a header component and a bottom component.
5. The method for generating a page according to any one of claims 2-4, wherein the method for generating a page further comprises:

   In response to the setting operation of the target directory, the name of the target directory is displayed on the target page.
6. The page generation method according to claim 5, wherein the page generation method further comprises:

   In response to a confirmation operation on the name of the target directory displayed on the target page, names of pages included in the target directory are displayed on the target page.
7. The method for generating a page according to claims 1-6, wherein the method for generating a page further comprises:

   In response to an editing operation on the target page, acquire page information of the target page, and update and display the target page, where the page information includes at least one of the following: a thumbnail of the target page, a page address, a page label, description information.
8. The method for generating a page according to claim 7, wherein the updating and displaying the target page in response to an editing operation on the target page comprises:

   In response to an adjustment operation on the target component of the target page, updating and displaying the target component in the target page, the adjustment operation includes at least one of the following: copy operation, delete operation, move operation, hide operation .
9. The page generating method according to any one of claims 1-8, characterized in that, the original data of the target component is stored in a preset format, and the acquiring component information is based on the component information in the target The page shows the edited target components, including:

   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.
10. The page generating method according to any one of claims 1-9, wherein, before generating the target page, the page generating method further comprises:

    Get M components, M is an integer greater than 1;

    Obtaining the type and component data of each of the M components, the type including at least one of the following: text component, picture component, video component, graphic component, table component;

    Classifying the M components according to the type and component data of each component by 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, the target component corresponding to each component set is obtained and stored in the component library.
11. The page generating method according to claim 10, wherein, 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, including:

    According to the classification rules, components of the same type and similar component content are determined as a component set.
12. The method for generating a page according to claim 11, wherein said determining components of the same type and similar component content as a set of components includes:

    If the type of the component is a picture component or a video component, the component whose component data corresponds to the local address is determined as a component set, and the component whose component data corresponds to the network address is determined as a component set;

    If the type of the component is a text component, the components with the same text style in the component data are determined as a set of components;

    If the type of the component is a graphic-text component, components with the same graphic-text structure in the component data are determined as a component set.
13. A page generation device applied to electronic equipment, characterized in that it includes:

    A display unit, configured to display an initial page in response to an operation of creating a page, and the initial page includes an area to be edited; in response to an operation of selecting a target component in the component library, display the target component to be edited in the area to be edited ;

    An acquiring 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, component data, the attribute The 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;

    The generation unit is used to generate the edited target page.
14. The page generation device according to claim 13, wherein:

    The display unit is further configured to display the name of the target directory in response to the operation of creating the directory;

    The display unit is specifically configured to: display the initial page in response to an operation of adding a new page under the target directory, where the initial page is a functional page under the target directory.
15. The page generating device according to claim 14, wherein the initial page further comprises: a fixed component area, and the page generating device further comprises: 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 areas, and 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.
16. The page generation device according to claim 15, wherein the components in the fixed component area include at least one of the following: a head component and a bottom component.
17. The page generating device according to any one of claims 14-16, 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.
18. The page generation device according to claim 17, wherein:

    The display unit is further configured to, in response to a confirmation operation on the name of the target directory displayed on the target page, display names of multiple pages included in the target directory on the target page.
19. A device for generating a page, characterized in that the device for generating a page 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 When an instruction is issued, the page generating device executes the page generating method according to any one of claims 1-12.
20. A computer-readable storage medium, characterized in that it includes computer instructions, and when the computer instructions are run on the page generation device, the page generation device executes the page generation described in any one of claims 1-12 method.

Images