CN116991407A

CN116991407A - Page generation method, device, equipment and storage medium

Info

Publication number: CN116991407A
Application number: CN202311204092.0A
Authority: CN
Inventors: 张佳妮; 郑建华; 刘新宇; 徐菱敏
Original assignee: Beijing Volcano Engine Technology Co Ltd
Current assignee: Beijing Volcano Engine Technology Co Ltd
Priority date: 2023-09-18
Filing date: 2023-09-18
Publication date: 2023-11-03

Abstract

The disclosure provides a page generation method, a page generation device, page generation equipment and a storage medium, and relates to the technical field of computers. The method comprises the following steps: receiving first description information of a target page to be generated based on a first preset interaction page, wherein the first description information comprises page feature information of the target page expressed by natural language, displaying a set comprising a plurality of candidate page design drawings determined according to the first description information in response to a first preset operation, determining a page design draft corresponding to the target page according to the target candidate page design drawings in response to a selection operation for the target candidate page design drawings, and generating page codes of the target page according to the page design draft. By adopting the technical scheme, the page design efficiency can be effectively improved.

Description

Page generation method, device, equipment and storage medium

Technical Field

The embodiment of the disclosure relates to the technical field of computers, in particular to a page generation method, a page generation device, page generation equipment and a storage medium.

Background

Front-end page development is a process of creating a front-end page such as a WEB page or an APP page and presenting it to a user.

In a specific process of front-end page development, a page designer is usually required to design a design draft corresponding to the front-end page, then the design draft is converted into a program code corresponding to the front-end page by a program programmer, and then the front-end page corresponding to the design draft is rendered at a terminal based on the program code.

However, the front-end page development is inefficient at present.

Disclosure of Invention

The embodiment of the disclosure provides a page generation method, a device, equipment and a storage medium, which can optimize the existing page generation scheme.

In a first aspect, an embodiment of the present disclosure provides a page generating method, including:

receiving first description information of a target page to be generated based on a first preset interaction page, wherein the first description information comprises page feature information of the target page expressed by natural language;

responding to a first preset operation, displaying a candidate page design diagram set, wherein the candidate page design diagram set comprises a plurality of candidate page design diagrams, and the candidate page design diagrams are determined according to the first description information;

responding to the selection operation of the target candidate page design diagram in the candidate page design diagram set, and determining a page design draft corresponding to the target page according to the target candidate page design diagram;

And generating the page code of the target page according to the page design manuscript.

In a second aspect, an embodiment of the present disclosure further provides a page generating apparatus, including:

the information receiving module is used for receiving first description information of a target page to be generated based on a first preset interaction page, wherein the first description information comprises page feature information of the target page expressed by natural language;

the design chart set display module is used for responding to a first preset operation and displaying a candidate page design chart set, wherein the candidate page design chart set comprises a plurality of candidate page design charts, and the candidate page design charts are determined according to the first description information;

the design draft determining module is used for responding to the selection operation of the target candidate page design drawings in the candidate page design drawing set and determining the page design draft corresponding to the target page according to the target candidate page design drawings;

and the code generation module is used for generating the page code of the target page according to the page design draft.

In a third aspect, embodiments of the present disclosure further provide an electronic device, including:

One or more processors;

storage means for storing one or more programs,

the one or more programs, when executed by the one or more processors, cause the one or more processors to implement the page generation method provided by the embodiments of the present disclosure.

In a fourth aspect, the disclosed embodiments also provide a storage medium containing computer-executable instructions for performing the page generation method provided by the disclosed embodiments when executed by a computer processor.

According to the page generation scheme provided by the embodiment of the disclosure, first description information of a target page to be generated is received based on a first preset interaction page, wherein the first description information comprises page feature information of the target page expressed by natural language, a set comprising a plurality of candidate page design drawings determined according to the first description information is displayed in response to a first preset operation, a page design draft corresponding to the target page is determined according to the target candidate page design drawings in response to a selection operation for the target candidate page design drawings, and page codes of the target page are generated according to the page design draft. By adopting the technical scheme, the user related to page design can be allowed to input the description information describing the page design requirement by adopting natural language, and a satisfactory target candidate page design drawing is selected from the automatically generated candidate page design drawing to determine the page design manuscript, and page codes are automatically generated, so that the page design efficiency is effectively improved.

Drawings

The above and other features, advantages, and aspects of embodiments of the present disclosure will become more apparent by reference to the following detailed description when taken in conjunction with the accompanying drawings. The same or similar reference numbers will be used throughout the drawings to refer to the same or like elements. It should be understood that the figures are schematic and that elements and components are not necessarily drawn to scale.

Fig. 1 is a flow chart of a page generating method according to an embodiment of the disclosure;

FIG. 2 is a schematic diagram of page interaction according to an embodiment of the present disclosure;

FIG. 3 is a schematic diagram of a page according to an embodiment of the present disclosure;

FIG. 4 is a flowchart illustrating another page generation method according to an embodiment of the present disclosure;

fig. 5 is a schematic structural diagram of a page generating apparatus according to an embodiment of the present disclosure;

fig. 6 is a schematic structural diagram of an electronic device according to an embodiment of the disclosure.

Detailed Description

Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While certain embodiments of the present disclosure have been shown in the accompanying drawings, it is to be understood that the present disclosure may be embodied in various forms and should not be construed as limited to the embodiments set forth herein, but are provided to provide a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are for illustration purposes only and are not intended to limit the scope of the present disclosure.

It should be understood that the various steps recited in the method embodiments of the present disclosure may be performed in a different order and/or performed in parallel. Furthermore, method embodiments may include additional steps and/or omit performing the illustrated steps. The scope of the present disclosure is not limited in this respect.

The term "including" and variations thereof as used herein are intended to be open-ended, i.e., including, but not limited to. The term "based on" is based at least in part on. The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments. Related definitions of other terms will be given in the description below.

It should be noted that the terms "first," "second," and the like in this disclosure are merely used to distinguish between different devices, modules, or units and are not used to define an order or interdependence of functions performed by the devices, modules, or units.

It should be noted that references to "one", "a plurality" and "a plurality" in this disclosure are intended to be illustrative rather than limiting, and those of ordinary skill in the art will appreciate that "one or more" is intended to be understood as "one or more" unless the context clearly indicates otherwise.

The names of messages or information interacted between the various devices in the embodiments of the present disclosure are for illustrative purposes only and are not intended to limit the scope of such messages or information.

It will be appreciated that prior to using the technical solutions disclosed in the embodiments of the present disclosure, the user should be informed and authorized of the type, usage range, usage scenario, etc. of the personal information related to the present disclosure in an appropriate manner according to the relevant legal regulations.

For example, in response to receiving an active request from a user, a prompt is sent to the user to explicitly prompt the user that the operation it is requesting to perform will require personal information to be obtained and used with the user. Thus, the user can autonomously select whether to provide personal information to software or hardware such as an electronic device, an application program, a server or a storage medium for executing the operation of the technical scheme of the present disclosure according to the prompt information.

As an alternative but non-limiting implementation, in response to receiving an active request from a user, the manner in which the prompt information is sent to the user may be, for example, a popup, in which the prompt information may be presented in a text manner. In addition, a selection control for the user to select to provide personal information to the electronic device in a 'consent' or 'disagreement' manner can be carried in the popup window.

It will be appreciated that the above-described notification and user authorization process is merely illustrative and not limiting of the implementations of the present disclosure, and that other ways of satisfying relevant legal regulations may be applied to the implementations of the present disclosure.

It will be appreciated that the data (including but not limited to the data itself, the acquisition or use of the data) involved in the present technical solution should comply with the corresponding legal regulations and the requirements of the relevant regulations.

Fig. 1 is a schematic flow chart of a page generation method provided by an embodiment of the present disclosure, where the embodiment of the present disclosure is applicable to a page generation situation, and the method may be performed by a page generation device, where the device may be implemented in a form of software and/or hardware, and optionally, the device may be implemented by an electronic device, where the electronic device may be a mobile terminal such as a mobile phone or a tablet computer, or may be a device such as a personal computer (Personal Computer, PC) end or a server. The electronic device may have a page design system running therein, and the page generating device may be a functional component or a plug-in the page design system.

As shown in fig. 1, the method includes:

step 101, receiving first description information of a target page to be generated based on a first preset interaction page, wherein the first description information comprises page feature information of the target page expressed by natural language.

By way of example, a target page may be understood as a page that a current user wants to design, and the current user may be a page design-related person, such as a page designer or an average user. The target page may be a WEB page, that is, a WEB page, or may be a page in APP, which is not specifically limited.

For example, a first preset interaction page may be displayed, an input box of the first description information may be included in the first preset interaction page, and the current user may input the first description information of the target page based on the first preset interaction page in a text or voice mode. The first description information comprises page feature information of the target page expressed in natural language, and the first description information can be understood as design requirements of the target page input by a user. The page feature information may include information such as a field to which the page belongs, a purpose of the page, a function of the page, a component of the page, a feature of the page, and a style of the page. For example: a set of digital resource management system based on online shopping is generated, so that the business is strict, but the resource management is performed unusually.

Step 102, a candidate page design diagram set is displayed in response to a first preset operation, wherein the candidate page design diagram set comprises a plurality of candidate page design diagrams, and the candidate page design diagrams are determined according to the first description information.

The first preset operation may be understood as an operation for triggering the display of the candidate page design drawing set, and the specific form is not limited, for example, after the user finishes inputting the first description information, the first preset operation may be input by clicking a first preset control, and the first preset control may be, for example, a start design button. The candidate page design diagram can be understood as a preview diagram of the candidate pages automatically designed according to the first description information, so that the current user can visually view each candidate page in a visual mode. For example, the candidate page design drawing set corresponding to the target page may be displayed in a preset page (such as a canvas page), and a specific display manner of the candidate page design drawing set is not limited, and may be, for example, a one-by-one display or a batch display (for example, a preset number of candidate page design drawings are displayed simultaneously in a matrix form, and a preset number is 4).

For example, a page generation model may be trained in advance, and a plurality of candidate page design drawings conforming to the first description information may be automatically generated using the page generation model. Alternatively, the first description information may be directly input into the page generation model, and a plurality of candidate page design drawings may be determined according to the output of the page generation model. Alternatively, a natural language understanding technology may be adopted to convert the first description information into first input data identifiable by the page generation model, input the first input data into the page generation model, and determine a plurality of candidate page design diagrams according to the output of the page generation model.

Optionally, the candidate page design diagram is generated by using a preset design resource library according to the first description information, and the preset design resource library comprises design resources in at least two page design platforms. Therefore, richer design resources from a plurality of page design platforms can be effectively utilized, and candidate page design drawings which are more in line with the first description information can be quickly generated. By way of example, design resources may include, for example, icons, colors, components, typical page templates, logos (Token), and the like.

And step 103, responding to the selection operation of the target candidate page design diagram in the candidate page design diagram set, and determining the page design manuscript corresponding to the target page according to the target candidate page design diagram.

The target candidate page design diagram is one candidate page design diagram in the candidate page design diagram set. For example, after the current user views the candidate page design drawing set, the candidate page design drawing meeting the design expectation of the current user may be selected as the target candidate page design drawing, and the specific form of the selection operation is not limited, for example, a clicking operation or a hooking operation for the target candidate page design drawing may be performed.

For example, after the target candidate page design diagram is determined according to the selection operation of the user, the page design draft corresponding to the target page may be determined according to the target candidate page design diagram, for example, the target candidate page corresponding to the target candidate page design diagram may be directly determined as the page design draft, or the editing operation for the target candidate page design diagram may be received, and the page corresponding to the editing result may be determined as the page design draft.

And 104, generating the page code of the target page according to the page design draft.

For example, the page Design draft may be generated into a page Code for front end use, such as cascading style sheet (Cascading Style Sheets, CSS) Code, etc., corresponding To the target page using Design To Code (D2C) technology.

According to the page generation method, first description information of a target page to be generated is received based on a first preset interaction page, wherein the first description information comprises page feature information of the target page expressed by natural language, a set comprising a plurality of candidate page design drawings determined according to the first description information is displayed in response to a first preset operation, a page design draft corresponding to the target page is determined according to the target candidate page design drawings in response to a selection operation for the target candidate page design drawings, and page codes of the target page are generated according to the page design draft. By adopting the technical scheme, the user related to page design can be allowed to input the description information describing the page design requirement by adopting natural language, and a satisfactory target candidate page design drawing is selected from the automatically generated candidate page design drawing to determine the page design manuscript, and page codes are automatically generated, so that the page design efficiency is effectively improved.

In some embodiments, in response to a selection operation for a target candidate page design drawing in the candidate page design drawing set, determining, according to the target candidate page design drawing, a page design draft corresponding to the target page includes: responding to the selection operation of the target candidate page design diagram in the candidate page design diagram set, and entering a second preset interaction page; receiving second description information based on the second preset interaction page, wherein the second description information comprises modification information of the target candidate page design drawing expressed by natural language; responding to a second preset operation, displaying an alternative page design diagram set, wherein the alternative page design diagram set comprises a plurality of alternative page design diagrams, and the alternative page design diagrams are determined according to the target candidate page design diagram and the second description information; and responding to the selection operation of the target alternative page design diagram in the alternative page design diagram set, and determining the page design manuscript corresponding to the target page according to the target alternative page design diagram. Therefore, the method can support the user to quickly modify the selected target candidate page design diagram in a mode of adding the description information, improve the page design quality and further improve the design efficiency.

If the candidate page design diagram set does not have the candidate page design diagram particularly satisfactory to the user, the user may first select the target candidate page design diagram, enter a second preset interaction page, which may be the same or different from the first preset interaction page, and continue to input the second description information in the input preset interaction page according to the difference between the target candidate page design diagram and the expected user. The second description information may be understood as a description of contents that the user is dissatisfied with in the target candidate page layout or a description of contents that the user considers to be in need of improvement in the target candidate page layout. The modification information may include, for example, content to be modified, modification manner, modification direction, modification target, or the like. For example: the generation of a set of more business-stringent charts is not too much.

The second preset operation may be understood as an operation for triggering the display of the set of candidate page plans, and the specific form is not limited, for example, after the user finishes inputting the second description information, the first preset operation may be input by clicking a second preset control, and the second preset control may be, for example, a confirm modification button.

For example, a page modification model may be trained in advance, and a plurality of candidate page design drawings conforming to the second description information may be automatically generated using the page modification model. Alternatively, the second description information and the target candidate page design drawings may be directly input into the page modification model, and a plurality of candidate page design drawings may be determined according to the output of the page modification model. Alternatively, a natural language understanding technology may be adopted to convert the second description information into second input data identifiable by the page modification model, input the second input data and the target candidate page design drawings into the page modification model, and determine a plurality of candidate page design drawings according to the output of the page modification model. The alternative page design diagram can be understood as a preview diagram of a plurality of alternative pages obtained after the designed target candidate pages are automatically modified according to the second description information, so that the current user can visually view each alternative page in a visual mode and further select the alternative pages.

Optionally, if the target candidate page design drawing accords with the user expectation, the page confirmation operation may be received based on the second preset interaction page, and the target candidate page design drawing may be determined as the page design draft corresponding to the target page.

Optionally, in response to a selection operation for the target candidate page design diagram in the candidate page design diagram set, returning to the second preset interaction page, if the target candidate page design diagram does not meet the expectations, receiving third description information based on the second preset interaction page, where the third description information includes modification information of the target candidate page design diagram expressed by using natural language, further displaying a new candidate page design diagram set for a user to select, and so on, the user may automatically modify the target candidate page design diagram for multiple times by using a mode of adding the description information for multiple times, so as to improve design efficiency.

Fig. 2 is a schematic diagram of page interaction provided in the embodiment of the present disclosure, as shown in fig. 2, after a current user inputs first description information 201 and inputs a first preset operation on a first preset interaction page, a candidate page design diagram set 202 is displayed, where 4 candidate page design diagrams are included, and the candidate page design diagrams respectively correspond to candidate page a, candidate page b, candidate page c and candidate page d, and if the user considers that the candidate page b is closest to own expectation, the candidate page design diagram corresponding to the candidate page b may be selected as a target candidate page design diagram 203, a second preset interaction page (multiplexing the first preset interaction page) is entered, an input box may be included in the preset interaction page, the user inputs second description information 204 and determines to modify the candidate page b, and an alternative page design diagram set 205 may be displayed, where 4 candidate page design diagrams respectively correspond to candidate page a, candidate page b, candidate page c and candidate page d are included, so that the user may conveniently and rapidly select own candidate page from the candidate page design diagrams to determine a design manuscript of the target page, for example, if the user selects the candidate page b as the target page design diagram corresponding to the target page 206 is further determined according to the target page design manuscript.

In some embodiments, the displaying the set of candidate page plans includes: displaying a candidate style sketch set and displaying a candidate page design drawing set corresponding to the candidate style sketch set, wherein the candidate style sketch in the candidate style sketch set corresponds to the candidate page design drawing in the candidate page design drawing set one by one, the candidate style sketch is used for displaying a template page effect corresponding to a preset page style, and the page style of the candidate page design drawing is matched with the page style of the corresponding candidate style sketch. Therefore, the user can more intuitively view the template page effects of different page styles, which is beneficial to providing richer reference information for the user so as to quickly and accurately select the target candidate page design drawing.

For example, the candidate style schematic diagram set and the candidate page design diagram set may be displayed in different pages, for example, the candidate style schematic diagram set is displayed in a first preset interactive page, the candidate page design diagram set is displayed in a preset page, and the number of candidate style schematic diagrams is equal to and corresponds to the number of candidate page design diagrams one by one.

In some embodiments, the determining, in response to a selection operation for a target candidate page design drawing in the candidate page design drawing set, a page design draft corresponding to the target page according to the target candidate page design drawing includes: and responding to the selection operation of the target candidate style sketch corresponding to the target candidate page design drawing in the candidate page design drawing set, and determining the page design manuscript corresponding to the target page according to the target candidate page design drawing. Therefore, the linkage selection of the target candidate page design diagram can be conveniently realized by the selection of the candidate style schematic diagram by the user.

Fig. 3 is a schematic page diagram provided in the embodiment of the present disclosure, as shown in fig. 3, a user may input first description information in a first preset interaction page 301, after confirming to start designing, display 4 candidate style schematic diagrams in the first preset interaction page 301, and display candidate page design diagrams corresponding to the 4 candidate style schematic diagrams in a preset page 302, and when the user selects a candidate style schematic diagram corresponding to style b as a target candidate style schematic diagram 303, determine a candidate page design diagram corresponding to the corresponding candidate page b as a target candidate page design diagram 304.

In some embodiments, further comprising: and in response to the style replacement operation, updating the candidate style schematic diagram set and the candidate page design diagram set. Therefore, when the candidate styles in the current candidate style sketch set do not reach the user expectation, the candidate style sketch set and the candidate page design drawing set can be quickly updated through the input style updating operation, so that the user can conveniently and quickly acquire the satisfied target candidate page design drawing.

For example, a style replacement control may be set in the first preset interactive page, and a style replacement operation may be input by triggering the style replacement control, where the style replacement control may be, for example, a "replace batch" button in an associated region (e.g., upper right) of the display region of the candidate style schematic set. The updating of the candidate style sketch set may include replacing all candidate style sketches in the candidate style sketch set with new candidate style sketches, for example, 4 candidate style sketches exist in the candidate style sketch set, and replacing the 4 candidate style sketches with new 4 candidate style sketches different from the 4 candidate style sketches; updating the set of candidate page plans includes replacing all candidate page plans in the set of candidate page plans with new candidate page plans.

In some embodiments, before the receiving, based on the first preset interaction page, the first description information of the target page to be generated, the method further includes: determining a target theme corresponding to the target page; the candidate page design diagram is generated by using a theme component library corresponding to the target theme according to the first description information, and the theme component library is generated by using a preset design resource library according to the target theme. Therefore, the candidate page design diagram can be generated by utilizing the topic component library corresponding to the topic under the condition of defining the topic of the page, the generation efficiency is improved, and the candidate page design diagram is enabled to be more fit with the expectations of users.

For example, when designing a page, a whole set of page sets is usually required to be designed for a website service or an application program, and association relationships exist between different pages in the page sets, for example, jump relationships, nested relationships, or stacking relationships up and down can exist, so that in order to ensure the coordination of each page in a preset dimension, page topics can be set, and the preset dimension can include, for example, basic skin color, font color, frame color, background color, link color, cursor, font, frame or shadow, etc. After determining the target theme, components which can be used in the design process of each page in the page set can be generated by utilizing a preset design resource library according to the target theme, so as to obtain a theme component library, wherein the components in the theme component library can be service side components which are assembled by utilizing resources in the preset design resource library, such as buttons or navigation bars and other controls which meet service requirements. The target page may be understood as one page in the page set corresponding to the target topic.

Optionally, the method may further include: and generating a theme component library by utilizing a preset design resource library according to the target theme. Further, the method may further include: and receiving modification operation aiming at a target variable corresponding to the theme component library, and updating the variable value of the target variable corresponding to each component in the theme component library. For example, when a theme color needs to be modified from blue to purple, the modification may be performed for a theme component library, and then batch modification of theme color values of components related to the theme color in the theme component library may be implemented.

In some embodiments, in response to a selection operation for a target candidate page design drawing in the candidate page design drawing set, determining, according to the target candidate page design drawing, a page design draft corresponding to the target page includes: responding to the selection operation of the target candidate page design diagram in the candidate page design diagram set, and displaying the target candidate page design diagram in a preset design page; receiving an editing operation aiming at the target candidate page design diagram based on the preset design page, wherein the editing operation comprises the steps of selecting target design resources from a design resource display area corresponding to the preset design resource library, and adding the target design resources into the target candidate page design diagram; and determining the page design manuscript corresponding to the target page according to the editing result of the editing operation. Therefore, a user can be supported to adopt an active modification mode to rapidly select proper design resources from a preset design resource library so as to rapidly modify the selected target candidate page design diagram, thereby improving the page design quality and further improving the design efficiency.

In the prior art, design resources required by page designers are generally scattered in different page design platforms, and the page designers need to frequently visit the different page design platforms to search and call the design resources, so that the design efficiency is seriously affected. In the embodiment of the disclosure, the design resources in at least two page design platforms are integrated and displayed in the design resource display area corresponding to the preset design resource library, so that a user can conveniently and quickly find out suitable design resources and add the suitable design resources to the target candidate page design diagram in a dragging mode and the like, and the design efficiency is improved.

Fig. 4 is a schematic flow chart of another page generating method according to an embodiment of the present disclosure, where the embodiment of the present disclosure optimizes based on each of the alternatives in the foregoing embodiment, and specifically includes the following steps:

step 401, determining a target theme corresponding to a target page to be generated.

For example, the target theme may be a preset theme, for example, a preset theme set may be maintained in the page design system, where the preset theme set includes a plurality of preset themes, and a new preset theme may be dynamically added to the preset theme set during the use of the page design system, so as to implement precipitation of the preset theme. Each preset theme in the preset theme set corresponds to a theme component library, the theme component library is generated by utilizing a preset design resource library according to the preset theme, and the preset design resource library comprises design resources in at least two page design platforms. When the target theme corresponding to the target page is determined, one preset theme can be selected from the preset theme set to serve as the target theme, so that multiplexing of the preset theme is realized, secondary consumption of components in the theme component library can be realized, and design efficiency is improved.

Step 402, receiving first description information of a target page based on a first preset interaction page.

The first descriptive information comprises page characteristic information of a target page expressed by natural language.

Step 403, in response to a first preset operation, displaying a candidate style schematic diagram set, and displaying a candidate page design diagram set corresponding to the candidate style schematic diagram set.

The candidate page design drawing set comprises a plurality of candidate page design drawings, and the candidate page design drawings are generated by utilizing a theme component library corresponding to the target theme according to the first description information. The candidate style schematics in the candidate style schematic diagram set are in one-to-one correspondence with the candidate page design diagrams in the candidate page design diagram set, and the candidate style schematic diagrams are used for displaying template page effects corresponding to preset page styles, and the page styles of the candidate page design diagrams are matched with the page styles of the corresponding candidate style schematics.

And step 404, responding to the selection operation of the target candidate style sketch corresponding to the target candidate page design diagram in the candidate page design diagram set, and entering a second preset interaction page.

The second preset interaction page includes an input box corresponding to the second description information, and further includes a page confirmation control, and if the user is satisfied with the target candidate style schematic diagram, the page confirmation control may be triggered to skip the input of the second description information, so as to directly determine the page design draft.

And step 405, receiving second description information based on a second preset interaction page.

The second description information comprises modification information of a target candidate page design drawing expressed by natural language.

Step 406, in response to a second preset operation, displaying the set of candidate page designs.

The candidate page design diagram set comprises a plurality of candidate page design diagrams, and the candidate page design diagrams are generated by using a theme component library corresponding to a target theme according to the target candidate page design diagram and the second description information.

Step 407, in response to a selection operation for the target candidate page design drawing in the candidate page design drawing set, displaying the target candidate page design drawing in the preset design page.

Step 408, receiving an editing operation for the target candidate page design drawing based on the preset design page.

The editing operation comprises selecting target design resources from a design resource display area corresponding to a preset design resource library, and adding the target design resources into a target alternative page design diagram.

By way of example, different kinds of design resources can be classified and displayed in the design resource display area, so that a user can conveniently and quickly find out the required design resources according to the categories.

Alternatively, the editing operation may further include an operation based on a preset design function. To facilitate the design of the user, various functions involved in designing the link, such as translation functions or palette functions, etc., may be integrated.

And 409, determining a page design draft corresponding to the target page according to the editing result of the editing operation.

Step 410, generating the page code of the target page according to the page design draft.

According to the page generation method provided by the embodiment of the disclosure, when the page is designed, the theme corresponding to the page can be determined first, then one or more rounds of description information based on natural language can be input to quickly and intelligently utilize the theme component library corresponding to the theme to generate various page design drawings which can be selected by a user, secondary consumption of the theme component library generated based on design resources from a plurality of page design platforms is realized, the user can be supported to freely edit on the basis of the selected page design drawings, the design resources of the plurality of page design platforms are fully utilized, finally, page design manuscripts are directly converted into codes available at the front end, full-link online design of the page can be realized, and design quality and design efficiency are effectively improved.

Fig. 5 is a schematic structural diagram of a page generating apparatus according to an embodiment of the present disclosure, as shown in fig. 5, where the apparatus includes:

the information receiving module 501 is configured to receive first description information of a target page to be generated based on a first preset interaction page, where the first description information includes page feature information of the target page expressed in natural language;

the design chart set display module 502 is configured to respond to a first preset operation, and display a candidate page design chart set, where the candidate page design chart set includes a plurality of candidate page design charts, and the candidate page design charts are determined according to the first description information;

a design draft determining module 503, configured to determine, according to a target candidate page design drawing in the candidate page design drawing set, a page design draft corresponding to the target page in response to a selection operation for the target candidate page design drawing;

and the code generating module 504 is used for generating the page code of the target page according to the page design draft.

The page generating device provided by the embodiment of the disclosure receives first description information of a target page to be generated based on a first preset interaction page, wherein the first description information comprises page feature information of the target page expressed by natural language, displays a set comprising a plurality of candidate page design drawings determined according to the first preset operation, determines a page design draft corresponding to the target page according to the target candidate page design drawings in response to selection operation for the target candidate page design drawings, and generates page codes of the target page according to the page design draft. By adopting the technical scheme, the user related to page design can be allowed to input the description information describing the page design requirement by adopting natural language, and a satisfactory target candidate page design drawing is selected from the automatically generated candidate page design drawing to determine the page design manuscript, and page codes are automatically generated, so that the page design efficiency is effectively improved.

Optionally, the design draft determining module includes:

the interactive page entering unit is used for responding to the selection operation of the target candidate page design diagram in the candidate page design diagram set and entering a second preset interactive page;

the description information receiving unit is used for receiving second description information based on the second preset interaction page, wherein the second description information comprises modification information of the target candidate page design drawing expressed by natural language;

the set display unit is used for responding to a second preset operation and displaying an alternative page design diagram set, wherein the alternative page design diagram set comprises a plurality of alternative page design diagrams, and the alternative page design diagrams are determined according to the target candidate page design diagram and the second description information;

the first design manuscript determining unit is used for responding to the selection operation of a target alternative page design diagram in the alternative page design diagram set and determining a page design manuscript corresponding to the target page according to the target alternative page design diagram.

Optionally, the design drawing set display module is specifically configured to: responding to a first preset operation, displaying a candidate style sketch set and displaying a candidate page design diagram set corresponding to the candidate style sketch set, wherein candidate style sketchs in the candidate style sketch set are in one-to-one correspondence with candidate page design diagrams in the candidate page design diagram set, the candidate style sketchs are used for displaying template page effects corresponding to preset page styles, and the page styles of the candidate page design diagrams are matched with the page styles of the corresponding candidate style sketchs;

The design draft determining module is specifically configured to: and responding to the selection operation of the target candidate style sketch corresponding to the target candidate page design drawing in the candidate page design drawing set, and determining the page design manuscript corresponding to the target page according to the target candidate page design drawing.

Optionally, the apparatus further comprises:

and the updating module is used for responding to the style replacement operation and updating the candidate style schematic diagram set and the candidate page design diagram set.

Optionally, the apparatus further comprises:

the theme determining module is used for determining a target theme corresponding to the target page before the first description information of the target page to be generated is received based on the first preset interaction page; the candidate page design diagram is generated by using a theme component library corresponding to the target theme according to the first description information, and the theme component library is generated by using a preset design resource library according to the target theme.

Optionally, the candidate page design diagram is generated by using a preset design resource library according to the first description information, and the preset design resource library comprises design resources in at least two page design platforms.

Optionally, the design draft determining module includes:

a design drawing display unit for displaying a target candidate page design drawing in a preset design page in response to a selection operation for the target candidate page design drawing in the candidate page design drawing set;

the editing unit is used for receiving editing operation aiming at the target candidate page design diagram based on the preset design page, wherein the editing operation comprises the steps of selecting target design resources from a design resource display area corresponding to the preset design resource library, and adding the target design resources into the target candidate page design diagram;

and the second design manuscript determining unit is used for determining the page design manuscript corresponding to the target page according to the editing result of the editing operation.

The page generating device provided by the embodiment of the disclosure can execute the page generating method provided by any embodiment of the disclosure, and has the corresponding functional modules and beneficial effects of the executing method.

It should be noted that each unit and module included in the above apparatus are only divided according to the functional logic, but not limited to the above division, so long as the corresponding functions can be implemented; in addition, the specific names of the functional units are also only for convenience of distinguishing from each other, and are not used to limit the protection scope of the embodiments of the present disclosure.

Fig. 6 is a schematic structural diagram of an electronic device according to an embodiment of the disclosure. Referring now to fig. 6, a schematic diagram of an electronic device (e.g., a terminal device or server in fig. 6) 600 suitable for use in implementing embodiments of the present disclosure is shown. The terminal devices in the embodiments of the present disclosure may include, but are not limited to, mobile terminals such as mobile phones, notebook computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), in-vehicle terminals (e.g., in-vehicle navigation terminals), and the like, and stationary terminals such as digital TVs, desktop computers, and the like. The electronic device shown in fig. 6 is merely an example and should not be construed to limit the functionality and scope of use of the disclosed embodiments.

As shown in fig. 6, the electronic device 600 may include a processing means (e.g., a central processing unit, a graphics processor, etc.) 601, which may perform various appropriate actions and processes according to a program stored in a Read Only Memory (ROM) 602 or a program loaded from a storage means 608 into a Random Access Memory (RAM) 603. In the RAM 603, various programs and data required for the operation of the electronic apparatus 600 are also stored. The processing device 601, the ROM 602, and the RAM 603 are connected to each other through a bus 604. An edit/output (I/O) interface 605 is also connected to bus 604.

In general, the following devices may be connected to the I/O interface 605: input devices 606 including, for example, a touch screen, touchpad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, and the like; an output device 607 including, for example, a Liquid Crystal Display (LCD), a speaker, a vibrator, and the like; storage 608 including, for example, magnetic tape, hard disk, etc.; and a communication device 609. The communication means 609 may allow the electronic device 600 to communicate with other devices wirelessly or by wire to exchange data. While fig. 6 shows an electronic device 600 having various means, it is to be understood that not all of the illustrated means are required to be implemented or provided. More or fewer devices may be implemented or provided instead.

In particular, according to embodiments of the present disclosure, the processes described above with reference to flowcharts may be implemented as computer software programs. For example, embodiments of the present disclosure include a computer program product comprising a computer program embodied on a non-transitory computer readable medium, the computer program comprising program code for performing the method shown in the flow chart. In such an embodiment, the computer program may be downloaded and installed from a network via communication means 609, or from storage means 608, or from ROM 602. The above-described functions defined in the methods of the embodiments of the present disclosure are performed when the computer program is executed by the processing device 601.

The electronic device provided by the embodiment of the present disclosure and the page generation method provided by the foregoing embodiment belong to the same inventive concept, and technical details not described in detail in the present embodiment may be referred to the foregoing embodiment, and the present embodiment has the same beneficial effects as the foregoing embodiment.

The present disclosure provides a computer storage medium having stored thereon a computer program which, when executed by a processor, implements the page generation method provided by the above embodiments.

The disclosed embodiments provide a computer program product comprising a computer program which, when executed by a processor, implements the page generation method provided by the above embodiments.

It should be noted that the computer readable medium described in the present disclosure may be a computer readable signal medium or a computer readable storage medium, or any combination of the two. The computer readable storage medium can be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or a combination of any of the foregoing. More specific examples of the computer-readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In the context of this disclosure, a computer-readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. In the present disclosure, however, the computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave, with the computer-readable program code embodied therein. Such a propagated data signal may take any of a variety of forms, including, but not limited to, electro-magnetic, optical, or any suitable combination of the foregoing. A computer readable signal medium may also be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device. Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to: electrical wires, fiber optic cables, RF (radio frequency), and the like, or any suitable combination of the foregoing.

In some implementations, the clients, servers may communicate using any currently known or future developed network protocol, such as HTTP (HyperText Transfer Protocol ), and may be interconnected with any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), the internet (e.g., the internet), and peer-to-peer networks (e.g., ad hoc peer-to-peer networks), as well as any currently known or future developed networks.

The computer readable medium may be contained in the electronic device; or may exist alone without being incorporated into the electronic device.

The computer readable medium carries one or more programs which, when executed by the electronic device, cause the electronic device to: receiving first description information of a target page to be generated based on a first preset interaction page, wherein the first description information comprises page feature information of the target page expressed by natural language; responding to a first preset operation, displaying a candidate page design diagram set, wherein the candidate page design diagram set comprises a plurality of candidate page design diagrams, and the candidate page design diagrams are determined according to the first description information; responding to the selection operation of the target candidate page design diagram in the candidate page design diagram set, and determining a page design draft corresponding to the target page according to the target candidate page design diagram; and generating the page code of the target page according to the page design manuscript.

Computer program code for carrying out operations of the present disclosure may be written in one or more programming languages, including, but not limited to, an object oriented programming language such as Java, smalltalk, C ++ and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any kind of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or may be connected to an external computer (for example, through the Internet using an Internet service provider).

The flowcharts and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.

The units involved in the embodiments of the present disclosure may be implemented by means of software, or may be implemented by means of hardware. The name of a module is not limited to the module itself in some cases, and for example, a code generation module may be also described as "a module that generates a page code of the target page from the page design draft".

The functions described above herein may be performed, at least in part, by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: a Field Programmable Gate Array (FPGA), an Application Specific Integrated Circuit (ASIC), an Application Specific Standard Product (ASSP), a system on a chip (SOC), a Complex Programmable Logic Device (CPLD), and the like.

In the context of this disclosure, a machine-readable medium may be a tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. The machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. The machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. More specific examples of a machine-readable storage medium would include an electrical connection based on one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

According to one or more embodiments of the present disclosure, there is provided a page generation method including:

According to one or more embodiments of the present disclosure, in response to a selection operation for a target candidate page design drawing in the candidate page design drawing set, determining, according to the target candidate page design drawing, a page design draft corresponding to the target page includes:

responding to the selection operation of the target candidate page design diagram in the candidate page design diagram set, and entering a second preset interaction page;

Receiving second description information based on the second preset interaction page, wherein the second description information comprises modification information of the target candidate page design drawing expressed by natural language;

responding to a second preset operation, displaying an alternative page design diagram set, wherein the alternative page design diagram set comprises a plurality of alternative page design diagrams, and the alternative page design diagrams are determined according to the target candidate page design diagram and the second description information;

and responding to the selection operation of the target alternative page design diagram in the alternative page design diagram set, and determining the page design manuscript corresponding to the target page according to the target alternative page design diagram.

In accordance with one or more embodiments of the present disclosure, the displaying the candidate page layout set includes:

displaying a candidate style sketch set and displaying a candidate page design drawing set corresponding to the candidate style sketch set, wherein candidate style sketchs in the candidate style sketch set are in one-to-one correspondence with candidate page design drawings in the candidate page design drawing set, the candidate style sketchs are used for displaying template page effects corresponding to preset page styles, and the page styles of the candidate page design drawings are matched with the page styles of the corresponding candidate style sketchs;

The determining, in response to a selection operation for a target candidate page design drawing in the candidate page design drawing set, a page design draft corresponding to the target page according to the target candidate page design drawing includes:

and responding to the selection operation of the target candidate style sketch corresponding to the target candidate page design drawing in the candidate page design drawing set, and determining the page design manuscript corresponding to the target page according to the target candidate page design drawing.

According to one or more embodiments of the present disclosure, further comprising:

and in response to the style replacement operation, updating the candidate style schematic diagram set and the candidate page design diagram set.

According to one or more embodiments of the present disclosure, before the receiving, based on the first preset interaction page, the first description information of the target page to be generated, the method further includes:

determining a target theme corresponding to the target page;

the candidate page design diagram is generated by using a theme component library corresponding to the target theme according to the first description information, and the theme component library is generated by using a preset design resource library according to the target theme.

According to one or more embodiments of the present disclosure, the candidate page design graph is generated according to the first description information by using a preset design resource library, where the preset design resource library includes design resources in at least two page design platforms.

responding to the selection operation of the target candidate page design diagram in the candidate page design diagram set, and displaying the target candidate page design diagram in a preset design page;

receiving an editing operation aiming at the target candidate page design diagram based on the preset design page, wherein the editing operation comprises the steps of selecting target design resources from a design resource display area corresponding to the preset design resource library, and adding the target design resources into the target candidate page design diagram;

and determining the page design manuscript corresponding to the target page according to the editing result of the editing operation.

According to one or more embodiments of the present disclosure, there is provided a page generating apparatus including:

According to one or more embodiments of the present disclosure, there is provided an electronic device including:

one or more processors;

storage means for storing one or more programs,

According to one or more embodiments of the present disclosure, there is provided a storage medium containing computer-executable instructions for performing the page generation method provided by the embodiments of the present disclosure when executed by a computer processor.

The foregoing description is only of the preferred embodiments of the present disclosure and description of the principles of the technology being employed. It will be appreciated by persons skilled in the art that the scope of the disclosure referred to in this disclosure is not limited to the specific combinations of features described above, but also covers other embodiments which may be formed by any combination of features described above or equivalents thereof without departing from the spirit of the disclosure. Such as those described above, are mutually substituted with the technical features having similar functions disclosed in the present disclosure (but not limited thereto).

Moreover, although operations are depicted in a particular order, this should not be understood as requiring that such operations be performed in the particular order shown or in sequential order. In certain circumstances, multitasking and parallel processing may be advantageous. Likewise, while several specific implementation details are included in the above discussion, these should not be construed as limiting the scope of the present disclosure. Certain features that are described in the context of separate embodiments can also be implemented in combination in a single embodiment. Conversely, various features that are described in the context of a single embodiment can also be implemented in multiple embodiments separately or in any suitable subcombination.

Although the subject matter has been described in language specific to structural features and/or methodological acts, it is to be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or acts described above. Rather, the specific features and acts described above are example forms of implementing the claims.

Claims

1. A page generation method, comprising:

2. The method of claim 1, wherein determining, in response to a selection operation for a target candidate page layout in the set of candidate page layout diagrams, a page layout corresponding to the target page from the target candidate page layout diagrams comprises:

3. The method of claim 1, wherein displaying the set of candidate page plans comprises:

4. A method according to claim 3, further comprising:

5. The method of claim 1, further comprising, prior to receiving the first description information of the target page to be generated based on the first preset interaction page:

determining a target theme corresponding to the target page;

6. The method of claim 1, wherein the candidate page design drawing is generated using a preset design resource library according to the first description information, the preset design resource library including design resources in at least two page design platforms.

7. The method of claim 6, wherein determining, in response to a selection operation for a target candidate page layout in the set of candidate page layout diagrams, a page layout corresponding to the target page from the target candidate page layout diagrams comprises:

8. A page generating apparatus, comprising:

9. An electronic device, the electronic device comprising:

one or more processors;

storage means for storing one or more programs,

the one or more programs, when executed by the one or more processors, cause the one or more processors to implement the page generation method of any of claims 1-7.

10. A storage medium containing computer executable instructions which, when executed by a computer processor, are for performing the page generation method of any of claims 1-7.