CN117573123A

CN117573123A - Page generation method and device applied to webpage application and electronic equipment

Info

Publication number: CN117573123A
Application number: CN202311569573.1A
Authority: CN
Inventors: 车文彬; 郭丽娜; 陈逸帆; 张超
Original assignee: Nanjing Shurui Data Technology Co ltd
Current assignee: Nanjing Shurui Data Technology Co ltd
Priority date: 2023-11-22
Filing date: 2023-11-22
Publication date: 2024-02-20
Anticipated expiration: 2043-11-22
Also published as: CN117573123B

Abstract

The embodiment of the invention discloses a page generation method and device applied to a webpage application and electronic equipment. One embodiment of the method comprises the following steps: acquiring page demand description information; splitting the page demand description information; determining a page area information set according to the page structure description information; for the page area information, generating a page area frame code of a page area corresponding to page area specification information included in the page area information; generating an initial page code according to a hierarchical relation corresponding to page area description information included in the page area frame code and the obtained page area frame code set; determining initial page fine adjustment information according to page function description information; according to the page area adjustment information and the page area function filling information, carrying out page code adjustment on the initial page code; and generating a webpage application page according to the adjusted page code. The implementation mode greatly improves the development efficiency of the page.

Description

Page generation method and device applied to webpage application and electronic equipment

Technical Field

The embodiment of the disclosure relates to the technical field of computers, in particular to a page generation method and device applied to a webpage application and electronic equipment.

Background

The webpage application can be normally used only through the browser without installing a special client, so that the webpage application can be widely popularized. The web application page is used as a carrier of the corresponding application function of the web application, and as the application function is continuously perfected, the generation task of the corresponding web application page is increased. Currently, when generating a web application page, the following methods are generally adopted: page design is performed by a plurality of developers (e.g., page designers, program developers, etc.) according to the application functions to be implemented.

However, the inventors found that when the above manner is adopted, there are often the following technical problems:

the traditional page development mode often needs a plurality of developers to linearly participate in the page generation task, so that the page generation period is longer, and the page development efficiency is reduced.

The above information disclosed in this background section is only for enhancement of understanding of the background of the inventive concept and, therefore, may contain information that does not form the prior art that is already known to those of ordinary skill in the art in this country.

Disclosure of Invention

The disclosure is in part intended to introduce concepts in a simplified form that are further described below in the detailed description. The disclosure is not intended to identify key features or essential features of the claimed subject matter, nor is it intended to be used to limit the scope of the claimed subject matter.

Some embodiments of the present disclosure propose a page generation method, apparatus and electronic device applied to a web application to solve one or more of the technical problems mentioned in the background section above.

In a first aspect, some embodiments of the present disclosure provide a page generation method applied to a web application, the method including: acquiring page demand description information, wherein the page demand description information is description information for describing a page structure and a page function; splitting the page demand description information to generate page structure description information and page function description information; determining a page area information set according to the page structure description information, wherein the page area information in the page area information set comprises: page area description information and page area specification information, wherein the page area description information is used for describing hierarchical relations among page areas corresponding to different page area information; generating a page area frame code of a page area corresponding to page area specification information included in the page area information for each page area information in the page area information set; generating an initial page code according to a hierarchical relation corresponding to page area description information included in the page area frame code and the obtained page area frame code set; determining initial page trimming information according to the page function description information, wherein the initial page trimming information comprises: page area adjustment information and page area function filling information; according to the page area adjustment information and the page area function filling information, carrying out page code adjustment on the initial page code to generate an adjusted page code; and generating a webpage application page aiming at the page demand description information according to the adjusted page code.

In a second aspect, some embodiments of the present disclosure provide a page generating apparatus applied to a web application, the apparatus including: an acquisition unit configured to acquire page demand description information, wherein the page demand description information is description information for describing a page structure and a page function; the information splitting unit is configured to split the page demand description information to generate page structure description information and page function description information; a first determining unit configured to determine a set of page area information according to the page structure description information, wherein the page area information in the set of page area information includes: page area description information and page area specification information, wherein the page area description information is used for describing hierarchical relations among page areas corresponding to different page area information; a first generation unit configured to generate, for each piece of page area information in the page area information set, a page area frame code of a page area corresponding to page area specification information included in the page area information; the second generation unit is configured to generate an initial page code according to the hierarchical relation corresponding to the page area description information included in the page area frame code and the obtained page area frame code set; a second determining unit configured to determine initial page trimming information according to the page function description information, where the initial page trimming information includes: page area adjustment information and page area function filling information; a page code adjustment unit configured to perform page code adjustment on the initial page code according to the page area adjustment information and the page area function filling information, so as to generate an adjusted page code; and the third generation unit is configured to generate a webpage application page aiming at the page requirement description information according to the adjusted page code.

In a third aspect, some embodiments of the present disclosure provide an electronic device comprising: one or more processors; a storage device having one or more programs stored thereon, which when executed by one or more processors causes the one or more processors to implement the method described in any of the implementations of the first aspect above.

In a fourth aspect, some embodiments of the present disclosure provide a computer readable medium having a computer program stored thereon, wherein the program, when executed by a processor, implements the method described in any of the implementations of the first aspect above.

The above embodiments of the present disclosure have the following advantageous effects: according to the page generation method applied to the webpage application, disclosed by the embodiment of the invention, the development efficiency of the page is improved. Specifically, the reason for the low page development efficiency is that: the traditional page development mode often needs a plurality of developers to linearly participate in the page generation task, so that the page generation period is longer, and the page development efficiency is reduced. In practice, for the development of the application page, the following procedure is often required: (1) Demand analysis is performed by a functional designer (e.g., a product manager, etc.); (2) The page planning is performed by a page designer (e.g., a web page designer). (3) And (3) analyzing the content according to the requirements by a program developer (such as a front-end engineer, a back-end engineer and the like), and carrying out application program page development according to the page style after page planning. The whole development process requires multiple developers to participate linearly, so that the development efficiency of the page is low. Based on this, in some embodiments of the present disclosure, a page generation method applied to a web application first obtains page requirement description information, where the page requirement description information is description information for describing a page structure and a page function. Secondly, the page demand description information is subjected to information splitting to generate page structure description information and page function description information. In practice, the page requirement description information is often description information for a page structure and a page function in a natural language form, so that the page structure description information for describing the page structure and the page function description information for describing the page function are determined by an information splitting mode. Next, determining a page area information set according to the page structure description information, wherein the page area information in the page area information set comprises: page area description information and page area specification information, wherein the page area description information is used for describing hierarchical relations among page areas corresponding to different page area information. In practice, a web page application page is often composed of a plurality of functional areas, and the positions, the area sizes and the like of different functional areas often have differences, so that according to page structure description information, a page area information set corresponding to the functional areas (page areas) is automatically generated. Further, for each page area information in the page area information set, a page area frame code of a page area corresponding to page area specification information included in the page area information is generated. And obtaining the page code of the page area corresponding to each page area information. In addition, generating an initial page code according to the hierarchical relation corresponding to the page area description information included in the page area frame code and the obtained page area frame code set. In practice, because membership between functions may exist between functions corresponding to the web page application page, for example, the function column includes a plurality of function options, so that membership also exists between page areas corresponding to the page area information, that is, nesting relationship between codes exists from the angle of codes, therefore, the page area frame codes need to be integrated according to the hierarchical relationship to obtain initial page codes. In addition, according to the page function description information, determining initial page trimming information, wherein the initial page trimming information comprises: page area adjustment information and page area function fill information. In practice, since the initial page code only describes the page frame of the page, the adjustment and filling of the page corresponding code from the function perspective are needed in combination with the page function description information. Further, according to the page area adjustment information and the page area function filling information, the page code adjustment is performed on the initial page code to generate an adjusted page code. And finally, generating a webpage application page aiming at the page demand description information according to the adjusted page code. By the method, on the premise of obtaining the page demand description information, the generation of the webpage can be automatically realized, the participation of page development personnel is reduced, the page development flow is shortened, and the page development efficiency is greatly 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 some embodiments of a page generation method applied to a web application according to the present disclosure;

FIG. 2 is a schematic structural diagram of some embodiments of a page generating apparatus applied to a web application according to the present disclosure;

fig. 3 is a schematic structural diagram of an electronic device suitable for use in implementing some embodiments of the present 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 are shown in the drawings, it should 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. Rather, these embodiments are provided so that this disclosure will be thorough and complete. 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 noted that, for convenience of description, only the portions related to the present invention are shown in the drawings. Embodiments of the present disclosure and features of embodiments may be combined with each other without conflict.

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.

The present disclosure will be described in detail below with reference to the accompanying drawings in conjunction with embodiments.

Referring to FIG. 1, a flow 100 of some embodiments of a page generation method applied to a web application according to the present disclosure is shown. The page generation method applied to the webpage application comprises the following steps:

Step 101, acquiring page demand description information.

In some embodiments, the execution body (e.g., a computing device) of the page generation method applied to the web application may acquire the above-mentioned page requirement description information through a wired connection or a wireless connection. The page requirement description information is description information for describing a page structure and a page function. In practice, the user may input the page demand description information at the demand description information entry interface. The requirement description information input interface can be a webpage for inputting page requirement description information.

As an example, the executing body may directly input the whole piece of page requirement information into the requirement description information input interface. For example, the page requirement description information may be "generate a page including a function, a function B, and a function C", where the page includes a navigation bar, the navigation bar has navigation buttons having mapping relations with the function a, the function B, and the function C, the filled text in the buttons is respectively 'a function', 'B function', and 'C function', the navigation bar is located at the bottom of the page, and a function area is located at the upper side of the navigation bar, and the function area includes detailed functions corresponding to the functions.

As yet another example, the requirement description information input interface may also be used to collect page requirement description information through multiple questions and answers in a query manner. For example:

"M: please input description information for describing the page structure.

A: the page comprises a navigation bar and a functional area, the navigation bar is positioned at the bottom of the page, the upper side of the navigation bar is the functional area, the navigation bar is provided with navigation buttons with mapping relation with A function, B function and C function, and the filled texts in the buttons are ' A function ', ' B function ', ' C function ', ' respectively. M: please input description information for describing the page function.

A: the page contains an A function, a B function, and a C function, wherein the A function is used for performing XXX, the B function is used for performing XXX, and the C function is used for performing XXX. "

It should be noted that the wireless connection may include, but is not limited to, 3G/4G/5G connection, wiFi connection, bluetooth connection, wiMAX connection, zigbee connection, UWB (ultra wideband) connection, and other now known or later developed wireless connection.

The computing device 101 may be hardware or software. When the computing device is hardware, the computing device may be implemented as a distributed cluster formed by a plurality of servers or terminal devices, or may be implemented as a single server or a single terminal device. When the computing device is embodied as software, it may be installed in the hardware devices listed above. It may be implemented as a plurality of software or software modules, for example, for providing distributed services, or as a single software or software module. The present invention is not particularly limited herein. It should be appreciated that the number of computing devices may have any number, as desired for implementation.

And 102, splitting the page requirement description information to generate page structure description information and page function description information.

In some embodiments, the execution body may split the page requirement description information to generate the page structure description information and the page function description information. The page structure description information is information for describing a page structure. The page function description information is information for describing the page function

As an example, when the page requirement description information is acquired through multiple questions and answers in a query manner, the execution body may directly split the page requirement description information according to the question type to obtain the page structure description information and the page function description information. For example, the page requirement description information may be [ "the page contains a navigation bar and a function area, the navigation bar is located at the bottom of the page, the upper side of the navigation bar is a function area, the navigation bar has navigation buttons with mapping relation with functions a, B and C, the filled text in the buttons is ' a function ', ' B function ', ' C function ', ' page contains a function, B function and C function, respectively, wherein the a function is used for performing XXX, the B function is used for performing XXX, and the C function is used for performing XXX" ]. The question and answer type can represent the type of the page related information to be collected. For example, the question type may be "page structure description information collection question type" or "page function description information collection question type". Therefore, the execution body may determine that "the page includes a navigation bar and a function area, the navigation bar is located at the bottom of the page, the upper side of the navigation bar is the function area, the navigation bar has navigation buttons having mapping relations with the a function, the B function, and the C function, the filled text in the buttons is the 'a function', 'B function', and the 'C function' respectively as page structure description information, and" the page includes the a function, the B function, and the C function, wherein the a function is used for performing XXX, the B function is used for performing XXX, and the C function is used for performing XXX "as page function description information.

As another example, when the whole-section input mode is adopted, the execution body can split the page requirement information in a semantic segmentation mode to obtain the page structure description information and the page function description information.

In some optional implementations of some embodiments, the executing body may split the page requirement description information to generate page structure description information and page function description information, and may include the following steps:

and firstly, carrying out sentence granularity segmentation on the page demand description information to obtain a page description information sentence set.

As an example, the execution body may segment the page requirement description information at a granularity by using commas and periods as segmentation positions to obtain a page description information statement set. For example, the page requirement description information may be "generate a page including a function, a function B, and a function C", where the page includes a navigation bar, the navigation bar has navigation buttons having mapping relations with the function a, the function B, and the function C, the filled text in the buttons is respectively 'a function', 'B function', and 'C function', the navigation bar is located at the bottom of the page, and a function area is located at the upper side of the navigation bar, and the function area includes detailed functions corresponding to the functions. The obtained page description information statement set may be [ "generating a page containing a function, a function B and a function C", "wherein the page contains a navigation bar, the navigation bar has navigation buttons with mapping relation with the function a, the function B and the function C", "the filled text in the buttons is respectively ' a function ', ' B function ', ' C function ', ' navigation bar is located at the bottom of the page", "the upper side of the navigation bar is a functional area", "the functional area contains detailed functions corresponding to the functions" ].

And secondly, carrying out sentence vector coding on each page description information sentence in the page description information sentence set so as to generate a candidate page description information sentence vector, and obtaining a candidate page description information sentence vector set.

In practice, the execution body may encode sentence vectors of the page description information sentence by using a word embedding manner through an encoder based on a transducer structure, so as to generate candidate page description information sentence vectors.

And thirdly, carrying out vector alignment on the candidate page description information statement vectors in the candidate page description information statement vector set so as to generate a page description information statement vector set.

In practice, first, the execution body may determine, as the target vector length, the vector length of the candidate page description information sentence vector having the longest vector length in the candidate page description information sentence vector set. Then, the execution body may perform 0-filling on the tail of the candidate page description information sentence vector in a 0-filling manner, so that the vector length of the candidate page description information sentence vector after 0-filling is consistent with the target vector length, so as to obtain the page description information sentence vector.

Fourth, for each page description information sentence vector in the page description information sentence vector set, determining the semantic category of the page description information sentence corresponding to the page description information sentence vector according to the page description information sentence vector and a pre-trained classification model.

The model input of the two classification models is page description information statement vectors, and the model input of the two classification models is output as semantic types. In particular, the bi-classification model may include a fully connected layer. Semantic categories may include: a first semantic category and a second semantic category. The first semantic category characterizes a page description information statement corresponding to the page description information statement vector for describing the page structure. The second semantic category characterizes the page description information statement corresponding to the page description information statement vector for describing the page function.

And fifthly, combining the page description information sentences with the corresponding semantic categories as the first semantic categories in the page description information sentence sets according to the relative language orders in the page requirement description information to obtain the page structure description information.

And sixthly, combining the page description information sentences with the corresponding semantic categories of the page description information sentence sets as the second semantic categories according to the relative language order in the page requirement description information to obtain the page function description information.

As an example, the page description information statement set may be [ "generate a page containing a function, B function, C function", "where the page contains a navigation bar", "where the navigation bar has navigation buttons with mapping relation to a function, B function, C function", "where the filled text in the buttons is ' a function ', ' B function ', ' C function ', ' navigation bar is located at the bottom of the page", "where the navigation bar is located at the upper side of the page as a function area", "where the function area contains detailed functions corresponding to the functions" ]. Wherein "generate a page containing a function, B function, C function" corresponds to the second semantic category. "wherein the page contains a navigation bar" corresponds to the first semantic category. The navigation column is provided with navigation buttons with mapping relations with the functions A, B and C and corresponds to the first semantic category. The "fill text in button" corresponds to the first semantic category as "A function", "B function", "C function", respectively. The "navigation bar is at the bottom of the page" corresponds to the first semantic category. The "upper side of the navigation bar is a functional area" corresponds to the first semantic category. The "function region contains detailed functions corresponding to functions" corresponds to the first semantic category. Therefore, the obtained page structure description information may be [ "wherein, the page contains a navigation bar", "the navigation bar has navigation buttons with mapping relation with the A function, the B function and the C function", "the filling text in the buttons is ' A function ', ' B function ', ' C function ', ' navigation bar is at the bottom of the page", "the upper side of the navigation bar is a function area", "the function area contains detailed functions corresponding to the functions" ]. The obtained page function description information may be [ "generate a page containing a function, B function, C function" ].

And step 103, determining a page area information set according to the page structure description information.

In some embodiments, the executing entity may determine the page area information set according to the page structure description information. In practice, the page region corresponding to the page region information may refer to a region corresponding to the < DIV > page element. The page area information in the page area information set may include: page area description information and page area specification information. The page area description information is used for describing the hierarchical relationship between page areas corresponding to different page area information. In practice, a complex function web application page may contain nested relationships between < DIV > page elements, and therefore, it is necessary to describe hierarchical relationships between page areas corresponding to different page area information by page area description information. The page area specification information may characterize an area size and a location of the page area.

In some optional implementations of some embodiments, the executing body may determine the set of page area information according to the page structure description information, and the method may include the following steps:

the first step, word segmentation processing is carried out on the page structure description information so as to generate candidate description words, and a candidate description word set is obtained.

In practice, the execution subject may perform word segmentation on the page structure description information through Jieba word segmentation, so as to generate candidate description words, and obtain a candidate description word set.

And a second step of determining the description word type of each candidate description word in the candidate description word set.

In practice, the executing entity may determine the descriptor type of each candidate descriptor in the candidate descriptor set through a descriptor type classification model. Specifically, the above-described word-class classification model may include: a word vector conversion model and three classification layers. The Word vector conversion model may be a Word2Vec model. The three classification layers may be fully connected layers. The classification categories of the three classification layer outputs may include: the page structure specification defines a type. Page structure types and other types. The page structure type characterizes candidate descriptors which are nouns in part of speech and are used for limiting the page structure. The page structure specification definition type characterizes candidate descriptors which are non-nouns in part of speech and are used for defining candidate descriptors for defining a page structure.

And thirdly, screening out the candidate descriptor with the corresponding descriptor type of the page structure type from the candidate descriptor set as the page structure descriptor to obtain a page structure descriptor set.

And step four, screening out the candidate descriptor with the corresponding descriptor type of the page structure specification limiting type from the candidate descriptor set as a target descriptor to obtain a target descriptor set.

Fifth, for each page structure descriptor in the page structure descriptor set, the following processing steps are performed:

a first sub-step of determining a word association degree of the page structure descriptor with each target descriptor in the target descriptor set.

The word association degree is determined by the word distance and word matching degree of the page structure descriptor and the target descriptor. The word distance characterizes the relative distance between the page structure descriptor and the target descriptor in the page structure descriptor. The word matching degree characterizes the word vector similarity between the page structure descriptor and the target descriptor. The word association is obtained by weighted summation of word distance and word matching. The word distance and the word matching degree are normalized.

And a second sub-step of generating initial page area description information corresponding to the page structure description words according to the target description words and the page structure description words, wherein the word association degree of the initial page area description information is corresponding to the page structure description words.

Wherein, the word screening condition can be: the corresponding word association is greater than a preset threshold.

And a third sub-step of generating page area description information included in the page area information set according to the obtained initial page area description information set.

In practice, the execution body may perform information structuring processing on the initial page area description information set to generate the page area description information.

And a fourth sub-step of predicting, for each piece of page area information in the page area information set, a page area specification using page area description information included in the page area information as a prediction constraint condition, so as to generate page area specification information included in the page area information.

As an example, the execution body may convert the prediction of the page area specification into an optimization task, that is, first generate an initial frame, and use page area description information included in the page area information as a prediction constraint condition, adjust the initial page area specification by controlling an optimization function, and when the function value of the optimization function converges, determine the page area specification at the time of convergence as page area specification information included in the page area information.

As yet another example, the execution subject may predict the page area specification by using the page area description information included in the page area information as a prediction constraint condition through an LLM (Large Language Model ) model, for example, a GPT model, so as to generate page area specification information included in the page area information.

Step 104, generating a page area frame code of a page area corresponding to the page area specification information included in the page area information for each page area information in the page area information set.

In some embodiments, for each page area information in the page area information set, the execution subject may generate a page area frame code of a page area corresponding to page area specification information included in the page area information.

In practice, the execution body may use the page area specification information included in the page area information as a page element attribute value, for example, a width value, a height value, and the like, so as to generate a page area frame code of a page area corresponding to the page area specification information included in the page area information.

In some optional implementations of some embodiments, the executing body may generate a page area frame code of a page area corresponding to page area specification information included in the page area information, and may include the steps of:

First, generating an initial frame code of a page area type corresponding to page area specification information included in the page area information.

In practice, the execution body may generate < DIV style= ">/DIV > as the initial frame code of the page area type corresponding to the page area specification information included in the page area information.

And secondly, filling the page element attribute of the initial frame code according to the page area specification information included in the page area information to obtain the page area frame code of the page area corresponding to the page area included in the page area specification information.

In practice, the execution body may fill the page area specification information included in the page area information as a page element attribute value into "style" to generate a page area frame code corresponding to the page area specification information included in the page area information. For example, the page area frame code may be < DIV style= "wide:200px; height:20px; margin-left:5px; packing: 5px ">/DIV >.

And 105, generating an initial page code according to the hierarchical relation corresponding to the page area description information included in the page area frame code and the obtained page area frame code set.

In some embodiments, the execution body may generate the initial page code according to a hierarchical relationship corresponding to the page area description information included in the page area frame code and the obtained page area frame code set. In practice, the execution body may nest the page area frame codes in the page area frame code set according to the hierarchical relationship corresponding to the page area description information included in the page area frame codes, so as to generate the initial page code.

As an example, the page area frame code set includes: page area frame code a and page area frame code B. And the page area frame code A corresponds to the page area description information A. Page area description information B corresponding to the page area frame code B. The page area description information A characterizes the page area corresponding to the page area frame code A to cover the page area corresponding to the page area frame code B. The page area description information B characterizes that the page area corresponding to the page area frame code B is contained in the page area corresponding to the page area frame code A. Thus, the execution body may nest the page area frame code B into the page area frame code B, e.g., < DIV > < DIV > … </DIV > </DIV > nested relationship.

In some optional implementations of some embodiments, the generating, by the execution body, an initial page code according to a hierarchical relationship corresponding to the page area description information included in the page area frame code and the obtained page area frame code set may include the following steps:

and adjusting the code hierarchy relationship among the page area frame codes in the page area frame code set according to the hierarchy relationship corresponding to the page area frame codes and the page area description information included in the page area frame codes so as to generate the initial page code. Specifically, the execution subject can obtain the initial page code by adjusting the nesting relation between the codes.

And step 106, determining initial page fine adjustment information according to the page function description information.

In some embodiments, the executing entity may determine the initial page trimming information according to the page function description information. The initial page trimming information may include: page area adjustment information and page area function fill information. The page area adjustment information may be information for performing area position fine adjustment on the page area. The page area function filling information may be information for filling the function code.

As an example, the execution body may determine at least one page function corresponding to the page function description information by means of semantic recognition, for example, by using a BERT model. And then, generating functional codes corresponding to the page functions in at least one page function through a GPT model, so as to obtain page area function filling information.

In some optional implementations of some embodiments, the determining, by the executing body, initial page trimming information according to the page function description information may include the following steps:

the first step, the page function description information is split to obtain a page function description sub-information set.

In practice, the execution main body can perform page function identification according to the page function description information through the BERT model to obtain a page function description sub-information set. The page function description information is function description information for page functions.

And secondly, generating a function code corresponding to the page function descriptor information in the page function descriptor information set as the page area function filling information.

As an example, the execution body may generate the page function descriptor information corresponding function code as the page area function filling information through a GPT model.

As yet another example, the execution subject may obtain the page area function filling information by retrieving a function code template library constructed in advance to determine a function code corresponding to the page function descriptor information.

And thirdly, determining whether a page template matched with the page function description information exists.

In practice, the executing body may determine the similarity of the description information, calculate the similarity between the page function description information and the template description information corresponding to the page template, and when the similarity of the description information is greater than the threshold, use the page template with the similarity of the description information greater than the threshold as the page template matched with the page function description information.

And a fourth step of determining page area adjustment content for a page area corresponding to the page area information in the page area information set as the page area adjustment information according to the template layout of the page template in response to existence.

In practice, the execution body may determine a region difference between a page region corresponding to a < DIV > page element included in the page template and a page region corresponding to the page region information of the relative position, and determine the region difference as the page region adjustment information. For example, the page template includes a page region of 10px for the < DIV > page element. The Padding of the page area corresponding to the page area information is 5px. The page area adjustment content may be "padding delta: 5 px).

And fifthly, generating the page area adjustment information through a pre-trained page area optimization model and the page function description information in response to the absence.

In practice, the page area optimization model may be a GAN model, that is, page function description information is input as a model of the page area optimization model, and page area adjustment information for performing area fine adjustment on a page area corresponding to page area information in the page area information set is generated.

And step 107, adjusting the page code of the initial page code according to the page area adjustment information and the page area function filling information so as to generate an adjusted page code.

In some embodiments, the execution body may perform page code adjustment on the initial page code according to the page area adjustment information and the page area function filling information, so as to generate an adjusted page code. In practice, first, the execution body may update the initial page code according to the page area adjustment information. Then, the executing main body can carry out code filling on the updated initial page code according to the page area function filling information so as to generate the broom page code. Specifically, in the code filling process, the executing host fills the code corresponding to the page area function filling information to the relative position of the updated initial page code, so as to obtain the adjusted page code.

And step 108, generating a webpage application page aiming at the page requirement description information according to the adjusted page code.

In some embodiments, the execution body may generate a web application page for the page requirement description information according to the adjusted page code. In practice, the execution body may render the adjusted page code to generate a web application page for the page requirement description information.

In some optional implementations of some embodiments, the executing body may generate the web application page for the page requirement description information according to the adjusted page code, and may include the following steps:

first, a rendering tree and a document objectification model tree for the adjusted page code are generated.

In practice, the execution subject may generate a rendering tree (CSS tree) and a document objectification model tree (DOM tree) for the adjusted page code by a browser engine.

And secondly, performing page rendering according to the rendering tree and the document objectification model tree to generate a webpage application page of the page demand description information.

In practice, first, the execution body may perform tree merging on the rendering tree and the document objectification model tree to generate a merged tree. Then, the execution body may calculate the layout of each page element in the merge tree, and draw the page element to implement page rendering, so as to obtain the web page application page of the page requirement description information.

With further reference to fig. 2, as an implementation of the method shown in the foregoing figures, the present disclosure provides some embodiments of a page generating apparatus applied to a web application, which corresponds to those method embodiments shown in fig. 1, and may be applied to various electronic devices in particular.

As shown in fig. 2, a page generating apparatus 200 applied to a web application of some embodiments includes: an acquisition unit 201, an information splitting unit 202, a first determination unit 203, a first generation unit 204, a second generation unit 205, a second determination unit 206, a page code adjustment unit 207, and a third generation unit 208. The acquiring unit 201 is configured to acquire page requirement description information, where the page requirement description information is description information for describing a page structure and a page function; an information splitting unit 202 configured to split the above page requirement description information to generate page structure description information and page function description information; a first determining unit 203 configured to determine a set of page area information according to the page structure description information, where page area information in the set of page area information includes: page area description information and page area specification information, wherein the page area description information is used for describing hierarchical relations among page areas corresponding to different page area information; a first generation unit 204 configured to generate, for each piece of page area information in the set of page area information, a page area frame code of a page area corresponding to page area specification information included in the piece of page area information; a second generating unit 205 configured to generate an initial page code according to a hierarchical relationship corresponding to the page area description information included in the page area frame code and the obtained page area frame code set; a second determining unit 206 configured to determine initial page trimming information according to the page function description information, where the initial page trimming information includes: page area adjustment information and page area function filling information; a page code adjustment unit 207 configured to perform page code adjustment on the initial page code according to the page area adjustment information and the page area function filling information to generate an adjusted page code; the third generating unit 208 is configured to generate a web application page for the page requirement description information according to the adjusted page code.

It will be appreciated that the elements described in the page generating apparatus 200 applied to the web application correspond to the respective steps in the method described with reference to fig. 1. Thus, the operations, features and advantages described above with respect to the method are equally applicable to the page generating apparatus 200 and the units contained therein applied to the web application, and are not described herein again.

Referring now to fig. 3, a schematic diagram of an electronic device (e.g., computing device) 300 suitable for use in implementing some embodiments of the present disclosure is shown. The electronic device shown in fig. 3 is merely an example and should not impose any limitations on the functionality and scope of use of embodiments of the present disclosure.

As shown in fig. 3, the electronic device 300 may include a processing means (e.g., a central processing unit, a graphics processor, etc.) 301 that may perform various suitable actions and processes in accordance with programs stored in a read-only memory 302 or programs loaded from a storage 308 into a random access memory 303. In the random access memory 303, various programs and data necessary for the operation of the electronic device 300 are also stored. The processing means 301, the read only memory 302 and the random access memory 303 are connected to each other by a bus 304. An input/output interface 305 is also connected to the bus 304.

In general, the following devices may be connected to the I/O interface 305: input devices 306 including, for example, a touch screen, touchpad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; an output device 307 including, for example, a Liquid Crystal Display (LCD), a speaker, a vibrator, and the like; storage 308 including, for example, magnetic tape, hard disk, etc.; and communication means 309. The communication means 309 may allow the electronic device 300 to communicate with other devices wirelessly or by wire to exchange data. While fig. 3 shows an electronic device 300 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. Each block shown in fig. 3 may represent one device or a plurality of devices as needed.

In particular, according to some embodiments of the present disclosure, the processes described above with reference to flowcharts may be implemented as computer software programs. For example, some embodiments of the present disclosure include a computer program product comprising a computer program embodied on a computer readable medium, the computer program comprising program code for performing the method shown in the flow chart. In such embodiments, the computer program may be downloaded and installed from a network via communications device 309, or from storage device 308, or from read only memory 302. The above-described functions defined in the methods of some embodiments of the present disclosure are performed when the computer program is executed by the processing means 301.

It should be noted that, the computer readable medium described in some embodiments of 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 some embodiments of the present 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 some embodiments of the present disclosure, however, the computer-readable signal medium may comprise 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 (Hyper Text 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: acquiring page demand description information, wherein the page demand description information is description information for describing a page structure and a page function; splitting the page demand description information to generate page structure description information and page function description information; determining a page area information set according to the page structure description information, wherein the page area information in the page area information set comprises: page area description information and page area specification information, wherein the page area description information is used for describing hierarchical relations among page areas corresponding to different page area information; generating a page area frame code of a page area corresponding to page area specification information included in the page area information for each page area information in the page area information set; generating an initial page code according to a hierarchical relation corresponding to page area description information included in the page area frame code and the obtained page area frame code set; determining initial page trimming information according to the page function description information, wherein the initial page trimming information comprises: page area adjustment information and page area function filling information; according to the page area adjustment information and the page area function filling information, carrying out page code adjustment on the initial page code to generate an adjusted page code; and generating a webpage application page aiming at the page demand description information according to the adjusted page code.

Computer program code for carrying out operations for some embodiments of the present disclosure may be written in one or more programming languages, including 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 described in some embodiments of the present disclosure may be implemented by means of software, or may be implemented by means of hardware. The described units may also be provided in a processor, for example, described as: a processor includes an acquisition unit, an information splitting unit, a first determination unit, a first generation unit, a second determination unit, a page code adjustment unit, and a third generation unit. The names of these units do not limit the unit itself in some cases, and for example, the third generation unit may also be described as "a unit that generates a web application page for the above-described page-requirement description information according to the above-described adjusted page code".

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.

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 those skilled in the art that the scope of the invention in the embodiments of the present disclosure is not limited to the specific combination of the above technical features, but encompasses other technical features formed by any combination of the above technical features or their equivalents without departing from the spirit of the invention. Such as the above-described features, are mutually substituted with (but not limited to) the features having similar functions disclosed in the embodiments of the present disclosure.

Claims

1. A page generation method applied to a web page application comprises the following steps:

acquiring page demand description information, wherein the page demand description information is description information for describing a page structure and a page function;

splitting the page demand description information to generate page structure description information and page function description information;

determining a page area information set according to the page structure description information, wherein the page area information in the page area information set comprises: page area description information and page area specification information, wherein the page area description information is used for describing hierarchical relations among page areas corresponding to different page area information;

generating a page area frame code of a page area corresponding to page area specification information included in the page area information for each page area information in the page area information set;

generating an initial page code according to a hierarchical relation corresponding to page area description information included in the page area frame code and the obtained page area frame code set;

determining initial page trimming information according to the page function description information, wherein the initial page trimming information comprises: page area adjustment information and page area function filling information;

According to the page area adjustment information and the page area function filling information, carrying out page code adjustment on the initial page code to generate an adjusted page code;

and generating a webpage application page aiming at the page demand description information according to the adjusted page code.

2. The method of claim 1, wherein the splitting the page requirement description information to generate page structure description information and page function description information comprises:

performing sentence granularity segmentation on the page demand description information to obtain a page description information sentence set;

performing sentence vector coding on each page description information sentence in the page description information sentence set to generate a candidate page description information sentence vector, and obtaining a candidate page description information sentence vector set;

performing vector alignment on candidate page description information statement vectors in the candidate page description information statement vector set to generate a page description information statement vector set;

for each page description information sentence vector in the page description information sentence vector set, determining the semantic category of the page description information sentence corresponding to the page description information sentence vector according to the page description information sentence vector and a pre-trained two-class model;

Combining the page description information sentences with the corresponding semantic categories in the page description information sentence sets as the first semantic categories according to the relative language orders in the page demand description information to obtain the page structure description information;

and combining the page description information sentences with the corresponding semantic categories in the page description information sentence sets as the second semantic categories according to the relative language orders in the page requirement description information to obtain the page function description information.

3. The method of claim 2, wherein the determining a set of page area information from the page structure description information comprises:

performing word segmentation on the page structure description information to generate candidate description words, and obtaining a candidate description word set;

determining a descriptor type of each candidate descriptor in the candidate descriptor set;

screening out the candidate descriptor with the corresponding descriptor type of the page structure type from the candidate descriptor set as the page structure descriptor to obtain a page structure descriptor set;

selecting the candidate descriptor with the corresponding descriptor type being the page structure specification limiting type from the candidate descriptor set as a target descriptor to obtain a target descriptor set;

For each page structure descriptor in the set of page structure descriptors, performing the following processing steps:

determining word association degree of the page structure descriptor and each target descriptor in the target descriptor set, wherein the word association degree is determined by word distance and word matching degree of the page structure descriptor and the target descriptor;

generating initial page area description information corresponding to the page structure description words according to the target description words and the page structure description words, wherein the word association degree corresponding to the target description words in the target description word set meets word screening conditions;

generating page area description information included in the page area information set according to the obtained initial page area description information set;

and for each piece of page area information in the page area information set, predicting the page area specification by taking page area description information included in the page area information as a prediction constraint condition so as to generate page area specification information included in the page area information.

4. A method according to claim 3, wherein the generating a page area frame code of a page area corresponding to page area specification information included in the page area information includes:

Generating an initial frame code of a page area type corresponding to page area specification information included in the page area information;

and filling the page element attribute of the initial frame code according to the page area specification information included in the page area information to obtain the page area frame code of the page area corresponding to the page area of the page area specification information included in the page area information.

5. The method of claim 4, wherein the generating the initial page code according to the hierarchical relationship corresponding to the page area description information included in the page area frame code and the obtained page area frame code set includes:

and adjusting the code hierarchy relationship among the page area frame codes in the page area frame code set according to the hierarchy relationship corresponding to the page area frame codes and the page area description information included in the page area frame codes so as to generate the initial page code.

6. The method of claim 5, wherein said determining initial page trim information from said page function description information comprises:

carrying out page function splitting on the page function description information to obtain a page function description sub-information set;

Generating a function code corresponding to the page function description sub-information in the page function description sub-information set as the page area function filling information;

determining whether a page template matched with the page function description information exists;

determining page area adjustment content of a page area corresponding to the page area information in the page area information set according to the template layout of the page template in response to existence, and taking the page area adjustment content as the page area adjustment information;

and generating the page area adjustment information through a pre-trained page area optimization model and the page function description information in response to the absence.

7. The method of claim 6, wherein the generating a web application page for the page requirement description information from the adjusted page code comprises:

generating a rendering tree and a document objectification model tree for the adjusted page code;

and performing page rendering according to the rendering tree and the document objectification model tree to generate a webpage application page of the page demand description information.

8. A page generation apparatus for a web application, comprising:

The system comprises an acquisition unit, a storage unit and a storage unit, wherein the acquisition unit is configured to acquire page demand description information, and the page demand description information is description information for describing a page structure and a page function;

the information splitting unit is configured to split the page demand description information to generate page structure description information and page function description information;

a first determining unit configured to determine a set of page area information according to the page structure description information, wherein page area information in the set of page area information includes: page area description information and page area specification information, wherein the page area description information is used for describing hierarchical relations among page areas corresponding to different page area information;

a first generation unit configured to generate, for each page area information in the page area information set, a page area frame code of a page area corresponding to page area specification information included in the page area information;

the second generation unit is configured to generate an initial page code according to the hierarchical relation corresponding to the page area description information included in the page area frame code and the obtained page area frame code set;

A second determining unit configured to determine initial page trimming information according to the page function description information, wherein the initial page trimming information includes: page area adjustment information and page area function filling information;

the page code adjusting unit is configured to adjust the page code of the initial page code according to the page area adjusting information and the page area function filling information so as to generate an adjusted page code;

and the third generation unit is configured to generate a webpage application page aiming at the page requirement description information according to the adjusted page code.

9. An electronic device, comprising:

one or more processors;

a storage device having one or more programs stored thereon;

when executed by the one or more processors, causes the one or more processors to implement the method of any of claims 1 to 7.

10. A computer readable medium having stored thereon a computer program, wherein the computer program, when executed by a processor, implements the method of any of claims 1 to 7.