CN116594616A

CN116594616A - Component configuration method and device and computer readable storage medium

Info

Publication number: CN116594616A
Application number: CN202310528704.5A
Authority: CN
Inventors: 陈倚天
Original assignee: Tencent Technology Shenzhen Co Ltd
Current assignee: Tencent Technology Shenzhen Co Ltd
Priority date: 2023-05-11
Filing date: 2023-05-11
Publication date: 2023-08-15

Abstract

The embodiment of the application discloses a component configuration method, a device and a computer readable storage medium, which can be applied to a map or a traffic scene, wherein a basic component is displayed on a canvas area by responding to a first dragging operation of dragging the basic component from the component area to the canvas area; configuring first attribute information corresponding to a first scene identifier for a displayed basic component; responding to a second dragging operation of dragging the base component from the component area to the canvas area, and configuring second attribute information corresponding to the displayed base component under a second scene identifier; the second attribute information at least comprises a transition state sub-attribute and a display state sub-attribute. Therefore, through the dragging operation of dragging one base component to the canvas area for many times, the multi-scene configuration of the base component under the plurality of scene identifications is realized, the transition animation corresponding to the transition state sub-attribute among different scenes is configured, the fluency of the component in the state switching of different scenes is improved, and the use experience of a user is improved.

Description

Component configuration method and device and computer readable storage medium

Technical Field

The present application relates to the field of computer technologies, and in particular, to a method and an apparatus for configuring a component, and a computer readable storage medium.

Background

A Low Code Development Platform (LCDP) is a development platform that can quickly generate an application program without encoding (0 code) or with a small amount of code. By means of visualization, application development methods (refer to visual programming languages) enable developers with different experience levels to create web pages and mobile applications through a graphical user interface using drag components and model driven logic.

In the related art, the development of the low-code development platform is generally realized by dragging in the dimension of the component. In the research and practice process of the related technology, the inventor of the application finds that in the related technology, the component dimension is used for dragging, so that smooth switching of the component corresponding to a plurality of states cannot be realized, because the plurality of states are realized by dragging the plurality of components in a layout mode, the switching among the plurality of dragged components cannot realize smooth transition of different states, the display effect is poor, and the use experience of a user is reduced.

Disclosure of Invention

The embodiment of the application provides a component configuration method, a device and a computer readable storage medium, which can improve the fluency of switching of components in different states and improve the use experience of users.

In order to solve the technical problems, the embodiment of the application provides the following technical scheme:

a component configuration method, comprising:

displaying the base component on a canvas area in response to a first drag operation of dragging the base component from the component area to the canvas area;

configuring first attribute information corresponding to a first scene identifier for a displayed basic component;

responding to a second dragging operation of dragging the base component from the component area to the canvas area, and configuring second attribute information corresponding to the displayed base component under a second scene identifier;

the second attribute information at least comprises a transition state sub-attribute and a display state sub-attribute.

A component configuration apparatus comprising:

a display unit for displaying a base component on a canvas area in response to a first drag operation of dragging the base component from the component area to the canvas area;

the first configuration unit is used for configuring first attribute information corresponding to the first scene identifier for the displayed basic component;

the second configuration unit is used for responding to a second dragging operation of dragging the basic component from the component area to the canvas area and configuring second attribute information corresponding to the displayed basic component under a second scene identifier;

In some embodiments, the component configuration apparatus further comprises:

the setting unit is used for setting corresponding component identifiers for each preset component in the component area;

the basic component is associated with a target component identifier, and the display unit is used for:

acquiring a corresponding component identifier of a preset component stored in the canvas area;

and when the fact that the target component identifier does not exist in the component identifiers is detected, the basic component is newly added on the canvas area to be displayed.

In some embodiments, the component configuration apparatus further includes a display changing unit configured to:

performing display change processing on the basic components displayed on the canvas area;

the display change processing at least comprises one processing mode of brightness change processing, transparency change processing or flickering change processing.

In some embodiments, the first configuration unit is configured to:

displaying a first scene identifier of the displayed basic component and a corresponding first configuration item on the attribute configuration area;

first attribute information input by a user based on the first configuration item is received.

In some embodiments, the second configuration unit includes:

the acquisition subunit is used for responding to a second dragging operation of dragging the basic component from the component area to the canvas area and acquiring a component identifier corresponding to a preset component stored in the canvas area;

a cancel execution subunit, configured to, when detecting that the target component identifier exists in the component identifiers, not execute an operation of newly adding the base component to the canvas area;

a modification subunit, configured to modify the first scene identifier of the displayed base component into a second scene identifier;

and the configuration subunit is used for configuring the second attribute information corresponding to the second scene identifier.

In some embodiments, the modification subunit is configured to:

changing the first scene identifier corresponding to the displayed basic component into a second scene identifier on the attribute configuration area;

and generating a second configuration item corresponding to the second scene identifier.

In some embodiments, the configuration subunit is configured to:

displaying a second scene identifier of the displayed basic component and a corresponding second configuration item on the attribute configuration area;

second attribute information input by the user based on the second configuration item is received.

In some embodiments, the component configuration apparatus further comprises:

the first generation unit is used for loading the basic component according to the first attribute information under the first scene identifier to generate and display a first model;

the switching unit is used for responding to the triggering operation of switching the first model, switching the first scene identifier to a second scene identifier and acquiring second attribute information under the second scene identifier;

and the second generating unit is used for playing the transition animation corresponding to the transition state sub-attribute, loading the basic component according to the display state sub-attribute, and generating and displaying a second model.

In some embodiments, the component configuration apparatus further comprises an association unit for:

creating a variable identifier, wherein the variable identifier carries a first variable value;

the first variable value is associated with a first scene identification of the base component.

In some embodiments, the switching unit is configured to:

responding to the triggering operation of switching the first model, changing the first variable value of the variable identifier into a second variable value, and generating a change instruction;

and responding to the change instruction, switching the first scene identifier to a second scene identifier, and acquiring second attribute information under the second scene identifier.

A computer readable storage medium storing a plurality of instructions adapted to be loaded by a processor to perform the steps of the component configuration method described above.

A computer device comprising a memory, a processor and a computer program stored in the memory and executable on the processor, the processor implementing steps in the above component configuration method when the computer program is executed.

A computer program product or computer program comprising computer instructions stored in a storage medium. The computer instructions are read from the storage medium by a processor of a computer device, which executes the computer instructions, causing the computer to perform the steps of the component configuration method described above.

The embodiment of the application displays the basic component on the canvas area by responding to a first dragging operation of dragging the basic component from the component area to the canvas area; configuring first attribute information corresponding to a first scene identifier for a displayed basic component; responding to a second dragging operation of dragging the base component from the component area to the canvas area, and configuring second attribute information corresponding to the displayed base component under a second scene identifier; the second attribute information at least comprises a transition state sub-attribute and a display state sub-attribute. Therefore, the multi-scene configuration of the same basic component under the condition of a plurality of scene identifications is realized through the dragging operation of dragging the same basic component to the canvas area for a plurality of times, and the configuration of transition animations corresponding to the transition state sub-attributes among different scenes can also be realized.

Drawings

In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings that are needed in the description of the embodiments 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. 1a is a schematic diagram of a component configuration system provided by an embodiment of the present application;

FIG. 1b is a schematic diagram of a component configuration system according to an embodiment of the present application;

FIG. 2 is a flow chart of a method for configuring components according to an embodiment of the present application;

fig. 3a is a schematic view of a scenario of a component configuration method according to an embodiment of the present application;

FIG. 3b is a schematic diagram of another scenario of a component configuration method according to an embodiment of the present application;

FIG. 3c is a schematic diagram of another scenario of a component configuration method according to an embodiment of the present application;

FIG. 4a is another flow chart of a component configuration method according to an embodiment of the present application;

FIG. 4b is a schematic diagram of another scenario of a component configuration method according to an embodiment of the present application;

FIG. 4c is another flow chart of a method for configuring components according to an embodiment of the present application;

FIG. 5 is a schematic diagram of a component configuration apparatus according to an embodiment of the present application;

fig. 6 is a schematic structural diagram of a server according to an embodiment of the present application.

Detailed Description

The following description of the embodiments of the present application will be made clearly and completely with reference to the accompanying drawings, in which it is apparent that the embodiments described are only some embodiments of the present application, but not all embodiments. All other embodiments, which can be made by those skilled in the art based on the embodiments of the application without making any inventive effort, are intended to fall within the scope of the application.

For a better illustration of embodiments of the present application, the following description will be given with respect to some related concepts:

low code development platform: the development platform of the application program can be quickly generated without codes or by a small amount of codes.

And (3) assembly: in order to extract and combine repeated codes into units, the components can be multiplexed, are positioned at the bottom layer of the framework, and other functions depend on the components and can be used by different functions. The componentization is characterized by strong independence and convenient calling and multiplexing.

Referring to fig. 1a, fig. 1a is a schematic view of a component configuration system according to an embodiment of the present application, including: the terminal 11 and the server 20 may be connected through a communication network between the terminal 11 and the server 20, where the communication network includes a wireless network and a wired network, and the wireless network includes one or more of a wireless wide area network, a wireless local area network, a wireless metropolitan area network, and a wireless personal area network. The network includes network entities such as routers, gateways, etc., which are not shown. The terminal 11 may interact with the server 20 via a communication network, e.g. the server 20 sends component data to the terminal 11.

The component configuration system may include a component configuration device, where the component configuration device may be specifically integrated in a server 20, where the server 20 may be an independent physical server, or may be a server cluster or a distributed system formed by multiple physical servers, or may be a cloud server that provides cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, CDNs, and basic cloud computing services such as big data and an artificial intelligence platform, where the component data may be formed by codes, and where the server 20 may send the component data to the terminal 11, so that the terminal 11 may generate multiple components according to the component data for display.

The component configuration system may also include a terminal, which may be a smart phone, tablet, notebook, desktop, smart speaker, smart watch, vehicle terminal, aircraft, etc. In fig. 1a, the terminal is the terminal 11 in fig. 1a, and various clients required by the user, such as a low-code development client, may be installed in the terminal 11. The terminal 11 may generate a plurality of components according to the server 20 transmitting the component data, and further display the base component on the canvas area in response to a first drag operation of dragging the base component from the component area to the canvas area; configuring first attribute information corresponding to a first scene identifier for a displayed basic component; responding to a second dragging operation of dragging the basic component from the component area to the canvas area, and configuring second attribute information corresponding to the displayed basic component under a second scene identifier; the second attribute information at least comprises a transition state sub-attribute and a display state sub-attribute.

For a better description of the low-code development platform, refer to fig. 1b, and fig. 1b is a schematic architecture diagram of a component configuration system according to an embodiment of the present application, where the schematic architecture diagram may also be understood as an architecture of the low-code development platform, and the architecture includes a basic service layer, a component layer, a protocol layer, a configuration layer, and an application layer.

The basic service layer is used for providing basic service functions of an application environment, for example, account management service can provide basic functions of user account login verification.

The component layer is used for providing basic functions of the component, such as the basic functions of the componentization, capability abstraction and rendering engine of the model component.

The protocol layer is used for providing the realization function of the application environment realization protocol and at least comprises an application construction protocol, a page construction protocol and a component description protocol.

The configuration layer is used for providing operation configuration implementation functions of the application environment.

The application layer is used for providing implementation functions of a specific application environment, namely, providing an application environment, such as a PC (Personal Computer ) application.

It should be noted that, the schematic view of the component configuration system shown in fig. 1a and the schematic view of the architecture of the component configuration system shown in fig. 1b are merely examples, and the component configuration system, the framework and the scenario described in the embodiments of the present application are for more clearly describing the technical solutions of the embodiments of the present application, and do not constitute a limitation on the technical solutions provided by the embodiments of the present application, and as one of ordinary skill in the art can know, with the evolution of the component configuration system and the framework and the appearance of new business scenarios, the technical solutions provided by the embodiments of the present application are equally applicable to similar technical problems.

The following will describe in detail.

The embodiment of the application provides a component configuration method which can be executed by a terminal or a server or can be executed by the terminal and the server together; the embodiment of the application is described by taking the component configuration method as an example executed by the terminal.

Referring to fig. 2, fig. 2 is a flow chart of a component configuration method according to an embodiment of the application. The component configuration method comprises the following steps:

in step 101, the base component is displayed on the canvas area in response to a first drag operation of the base component from the component area to the canvas area.

It will be appreciated that in the specific embodiments of the present application, related data such as user data and attribute information are involved, and when the above embodiments of the present application are applied to specific products or technologies, user permissions or consents need to be obtained, and the collection, use and processing of related data need to comply with related laws and regulations and standards of related countries and regions.

It should be noted that, in some of the processes described in the specification, claims and drawings, a plurality of steps occurring in a particular order are included, but it should be understood that the steps may be performed out of order or performed in parallel, the step sequence numbers are merely used to distinguish between the various steps, and the sequence numbers themselves do not represent any order of execution. Furthermore, the descriptions of "first" and "second" and the like herein are used for distinguishing between similar objects and not necessarily for describing a particular sequential or chronological order.

A low code development platform is a development platform that can quickly generate an application program without encoding or with a small amount of code. By means of the method for developing the application program through visualization, developers with different experience levels can use logic of the dragging component to create web pages and mobile application programs through a graphical user interface.

The low code development platform may be generally implemented by setting a component area, a canvas area and an attribute configuration area, where the component area supports and displays each component, and the types of the components may include a model component, a map component, an icon component, and the like, which are not limited in particular, and are described below with respect to the types of the components as model components for better illustrating the embodiments of the present application.

The canvas area is used for realizing the setting of the bearing component and supporting the common shortcut operations such as copying, pasting and saving of the component. The property configuration region provides visual definitions of styles, interactions, and data for components saved on the canvas region.

At present, the development of a low-code development platform is generally realized by dragging a component. However, if the switching of the multiple states of the components is required to be implemented, the multiple components need to be dragged from the component area to the canvas area to implement attribute configuration respectively, and since the dragged multiple components correspond to different pages, smooth transition cannot be implemented when the states of the multiple components are switched, a clamping phenomenon similar to the page switching occurs, and experience of a user is seriously reduced.

In order to solve the above-mentioned technical problems, an embodiment of the present application provides a method for configuring multiple scene states of a same component by presetting the component (transition component), so as to implement the configuration of multiple scene states and the configuration of transition animation by a single component, and improve the fluency of switching multiple states of a subsequent component.

For better illustrating the embodiments of the present application, please refer to fig. 3a together, the low-code development platform of the embodiments of the present application may include a component area, a canvas area, and an attribute configuration area, unlike the related art, the embodiments of the present application may add component protocols related to a component by supplementing a component building protocol in a protocol layer, that is, newly add related field descriptions (which may also be understood as component identifiers) of a preset component, so that the preset component is associated with a corresponding component identifier.

In one implementation, the embodiment of the present application further includes: and setting corresponding component identifications for each preset component in the component area.

The preset component can also be understood as a transition component, i.e. a component specially used for realizing smooth switching of multiple scene states under the same component, so that a corresponding component identifier can be set for each preset component in the component area for distinguishing other common components.

In addition, unlike the related art, the embodiment of the application can also add the current scene identifier for the preset component with the component identifier, the current scene identifier can realize the effect of distinguishing the scene states of the same component, each scene identifier can correspondingly set different attribute information, the attribute information is used for realizing the visual attribute setting and the rendering style setting for the component, for example, the attribute information can include attributes such as a camera, illumination, model state, animation or image source, and the preset component can be a map component, a chart component, a form component, a container component or a model component.

As shown in fig. 3a, in an embodiment, a current scene identifier control a may be added to a preset component having a component identifier in an attribute configuration area, where the current scene identifier control a is used to set a corresponding current scene identifier for the preset component, and it should be noted that a non-preset component does not have the current scene identifier control a and cannot set a corresponding current scene identifier, that is, the embodiment of the present application is applied to use the scene identifier of the preset component, and the use mode of the non-preset component is not changed.

Based on this, the base component is one component in the preset components, that is, the base component is associated with a corresponding target component identifier, in some embodiments, the base component may be a model component with a target component identifier, a map class component with a target component identifier, or a container class component with a target component identifier, where the base component is displayed in a component area of the low code development platform, for example, as shown in fig. 3a, a base component is displayed in a model component area of a component area of the low code development platform, where the base component does not exist in a canvas area, so that a user may implement a first drawing operation of drawing the base component from the component area to the canvas area in a long-press drawing manner, and referring to fig. 3b, the terminal displays the base component in the canvas area in response to the first drawing operation of drawing the base component from the component area, and it is required to say that the canvas is configured to increase the base component from the first drawing canvas area to the new base component.

In some implementations, the base component associating a target component identification, the displaying the base component on the canvas area includes:

(1) Acquiring a corresponding component identifier of a preset component stored in the canvas area;

(2) And when the fact that the target component identifier does not exist in the component identifiers is detected, the basic component is newly added on the canvas area for display.

The basic component is one of preset components, and a plurality of scene identifications can be configured to realize a plurality of scene states, so that the low-code development platform needs to detect whether the same basic component is stored in the canvas area, and because each preset component is associated with a corresponding component identification, whether the same basic component is stored in the canvas area or not can be judged through the component identifications, which is also a key point of realizing a plurality of scene states in the embodiment of the application, and continuing to refer to fig. 3b, the corresponding component identifications of the preset components stored in the canvas area can be obtained in advance, and because the preset components are temporarily not stored in the canvas area, the component identifications are not present at this time.

Further, the basic component is associated with a corresponding target component identifier, so that the low-code development platform can detect whether the target component identifier exists in the component identifier to realize that whether the corresponding basic component is stored in the canvas area or not is judged, and at the moment, a preset component is temporarily not existed in the canvas area, so that the component identifier does not exist, namely, the fact that the target component identifier does not exist in the component identifier is detected, the basic component is added to the canvas area for the first time, the basic component can be newly added to the canvas area for corresponding display, the first scene identifier can be configured for the basic component, and the first scene identifier 1 can be configured for the basic component in the current scene identifier control A.

In some implementations, after the displaying the base component on the canvas area, further comprising: and performing display change processing on the basic components displayed on the canvas area.

The base component is one of preset components, namely, the base component can be used for configuring a plurality of scene identifications for the subsequent base component to realize a plurality of scene states, so that in order to prompt a user to configure the plurality of scene identifications, the base component displayed on the canvas area can be subjected to display change processing, and the display change processing refers to changing the display state of the base component displayed on the canvas area so as to be different from other non-preset components.

The display change processing includes at least one processing mode of brightness change processing, transparency change processing, or flickering change processing.

The brightness change processing means that the brightness of the basic components displayed on the canvas area can be changed, for example, the brightness of the basic components on the canvas area is increased, or the brightness of the basic components on the canvas area is reduced, so that the basic components on the canvas area are displayed in a marked mode, which is obviously different from other non-preset components, and a user is prompted to configure a plurality of scene identifications according to the basic components after the brightness change processing so as to realize a plurality of scene states.

The transparency change processing means that the transparency of the basic components displayed on the canvas area can be changed, for example, the transparency of the basic components on the canvas area is set to 75 percent or 50 percent, so that the basic components on the canvas area are subjected to marked display, which is obviously different from other non-preset components, and a user is prompted to configure a plurality of scene identifications according to the basic components after the transparency change processing so as to realize a plurality of scene states.

The flicker change processing means that the display attribute of the basic component displayed on the canvas area can be changed, for example, the display attribute of the basic component on the canvas area is changed to be set according to the frequency of flicker once per second or the frequency of flicker once per 2 seconds, so that the basic component on the canvas area is subjected to marking display, which is obviously different from other non-preset components, and a user is prompted to configure a plurality of scene identifications according to the basic component after the flicker change processing so as to realize a plurality of scene states.

In step 102, first attribute information corresponding under a first scene identifier is configured for the displayed base component.

The scene identifier can realize that the base component can be distinguished in different scene states, so that attribute information under each scene identifier needs to be configured for the base component, namely first attribute information corresponding to the base component displayed in the canvas area under the first scene identifier needs to be configured, the first attribute information can be generated by a user based on configuration item input of attributes, and the first attribute information is used for configuring a visual form and a rendering style of the base component under the first scene identifier.

It should be noted that, because the embodiment of the present application may implement attribute configuration of different scene states of the same preset component, so that different scene states of the same preset component may be displayed in the same page, the embodiment of the present application may further set attribute configuration of transition animation, that is, setting of a transition state sub-attribute, for the preset component, where the transition state sub-attribute is used to describe transition of the preset component from a scene state of a previous scene identifier to a scene state of a current scene identifier.

With continued reference to fig. 3b, the configuration of the first scene state may be performed in the attribute configuration area for the base component newly added on the canvas area, that is, the first scene identifier 1 is configured for the base component in the current scene identifier control a of the attribute configuration area, and a plurality of first configuration items corresponding to the first scene identifier 1 are displayed, and the user may configure corresponding first attribute information under the first scene identifier 1 by using the plurality of first configuration items as the base component, for example, perform attribute configuration such as model configuration, streamer effect, camera special effect, animation special effect, and so on, to obtain the first attribute information.

In some embodiments, the configuring, for the displayed base component, the first attribute information corresponding to the first scene identifier may include:

(1) Displaying a first scene identifier of the displayed basic component and a corresponding first configuration item on the attribute configuration area;

(2) First attribute information input by a user based on the first configuration item is received.

With continued reference to fig. 3b, a first scene identifier 1 of the base component newly displayed on the canvas area may be displayed in the attribute configuration area, specifically, the first scene identifier 1 may be displayed on a current scene identifier control a of the attribute configuration area, and a corresponding first configuration item under the first scene identifier 1 may be displayed at the same time, where the first configuration item mainly configures a scene state of the base component corresponding to the first scene identifier 1, and the scene states may be divided into two major types, respectively, a static state (represented by a display state sub-attribute) and a transitional state (represented by a transitional state sub-attribute), where the static state is used to describe a display state of the base component under a corresponding scene, and the transitional state is used to describe a transitional effect of the base component from a scene of a previous scene identifier to the current scene.

The first configuration item may include configuration sub-items such as a model configuration sub-item, a streamer effect configuration sub-item, a camera configuration sub-item, and an animation configuration sub-item, where the model configuration sub-item may be used to configure a model form corresponding to the base component, the streamer effect configuration sub-item may configure a streamer effect of the base component, the camera configuration sub-item may configure a presentation angle of the base component, the animation configuration sub-item may configure an animation effect for transitioning from a scene state identified by a previous scene to a current scene identified, the model configuration sub-item, the streamer effect configuration sub-item, the camera configuration sub-item may configure a display state sub-attribute, and the animation configuration sub-item may configure a transition state sub-attribute.

Further, the user can configure the first attribute information of the base component under the first scene identifier through the first configuration item, set the model visual state and the rendering style of the base component for displaying under the first scene identifier, for example, set the visual state of the base component as 'tripod' through the first attribute information, and set the rendering style of the upper illumination.

In step 103, in response to a second drag operation of dragging the base component from the component area onto the canvas area, corresponding second attribute information under the second scene identifier is configured for the displayed base component.

The method and the device for configuring the scene identifier of the basic component can enable a user to continue to drag the basic component from the component area to the canvas area, so that attribute configuration of the basic component in different scene states is achieved.

That is, the user may implement a second drag operation of dragging the base component from the component area to the canvas area again to implement the attribute configuration of the base component in another scene state, for better explaining the embodiment of the present application, please refer to fig. 3c together, in which the terminal does not display the new base component on the canvas area in response to the second drag operation of dragging the base component from the component area to the canvas area again, but configures the base component previously displayed on the canvas area with second attribute information under the second scene identifier 2, which may be generated by the user based on the configuration item input of the newly reset attribute, and the second attribute information is different from the first attribute information, and is used to configure the visual form and the rendering style of the base component under the second scene identifier.

In the related art, when different components are switched, because the different components correspond to different pages, page transformation can occur during switching, a blocking phenomenon is caused, and the switching between different scene states has obvious pause feeling, has poor fluency and brings very poor experience to users. In the embodiment of the application, since the first scene identifier 1 and the second scene identifier 2 belong to the same basic component, the corresponding scene states of the two scene identifiers can be corresponding to the same page, so that page transformation is not caused when the scene state of the first scene identifier is switched to the scene state of the second scene identifier, a clamping phenomenon is caused, and the switching fluency between different scene states is greatly improved.

Accordingly, since the scene states corresponding to the different scene identifications of the base component can be displayed in the same page, in order to better realize smooth connection and personalized performance between the different scene states, a corresponding transition state sub-attribute may be set for the second scene identification 2, where the transition state sub-attribute is used to describe a transition effect of a process of the base component from the scene state of the first scene identification 1 to the scene state of the second scene identification 2, for example, the transition state sub-attribute may include at least an animation parameter, and it may be understood that the second scene identification 2 may further include a display state sub-attribute, where the display state sub-attribute is used to describe a set of display states of the base component in the scene state of the second scene identification 2, for example, the display state sub-attribute may include at least a model configuration parameter, a streamer effect parameter, and a camera display angle parameter.

In some embodiments, the configuring, for the displayed base component, the second attribute information corresponding to the second scene identifier includes:

(2) When detecting that the target component identifier exists in the component identifiers, not executing the operation of adding the basic component on the canvas area;

(3) Changing the first scene identifier of the displayed basic component into a second scene identifier;

(4) And configuring second attribute information corresponding to the second scene identifier.

With continued reference to fig. 3c, in response to the second drag operation of dragging the base component from the component area to the canvas area, the low code development platform may obtain, in advance, a component identifier corresponding to the preset component stored in the canvas area, and because the base component exists in the canvas area, may obtain a target component identifier of the base component, that is, the target component identifier exists in the component identifiers.

Further, the low-code development platform can detect whether the target component identifier exists in the component identifier to realize judging whether the corresponding basic component is already stored in the canvas area, and at the moment, the corresponding target component identifier exists in the canvas area, namely, the target component identifier exists in the component identifier is detected, and the difference is that the base component is not newly added in the canvas area in the scheme of attribute configuration of the related technology, but the new scene identifier is configured for the base component displayed in the canvas area, namely, the first scene identifier 1 of the base component displayed in the canvas area can be changed into the second scene identifier 2, and then the second attribute information configuration is performed on the scene state of the second scene identifier 2.

In some embodiments, the changing the first scene identifier of the displayed base component to the second scene identifier may include:

(1.1) changing a first scene identifier corresponding to the displayed basic component into a second scene identifier on the attribute configuration area;

(1.2) generating a corresponding second configuration item under the second scene identification.

With continued reference to fig. 3b, the first scene identifier 1 displayed on the current scene identifier control a of the attribute configuration area may be automatically added with 1, changed to the second scene identifier 2, and updated to display a corresponding second configuration item under the second scene identifier 2, where the second configuration item mainly configures the scene state of the base component corresponding to the second scene identifier 2.

The second configuration item may include a configuration sub-item, a streamer effect configuration sub-item, a camera configuration sub-item, and an animation configuration sub-item, where the model configuration sub-item may be used to configure a corresponding model form of the base component under the second scene identifier 2, the streamer effect configuration sub-item may configure a streamer effect of the base component under the second scene identifier 2, the camera configuration sub-item may configure a display angle of the base component under the second scene identifier 2, the animation configuration sub-item may configure an animation effect of a transition from a scene state of the first scene identifier 1 to a current second scene identifier 2, the model configuration sub-item, the streamer effect configuration sub-item, and the camera configuration sub-item may configure a display state sub-attribute of the base component under the second scene identifier 2, and the animation configuration sub-item may configure a transition state sub-attribute of the base component under the second scene identifier 2.

In some embodiments, the configuring the second attribute information corresponding to the second scene identifier may include:

(2.1) displaying a second scene identification of the displayed base component and a corresponding second configuration item on the property configuration area;

(2.2) receiving second attribute information entered by the user based on the second configuration item.

The user can configure the second attribute information of the base component under the second scene identifier through the first configuration item, set the model visual state and the rendering style of the base component for display under the second scene identifier, for example, set the detail visual state of the base component as an tripod through the second attribute information, and the transition animation can be gradually zoomed animation effect and the rendering style of front illumination.

In some implementations, a user can implement configuration of multiple scene states of the base component by continuing to drag the base component onto the canvas area, enabling the base component to continue attribute configuration under the scene state of the new scene identity.

From the above, it can be seen that the embodiment of the present application displays the base component on the canvas area by responding to the first drag operation of dragging the base component from the component area to the canvas area; configuring first attribute information corresponding to a first scene identifier for a displayed basic component; responding to a second dragging operation of dragging the base component from the component area to the canvas area, and configuring second attribute information corresponding to the displayed base component under a second scene identifier; the second attribute information at least comprises a transition state sub-attribute and a display state sub-attribute. Therefore, the multi-scene configuration of the same basic component under the condition of a plurality of scene identifications is realized through the dragging operation of dragging the same basic component to the canvas area for a plurality of times, and the configuration of transition animations corresponding to the transition state sub-attributes among different scenes can also be realized.

The methods described in connection with the above embodiments are described in further detail below by way of example.

In the present embodiment, description will be given taking an example in which the component arrangement apparatus is specifically integrated in a server, with specific reference to the following description.

Referring to fig. 4a, fig. 4a is another flow chart of the component configuration method according to the embodiment of the application. The method flow may include:

in step 201, the terminal sets a corresponding component identifier for each preset component in the component area, and in response to a first dragging operation of dragging the base component from the component area to the canvas area, obtains the corresponding component identifier of the preset component stored in the canvas area, and when detecting that the target component identifier does not exist in the component identifiers, newly adds the base component to the canvas area for display.

With continued reference to fig. 1b, unlike the related art, in the embodiment of the present application, the component building protocol in the protocol layer may be supplemented, so that a component related component protocol may be added, that is, a related field description (may also be understood as a component identifier) of a preset component is newly added, so that the preset component may be associated with a corresponding component identifier, and the preset component may also be understood as a transition component, that is, a component dedicated to implementing smooth switching between multiple scene states in the same component, so that a corresponding component identifier may be set for each preset component in the component area, for distinguishing other common components.

With continued reference to fig. 3a, the terminal sets a corresponding component identifier for each preset component in the component area in the low-code development platform, taking a model component as an example, where the model component is a base component in the embodiment of the present application, the model component is a preset component, and a corresponding component identifier AA may be set for the model component.

Further, the basic component is displayed on the model component area of the low-code development platform, at this time, the basic component does not exist in the canvas area, so that a user can realize the dragging operation of the basic component in a long-press dragging mode, correspondingly, the user can realize the first dragging operation of dragging the basic component from the component area to the canvas area, the terminal responds to the first dragging operation of dragging the basic component from the component area to the canvas area, and the corresponding component identifier of the preset component stored in the canvas area can be obtained in advance, and because the preset component temporarily does not exist in the canvas area, at this time, the component identifier does not exist in the canvas area.

Because the basic component is associated with the corresponding target component identifier, the low-code development platform can detect whether the target component identifier exists in the component identifier to realize the judgment of whether the corresponding basic component is already saved in the canvas area, when the preset component is temporarily not existed in the canvas area, the component identifier is not existed, the target component identifier is detected to be not existed in the component identifier, the basic component is described as being added to the canvas area for the first time, and the basic component can be newly added in the canvas area for corresponding display

In step 202, the terminal displays a first scene identifier of the displayed basic component and a corresponding first configuration item on the attribute configuration area, and receives first attribute information input by a user based on the first configuration item.

With continued reference to fig. 3b, the first scene identifier 1 may be displayed on the current scene identifier control a of the attribute configuration area, and a corresponding first configuration item under the first scene identifier 1 may be displayed at the same time, where the first configuration item mainly configures the scene state of the base component corresponding to the first scene identifier 1, and the scene state may be divided into two major types, that is, a static state (represented by a display state sub-attribute) and a transitional state (represented by a transitional state sub-attribute), where the static state is used to describe the display state of the base component under the corresponding scene, and the transitional state is used to describe the transitional effect of the base component from the scene of the previous scene identifier to the current scene.

As shown in fig. 3b, the first configuration item may include configuration sub-items such as a model configuration sub-item, a streamer effect configuration sub-item, a camera configuration sub-item, and an animation configuration sub-item, where the model configuration sub-item may be used to configure a model configuration corresponding to the base component, the streamer effect configuration sub-item may be used to configure a streamer effect of the base component, the camera configuration sub-item may be used to configure a presentation angle of the base component, the animation configuration sub-item may be used to configure an animation effect for transitioning from a scene state identified by a previous scene to a current scene identified, the model configuration sub-item, the streamer effect configuration sub-item, and the camera configuration sub-item may be used to configure a display state sub-attribute, and the animation configuration sub-item may be used to configure a transition state sub-attribute.

Further, the user may configure the first attribute information of the base component under the first scene identifier through the first configuration item, for example, set a model visualization state and a rendering style of the base component for displaying under the first scene identifier, for example, set a model form of the base component as "tripod" through the first attribute information, without a streamer effect, a front display angle, and without an animation effect.

In step 203, the terminal responds to a second dragging operation of dragging the base component from the component area to the canvas area, acquires the corresponding component identifier of the preset component stored in the canvas area, and does not execute the operation of newly adding the base component to the canvas area when detecting that the target component identifier exists in the component identifier.

In order to expand the scene state corresponding to the scene identifier of the base component and implement attribute configuration of the base component in another scene state, the user may implement a second drag operation of dragging the base component from the component area to the canvas area again, please continue to refer to fig. 3c, and the low-code development platform may respond to the second drag operation of dragging the base component from the component area to the canvas area, and may obtain, in advance, the corresponding component identifier of the preset component stored in the canvas area, and because the base component exists in the canvas area, may obtain the target component identifier of the base component, that is, the target component identifier exists in the component identifier.

Further, the low-code development platform can detect whether the target component identifier exists in the component identifier to realize judging whether the corresponding basic component is stored in the canvas area, and the corresponding target component identifier exists in the canvas area at the moment, so that the existence of the corresponding target component identifier is detected, and the difference is that the base component is not newly added in the canvas area in the scheme of attribute configuration by adding a basic component in the canvas area in the related technology, but a new scene identifier is configured for the basic component displayed in the canvas area, namely, the new component is not described for pages in the canvas, but a new scene protocol is carried out for the original component, so that a plurality of components are dragged in to only maintain one component instance, and the scene value is increased.

In step 204, the terminal changes the first scene identifier corresponding to the displayed basic component into a second scene identifier on the attribute configuration area, and generates a second configuration item corresponding to the second scene identifier.

In step 205, the terminal displays the second scene identifier of the displayed basic component and the corresponding second configuration item on the attribute configuration area, and receives second attribute information input by the user based on the second configuration item.

With continued reference to fig. 3b, the terminal may display the second scene identifier 2 of the displayed basic component and the corresponding second configuration item in the attribute configuration area.

Further, the user may configure the second attribute information of the base component under the second scene identifier 2 through the second configuration item, for example, set a model visualization state and a rendering style of the base component for displaying under the second scene identifier, for example, set a model form of the base component as a detailed legend of a tripod through the second attribute information, have no streamer effect, have a front display angle, and gradually zoom in an animation effect.

In some implementations, a user can implement configuration of multiple scene states of the base component by continuing to drag the base component onto the canvas area, enabling the base component to continue attribute configuration under the scene state of the new scene identity. For example, the user can continuously drag the base component onto the canvas area, so that the base component can continuously configure new attribute information of the new scene identifier 3, for example, a model visual state and a rendering style for displaying the new third scene identifier 3 of the base component can be set, the new third attribute information of the third scene identifier 3 can be used for setting the model form of the base component as 'detailed information display of ancient cooking vessel', no streaming effect is generated, the display angle of the front face is increased, and the animation effect is gradually pulled away.

In step 206, the terminal loads the base component according to the first attribute information under the first scene identifier, generates and displays a first model, creates a variable identifier, and associates the first variable value with the first scene identifier of the base component.

After the base component is configured with the attribute information under the different scene identifications, the low-code development platform is described to realize the state setting of the same component under the different scene states, so as to complete the low-code development process, and further, the terminal can load the base component according to the first attribute information under the first scene identification, as shown in fig. 4b, fig. 4b shows that the low-code development platform develops an application program 31 generated by low-code development according to the base component, the application program 31 comprises a plurality of application pages corresponding to the different scene states by the base component, the first application page is generated by loading the base component according to the first attribute information under the first scene identification, and the first application page comprises a model form of 'tripod' generated by the base component, a no-streaming effect, a positive display angle and a no-animation effect.

Further, a variable identifier may be created, where the variable identifier defaults to a first variable value, where the first variable value may be 1, where the first variable value may be associated with a first scene identifier 1 of a base component in a first application page, that is, a subsequent change of the first variable value may trigger a corresponding change of the scene identifier, where the first variable value may be changed by triggering a preset event, where the preset event may be a control switch, for example, a first control 311 in the first application page may represent the first variable value 1, and when the first control 311 triggers, may trigger a triggering of a scene state of the base component corresponding to the first scene identifier, display the page, display a model form of "tripod" generated by the base component, a no-streaming effect, a frontal display angle, and no animation effect. The change in scene state may then be triggered by switching the first control 311.

In step 207, the terminal changes the first variable value of the variable identifier to the second variable value in response to the triggering operation for switching the first model, generates a change instruction, switches the first scene identifier to the second scene identifier in response to the change instruction, and acquires the second attribute information under the second scene identifier.

In order to show that the basic component may switch the first model and the manner of switching the first model may be to switch the control, as shown in fig. 4b, the first control 311 may be switched to the second control 312 to implement a triggering operation for switching the first model, and accordingly, the terminal may change the first variable value 1 of the variable identifier to the second variable value 2 in response to the triggering operation for switching the first model, and due to the change of the variable value of the variable identifier, a corresponding change instruction may be generated, and the application 31 may switch the scene identifier from the first scene identifier 1 to the second scene identifier 2 corresponding to the second variable value in response to the change instruction, and obtain the second attribute information under the second scene identifier 2, so as to implement quick update of the scene state.

In step 208, the terminal plays the transition animation corresponding to the transition state sub-attribute, loads the base component according to the display state sub-attribute, and generates and displays the second model.

The scene states corresponding to different scene identifications of the base component are displayed in the same page, so that the scene state of the first scene identification can be switched to the scene state of the second scene identification through transition animation, namely, the transition state sub-attribute in the second attribute information, namely, the gradual zooming-in animation effect, is acquired, the corresponding gradual zooming-in transition animation is played, and when the transition animation is played, the base component is recorded again according to the model form of the display state sub-attribute, namely, the detailed inscription of the ancient cooking vessel, no streamer effect and the front display angle, and the second model, namely, the detailed inscription of the ancient cooking vessel displayed in the second application page of the application program 31 is generated and displayed.

In some embodiments, the switching of the first control 312 to the second control 313 may further implement a triggering operation for switching the second model, and correspondingly, the terminal changes the second variable value 2 of the variable identifier to the third variable value 3 in response to the triggering operation for switching the second model, and because the variable value of the variable identifier changes, a corresponding change instruction may be generated, the application 31 switches the scene identifier from the second scene identifier 2 to the second scene identifier 3 associated with the second variable value in response to the change instruction, and obtains the third attribute information under the second scene identifier 2, so as to implement quick update of the scene state, that is, obtain a transition state sub-attribute in the second attribute information, that is, a "gradually-pulled animation effect", to play a corresponding gradually-pulled transition animation, and when the transition animation is completed, re-record the base component according to the display state sub-attribute, that is, the form of displaying detailed information of the tripod, "and the angle of the tripod" is re-recorded, and displayed for the base component, that is, the detailed information of the application program of the third tripod 31.

In some embodiments, please refer to fig. 4c together, it is understood that a user may change a scene identifier by adding a scene of a base component, and configure a state corresponding to a new scene by performing attribute configuration on the new scene identifier, further, create a variable, bind the variable with the scene identifier, so that after a subsequent user clicks a switch button, a corresponding variable value is automatically modified, and gradually switch from a transitional animation to a new scene of the base component, thereby realizing smooth multi-scene switching of a single component.

Referring to fig. 5, fig. 5 is a schematic structural diagram of a device configuration apparatus according to an embodiment of the present application, where the device configuration apparatus may include a first configuration unit 302 and a second configuration unit 303 of a display unit 301, and the device configuration apparatus is applied to a terminal.

And a display unit 301 for displaying the base component on the canvas area in response to a first drag operation of dragging the base component from the component area to the canvas area.

In some embodiments, the component configuration apparatus further comprises:

the base component associates a target component identification, and the display unit 301 is configured to:

and when the fact that the target component identifier does not exist in the component identifiers is detected, the basic component is newly added on the canvas area for display.

The first configuration unit 302 is configured to configure, for the displayed base component, first attribute information corresponding to the first scene identifier.

In some embodiments, the first configuration unit is configured to:

And a second configuration unit 303, configured to configure, for the displayed base component, second attribute information corresponding to a second scene identifier in response to a second drag operation of dragging the base component from the component area onto the canvas area.

In some embodiments, the second configuration unit 303 includes:

the acquisition subunit is used for responding to a second dragging operation of dragging the basic component from the component area to the canvas area and acquiring a corresponding component identifier of a preset component stored in the canvas area;

the cancellation execution subunit is used for not executing the operation of newly adding the basic component on the canvas area when detecting that the target component identifier exists in the component identifiers;

A modification subunit configured to modify the first scene identifier of the displayed base component to a second scene identifier;

In some embodiments, the modification subunit is configured to:

In some embodiments, the configuration subunit is configured to:

In some embodiments, the component configuration apparatus further comprises:

the first variable value is associated with a first context identification of the base component.

In some embodiments, the switching unit is configured to:

The specific implementation of each unit can be referred to the previous embodiments, and will not be repeated here.

As can be seen from the foregoing, in the embodiment of the present application, the display unit 301 displays the base component on the canvas area in response to the first drag operation of dragging the base component from the component area to the canvas area; the first configuration unit 302 configures first attribute information corresponding to the displayed basic component under the first scene identifier; the second configuration unit 303 configures, for the displayed base component, second attribute information corresponding to the second scene identifier in response to a second drag operation of dragging the base component from the component area onto the canvas area; the second attribute information at least comprises a transition state sub-attribute and a display state sub-attribute. Therefore, the multi-scene configuration of the same basic component under the condition of a plurality of scene identifications is realized through the dragging operation of dragging the same basic component to the canvas area for a plurality of times, and the configuration of transition animations corresponding to the transition state sub-attributes among different scenes can also be realized.

The embodiment of the application also provides a computer device, which may be a terminal, as shown in fig. 6, which shows a schematic structural diagram of the terminal according to the embodiment of the application, specifically:

the computer device may include Radio Frequency (RF) circuitry 401, memory 402 including one or more computer-readable storage media, input unit 403, display unit 404, sensor 405, audio circuitry 406, wireless fidelity (WiFi, wireless Fidelity) module 407, processor 408 including one or more processing cores, and power supply 409. It will be appreciated by those skilled in the art that the terminal structure shown in fig. 6 is not limiting of the terminal and may include more or fewer components than shown, or may combine certain components, or a different arrangement of components. Wherein:

the RF circuit 401 may be used for receiving and transmitting signals during the process of receiving and transmitting information or communication, in particular, after receiving downlink information of a base station, the downlink information is processed by one or more processors 408; in addition, data relating to uplink is transmitted to the base station. Typically, RF circuitry 401 includes, but is not limited to, an antenna, at least one amplifier, a tuner, one or more oscillators, a subscriber identity module (SIM, subscriber Identity Module) card, a transceiver, a coupler, a low noise amplifier (LNA, low Noise Amplifier), a duplexer, and the like. In addition, the RF circuitry 401 may also communicate with networks and other devices through wireless communications. The wireless communication may use any communication standard or protocol including, but not limited to, global system for mobile communications (GSM, global System of Mobile communication), general packet radio service (GPRS, general Packet Radio Service), code division multiple access (CDMA, code Division Multiple Access), wideband code division multiple access (WCDMA, wideband Code Division Multiple Access), long term evolution (LTE, long Term Evolution), email, short message service (SMS, short Messaging Service), and the like.

The memory 402 may be used to store software programs and modules, and the processor 408 may perform various functional applications and management of session groups by executing the software programs and modules stored in the memory 402. The memory 402 may mainly include a storage program area and a storage data area, wherein the storage program area may store an operating system, an application program (such as a sound playing function, an image playing function, etc.) required for at least one function, and the like; the storage data area may store data (such as audio data, phonebook, etc.) created according to the use of the terminal, etc. In addition, memory 402 may include high-speed random access memory, and may also include non-volatile memory, such as at least one magnetic disk storage device, flash memory device, or other volatile solid-state storage device. Accordingly, the memory 402 may also include a memory controller to provide access to the memory 402 by the processor 408 and the input unit 403.

The input unit 403 may be used to receive input numeric or character information and to generate keyboard, mouse, joystick, optical or trackball signal inputs related to user settings and function control. In particular, in one particular embodiment, input unit 403 may include a touch-sensitive surface, as well as other input devices. The touch-sensitive surface, also referred to as a touch display screen or a touch pad, may collect touch operations thereon or thereabout by a user (e.g., operations thereon or thereabout by a user using any suitable object or accessory such as a finger, stylus, etc.), and actuate the corresponding connection means according to a predetermined program. Alternatively, the touch-sensitive surface may comprise two parts, a touch detection device and a touch controller. The touch detection device detects the touch azimuth of a user, detects a signal brought by touch operation and transmits the signal to the touch controller; the touch controller receives touch information from the touch detection device and converts it into touch point coordinates, which are then sent to the processor 408, and can receive commands from the processor 408 and execute them. In addition, touch sensitive surfaces may be implemented in a variety of types, such as resistive, capacitive, infrared, and surface acoustic waves. In addition to the touch-sensitive surface, the input unit 403 may also comprise other input devices. In particular, other input devices may include, but are not limited to, one or more of a physical keyboard, function keys (such as volume control keys, switch keys, etc.), a trackball, mouse, joystick, etc.

The display unit 404 may be used to display information input by a user or information provided to the user and various graphical user interfaces of the terminal, which may be composed of graphics, text, icons, video and any combination thereof. The display unit 404 may include a display panel, which may be optionally configured in the form of a liquid crystal display (LCD, liquid Crystal Display), an Organic Light-Emitting Diode (OLED), or the like. Further, the touch-sensitive surface may overlay a display panel, and upon detection of a touch operation thereon or thereabout, the touch-sensitive surface is communicated to the processor 408 to determine a type of touch event, and the processor 408 then provides a corresponding visual output at the display panel based on the type of touch event. Although in fig. 6 the touch sensitive surface and the display panel are implemented as two separate components for input and output functions, in some embodiments the touch sensitive surface may be integrated with the display panel to implement the input and output functions.

The terminal may also include at least one sensor 405, such as a light sensor, a motion sensor, and other sensors. Specifically, the light sensor may include an ambient light sensor that may adjust the brightness of the display panel according to the brightness of ambient light, and a proximity sensor that may turn off the display panel and/or backlight when the terminal moves to the ear. As one of the motion sensors, the gravity acceleration sensor can detect the acceleration in all directions (generally three axes), and can detect the gravity and the direction when the mobile phone is stationary, and can be used for applications of recognizing the gesture of the mobile phone (such as horizontal and vertical screen switching, related games, magnetometer gesture calibration), vibration recognition related functions (such as pedometer and knocking), and the like; other sensors such as gyroscopes, barometers, hygrometers, thermometers, infrared sensors, etc. that may also be configured in the terminal are not described in detail herein.

Audio circuitry 406, speakers, and a microphone may provide an audio interface between the user and the terminal. The audio circuit 406 may transmit the received electrical signal after audio data conversion to a speaker, where the electrical signal is converted to a sound signal for output; on the other hand, the microphone converts the collected sound signals into electrical signals, which are received by the audio circuit 406 and converted into audio data, which are processed by the audio data output processor 408 for transmission to, for example, another terminal via the RF circuit 401, or which are output to the memory 402 for further processing. Audio circuitry 406 may also include an ear bud jack to provide communication of the peripheral ear bud with the terminal.

The WiFi belongs to a short-distance wireless transmission technology, and the terminal can help the user to send and receive e-mail, browse web pages, access streaming media and the like through the WiFi module 407, so that wireless broadband internet access is provided for the user. Although fig. 6 shows a WiFi module 407, it is understood that it does not belong to the essential constitution of the terminal, and can be omitted entirely as required within the scope of not changing the essence of the invention.

The processor 408 is a control center of the terminal, and connects various parts of the entire handset using various interfaces and lines, and performs various functions of the terminal and processes data by running or executing software programs and/or modules stored in the memory 402, and invoking data stored in the memory 402, thereby performing overall monitoring of the handset. Optionally, the processor 408 may include one or more processing cores; preferably, the processor 408 may integrate an application processor that primarily handles operating systems, user interfaces, applications, etc., with a modem processor that primarily handles wireless communications. It will be appreciated that the modem processor described above may not be integrated into the processor 408.

The terminal also includes a power supply 409 (e.g., a battery) for powering the various components, which may be logically connected to the processor 408 through a power management system that performs functions such as managing charge, discharge, and power consumption. The power supply 409 may also include one or more of any of a direct current or alternating current power supply, a recharging system, a power failure detection circuit, a power converter or inverter, a power status indicator, and the like.

Although not shown, the terminal may further include a camera, a bluetooth module, etc., which will not be described herein. In this embodiment, the processor 408 in the terminal loads executable files corresponding to the processes of one or more application programs into the memory 402 according to the following instructions, and the processor 408 executes the application programs stored in the memory 402, so as to implement various functions:

displaying the base component on the canvas area in response to a first drag operation of the base component from the component area to the canvas area;

responding to a second dragging operation of dragging the basic component from the component area to the canvas area, and configuring second attribute information corresponding to the displayed basic component under a second scene identifier;

In the foregoing embodiments, the descriptions of the embodiments are focused on, and the portions of an embodiment that are not described in detail in the foregoing embodiments may be referred to the detailed description of the image processing method, which is not repeated herein.

From the foregoing, it can be seen that a computer device of an embodiment of the present application can display a base component on a canvas area by responding to a first drag operation of dragging the base component from the component area to the canvas area; configuring first attribute information corresponding to a first scene identifier for a displayed basic component; responding to a second dragging operation of dragging the base component from the component area to the canvas area, and configuring second attribute information corresponding to the displayed base component under a second scene identifier; the second attribute information at least comprises a transition state sub-attribute and a display state sub-attribute. Therefore, the multi-scene configuration of the same basic component under the condition of a plurality of scene identifications is realized through the dragging operation of dragging the same basic component to the canvas area for a plurality of times, and the configuration of transition animations corresponding to the transition state sub-attributes among different scenes can also be realized.

Those of ordinary skill in the art will appreciate that all or a portion of the steps of the various methods of the above embodiments may be performed by instructions, or by instructions controlling associated hardware, which may be stored in a computer-readable storage medium and loaded and executed by a processor.

To this end, an embodiment of the present application provides a computer readable storage medium having stored therein a plurality of instructions capable of being loaded by a processor to perform the steps of any of the component configuration methods provided by the embodiment of the present application. For example, the instructions may perform the steps of:

According to one aspect of the present application, there is provided a computer program product or computer program comprising computer instructions stored in a computer readable storage medium. The processor of the computer device reads the computer instructions from the computer-readable storage medium, and the processor executes the computer instructions, so that the computer device performs the methods provided in the various alternative implementations provided in the above embodiments.

Wherein the computer-readable storage medium may comprise: read Only Memory (ROM), random access Memory (RAM, random Access Memory), magnetic or optical disk, and the like.

Because the instructions stored in the computer readable storage medium can execute the steps in any component configuration method provided by the embodiments of the present application, the beneficial effects that any component configuration method provided by the embodiments of the present application can be achieved, and detailed descriptions of the foregoing embodiments are omitted herein.

The foregoing has described in detail the methods, apparatuses and computer readable storage medium for configuring components according to embodiments of the present application, and specific examples have been applied to illustrate the principles and implementations of the present application, and the above description of the embodiments is only for aiding in understanding the methods and core ideas of the present application; meanwhile, as those skilled in the art will have variations in the specific embodiments and application scope in light of the ideas of the present application, the present description should not be construed as limiting the present application.

Claims

1. A component configuration method, comprising:

2. The component configuration method according to claim 1, characterized in that the component configuration method further comprises:

setting a corresponding component identifier for each preset component in the component area;

the base component associates a target component identification, the displaying the base component on the canvas area comprising:

3. The component configuration method of claim 1 or 2, wherein after the displaying the base component on the canvas area, further comprising:

4. A method of configuring a component according to any one of claims 1 to 3, wherein configuring, for the displayed base component, first attribute information corresponding to the first scene identifier includes:

5. The component configuration method according to any one of claims 1 to 4, wherein the configuring of the second attribute information corresponding to the displayed base component under the second scene identifier includes:

when detecting that the target component identifier exists in the component identifiers, not executing the operation of newly adding the basic component on the canvas area;

changing the first scene identifier of the displayed basic component into a second scene identifier;

And configuring second attribute information corresponding to the second scene identifier.

6. The component configuration method according to claim 5, wherein the changing the first scene identifier of the displayed base component to the second scene identifier includes:

7. The component configuration method according to claim 6, wherein the configuring the corresponding second attribute information under the second scene identifier includes:

8. The component configuration method according to any one of claims 1 to 7, wherein after configuring the corresponding second attribute information under the second scene identifier for the displayed base component, further comprising:

loading the basic component according to first attribute information under the first scene identifier to generate and display a first model;

Responding to a triggering operation for switching the first model, switching the first scene identifier to a second scene identifier, and acquiring second attribute information under the second scene identifier;

and playing the transition animation corresponding to the transition state sub-attribute, loading the basic component according to the display state sub-attribute, and generating and displaying a second model.

9. The component configuration method according to claim 8, characterized in that the component configuration method further comprises:

10. The component configuration method according to claim 9, wherein switching the first scene identifier to a second scene identifier in response to a trigger operation for switching the first model includes:

and responding to the change instruction, and switching the first scene identifier to a second scene identifier.

11. A component placement apparatus, comprising:

12. A computer readable storage medium storing a plurality of instructions adapted to be loaded by a processor to perform the steps in the component configuration method of any one of claims 1 to 10.

13. A computer device comprising a memory, a processor and a computer program stored in the memory and executable on the processor, the processor implementing the steps in the component configuration method of any one of claims 1 to 10 when the computer program is executed.