Interactive interface generation method, system, device and medium

Abstract

The embodiments of the present specification provide a method, system, device and medium for generating an interactive interface, the method comprising determining interface generation instructions and / or template generation instructions based on user demand information, the user demand information comprising interface generation requirements and / or template generation requirements; based on the interface generation instructions, generating a target execution interface through preset functional modules; and / or, based on the template generation instructions, generating a target template interface.

Description

Technical Field

[0001] The present invention relates to the field of computer technology, and in particular to a method, system, device and medium for generating an interactive interface. Background Art

[0002] When producing interactive interfaces, engineers usually design the functional modules and styles required by the interactive interface based on current business needs, and then use development tools to implement the interactive interface using code. Under different business needs, the design of the interactive interface is usually different. When business needs change, developers are often required to manually modify and compile the code of the interactive interface. In addition, different interactive interfaces may have similar modules, and when business needs do not change much, especially when only the style of the modules changes in the business needs, it takes a lot of time and effort for engineers to manually modify and compile the code of the interactive interface, which makes the generation efficiency of the interactive interface low and difficult to modify in batches.

[0003] Based on this, it is hoped to provide a method, system, device and medium for generating an interactive interface to improve the generation efficiency of the interactive interface. Summary of the invention

[0004] One or more embodiments of the present specification provide a method for generating an interactive interface. The method comprises: determining an interface generation instruction and / or a template generation instruction based on user requirement information, wherein the user requirement information comprises an interface generation requirement and / or a template generation requirement; generating a target execution interface through a preset function module based on the interface generation instruction; and / or generating a target template interface based on the template generation instruction.

[0005] One or more embodiments of the present specification provide an interactive interface generation system, characterized in that it includes: an instruction generation module, configured to determine interface generation instructions and / or template generation instructions based on user demand information, wherein the user demand information includes interface generation requirements and / or template generation requirements; an execution interface generation module, configured to generate a target execution interface through a preset function module based on the interface generation instructions; and / or a template interface generation module, configured to generate a target template interface based on the template generation instructions.

[0006] One or more embodiments of the present specification provide an interactive interface generating device, including a processor, wherein the processor is used to execute an interactive interface generating method.

[0007] One or more embodiments of the present specification provide a computer-readable storage medium, wherein the storage medium stores computer instructions. When a computer reads the computer instructions in the storage medium, the computer executes the interactive interface generation method.

[0008] The beneficial effects of the interactive interface generation method, system, device and medium provided in this specification may include but are not limited to: (1) being able to automatically obtain and determine the target style adjustment parameters, and being able to quickly obtain the color style of some websites whose source codes are encrypted; (2) automatically generating interfaces based on different user needs, eliminating the need for engineers to write different interface codes according to different requirements, reducing the repetitive and tedious work pressure on engineers, enhancing the automation capabilities in the web page production process, and improving web page production efficiency; (3) by automatically generating interfaces and adapting to the target style adjustment parameters, there is no need to spend additional time and effort manually to adjust the interface style, saving time and manpower and improving work efficiency. BRIEF DESCRIPTION OF THE DRAWINGS

[0009] This specification will be further described in the form of exemplary embodiments, which will be described in detail by the accompanying drawings. These embodiments are not restrictive, and in these embodiments, the same number represents the same structure, wherein:

[0010] Figure 1 is an exemplary module diagram of an interactive interface generation system according to some embodiments of this specification;

[0011] Figure 2 is an exemplary flow chart of a method for generating an interactive interface according to some embodiments of this specification;

[0012] Figure 3 is an exemplary schematic diagram of generating a target execution interface according to some embodiments of this specification;

[0013] Figure 4 is an exemplary schematic diagram of generating a target template interface according to some embodiments of this specification;

[0014] Figure 5 This is an exemplary schematic diagram of determining style adjustment parameters according to the application of a style extraction model as shown in some embodiments of this specification. DETAILED DESCRIPTION

[0015] In order to more clearly illustrate the technical solutions of the embodiments of this specification, the following is a brief introduction to the drawings required for the description of the embodiments. Obviously, the drawings described below are only some examples or embodiments of this specification. For ordinary technicians in this field, this specification can also be applied to other similar scenarios based on these drawings without creative work. Unless it is obvious from the language environment or otherwise explained, the same reference numerals in the figures represent the same structure or operation.

[0016] It should be understood that the "system", "device", "unit" and / or "module" used herein are a method for distinguishing different components, elements, parts, portions or assemblies at different levels. However, if other words can achieve the same purpose, the words can be replaced by other expressions.

[0017] As shown in this specification and claims, unless the context clearly indicates an exception, the words "a", "an", "an" and / or "the" do not refer to the singular and may also include the plural. Generally speaking, the terms "comprises" and "includes" only indicate the inclusion of the steps and elements that have been clearly identified, and these steps and elements do not constitute an exclusive list. The method or device may also include other steps or elements.

[0018] Flowcharts are used in this specification to illustrate the operations performed by the system according to the embodiments of this specification. It should be understood that the preceding or following operations are not necessarily performed precisely in order. Instead, the steps may be processed in reverse order or simultaneously. At the same time, other operations may also be added to these processes, or one or more operations may be removed from these processes.

[0019] Figure 1 is an exemplary module diagram of an interactive interface generation system according to some embodiments of this specification. Figure 1 As shown, the interactive interface generation system 100 may include an instruction generation module 110 , an execution interface generation module 120 and / or a template interface generation module 130 .

[0020] In some embodiments, the instruction generation module 110 may be used to determine an interface generation instruction and / or a template generation instruction based on user requirement information, wherein the user requirement information includes an interface generation requirement and / or a template generation requirement.

[0021] In some embodiments, the execution interface generation module 120 may be used to generate a target execution interface through preset function modules based on an interface generation instruction.

[0022] In some embodiments, the execution interface generation module 120 may be further used to: determine an instruction package based on the interface generation instruction; and generate a target execution interface through a preset function module based on the instruction package and the standard case library.

[0023] In some embodiments, the template interface generation module 130 may be used to generate a target template interface based on a template generation instruction.

[0024] In some embodiments, the template interface generation module 130 can be further used to: determine a reference template based on style information and / or product attributes and a standard template library in response to receiving a template generation instruction; and generate a target template interface based on the product attributes and the reference template.

[0025] In some embodiments, the template interface generation module 130 can be further used to: determine demand characteristics based on style information and / or product attributes; determine standard characteristics based on standard templates in the standard template library; and determine a reference template based on demand characteristics and standard characteristics.

[0026] In some embodiments, the interaction interface generation system 100 may further include a style adjustment module 140 .

[0027] In some embodiments, the style adjustment module 140 may be used to determine style adjustment parameters in response to the target execution interface and / or the target template interface being an embedded interface, and adjust the style of the target execution interface and / or the target template interface based on the style adjustment parameters, wherein the style adjustment parameters include fonts and / or colors.

[0028] In some embodiments, the embedded interface is obtained by embedding a third-party webpage in the target website, and the target website includes structured data. The style adjustment module 140 can be further used to determine style adjustment parameters based on the structured data.

[0029] For more information about the instruction generation module 110, the execution interface generation module 120, the template interface generation module 130, and the style adjustment module 140, please refer to Figure 2-Figure 5 and its related description.

[0030] It should be noted that the above description of the interactive interface generation system 100 and its modules is only for convenience of description and does not limit the present specification to the scope of the embodiments. It is understandable that, after understanding the principle of the system, those skilled in the art may arbitrarily combine the modules or form a subsystem to connect with other modules without deviating from the principle.

[0031] Figure 2 is an exemplary flow chart of the interactive interface generation method according to some embodiments of the present specification. In some embodiments, the process 200 may include steps 210 to 230. In some embodiments, the process 200 may be executed by the interactive interface generation system 100.

[0032] Step 210: Determine interface generation instructions and / or template generation instructions based on user demand information.

[0033] User demand information refers to information related to the user's demand for an interactive interface. In some embodiments, the user demand information includes interface generation requirements and / or template generation requirements.

[0034] The interface generation requirement refers to the actual demand of the user for the execution interface. The execution interface can be understood as the front-end interface, that is, the interface where the user can perform interactive operations. For example, if the user wants to create a partition in the execution interface, the interface generation requirement is to generate a partition interface. For another example, if the user wants to adjust the volume in the execution interface, the interface generation requirement is to generate a volume adjustment interface. In some embodiments, the execution interface can be divided into multiple types according to the carrier type (including mobile phones, tablets, computers, etc.). For example, the execution interface may include a mobile phone screen interface, a tablet screen interface, a computer screen interface, etc. In some embodiments, the execution interface can be further divided into multiple types according to different program types (including web pages, APPs, mini programs, etc.). For example, the execution interface may include a web page interface, an APP interface, a mini program interface, etc.

[0035] Template generation requirements refer to actual requirements of users for the presentation form of the execution interface. For example, when the execution interface is a volume adjustment interface, the template generation requirements may be to set a slider in the volume adjustment interface. In some embodiments, the template generation requirements include style information and / or product attributes. For detailed descriptions of style information and product attributes, please refer to Figure 4 and its related description.

[0036] In some embodiments, the user demand information can be obtained through user input. In some embodiments, the user demand information can also be obtained through other methods.

[0037] The interface generation instruction refers to an instruction for generating a target execution interface. The interface generation instruction can be used to instruct the execution interface generation module 120 to generate a corresponding target execution interface according to the interface generation requirements. In some embodiments, the instruction generation module 110 can automatically generate the interface generation instruction based on the interface generation requirements. In some embodiments, the instruction generation module 110 can also determine the interface generation instruction through a first preset table based on the interface generation requirements. Among them, the first preset table may include a correspondence between different interface generation requirements and different interface generation instructions, which can be constructed based on the interface generation requirements and the interface generation instructions in the historical data.

[0038] The template generation instruction refers to an instruction for generating a target template interface. The interface generation instruction can be used to instruct the template interface generation module 130 to generate a corresponding target template interface according to the template generation requirement.

[0039] In some embodiments, the instruction generation module 110 can automatically generate a template generation instruction based on the template generation requirement. In some embodiments, the instruction generation module 110 can also determine the template generation instruction through a second preset table based on the template generation requirement. Among them, the second preset table may include a correspondence between different template generation requirements and different template generation instructions, which can be constructed based on the template generation requirements and template generation instructions in the historical data.

[0040] Step 220: Based on the interface generation instruction, a target execution interface is generated through a preset functional module.

[0041] The preset function module refers to a function module that can automatically generate a target execution interface. The preset function module can be embedded in the front end. Exemplary preset function modules may include but are not limited to Agent, etc.

[0042] The target execution interface refers to an execution interface that can meet user needs (such as interface generation needs). As an example, if the interface generation instruction is a partition interface generation instruction (such as creating two partitions), the target execution interface can be the interface formed after creating two partitions, that is, the interface has two partitions.

[0043] In some embodiments, the execution interface generation module 120 can automatically generate the target execution interface code based on the preset function module, and generate the target execution interface by executing the target execution interface code. For more information about generating the target execution interface, please refer to Figure 3 and its related description.

[0044] Step 230, generating a target template interface based on the template generation instruction.

[0045] The target template interface refers to a template interface that can meet user needs (such as template generation needs). The template interface can be understood as a user interface (UI), such as a web UI, an APP UI, etc.

[0046] In some embodiments, the template interface generation module 130 can automatically generate the target template interface code through the preset function module based on the template generation instruction, and generate the target template interface by executing the target template interface code. For more information about generating the target template interface, please refer to Figure 4-Figure 5 and its related description.

[0047] It should be noted that the generated interactive interface may only generate the target execution interface or only generate the target template interface, or may generate both the target execution interface and the target template interface at the same time. The specific generation method may be determined based on user demand information.

[0048] In some embodiments of the present specification, a target execution interface and / or a target template interface are automatically generated based on user demand information, which can automate the original manually performed operations on the basis of meeting user needs, avoid manual modification by engineers, and do not require additional time and effort by humans, which can effectively improve the production efficiency of interactive interfaces (such as web pages) and save time costs. In addition, the target execution interface and / or the target template interface can be selectively generated according to the actual needs of the user, further improving the production efficiency of the interactive interface.

[0049] In some embodiments, the target execution interface and / or the target template interface may be an embedded interface. An embedded interface refers to an interface formed after a third-party webpage is embedded in a target website. A third-party webpage refers to a webpage generated by third-party software or tools, such as a data analysis webpage. A target website refers to a website to be embedded in a third-party webpage. The third-party webpage and the target website are determined by user input. For example, a user's own website may be used as a target website.

[0050] In some embodiments, the style adjustment module 140 may determine style adjustment parameters in response to the target execution interface and / or the target template interface being an embedded interface; and adjust the style of the target execution interface and / or the target template interface based on the style adjustment parameters.

[0051] The style adjustment parameters refer to the parameters for adjusting the style of the third-party webpage in order to adapt to the target website. In some embodiments, the style adjustment parameters may include fonts and / or colors.

[0052] In some embodiments, the style adjustment module 140 can determine the style adjustment parameter by comparing the target website with the third-party webpage. For example, the style adjustment module 140 can compare the font and / or color of the target website with the third-party webpage, and when the font of the third-party webpage is different from the font of the target website, the font of the target website is determined as the style adjustment parameter; when the color of the third-party webpage is different from the color of the target website, the color of the target website is determined as the style adjustment parameter to adjust the style of the target execution interface and / or the target template interface.

[0053] In some embodiments, the target website includes structured data. In some embodiments, the style adjustment module 140 may determine the style adjustment parameters based on the structured data.

[0054] Structured data refers to data composed of structures such as titles, chapters, paragraphs, etc. Exemplary structured data may include data in the formats of Cascading Style Sheets (CSS), HyperText Markup Language (HTML), Extensible Markup Language (XML), etc.

[0055] In some embodiments, the style adjustment module 140 may directly extract the webpage style from the structured data of the target website, and then determine the style adjustment parameters, wherein the webpage style includes the style of the webpage, such as the font, color, etc. For example, the style adjustment module 140 may crawl the CSS format data of the target website, and determine the font and / or color of the target website from the CSS format data, and determine it as the style adjustment parameter.

[0056] Some embodiments of the present specification can quickly determine the style adjustment parameters of the embedded interface based on structured data, lay the foundation for adjusting the style of the target execution interface and / or the target template interface, automatically adjust the style of the web page, and make the embedded interface automatically adapt to the style of the target website, avoiding manual modification by engineers and saving time and manpower.

[0057] In some embodiments, the target website includes website images. In some embodiments, the style adjustment module 140 may also determine the style adjustment parameters based on the website image sequence within a preset time period and the target style category of the target website.

[0058] A website image refers to one or more images included in a target website. A website image sequence within a preset time period refers to a sequence of website images that appear in sequence in a target website within a preset time period, arranged in chronological order. The preset time period can be set in advance, such as 1 month, half a year, etc.

[0059] In some embodiments, the style adjustment module 140 can capture the structured data (such as CSS format data) of the target website at a preset time interval within a preset time period, obtain website images from the structured data, and arrange the website images within the preset time period in chronological order, thereby obtaining a website image sequence within the preset time period. The preset time interval can be set based on actual conditions, such as 1 day, 1 week, etc.

[0060] The target style category refers to the style category of the target website that can meet the user's needs. In some embodiments, the target style category may include a target font and / or a target color. The target font refers to a font that meets the user's expectations or needs, such as Kaiti, Songti, etc. The target color refers to a color or color system that meets the user's expectations or needs, such as blue, yellow, black or warm colors, cool colors, etc. In some embodiments, the target style category can be obtained based on user input.

[0061] In some embodiments, the style adjustment module 140 may compare the style of the website image sequence within a preset time period with the target style category to determine the style adjustment parameter. It is understandable that the style of the website image sequence may include the style of at least one website image, such as the font contained in the website image, the color of the website image, etc.

[0062] As an example only, the style adjustment module 140 can compare the style of at least one website image in the website image sequence within a preset time period with the target style category one by one, and determine the font and / or color of the website image corresponding to the time when the first similarity between the style of the website image and the target style category is the largest as the style adjustment parameter.

[0063] The first similarity refers to the similarity between the style of the website image and the target style category. In some embodiments, the first similarity can be obtained by weighted summing the similarity between the font contained in the website image and the target font, and the similarity between the color of the website image and the target color. Among them, the weighted weight can be determined according to the actual situation. In some embodiments, the style adjustment module 140 can determine the similarity between the font contained in the website image and the target font based on the edit distance algorithm or the shape distance algorithm. The style adjustment module 140 can determine the similarity between the color of the website image and the target color by calculating the distance between the RGB value of the color of the website image and the RGB value of the target color (such as cosine distance, Euclidean distance, etc.). The distance is negatively correlated with the similarity, that is, the greater the distance, the smaller the similarity.

[0064] In some embodiments of the present specification, style adjustment parameters are determined based on website image sequences and target style categories within a preset time period, so that even for some websites with encrypted website source codes, their fonts and / or colors can be quickly obtained, and the style adjustment parameters can be quickly determined.

[0065] In some embodiments, the style adjustment module 140 may also determine the style adjustment parameters through a style extraction model based on the website image sequence and the target style category within a preset time period.

[0066] The style extraction model refers to a model that can be used to determine style adjustment parameters. In some embodiments, the style adjustment model is a machine learning model. For example, the style adjustment model may include a combination of one or more of a deep neural network (DNN) model, a convolutional neural network (CNN) model, or a custom model.

[0067] In some embodiments, the input of the style extraction model may include a website image sequence and a target style category within a preset time period, and the output of the style extraction model may include a style adjustment parameter.

[0068] In some embodiments, the style extraction model can be obtained based on a large number of labeled training samples. The training samples can include sample website image sequences and sample target style categories within a preset time period, and the labels can include actual style adjustment parameters corresponding to the training samples. The training samples can be determined based on historical data, and the labels can be determined based on manual annotation and other methods.

[0069] In some embodiments, the style adjustment module 140 may input the training sample into the initial style extraction model, and update the parameters of the initial style extraction model through training iterations until the trained model meets the preset training conditions, thereby obtaining a trained style extraction model. The preset training conditions may be that the loss function is less than a threshold, converges, or the training cycle reaches a threshold. In some embodiments, the method of iteratively updating the parameters of the model may include conventional model training methods such as stochastic gradient descent.

[0070] In some embodiments of the present specification, a website image sequence and a target style category within a preset time period are processed by a trained style extraction model to determine style adjustment parameters. Patterns can be found from a large amount of sample data to obtain the correlation between the website image sequence and the target style category, thereby improving the accuracy and efficiency of determining the style adjustment parameters.

[0071] In some embodiments, the style extraction model may be composed of multiple processing layers. Figure 5 FIG. 1 is an exemplary schematic diagram of determining style adjustment parameters by applying a style extraction model according to some embodiments of this specification. Figure 5 As shown, the style extraction model may include a feature extraction layer 520 and a style data determination layer 550 .

[0072] The feature extraction layer refers to a model used to determine a website feature sequence. In some embodiments, the feature extraction layer may be a machine learning model. For example, the feature extraction layer may include any one or a combination of a DNN model, a CNN model, etc.

[0073] like Figure 5 As shown, the input of the feature extraction layer 520 may include a website image sequence 510 within a preset time period, and the output of the feature extraction layer 520 may include a website feature sequence 530. The website feature sequence refers to a sequence consisting of features extracted from the data of the target website. In some embodiments, the website feature sequence may be a sequence consisting of image features extracted from a website image sequence.

[0074] The style data determination layer refers to a model used to determine style adjustment parameters. In some embodiments, the style data determination layer may be a machine learning model. For example, the style data determination layer may include any one or a combination of a DNN model, a CNN model, etc.

[0075] like Figure 5 As shown, the input of the style data determination layer 550 may include a website feature sequence 530 and a target style category 540 , and the output of the style data determination layer 550 may include a style adjustment parameter 560 .

[0076] In some embodiments, the output of the feature extraction layer may be used as the input of the style data determination layer, and the feature extraction layer and the style data determination layer may be obtained through joint training.

[0077] In some embodiments, the style adjustment module 140 can train the initial feature extraction layer and the initial style data determination layer based on a large number of labeled training samples. An exemplary joint training process includes: inputting a sample website image sequence within a preset time period of the sample into the initial feature extraction layer to obtain a website feature sequence output by the initial feature extraction layer; inputting the website feature sequence output by the initial feature extraction layer and the sample target style category into the initial style data determination layer to obtain the style adjustment parameters output by the initial style data determination layer; constructing a loss function based on the style adjustment parameters and labels output by the initial style data determination layer, and synchronously updating the parameters of the initial feature extraction layer and the initial style data determination layer. By updating the parameters, a trained feature extraction layer and style data determination layer are obtained.

[0078] In some embodiments of the present specification, based on the website image sequence within a preset time period, the style adjustment parameters are determined by a trained style extraction model, which can effectively ensure the accuracy of the style adjustment parameters, thereby laying a foundation for quickly and accurately determining the style adjustment parameters. At the same time, by determining the style adjustment parameters through the website image sequence and the target style category within the preset time period, when facing some encrypted websites and / or websites that are not convenient to build structured data, their style data can also be quickly obtained, which helps to quickly determine the style adjustment parameters under various restrictions. In addition, the style extraction model is trained in a joint training manner to obtain the parameters of the feature extraction layer. In some cases, it is helpful to solve the problem of difficulty in obtaining labels when training the feature extraction layer alone, and it can also enable the feature extraction layer to better obtain image features that reflect the website image sequence.

[0079] In some embodiments, when a third-party webpage is embedded in a target website, the style adjustment module 140 may enable the third-party webpage to automatically generate a webpage style corresponding to the style parameters of the target website according to the style adjustment parameters to adjust the style of the target execution interface and / or the target template interface.

[0080] In some embodiments of the present specification, when a third-party web page is embedded in a target website, the web page style of the third-party web page is automatically adjusted according to style adjustment parameters, thereby adjusting the style of the target execution interface and / or the target template interface, thereby avoiding the need for engineers to manually modify the third-party web page to adapt it to the overall style of the target website, saving time and manpower.

[0081] It should be noted that the above description of the process 200 is only for example and illustration, and does not limit the scope of application of this specification. For those skilled in the art, various modifications and changes can be made to the process 200 under the guidance of this specification. However, these modifications and changes are still within the scope of this specification.

[0082] Figure 3 It is an exemplary schematic diagram of generating a target execution interface according to some embodiments of this specification.

[0083] In some embodiments, Figure 3 As shown, the execution interface generation module 120 can determine the instruction package 320 based on the interface generation instruction 310; and generate the target execution interface 340 through the preset function module based on the instruction package 320 and the standard case library 330. For the specific content of the interface generation instruction, the preset function module and the target execution interface, please refer to Figure 2 and its related description.

[0084] An instruction package refers to a JSON package formed by processing and packaging one or more instructions (such as interface generation instructions, etc.). Among them, JSON (JavaScript Object Notation) is a lightweight data exchange format. In some embodiments, the instruction package may include attributes and their attribute values. Among them, the attributes may be the functional attributes that the instruction package can implement, and the attribute values ​​may be the functional range corresponding to the functional attributes of the attribute package. In some embodiments, the attributes and their attribute values ​​may reflect the characteristics of the instruction package. For example, an instruction package for creating a playlist may be an instruction whose attribute is the song duration and whose attribute value is two minutes.

[0085] In some embodiments, the execution interface generation module 120 can generate an instruction package based on the interface generation instruction by processing and packaging it through JavaScript. In some embodiments, the execution interface generation module 120 can also generate an instruction package based on the interface generation instruction by other feasible methods. For example, the execution interface generation module 120 can use a text editor (such as Notepad, Sublime Text, VS Code, etc.) to process the interface generation instruction to generate an instruction package. For another example, the execution interface generation module 120 can use MySQL to process the interface generation instruction by using the JSON_OBJECT function to generate an instruction package.

[0086] The standard case library refers to a database that stores a variety of standard cases. Among them, the standard case can be a case for generating a certain execution interface. In some embodiments, each standard case corresponds to a method for generating front-end code. For example, the standard database includes a standard case for a playlist interface, then the standard case corresponds to a method for generating front-end code. The front-end code executing the case can generate the above-mentioned playlist interface. In some embodiments, the standard case library can be pre-set based on the developer. In some embodiments, the standard case library can be pre-set based on historical data.

[0087] The execution interface generation module 120 can generate the target execution interface in a variety of ways. In some embodiments, the execution interface generation module 120 can send the instruction package to the preset function module, which automatically generates the front-end code according to the instruction package and executes the front-end code to obtain the target execution interface.

[0088] In some embodiments, the execution interface generation module 120 may determine a target case based on the instruction package and the standard case library; determine a front-end code based on the instruction package and the target case; and generate a target execution interface based on the front-end code.

[0089] The target case refers to a standard case in the standard case library that can meet user requirements (such as interface generation requirements). In some embodiments, the execution interface generation module 120 can select a target case from the standard case library based on the instruction packet.

[0090] In some embodiments, the execution interface generation module 120 may calculate the second similarity between the instruction package and each standard case in the standard case library, and determine the standard case corresponding to the highest second similarity as the target case.

[0091] In some embodiments, each standard case corresponds to a characteristic attribute, and the characteristic attribute can reflect the characteristics of the standard case. For example, the characteristic attributes of the standard case may include a partition generation template, a playlist interface generation template, etc. Each characteristic attribute may correspond to at least one attribute value. For example, the attribute values ​​corresponding to the partition generation template include the number of partitions, the location of the partition, the name of the partition, etc. In some embodiments, the characteristic attributes of the standard case and their corresponding attribute values ​​can be determined based on historical data or by manual annotation.

[0092] In some embodiments, each instruction packet corresponds to an instruction feature, and the instruction feature can reflect the functional features of the instruction packet. For example, the instruction feature may include instruction operations (such as creating partitions, generating pie charts, generating sliders, and other instructions related to UI design), and detailed features corresponding to the instruction operations (such as the instruction details corresponding to the instruction operation of creating partitions include the number of partitions, the location of the partition, the name of the partition, etc.). In some embodiments, the execution interface generation module 120 can extract the instruction features of the instruction packet by manual recognition extraction, feature extraction model extraction, etc.

[0093] In some embodiments, the execution interface generation module 120 can calculate the second similarity between the instruction features of the instruction package and the characteristic attributes of each standard case in the standard case library, and determine the standard case corresponding to the highest second similarity as the target case. In this embodiment, the second similarity refers to the degree of similarity between the instruction features of the instruction package and the characteristic attributes of the standard case. In some embodiments, the second similarity can be determined by calculating the distance between the instruction features of the instruction package and the characteristic attributes of each standard case in the standard case library. In some embodiments, the distance may include but is not limited to cosine distance, Euclidean distance, Manhattan distance, Mahalanobis distance or Minkowski distance, etc.

[0094] The front-end code is usually composed of HTML, CSS and JavaScript. In some embodiments, the preset function module can use the instruction features in the instruction package (for example, the detail features corresponding to the instruction operation) to replace the corresponding attribute values ​​in the target case, and generate the front-end code for generating the target execution interface according to the method of generating the front-end code of the target case. As an example only, when the instruction feature of the instruction package is to establish a partition and the target case is a partition generation template, the preset function module can replace the number of partitions, the location of the partition and the name of the partition in the target case with the number of partitions, the location of the partition and the name of the partition in the instruction package, and generate the front-end code for generating the target execution interface according to the method of generating the front-end code of the target case.

[0095] In some embodiments, the preset function module can execute the front-end code in various feasible ways (for example, through scripts or compiled software) to generate a target execution interface.

[0096] In some embodiments of the present specification, the preset function module determines the target case based on the instruction package and the standard case library, and generates the front-end code based on the instruction package and the target case, and then generates the target execution interface, so that engineers no longer need to rewrite or adjust the front-end code according to different instructions, thereby reducing the work pressure of engineers, enhancing the automation capability in the web page production process, and improving the efficiency of web page production.

[0097] Figure 4 It is an exemplary schematic diagram of generating a target template interface according to some embodiments of the present specification.

[0098] In some embodiments, Figure 4 As shown, in response to receiving the template generation instruction 410, the template interface generation module 130 can determine the reference template 430 based on the style information 421 and / or the product attribute 422 and the standard template library 423; and generate the target template interface 440 based on the product attribute 422 and the reference template 430. For the specific content of the template generation instruction, please refer to Figure 2 and its related description.

[0099] Style information refers to information that can reflect the style characteristics of an interactive interface (such as a web page), such as the color and font information of the interactive interface. In some embodiments, the style information can be determined based on the user's style preference. For example, the template interface generation module 130 can determine the style of the user's target website as the user's style preference, and determine the style preference as style information. For another example, the template interface generation module 130 can use the color, font, and other types that the user has used the most times in history as the user's style preference, and determine the style preference as style information. In some embodiments, the style information can also be obtained through user pre-input.

[0100] Product attributes can be used to characterize the attributes of a product (or module) included in an interactive interface (such as a webpage). For example, product attributes can include product types, etc. Among them, product types can include sliders, knobs, or buttons, etc.

[0101] In some embodiments, product attributes include product functions and attribute features corresponding to the product functions.

[0102] Product function refers to the specific function of a product (or module). For example, the overall function or purpose of a product (or module). Exemplary product functions may include brightness adjustment function, volume adjustment function, etc.

[0103] Attribute characteristics refer to the attribute numerical characteristics corresponding to the product function. For example, when the product function is brightness adjustment function, its corresponding attribute characteristics may be the brightness adjustment range (such as 0%-100%); for another example, when the product function is volume adjustment function, its corresponding attribute characteristics may be the volume adjustment range (such as 0-100).

[0104] In some embodiments, product attributes may be obtained through user pre-input or other methods.

[0105] A standard template library refers to a database storing at least one set of standard templates. Standard templates are used to generate standard specifications for template interfaces. Exemplary standard templates may include standard text templates, standard slider templates, standard drop-down box templates, etc. Among them, a standard text template is a standard specification containing a text font style, size, etc., which can be used to generate a text template interface; a standard slider template is a standard specification containing a sliding range and a slider type, etc., which can be used to generate a slider template interface; a standard drop-down box template is a standard specification containing a drop-down list and a selector, which can be used to generate a drop-down box template interface. In some embodiments, the standard template library can be pre-entered by the user.

[0106] A reference template refers to a standard template in a standard template library that can meet user requirements (such as template generation requirements).

[0107] In some embodiments, the template interface generation module 130 can determine the reference template in a variety of ways based on the style information and / or product attributes and the standard template library. For example, the template interface generation module 130 can construct a retrieval vector based on the style information and / or product attributes, and search the standard template library based on the retrieval vector to determine the standard template that meets the preset conditions as the reference template. The preset conditions refer to the pre-set conditions for determining the reference template. Exemplary preset conditions may include, but are not limited to, the minimum vector distance, etc.

[0108] In some embodiments, the template interface generation module 130 may determine the required features based on style information and / or product attributes; determine the standard features based on the standard templates in the standard template library; and determine the reference template based on the required features and the standard features.

[0109] The demand feature refers to a feature used to characterize style information and / or functional attributes of product attributes. For example, when the product function of the product attribute is a volume adjustment function, the corresponding demand feature may be volume adjustment.

[0110] In some embodiments, the template interface generation module 130 may determine the demand features through a demand feature extraction model based on style information and / or product attributes. The demand feature extraction model may be a machine learning model, such as CNN, etc. The demand feature extraction model may be obtained based on training samples with labels.

[0111] In some embodiments, the template interface generation module 130 can also determine the demand characteristics by identifying key fields based on style information and / or product attributes. Key fields refer to words or phrases that can reflect style information and / or product attributes. In some embodiments, the template interface generation module 130 can identify key fields in a variety of ways, such as identifying key fields through a language recognition model. Just as an example, when the style information includes blue, the product function of the product attribute is a volume adjustment function, and its corresponding attribute characteristics are 0-10, the template interface generation module 130 can determine that the demand characteristics are blue and volume adjustment within 0-10 by identifying key fields such as color, range, and adjustment in the code.

[0112] The standard feature refers to a feature used to characterize the functional attributes of the standard template. For example, when the standard template is a standard volume adjustment template, the standard feature may be the volume adjustment range, the volume adjustment method, etc.

[0113] It should be noted that the template interface generation module 130 determines the standard features in a similar manner to the required features, such as by identifying key fields. As an example only, for a slider template in the standard template library with an adjustment range set to 0-100 and used for temperature adjustment, the template interface generation module 130 can identify key fields such as sliders, min, max, marks, etc. in the code to determine that the standard feature is that the adjustment range is between 0 (min) and 100 (max), and the temperature adjustment (marks) is adjusted using sliders (sliders).

[0114] In some embodiments, the template interface generation module 130 can determine the standard template corresponding to the standard feature with the highest third similarity as the reference template by calculating the third similarity between the demand feature and each standard feature in the standard template library. The third similarity can reflect the degree of similarity between the demand feature and the standard feature.

[0115] Some embodiments of the present specification determine demand features based on style information and / or product attributes, and determine standard features based on standard templates in a standard template library, so that data can be highly concentrated to extract key features; based on the demand features and the standard features, a reference template can be quickly determined, thereby improving the accuracy of the results as much as possible on the basis of accelerated calculation.

[0116] In some embodiments, the template interface generation module 130 may replace the attribute features of the product attributes with the standard features of the reference template to generate a target template interface. As an example, when the product function is a volume adjustment function, the corresponding attribute feature is 0-100, and the volume adjustment range in the standard feature of the reference template (such as the standard volume adjustment template) is 0-10, the template interface generation module 130 may adapt the volume adjustment range in the reference template to 0-100 to generate a target template interface.

[0117] In some embodiments of the present specification, based on style information and / or product attributes, a reference template that can meet user needs is obtained through automatic matching, and the reference template is adapted to the product attributes to obtain a target template interface, without the need to spend additional manual time and effort. This allows the production of interactive interfaces (such as web pages) that meet user needs and effectively improve production efficiency.

[0118] The basic concepts have been described above. Obviously, for those skilled in the art, the above detailed disclosure is only for example and does not constitute a limitation of this specification. Although not explicitly stated here, those skilled in the art may make various modifications, improvements and corrections to this specification. Such modifications, improvements and corrections are suggested in this specification, so such modifications, improvements and corrections still belong to the spirit and scope of the exemplary embodiments of this specification.

Claims

1. A method for generating an interactive interface, characterized in that: include: Determining an interface generation instruction and / or a template generation instruction based on user demand information, wherein the user demand information includes an interface generation requirement and / or a template generation requirement; Based on the interface generation instruction, a target execution interface is generated through a preset function module; and / or, Based on the template generation instruction, a target template interface is generated.

2. The method according to claim 1, characterized in that The step of generating a target execution interface based on the interface generation instruction by using a preset function module includes: Determine an instruction package based on the interface generation instruction; Based on the instruction package and the standard case library, the target execution interface is generated through the preset function module.

3. The method according to claim 1, characterized in that The template generation requirement includes style information and / or product attributes; the generating a target template interface based on the template generation instruction includes: In response to receiving the template generation instruction, Determine a reference template based on the style information and / or the product attributes and a standard template library; The target template interface is generated based on the product attributes and the reference template.

4. The method according to claim 3, characterized in that The step of determining a reference template based on the style information and / or the product attributes and a standard template library includes: Determining demand characteristics based on the style information and / or the product attributes; Determining standard features based on the standard templates in the standard template library; The reference template is determined based on the requirement characteristics and the standard characteristics.

5. The method according to claim 3, characterized in that The product attributes include product functions and attribute features corresponding to the product functions.

6. The method according to claim 1, characterized in that The method further comprises: In response to the target execution interface and / or the target template interface being an embedded interface, determining a style adjustment parameter; Based on the style adjustment parameters, the style of the target execution interface and / or the target template interface is adjusted, and the style adjustment parameters include fonts and / or colors.

7. The method according to claim 6, characterized in that The embedded interface is obtained by embedding a third-party webpage in a target website, and the target website includes structured data; the method further includes: Based on the structured data, the style adjustment parameter is determined.

8. An interactive interface generation system, characterized in that: include: An instruction generation module is configured to determine an interface generation instruction and / or a template generation instruction based on user requirement information, wherein the user requirement information includes an interface generation requirement and / or a template generation requirement; an execution interface generation module, configured to generate a target execution interface through a preset function module based on the interface generation instruction; and / or, The template interface generation module is configured to generate a target template interface based on the template generation instruction.

9. An interactive interface generating device, comprising a processor, characterized in that: The processor is used to execute the interactive interface generation method according to any one of claims 1 to 7.

10. A computer-readable storage medium, wherein the storage medium stores computer instructions. When a computer reads the computer instructions in the storage medium, the computer executes the interactive interface generation method according to any one of claims 1 to 7.

Images