CN117270853A

CN117270853A - Component processing method, device, electronic equipment and computer readable storage medium

Info

Publication number: CN117270853A
Application number: CN202311429300.7A
Authority: CN
Inventors: 田永生; 涂成义; 罗家裕; 徐跃泽
Original assignee: Guangdong Oppo Mobile Telecommunications Corp Ltd
Current assignee: Guangdong Oppo Mobile Telecommunications Corp Ltd
Priority date: 2023-10-30
Filing date: 2023-10-30
Publication date: 2023-12-22

Abstract

The present application relates to a component processing method, apparatus, computer device, storage medium and computer program product. The method comprises the following steps: displaying a target component of the application; receiving input processing information for the target component through an artificial intelligence model session window; processing the target component based on the processing information; displaying the processed target component. The method can improve the processing efficiency of the component.

Description

Component processing method, device, electronic equipment and computer readable storage medium

Technical Field

The present disclosure relates to the field of internet technologies, and in particular, to a method and an apparatus for processing a component, an electronic device, and a computer readable storage medium.

Background

With the rapid development of internet technology, especially the development of web page technology, the use experience of users is effectively improved, and the method is widely used in various industries. In the development process of the webpage application, the development of the webpage application visualized by using a low-code platform becomes a mainstream trend, and the low-code platform can help developers to conveniently and rapidly establish cards or pages and the like by providing a visualization interface and pre-constructed components through dragging and dropping and configuring the components, so that the quick development of the webpage application is realized.

In the process of constructing a card or a page through a low-code platform, the attribute of the dragged component is often modified to adapt to a corresponding application scene, and the attribute style panels corresponding to the component are required to be modified manually and sequentially in a traditional component modification mode, so that the application development efficiency is low.

Disclosure of Invention

The embodiment of the application provides a component processing method, a device, electronic equipment and a computer readable storage medium, which can improve page construction efficiency.

In a first aspect, the present application provides a component handling method. The method comprises the following steps:

displaying a target component of the application;

receiving input processing information for the target component through an artificial intelligence model session window;

processing the target component based on the processing information;

displaying the processed target component.

In a second aspect, the present application also provides a component handling apparatus. The device comprises:

the first component display module is used for displaying target components of the application;

the processing information acquisition module is used for receiving input processing information aiming at the target component through an artificial intelligent model session window;

the component information processing module is used for processing the target component based on the processing information;

And the second component display module is used for displaying the processed target component.

In a third aspect, the present application also provides a computer device. The computer device comprises a memory storing a computer program and a processor which when executing the computer program performs the steps of:

displaying a target component of the application;

processing the target component based on the processing information;

displaying the processed target component.

In a fourth aspect, the present application also provides a computer-readable storage medium. The computer readable storage medium having stored thereon a computer program which when executed by a processor performs the steps of:

displaying a target component of the application;

processing the target component based on the processing information;

displaying the processed target component.

In a fifth aspect, the present application also provides a computer program product. The computer program product comprises a computer program which, when executed by a processor, implements the steps of:

Displaying a target component of the application;

processing the target component based on the processing information;

displaying the processed target component.

According to the component processing method, the device, the electronic equipment, the computer readable storage medium and the computer program product, the target component of the application is displayed, the input processing information aiming at the target component is received through the artificial intelligent model session window, the target component is processed based on the processing information, the processed target component is displayed, the attribute style of the target component can be conveniently and rapidly processed, the processed target component is obtained and displayed, the application page corresponding to the target component is built, and the construction efficiency of the corresponding application page can be improved.

Drawings

In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings that are required in the embodiments or the description of the prior art will be briefly described below, it being obvious that the drawings in the following description are only some embodiments of the present application, and that other drawings may be obtained according to these drawings without inventive effort for a person skilled in the art.

FIG. 1 is a flow diagram of a method of component processing in one embodiment;

FIG. 2 is a schematic diagram of a display of a target assembly in one embodiment;

FIG. 3 is a schematic diagram of a display of an artificial intelligence model session window in one embodiment;

FIG. 4 is a schematic diagram of a processing state of a target component in one embodiment;

FIG. 5 is a schematic illustration of a display of an artificial intelligence model session window in another embodiment;

FIG. 6 is a hidden schematic view of an artificial intelligence model session window in one embodiment;

FIG. 7 is a diagram of determining process information based on base elements in one embodiment;

FIG. 8 is a flow chart of a method of component processing in another embodiment;

FIG. 9 is a schematic diagram of a display of a target assembly in another embodiment;

FIG. 10 is a schematic diagram of a property modification process for a target component in one embodiment;

FIG. 11 is a block diagram of the components processing device in one embodiment;

fig. 12 is an internal structural diagram of a computer device in one embodiment.

Detailed Description

In order to make the objects, technical solutions and advantages of the present application more apparent, the present application will be further described in detail with reference to the accompanying drawings and examples. It should be understood that the specific embodiments described herein are for purposes of illustration only and are not intended to limit the present application.

The Low code development platform (Low-Code Development Platform, LCDP) is a development platform that can quickly generate applications without coding or with a small amount of code, and through a graphical user interface, using drag components and model driven logic to create web pages and mobile applications, visual application development can be achieved. However, if the dragged component needs to be modified, the attribute style panel corresponding to the selected component needs to be manually modified, so that the labor cost is increased, and the application development efficiency is reduced.

Based on the technical problem of low application development efficiency in the conventional technology, the component processing method provided by the embodiment of the application can be applied to electronic equipment comprising a display screen. The electronic devices include, but are not limited to, various personal computers, notebook computers, smart phones, tablet computers, internet of things devices and portable wearable devices, and the internet of things devices can be smart speakers, smart televisions, smart air conditioners, smart vehicle devices and the like. The portable wearable device may be a smart watch, smart bracelet, headset, or the like.

In one embodiment, as shown in FIG. 1, a component handling method is provided, including the following steps 102 through 108.

Step 102, displaying the target component of the application.

The application refers to a visual page application which needs to be developed or constructed. For example, a low-code platform is configured on the electronic device, a visual page application can be developed through the low-code platform, and a target component of the visual page application is displayed on a development interface of the low-code platform. The target component can be any visual component which is dragged into the development window and selected in the process of developing the visual page application, and it can be understood that in the low-code development platform, business logic and function construction can be performed by selecting and dragging a basic component which is set in advance into the development window, so that the development and construction of the visual page application can be realized. The visualization page application may include at least one of a visualization page, a card, and a visualization component by which the card or page may be created. The card refers to an information block which comprises pictures and texts and has obvious boundaries, and the card can be a complete information block or can be used as an entrance for more detailed contents.

In one example, a schematic diagram showing target components of an application is shown in fig. 2, taking creating a card in the low code platform development page 202 as an example, dragging components in a base component into the development window 204, and displaying target components 206 selected by a developer, where in this example, the target components 206 in the development window 204 are processed correspondingly after being selected.

Step 104, receiving input processing information for the target component through the artificial intelligence model session window.

In this embodiment, the electronic device displays an artificial intelligence model session window through which input processing information for the target component is received. Optionally, the electronic device displays a target component of the application, and in response to triggering the target menu control, displays an artificial intelligence model session window through which processing information input by a user for the target component is received. It should be noted that, the user may input the processing information for the target component in text or voice form, that is, the electronic device may receive the processing information for the target component in text or voice form, which is input by the user, through the artificial intelligence model session window.

Optionally, the input process information for the target component is received through an artificial intelligence model session window, where the artificial intelligence model may be, for example, a ChatGPT (Chat Generative Pre-trained Transformer, chat generation pre-training converter) model, source 1.0, and the like. The input processing information for the target component is received through the artificial intelligence model session window, and the target component is processed through the corresponding artificial intelligence model according to the processing information, for example, the electronic device may send the processing information to the corresponding artificial intelligence model for processing.

In one example, as shown in FIG. 3, a visual card is created in the low code development platform development page 302, a target component 306 in the development window 304 is displayed, an artificial intelligence model session window 308 is displayed, input processing information for the target component is received through the artificial intelligence model session window 308, for example, input processing information in text form for the target component can be received through a text input area 310 in the artificial intelligence model session window 308.

And 106, processing the target component based on the processing information.

The electronic device processes the target component based on the received processing information for the target component. The processing information may be attribute modification information, text translation information or other processing information of the target component. Optionally, receiving the processing information aiming at the target component, identifying the processing information, obtaining a processing instruction corresponding to the processing information, and processing the target component according to the processing instruction. For example, if the processing information is attribute modification information for the target component, identifying the attribute modification information to obtain a corresponding attribute modification instruction, and modifying the attribute of the target component based on the attribute modification instruction; if the processing information is text translation information aiming at the target component, identifying the text translation information to obtain a corresponding text translation instruction, and translating the text in the target component based on the text translation instruction. Optionally, the processing status of the processing of the target component may be displayed in an artificial intelligence model session window, e.g., "processing …", "processing successful", etc. In one example, as shown in FIG. 4, a visual card is created in the low-code development platform 402, a target component 404 of an application is displayed, an artificial intelligence model session window 406 is displayed, input processing information for the target component 404 is received through a text input area 408 in the artificial intelligence model session window 406, the target component is processed based on the processing information, processing information 410 may be displayed in the artificial intelligence model session window 406, and a processing state 412 corresponding to the processing information 410.

Optionally, the front-end page acquires processing information and target component information, and sends the processing information and the target component information to the background artificial intelligent model, wherein the target component information refers to attribute information of a target component and comprises text information in the target component. The artificial intelligent model processes the target assembly information according to the processing information to obtain processed target assembly information, returns the processed target assembly information to the front end, renders the processed target assembly information by the front end, and displays the processed target assembly.

Optionally, the target component includes a plurality of pieces of processing information, and the received piece of processing information can be identified to obtain a processing instruction corresponding to the processing information, and the plurality of target components can be processed through the processing instruction, that is, the plurality of target components can be simultaneously processed in a unified manner based on the piece of processing information. Or, the processing may be performed on the target component based on a plurality of pieces of processing information, where the plurality of pieces of processing information may be processing the same target component, or may be processing a plurality of target components, and for a case where the plurality of target components are processed, the plurality of target components may be distinguished by the target component identifier, that is, the processing information may include the target component identifier and instruction information, and based on the instruction information in the processing information, the target component corresponding to the corresponding target component identifier is processed.

Step 108, displaying the processed target assembly.

And processing the target assembly based on the processing information to obtain a processed target assembly, and displaying the processed target assembly. Optionally, the processed target component is obtained, and the page where the target component is located is rendered, so that the processed target component can be displayed. It is to be understood that the processed target component corresponds to modification of the attribute parameters and the like of the target component in accordance with the processing information. For example, if the processing information is "modify text color of the target component to red", then the text color corresponding to the processed target component displayed is red.

According to the component processing method, the target component of the application is displayed, the input processing information aiming at the target component is received through the artificial intelligent model session window, the target component is processed based on the processing information, the processed target component is displayed, the attribute style of the target component can be rapidly processed, the target component is conveniently processed for the second time, the processed target component is obtained and displayed, the application page corresponding to the target component is quickened to be built, and the construction efficiency of the corresponding application page can be improved.

In one embodiment, the step 106 of processing the target component based on the processing information includes: identifying the processing information to obtain an attribute modification instruction; and modifying the attribute of the target component according to the attribute modification instruction.

In this embodiment, the processing information is identified, an attribute modification instruction corresponding to the processing information is obtained, and the attribute of the target component is modified according to the attribute modification instruction. The attribute of the target component refers to parameter information related to the target component, and the target component comprises text in the component. For example, the attributes of the target component include the size, color, and shape of the target component, as well as parameters of the color, font, and font size of the text in the target component.

Optionally, the semantics of the processing information are identified through the artificial intelligence model, if the content related to the component attribute processing is identified, the content related to the component attribute processing is converted into a corresponding attribute modification instruction, and the attribute of the target component is modified according to the attribute modification instruction, so that the modified target component is obtained.

In this embodiment, the attribute modification instruction is obtained by identifying the processing information, and the attribute of the target component is modified according to the attribute modification instruction, so that the attribute of the target component can be quickly modified, the target component can be conveniently developed for the second time, and the attribute style of the component can be changed in a man-machine interaction manner, so that the modification efficiency of the component can be improved, and the page application creation efficiency corresponding to the component is improved.

In some embodiments, the attributes include at least one of component size, text color, text font, component background, component margin, component rotation angle, component scaling, component corner radius.

In this embodiment, the attribute includes at least one of a component size, a text color, a text font, a component background, a component margin, a component rotation angle, a component scaling, a component corner radius. Wherein, the size of the component refers to the size of the component; text color, which refers to the color of text in the corresponding component; text font, which refers to the font style, font size, etc. of the text in the component; component background, which refers to the color and style of the component background; the component edge distance comprises an upper edge distance, a lower edge distance, a left edge distance and a right edge distance of the component, and refers to the minimum distance from other components in all directions outside the component; the rotation angle of the component refers to the angle of the component deviating from the reference direction, and the reference direction can be set according to the requirement; component scaling, which refers to the scale of component enlargement and reduction; the component fillet radius refers to the fillet radius of the component frame. It will be appreciated that, in an actual application scenario, according to the display effect of the visual page application, the attribute of the component is not limited to the above listed attribute, but may include more attributes, for example, transparency of the component, and the like.

Optionally, the attributes include component size, text color, text font, component background, component margin, component rotation angle, component scaling, and component corner radius.

In this embodiment, the processing information may be identified to obtain an attribute modification instruction, and the attribute of the target component is modified according to the attribute modification instruction, where the attribute includes at least one of a component size, a text color, a text font, a component background, a component margin, a component rotation angle, a component scaling, and a component fillet radius, so that multiple attributes of the target component may be quickly modified, secondary development of the target component may be facilitated, multiple attribute styles of the component may be modified in a man-machine interaction manner, and modification efficiency of the component may be improved, thereby improving creation efficiency of page applications corresponding to the component.

In one embodiment, the attributes include component size; modifying the attribute of the target component according to the attribute modification instruction, including: modifying the component size of the target component according to the attribute modification instruction to obtain a modified component size; and adjusting the text font size of the target component based on the modified component size so that the ratio between the text font size of the target component and the component size is a preset ratio.

In this embodiment, the attribute includes a component size, that is, a size of the component, for example, if the component is rectangular in shape, the component is long and wide; if the shape of the component is circular, the component size is a radius, etc. Modifying the component size of the target component according to the attribute modification instruction to obtain a modified component size, and adjusting the text font size of the target component based on the modified component size so that the ratio between the text font size of the target component and the component size is a preset ratio, wherein the preset ratio can be determined according to the display effect of the visual application interface in the actual application scene, for example, in some application scenes, the preset ratio is 2:3 or 3:5. Alternatively, the ratio between the text font size before adjustment and the component size before adjustment may or may not be a preset ratio.

In one example, the component size of the target component is modified according to the attribute modification instruction to obtain a modified component size, and the modified component size is larger than the component size before modification, and then, based on the modified component size, the size of the text font corresponding to the text in the target component is automatically enlarged, so that the ratio between the size of the text font of the adjusted target component and the adjusted component size is a preset ratio of 3:5, that is, the font size is correspondingly adjusted along with the component size.

Optionally, the attribute includes a text font size, the text font size in the target component is modified according to the attribute modification instruction to obtain a modified text font size, and the component size of the target component is adjusted based on the modified text font size, so that a ratio between the text font size of the target component and the component size is a preset ratio.

In this embodiment, the component size of the target component is modified according to the attribute modification instruction, so as to obtain a modified component size, and based on the modified component size, the text font size of the target component is adjusted, so that the ratio between the text font size of the target component and the component size is a preset ratio, and the size of the target component and the text font size are adjusted in a linkage manner, so that more intelligentization of component attribute modification can be realized, and further, the component modification efficiency and the creation efficiency of the application page corresponding to the component are improved.

In some embodiments, the attributes include component context; modifying the attribute of the target component according to the attribute modification instruction, including: modifying the component background of the target component according to the attribute modification instruction to obtain a modified component background; and if the color difference value between the color of the component background and the text color of the target component is smaller than the preset color difference value, adjusting the text color of the target component based on the modified component background.

In this embodiment, the attribute includes a component background, that is, a color and a style of the component background, and the style refers to a texture feature of the component background, for example, the component background is filled with a solid color or filled with a texture. Modifying the component background of the target component according to the attribute modification instruction to obtain a modified component background, and if the color difference value between the color of the component background and the text color of the target component is smaller than a preset color difference value, adjusting the text color of the target component based on the modified component background so that the color difference value between the color of the component background and the text color of the target component is not smaller than the preset color difference value.

Optionally, when the component background includes multiple colors, modifying the main color of the component background of the target component according to the component modification instruction to obtain the modified main color of the component background; comparing the main color of the component background with the text color of the target component, and if the color difference value between the main color of the component background and the text color of the target component is smaller than the preset color difference value, adjusting the text color of the target component based on the modified main color of the background component, so that the color difference value between the main color of the component background and the text color of the target component is not smaller than the preset color difference value. The main color of the component background of the target component can be the background color with the largest occupied area or the background color with the highest importance level in the background component.

Optionally, the attribute includes a text color, the text color of the target component is modified according to the attribute modification instruction, the modified text color is obtained, and if a color difference value between the color of the component background and the text color of the target component is smaller than a preset color difference value, the background color of the target component is adjusted based on the modified text color.

In the above embodiment, the component background of the target component is modified according to the attribute modification instruction to obtain the modified component background, if the color difference value between the color of the component background and the text color of the target component is smaller than the preset color difference value, the text color of the target component is adjusted based on the modified component background, so that the color difference value between the color of the component background and the text color of the target component is not smaller than the preset color difference value, the color of the component background and the text color can be adjusted in a linkage manner, and the more intelligent modification of the attribute of the component is realized, thereby further improving the efficiency of component modification and the creation efficiency of the application page corresponding to the component.

In one embodiment, processing the target component based on the processing information includes: identifying the processing information to obtain a text translation instruction; and translating the text of the target component according to the text translation instruction.

In this embodiment, the processing information is identified, a text translation instruction corresponding to the processing information is obtained, and the text of the target component is translated according to the text translation instruction. The type of the language to be translated may be set as required, for example, chinese to english, english to chinese, chinese to japanese, japanese to chinese, and the like.

Optionally, semantic recognition can be performed on the processing information through an artificial intelligence model, if content related to text translation is recognized, the content related to the text translation is converted into a corresponding text translation instruction, and the text of the target component is translated according to the converted text translation instruction, so that the translated text is obtained.

In this embodiment, a text translation instruction is obtained by identifying processing information, and the text of the target component is translated according to the text translation instruction, so that the text of the target component can be quickly translated, the content of the target component can be conveniently processed, the text of the target component is translated through man-machine interaction, and the processing efficiency of the component can be improved.

In some embodiments, the target component includes a plurality of; processing the target component based on the processing information, including: identifying the processing information to obtain a processing instruction corresponding to the processing information; based on the same processing instruction, a plurality of target components are processed.

In this embodiment, the user may select a plurality of components, and the electronic device displays the plurality of target components selected by the user and performs unified processing on the plurality of target components. Identifying the processing information, obtaining a processing instruction corresponding to the processing information, and uniformly processing a plurality of target components based on the same processing instruction.

In one example, a user selects a plurality of components, a plurality of target components of an application are displayed in a development window of a low-code development platform, one piece of processing information received by an artificial intelligence model session window and aiming at the target components is identified, a processing instruction corresponding to the piece of processing information is obtained, and the same processing is carried out on the plurality of target components based on the processing instruction.

Optionally, the processing information may be identified, so as to obtain an attribute modification instruction corresponding to the processing information, and the attributes of the plurality of target components are modified according to the same attribute modification instruction. For example, if the process information is "modify text color of target component to red", then text color of multiple target components may be modified to red.

In the above embodiment, the processing instructions corresponding to the processing information are obtained by identifying the processing information, and the plurality of target components are processed based on the same processing instruction, so that the plurality of target components can be uniformly processed by one instruction, that is, the plurality of components are subjected to batch processing, so that the processing speed of the components is further increased, and the processing efficiency of the components is further improved.

In some embodiments, the processing information includes a plurality of pieces; processing the target component based on the processing information, including: identifying each piece of processing information to obtain a processing instruction corresponding to each piece of processing information; processing the corresponding target assembly based on the processing instruction corresponding to each piece of processing information; the processing information, the processing instruction and the target component have one-to-one correspondence.

In this embodiment, the plurality of pieces of input processing information for the target component are received through the artificial intelligence model session window, and for each piece of processing information, a processing instruction corresponding to each piece of processing information can be obtained and identified, and the corresponding target component is processed based on the processing instruction corresponding to each piece of processing information, where there is a one-to-one correspondence between the processing information, the processing instruction, and the target component, that is, one piece of processing information corresponds to one processing instruction, and one target component.

Optionally, the user may input a plurality of pieces of processing information in the artificial intelligence model session window, where each piece of processing information corresponds to one target component, and the identifying processing information obtains a corresponding processing instruction, and processes the corresponding target component based on the processing instruction. The processing information comprises component identifiers, the component identifiers are used for distinguishing different target components, namely, identifying the processing information to obtain corresponding processing instructions, the processing instructions also comprise component identifiers in the processing information, and the target components of the corresponding component identifiers are processed according to the processing instructions.

In this embodiment, by identifying each piece of processing information, a processing instruction corresponding to each piece of processing information is obtained; based on the processing instruction corresponding to each piece of processing information, the corresponding target assembly is processed, so that the processing of a plurality of target assemblies based on a plurality of pieces of processing information can be realized, the processing information and the target assemblies are in one-to-one correspondence, namely, different processing can be simultaneously carried out on the plurality of target assemblies, and the processing speed of the assemblies is further improved, so that the processing efficiency of the assemblies is improved.

In one embodiment, before receiving the input processing information for the target component through the artificial intelligence model session window, further comprising: in response to triggering the target menu control, an artificial intelligence model session window is displayed.

In this embodiment, by displaying an artificial intelligence model session window in response to a trigger to a target menu control, input processing information for a target component is received through the artificial intelligence model session window. The target menu control can be arranged on an interface where a development window of the low-code development platform is located, and accordingly, the artificial intelligence model session window can be displayed on the development window.

Optionally, in response to triggering the target menu control, displaying an artificial intelligence model session window, receiving input processing information for the target component through the artificial intelligence model session window, and in response to triggering a preset control on the artificial intelligence model session window, closing the artificial intelligence model session window. The preset control may be a closing control, an "input completion control" or a "send control" and the like.

Optionally, in response to triggering the target menu control, displaying an artificial intelligence model session window, receiving input processing information for the target component through the artificial intelligence model session window, and in response to closing the opening window, closing the artificial intelligence model session window.

Optionally, in response to triggering the target menu control, displaying the artificial intelligent model session window, receiving input processing information for the target component through the artificial intelligent model session window, processing the target component based on the processing information, and displaying a processing state corresponding to the processing of the target component in the artificial intelligent model session window. The processing state may be, for example, "in process", "in modification", "in translation completion", or the like.

In the above embodiment, by displaying the artificial intelligence model session window in response to the triggering of the target menu control, the user may input the processing information for the target component into the artificial intelligence model session window, and the electronic device receives the input processing information for the target component through the artificial intelligence model session window, so that the human-computer interaction physical examination may be improved, and further the component processing efficiency may be improved.

In one embodiment, the method further comprises: hiding the artificial intelligence model session window in response to a hiding trigger for the artificial intelligence model session window; in response to a display trigger for the hidden artificial intelligence model session window, the artificial intelligence model session window is displayed.

In this embodiment, the artificial intelligence model session window is hidden in response to a hidden trigger for the artificial intelligence model session window, and the artificial intelligence model session window is displayed in response to a display trigger for the hidden artificial intelligence model session window. Optionally, in response to a hidden trigger for the artificial intelligence model session window, including in response to a trigger for a "hidden" control on the artificial intelligence model session window, or in response to a preset gesture trigger for the artificial intelligence model session window, etc. And responding to the display trigger of the hidden artificial intelligent model session window, including responding to the trigger of the display control of the hidden window, or clicking the hidden window, and the like, wherein the hidden window refers to the index of the hidden artificial intelligent model session window, that is, the hidden artificial intelligent model session window is hidden in response to the hidden trigger of the artificial intelligent model session window, and a hidden window is generated, and through the hidden window, whether the artificial intelligent model session frame is displayed or not can be correspondingly controlled. It should be noted here that hiding the artificial intelligence model session window does not close the artificial intelligence model session window, but only minimizes the artificial intelligence model session window from being displayed.

In one example, as shown in FIG. 5, in response to the triggering of the hidden control 506, the artificial intelligence model session window 508 is hidden, the hidden window is generated as shown in FIG. 6, and in response to the triggering of the hidden window 602 by a double click, the artificial intelligence model session window is displayed as shown in FIG. 5. In this example, the artificial intelligence model session window 508 can be maximized in response to the triggering of the maximize control 504, and the artificial intelligence model session window 508 can be closed in response to the triggering of the close control 506.

In the above embodiment, the artificial intelligence model session window is hidden by responding to a hiding trigger of the artificial intelligence model session window; in response to the display trigger of the hidden artificial intelligent model session window, the artificial intelligent model session window is displayed, so that the hiding and display control of the artificial intelligent model session window can be realized, the artificial intelligent model session window can be hidden or displayed according to the actual demands of users, the maximum space utilization rate of the interface where the artificial intelligent model session window is located can be realized, the development window space is saved, and the creation efficiency of page application can be improved.

In one embodiment, the input mode of the processing information includes: determining a target element based on the basic element displayed by the artificial intelligence model session window; processing information is determined according to the target element, and the processing information is input in an input area of the artificial intelligence model session window.

In this embodiment, a user may input processing information for a target component in an artificial intelligence model session window, the artificial intelligence model session window receives the processing information for the target component input by the user, and the input mode of the processing information may determine a target element based on a basic element displayed by the artificial intelligence model session window, determine processing information to be input based on the target element, and input the processing information in an input area of the artificial intelligence model session window. The basic elements can be understood as basic words set in advance in the artificial intelligent model window, the target elements can be basic elements selected by a user, processing information to be input can be constructed according to grammar composition rules according to the basic elements selected by the user, and corresponding processing information is input in an input area of the artificial intelligent model session window.

In one example, as shown in FIG. 7, a target element is determined based on a base element 704 displayed by an artificial intelligence model session window 702, process information 706 is determined from the target element, and the process information 706 is input at an input area 708 of the artificial intelligence model session window.

In the embodiment, a target element is determined through a basic element displayed by an artificial intelligent model session window; according to the target element, the processing information is determined, and the processing information is input in the input area of the artificial intelligent model session window, so that the input speed of the processing information can be increased, the processing speed of the component is increased, and the processing efficiency of the component is improved.

In one embodiment, as shown in FIG. 8, a component processing method is provided, including the following steps 802 through 812.

Step 802, a target component of an application is displayed.

Step 804, in response to triggering the ChatGPT menu control, displaying a ChatGPT session window.

At step 806, the entered attribute modification information for the target component is received through the ChatGPT session window.

Step 808, identifying the attribute modification information to obtain the attribute modification instruction.

And step 810, modifying the attribute of the target component according to the attribute modification instruction to obtain a modified target component.

Step 812, the modified target component is displayed.

In one example, as shown in fig. 9, taking the example of creating a card in the development page 202 of the low-code development platform, dragging a component in a base component into the development window 904, displaying a target component 906 selected by a developer, responding to the trigger to the ChatGPT menu control 908, displaying a ChatGPT session window 1002, as shown in fig. 10, displaying the ChatGPT session window 1002 on the development page, inputting attribute modification information 1008 for the target component 1006 in a text input area 1004 in the ChatGPT session window 1002, receiving the input attribute modification information 1008 for the target component 1006 by the electronic device through the ChatGPT session window 1002, transmitting the target component information and the attribute modification information to ChatGPT, chatGPT of a background by the front end of the development page of the electronic device, modifying the target component information according to the attribute modification information, obtaining modified target component information, returning the modified target component information to a front end, rendering the modified target component information by the front end, and displaying the modified target component.

In the above embodiment, by displaying the target component of the application, in response to the triggering of the ChatGPT menu control, displaying the ChatGPT session window, receiving the input processing information for the target component through the ChatGPT session window, identifying the processing information, obtaining the attribute modification instruction, modifying the attribute of the target component according to the attribute modification instruction, obtaining the modified target component, displaying the modified target component, that is, quickly and conveniently modifying the attribute and style of the component in a man-machine natural language interaction manner through the ChatGPT, improving the man-machine interaction experience, and simultaneously, improving the component modification efficiency, thereby improving the card construction efficiency.

It should be understood that, although the steps in the flowcharts related to the embodiments described above are sequentially shown as indicated by arrows, these steps are not necessarily sequentially performed in the order indicated by the arrows. The steps are not strictly limited to the order of execution unless explicitly recited herein, and the steps may be executed in other orders. Moreover, at least some of the steps in the flowcharts described in the above embodiments may include a plurality of steps or a plurality of stages, which are not necessarily performed at the same time, but may be performed at different times, and the order of the steps or stages is not necessarily performed sequentially, but may be performed alternately or alternately with at least some of the other steps or stages.

Based on the same inventive concept, the embodiment of the application also provides a component processing device for realizing the above-mentioned component processing method. The implementation of the solution provided by the device is similar to the implementation described in the above method, so the specific limitation of the embodiment of one or more component handling devices provided below may refer to the limitation of the component handling method hereinabove, and will not be repeated herein.

In one embodiment, as shown in fig. 11, there is provided a component handling apparatus comprising: a first component display module 1102, a process information acquisition module 1104, a component information processing module 1106, and a second component display module 1108, wherein:

a first component display module 1102 for displaying a target component of an application;

a process information acquisition module 1104 for receiving input process information for the target component through an artificial intelligence model session window;

a component information processing module 1106, configured to process the target component based on the processing information;

a second component display module 1108, configured to display the processed target component.

In one embodiment, the component information processing module 1106 is further configured to:

Identifying the processing information to obtain an attribute modification instruction; and modifying the attribute of the target component according to the attribute modification instruction.

In one embodiment, the attribute includes a component size; the component information processing module 1106 is further configured to:

modifying the component size of the target component according to the attribute modification instruction to obtain a modified component size; and adjusting the text font size of the target component based on the modified component size so that the ratio between the text font size of the target component and the component size is a preset ratio.

In one embodiment, the attributes include component context; the component information processing module 1106 is further configured to:

modifying the component background of the target component according to the attribute modification instruction to obtain a modified component background; and if the color difference value between the color of the component background and the text color of the target component is smaller than a preset color difference value, adjusting the text color of the target component based on the modified component background.

identifying the processing information to obtain a text translation instruction; and translating the text of the target component according to the text translation instruction.

In one embodiment, the target component includes a plurality of; the component information processing module 1106 is further configured to:

identifying the processing information to obtain a processing instruction corresponding to the processing information; the plurality of target components are processed based on the same processing instruction.

In one embodiment, the process information includes a plurality of pieces; the component information processing module 1106 is further configured to:

identifying each piece of processing information to obtain a processing instruction corresponding to each piece of processing information; processing the corresponding target assembly based on the processing instruction corresponding to each piece of processing information; and the processing information, the processing instruction and the target component have one-to-one correspondence.

In one embodiment, the component processing apparatus further comprises an artificial intelligence model session window display module for displaying the artificial intelligence model session window in response to a trigger of a target menu control before the input of the processing information for the target component is received through the artificial intelligence model session window.

In one embodiment, the component processing apparatus further comprises an artificial intelligence model session window management module for:

concealing the artificial intelligence model session window in response to a conceal trigger for the artificial intelligence model session window; the artificial intelligence model session window is displayed in response to a display trigger for the hidden artificial intelligence model session window.

In one embodiment, the component processing apparatus further comprises a processing information input module for implementing the input mode of the processing information,

determining a target element based on the basic element displayed by the artificial intelligence model session window;

and determining the processing information according to the target element, and inputting the processing information in an input area of the artificial intelligence model session window.

The various modules in the component handling device described above may be implemented in whole or in part in software, hardware, and combinations thereof. The above modules may be embedded in hardware or may be independent of a processor in the computer device, or may be stored in software in a memory in the computer device, so that the processor may call and execute operations corresponding to the above modules.

In one embodiment, a computer device is provided, which may be a terminal, and the internal structure thereof may be as shown in fig. 12. The computer device includes a processor, a memory, an input/output interface, a communication interface, a display unit, and an input means. The processor, the memory and the input/output interface are connected through a system bus, and the communication interface, the display unit and the input device are connected to the system bus through the input/output interface. Wherein the processor of the computer device is configured to provide computing and control capabilities. The memory of the computer device includes a non-volatile storage medium and an internal memory. The non-volatile storage medium stores an operating system and a computer program. The internal memory provides an environment for the operation of the operating system and computer programs in the non-volatile storage media. The input/output interface of the computer device is used to exchange information between the processor and the external device. The communication interface of the computer device is used for carrying out wired or wireless communication with an external terminal, and the wireless mode can be realized through WIFI, a mobile cellular network, NFC (near field communication) or other technologies. The computer program is executed by a processor to implement a component processing method. The display unit of the computer device is used for forming a visual picture, and can be a display screen, a projection device or a virtual reality imaging device. The display screen can be a liquid crystal display screen or an electronic ink display screen, and the input device of the computer equipment can be a touch layer covered on the display screen, can also be a key, a track ball or a touch pad arranged on the shell of the computer equipment, and can also be an external keyboard, a touch pad or a mouse and the like.

It will be appreciated by those skilled in the art that the structure shown in fig. 12 is merely a block diagram of some of the structures associated with the present application and is not limiting of the computer device to which the present application may be applied, and that a particular computer device may include more or fewer components than shown, or may combine certain components, or have a different arrangement of components.

Embodiments of the present application also provide a computer-readable storage medium. One or more non-transitory computer-readable storage media containing computer-executable instructions that, when executed by one or more processors, cause the processors to perform the steps of a component processing method.

Embodiments of the present application also provide a computer program product containing instructions that, when run on a computer, cause the computer to perform a component processing method.

It should be noted that, the user information (including, but not limited to, user equipment information, user personal information, etc.) and the data (including, but not limited to, data for analysis, stored data, presented data, etc.) referred to in the present application are information and data authorized by the user or sufficiently authorized by each party, and the collection, use and processing of the related data are required to comply with the related laws and regulations and standards of the related countries and regions.

Those skilled in the art will appreciate that implementing all or part of the above described methods may be accomplished by way of a computer program stored on a non-transitory computer readable storage medium, which when executed, may comprise the steps of the embodiments of the methods described above. Any reference to memory, database, or other medium used in the various embodiments provided herein may include at least one of non-volatile and volatile memory. The nonvolatile Memory may include Read-Only Memory (ROM), magnetic tape, floppy disk, flash Memory, optical Memory, high density embedded nonvolatile Memory, resistive random access Memory (ReRAM), magnetic random access Memory (Magnetoresistive Random Access Memory, MRAM), ferroelectric Memory (Ferroelectric Random Access Memory, FRAM), phase change Memory (Phase Change Memory, PCM), graphene Memory, and the like. Volatile memory can include random access memory (Random Access Memory, RAM) or external cache memory, and the like. By way of illustration, and not limitation, RAM can be in the form of a variety of forms, such as static random access memory (Static Random Access Memory, SRAM) or dynamic random access memory (Dynamic Random Access Memory, DRAM), and the like. The databases referred to in the various embodiments provided herein may include at least one of relational databases and non-relational databases. The non-relational database may include, but is not limited to, a blockchain-based distributed database, and the like. The processors referred to in the embodiments provided herein may be general purpose processors, central processing units, graphics processors, digital signal processors, programmable logic units, quantum computing-based data processing logic units, etc., without being limited thereto.

The technical features of the above embodiments may be arbitrarily combined, and all possible combinations of the technical features in the above embodiments are not described for brevity of description, however, as long as there is no contradiction between the combinations of the technical features, they should be considered as the scope of the description.

The above examples only represent a few embodiments of the present application, which are described in more detail and are not to be construed as limiting the scope of the present application. It should be noted that it would be apparent to those skilled in the art that various modifications and improvements could be made without departing from the spirit of the present application, which would be within the scope of the present application. Accordingly, the scope of protection of the present application shall be subject to the appended claims.

Claims

1. A method of processing a component, comprising:

displaying a target component of the application;

processing the target component based on the processing information;

displaying the processed target component.

2. The method of claim 1, wherein the processing the target component based on the processing information comprises:

Identifying the processing information to obtain an attribute modification instruction;

and modifying the attribute of the target component according to the attribute modification instruction.

3. The method of claim 2, wherein the attributes comprise at least one of component size, text color, text font, component background, component margin, component rotation angle, component scaling, component corner radius.

4. The method of claim 2, wherein the attribute comprises a component size; the modifying the attribute of the target component according to the attribute modification instruction includes:

modifying the component size of the target component according to the attribute modification instruction to obtain a modified component size;

and adjusting the text font size of the target component based on the modified component size so that the ratio between the text font size of the target component and the component size is a preset ratio.

5. The method of claim 2, wherein the attribute comprises a component context; the modifying the attribute of the target component according to the attribute modification instruction includes:

modifying the component background of the target component according to the attribute modification instruction to obtain a modified component background;

And if the color difference value between the color of the component background and the text color of the target component is smaller than a preset color difference value, adjusting the text color of the target component based on the modified component background.

6. The method of claim 1, wherein the processing the target component based on the processing information comprises:

identifying the processing information to obtain a text translation instruction;

and translating the text of the target component according to the text translation instruction.

7. The method of claim 1, wherein the target component comprises a plurality of; the processing the target component based on the processing information includes:

identifying the processing information to obtain a processing instruction corresponding to the processing information;

the plurality of target components are processed based on the same processing instruction.

8. The method of claim 1, wherein the processing information comprises a plurality of pieces of information; the processing the target component based on the processing information includes:

identifying each piece of processing information to obtain a processing instruction corresponding to each piece of processing information;

Processing the corresponding target assembly based on the processing instruction corresponding to each piece of processing information; and the processing information, the processing instruction and the target component have one-to-one correspondence.

9. The method of claim 1, further comprising, prior to the receiving input process information for the target component via an artificial intelligence model session window:

and responding to the trigger of the target menu control, and displaying the artificial intelligent model session window.

10. The method according to any one of claims 1 to 9, further comprising:

concealing the artificial intelligence model session window in response to a conceal trigger for the artificial intelligence model session window;

the artificial intelligence model session window is displayed in response to a display trigger for the hidden artificial intelligence model session window.

11. The method according to any one of claims 1 to 9, wherein the input mode of the processing information includes:

12. A component handling device, comprising:

13. An electronic device comprising a memory and a processor, the memory having stored therein a computer program which, when executed by the processor, causes the processor to perform the steps of the method of any of claims 1 to 11.

14. A computer readable storage medium, on which a computer program is stored, characterized in that the computer program, when being executed by a processor, implements the steps of the method according to any one of claims 1 to 11.

15. A computer program product comprising a computer program, characterized in that the computer program, when being executed by a processor, implements the steps of the method of any one of claims 1 to 11.