WO2023165397A1

WO2023165397A1 - Component updating method and apparatus, electronic device, and computer readable storage medium

Info

Publication number: WO2023165397A1
Application number: PCT/CN2023/077708
Authority: WO
Inventors: 吴智明; 林顺
Original assignee: 厦门雅基软件有限公司
Priority date: 2022-03-02
Filing date: 2023-02-22
Publication date: 2023-09-07
Also published as: CN116737190A

Abstract

Provided are a component updating method and apparatus, an electronic device, and a computer readable storage medium. The component updating method comprises: in response to an updating instruction for a page in an initial component, displaying an editing control of the page in an updating interface of a program editor, wherein the page comprises at least one marking module which can be edited by a user, and the marking module is obtained by marking a fixing module which cannot be edited by the user; and then in response to an editing operation for the editing control, updating the marking module in the page to generate a target component after the initial component is edited.

Description

Component update method, device, electronic device, and computer-readable storage medium

Cross References to Related Applications

This application claims priority to Chinese National Patent Application No. 202210200170.9 filed on March 2, 2022, the entire contents of which are incorporated herein by reference.

technical field

The present application relates to the field of computer technology, and in particular, the present application relates to a component updating method, device, electronic equipment, and computer-readable storage medium.

Background technique

A third-party component is a related component developed by an organization or individual other than the software developer, for example, based on engine development tools such as Unity, Laya, and cocos2d, to address the shortcomings or defects in the application functions of a certain software.

At present, third-party components can only be developed by developers with certain programming skills, and it is difficult for non-developers to develop third-party components, or adjust some display content and related functions of third-party components. The display content and related functions of third-party components made by developers are relatively fixed, and it is difficult for users who are not developers to adjust themselves, so it is difficult to meet the actual needs of different users.

Contents of the invention

The embodiments of the present application aim to solve at least one aspect of the foregoing technical problems to a certain extent.

According to an aspect of an embodiment of the present application, a component updating method is provided, the method comprising:

In response to an update instruction for a page in the initial component, an edit control of the page is displayed in an update interface of the program editor, wherein the page includes at least one user-editable marking module, and the marking module is based on a fixed module that cannot be edited by the user. obtained by marking;

In response to the edit operation on the edit control, the markup module in the page is updated to generate the target component after the edit operation on the initial component.

According to another aspect of the embodiments of the present application, there is provided a device for updating components, which includes:

The display module is used to display the edit control of the page in the update interface of the program editor in response to the update instruction for the page in the initial component, wherein the page includes at least one user-editable marking module, and the marking module is based on the user-inaccessible Edited fixed modules are marked;

The generating module is configured to update the marking module in the page in response to the editing operation on the editing control, and generate the target component after the editing operation of the initial component.

According to an embodiment of the present disclosure, the component updating device further includes:

The first loading module is configured to load each page of the initial component and display an update interface of the program editor in response to an update mode selection instruction for the program editor.

According to an embodiment of the present disclosure, the generating module is specifically used for:

In response to an editing operation on the editing control, at least one of text data, picture data, audio data, and video data in the markup module corresponding to the page is updated according to the editing operation.

The second loading module is used to load each page of the initial component and display the development interface of the program editor in response to the development mode selection instruction for the program editor.

The marking module is used to determine at least one fixed module in the page on the development interface of the program editor, and mark the fixed module through the decorator function, so that an editing operation control relationship is established between the marking module obtained by marking and the editing control of the page .

According to an embodiment of the present disclosure, each page of the initial component is created based on a component template, and the component updating device further includes:

The assembly module is used to assemble component templates on the development interface of the program editor and generate corresponding initial components.

According to another aspect of the embodiments of the present application, an electronic device is provided, the electronic device includes a memory, a processor, and a computer program stored on the memory, and the processor executes the computer program to implement the steps of the above component updating method.

According to still another aspect of the embodiments of the present application, there is provided a computer-readable storage medium, on which a computer program is stored, and when the computer program is executed by a processor, the steps of the above component updating method are implemented.

Description of drawings

In order to more clearly illustrate the technical solutions in the embodiments of the present application, the following briefly introduces the drawings that need to be used in the description of the embodiments of the present application.

FIG. 1 is one of the schematic flow charts of a component updating method according to an embodiment of the present application;

FIG. 2 is an interface display diagram of a component updating method according to an embodiment of the present application;

FIG. 3 is a second schematic flow diagram of a component updating method according to an embodiment of the present application;

FIG. 4 is a third schematic flow diagram of a component updating method according to an embodiment of the present application;

FIG. 5 is a schematic structural diagram of a component updating device according to an embodiment of the present application;

FIG. 6 is a schematic structural diagram of an electronic device for updating components according to an embodiment of the present application.

Detailed ways

Embodiments of the present application are described below with reference to the drawings in the present application. It should be understood that the implementation manner described below in conjunction with the accompanying drawings is an exemplary description for explaining the technical solutions of the embodiments of the present application, and does not limit the technical solutions of the embodiments of the present application.

Those skilled in the art will understand that unless otherwise stated, the singular forms "a", "an", "said" and "the" used herein may also include plural forms. It should be further understood that the terms "comprising" and "comprising" used in the embodiments of the present application mean that the corresponding features can be implemented as the presented features, information, data, steps, operations, elements and/or components, but not Other features, information, data, steps, operations, elements, components and/or combinations thereof etc. supported by the technical field are excluded. It should be understood that when we say that an element is "connected" or "coupled" to another element, the one element can be directly connected or coupled to the other element, or it can mean that the one element and another element pass through intermediate elements. Establish a connection relationship. Additionally, "connected" or "coupled" as used herein may include wireless connection or wireless coupling. The term "and/or" used herein indicates at least one of the items defined by the term, for example, "A and/or B" can be implemented as "A", or as "B", or as "A and B ".

In order to make the purpose, technical solution and advantages of the present application clearer, the implementation manners of the present application will be further described in detail below in conjunction with the accompanying drawings.

The following describes the technical solutions of the embodiments of the present application and the technical effects produced by the technical solutions of the present application by describing several exemplary implementations. It should be pointed out that the following embodiments may refer to, learn from or combine with each other, and the same terms, similar features, and similar implementation steps in different embodiments will not be described repeatedly.

The embodiment of the present application provides a component updating method, as shown in FIG. 1 , including steps S101 to S102.

Step S101, in response to the update instruction for the page in the initial component, display the edit control of the page in the update interface of the program editor, wherein the page includes at least one user-editable marking module, and the marking module is based on the user-uneditable Obtained by marking the fixed module.

The initial component is a third-party component to be updated, consisting of some resources and codes. Program editors are applications that update original components. Wherein, the initial component can be pre-stored in the program editor, or can be imported into the program editor by the user.

The initial component can be applied to various scenarios such as meetings, speeches, and teaching. The initial component includes at least one interactive page, and each page can display multimedia content such as text, images, and videos.

Taking the teaching scene as an example, the initial component can be understood as an interactive multimedia courseware. Each page of the initial component is displayed in the update interface of the program editor, and the user can select one of the pages to open and perform an update operation.

FIG. 2 is an interface display diagram of a component updating method according to an embodiment of the present application. Referring to Fig. 2, the update interface of the program editor displays the first page, the second page, ..., the Nth page of the initial component. The user opens any page or a specified page in the initial component, selects the content that needs to be updated in the page, and then triggers an update command for the current page of the initial component. For example, the user selects the text content of the current page to trigger an update command. Correspondingly, the program editor displays the edit control of the page in the update interface in response to the update instruction.

The page includes at least one user-editable marking module, and the marking module is obtained by marking the fixed module. There is an editing operation control relationship between the marking module and the editing control. In other words, when the user edits the editing control, he edits the marking module in the initial component in essence. The page may also include at least one fixed module that is not user editable, the fixed module is not marked.

Among them, the marking module may include text, animation, size, special effect, script, video, prefab, game, etc., and the fixed module may include special effect, script, etc. Taking the teaching scene as an example, the current page of the initial component is displayed as a multiple-choice question, so the text content of the question stem and options belong to the marked module, while the underlying logical structure belongs to the fixed module. Users, that is, non-developers, can edit the text content of the question stem and options in the multiple-choice questions, but cannot edit the underlying logical structure. Specifically, the underlying logical structure is defined by the developer.

By dividing the page of the initial component into a user-editable markup module and a user-uneditable fixed module, developers and non-developers are isolated and distinguished, and the threshold for non-developers to update components is lowered. The update operation is simple and convenient, without writing code .

It should be noted that there is a mutual conversion relationship between the marked module and the fixed module. Developers can mark the fixed module to convert it into a user-editable marked module, or unmark the marked module to convert it A fixed block that is not editable by the user.

The marking module may be obtained by marking the fixed module through a decorator function, so that an editing operation control relationship is established between the marked marking module and the editing control of the page.

Step S102 , in response to the edit operation on the edit control, update the markup module in the page, and generate the target component after the edit operation of the initial component.

In response to the user's editing operation on the edit control, the marking module of the initial component is updated to generate an updated target component.

For example, update the original title text in the current page to the new title text entered by the user in the edit control; update the original option text in the current page to the new option text entered by the user in the edit control; The original option answer in the page is updated to the new option answer re-determined by the user in the edit control; the original background image in the current page is updated to the new background image re-inserted by the user in the edit control, etc.

Applying the component update method provided by the embodiment of the present application, in response to an update instruction for the page in the initial component, displaying the edit control of the page in the update interface of the program editor; wherein, the page includes at least one user-editable markup module; The marking module is obtained based on marking a fixed module that cannot be edited by the user; then, in response to the editing operation on the edit control, the marking module in the page is updated to generate the target component after the editing operation of the initial component.

The embodiment of this application realizes the distinction between the marking module and the fixed module, so that non-developers can edit the marking module in the initial component in the visual update panel, so as to update the initial component to meet their own customization needs, and update The operation is simple and convenient, without writing any code.

The embodiment of the present application provides a component updating method, as shown in FIG. 3 , including steps S301 to S303.

Step S301, in response to an update mode selection instruction for the program editor, load each page of the initial component, and display an update interface of the program editor.

When the user needs to update the initial component, he uses the program editor to open the initial component, and issues an update mode selection instruction. In the embodiment of this application, the update mode selection command can be used It can be triggered actively when the user clicks the mode selection control, or it can be triggered by default when the initial component is imported or opened, and there is no limitation on this.

In response to an update mode selection instruction for the program editor, each page of the initial component is loaded, and an update interface of the program editor is displayed, and each page of the initial component is displayed in the update interface.

Specifically, the initial component in the embodiment of this application can be applied to various scenarios such as meetings, speeches, and teaching. The initial component includes at least one interactive page, and each page can display multimedia content such as text, images, and videos. .

Step S302, in response to the update instruction for the page in the initial component, display the edit control of the page in the update interface of the program editor, wherein the page includes at least one user-editable marking module, and the marking module is based on the user-uneditable Obtained by marking the fixed module.

Referring to Fig. 2, the update interface of the program editor displays the first page, the second page, ..., the Nth page of the initial component. The user opens any page or a specified page in the initial component, selects the content that needs to be updated in the page, and then triggers an update command for the current page of the initial component. For example, the user selects the text content of the current page to trigger an update command. Correspondingly, the program editor displays the edit control of the page in the update interface in response to the update instruction.

Template A, template B, ..., template N in the component templates are displayed on the update interface of the program editor. Each page of the initial component is created based on component templates, such as picture templates, text templates, audio templates, video templates, combination templates (templates composed of pictures, text, audio, video, etc.), etc.

For example, in a teaching scenario, component templates may include multiple-choice templates, true-false templates, and blank-filling templates, and the multiple-choice templates, true-false templates, and blank-filling templates are combined templates. The first page of the initial component can be a template for multiple choice questions, the second page can be a template for true or false questions, and the third page can be a template for filling in the blanks. Each page is created based on the component template. Additionally, the initial component's Each page can also include picture content, playable video content, and interactive mini-games, etc., all of which can be realized through preset component templates, so we won't go into details one by one.

The page includes at least one user-editable marking module, and the marking module is obtained by marking the fixed module. There is an editing operation control relationship between the marking module and the editing control. In other words, when the user edits the edit control, he actually edits the markup module in the initial component created based on the component template. The page may also include at least one fixed module that is not user editable, the fixed module is not marked.

Among them, the marking module may include text, animation, size, special effect, script, video, prefab, game, etc., and the fixed module may include special effect, script, etc. For example, in a page composed of multiple-choice templates, the text content of the question stem and options belong to the mark module, while the underlying logical structure belongs to the fixed module. Users, that is, non-developers, can edit the text content of the question stem and options in the multiple-choice template, but cannot edit the underlying logical structure. Specifically, the underlying logical structure is defined by the developer.

For example, the stem of the multiple-choice question template is: Which of the following options are fruits? The options are: Apple, Pepper, Cucumber, Spinach. But the multiple-choice questions that users need are: Which of the following are mammals? The required options are: Carp, Duck, Cat, Snake. At this point, the user can replace the text content of the question stem and the text content of the options, and mark the cat as the correct answer, so that it can become a multiple-choice template that meets their needs.

Step S303, in response to the edit operation on the edit control, update the markup module in the page, and generate the target component after the edit operation of the initial component.

In one embodiment of the present application, step S303 includes:

In response to an editing operation on the editing control, at least one of text data, picture data, and video data in the marking module corresponding to the page is updated according to the editing operation.

The user can edit the edit control. In addition to editing the text, pictures, audio, and video content of the image template, text template, audio template, and video template, the user can also edit the text and image content in the combination template used by the initial component. Edit with audio and video content, so that the program editor updates the corresponding text data, picture data, audio data and video data, and generates the target component.

For example, the user can use the edit control to insert or delete text content, picture content and video content, and can also edit the size, position, size, rotation angle, etc. of the text content, picture content and video content. As long as the content is pre-defined by the developer as a tag module, non-developers can edit it in the edit control that has an edit operation control relationship with the tag module. In the embodiment of this application, the developer provides the implementation of functions and the interface of the editable markup module for non-developers, so that non-developers only need to focus on the parts they can edit to realize their own customization requirements for components.

In an embodiment of the present application, as shown in FIG. 4 , the component updating method further includes steps S401 and S402.

Step S401, in response to a development mode selection instruction for the program editor, load each page of the initial component, and display the development interface of the program editor.

In the update interface of the program editor, the user or developer can click the development mode selection button to trigger the development mode selection instruction. Correspondingly, the program editor loads each page of the initial component in response to the development mode selection instruction, and displays the development interface of the program editor. Different access rights can be set for the development interface of the program editor and the update interface of the program editor respectively. For example, the development mode selection has permission, and only developers or users who have set the development permission can enter the development interface according to the development mode selection instruction. Users with normal permissions can only access the update interface of the program editor. In this way, the permission separation control of the underlying logic and the upper application is realized.

Prefabricate a variable in the development interface of the program editor as a record of the development mode and update mode, and then change the value of this variable to judge the mode to determine whether to enter the development interface or the update interface.

For example, generally speaking, an update interface of a program editor is an editing interface provided to non-developers, while a development interface of a program editor is an editing interface provided to developers. In some special application scenarios, non-developers have certain development capabilities and can write code by themselves. In the embodiment of the present application, development functions are provided for these non-developers, and at the same time, a visual development interface that can view development effects in real time is provided for developers.

Step S402, on the development interface of the program editor, determine at least one fixed module in the component template, and mark the fixed module through the decorator function, so that an edit operation control relationship is established between the marked module obtained by marking and the edit control of the page.

The decorator function is provided by TypeScript. In the embodiment of this application, some commonly used decorators are predefined, such as the @eduProperty decorator, and some modules for filtering are also predefined, such as @eduProperty({visible:true,uiModeNumber :'time'}). Among them, the @eduProperty() decorator is used to mark the module. If a module is not pre-marked with the @eduProperty() decorator, then this module will not be visible in the update interface of the program editor.

If a module is marked with @eduProperty({visible:true}), it means that this module is visible in the development interface of the program editor, where visible is used to control whether the module is visible. visible can also be false, when visible is false, it is used to indicate that although this module is visible in the development interface of the program editor, this module is artificially hidden by the developer in the update interface.

uiModeNumber is used to control the type of numeric display. For example, use uiModeNumber to mark the module, @eduProperty({visible:true,uiModeNumber:'time'}) indicates that this module is marked as a time selector. When the user triggers the update command, a time selection box will pop up on the update interface of the program editor, which is the corresponding edit control, allowing the user to directly select the time. In this way, it is displayed as a time selector in the update interface of the program editor.

It can be seen that the marking module in the page is obtained by pre-marking the fixed module based on the decorator function. The step of marking the fixed module with the decorator function is implemented in the development interface of the program editor. At least one fixed module in the page is determined, and the fixed module is marked by a decorator function, so that an edit operation control relationship is established between the marked module obtained by marking and the edit control of the page.

In one embodiment of the present application, the component updating method further includes:

In the development interface of the program editor, assemble component templates and generate corresponding initial components.

Before step S401, the user can assemble component templates on the development interface of the program editor to generate corresponding initial components.

Some implemented basic component templates are predefined in the program editor for developers, thus simplifying the steps for developers to develop components. Among them, the basic component templates include EduText text component templates, EduMovie video component templates, EduImage image component templates, and EduAudio audio component templates. script grouping.

Grouping is achieved by inheriting the built-in base class EduElementAbstract. Each script is divided into one group by default. Multiple scripts inherited from EduElementAbstract are divided into multiple groups by default. Grouping requires two conditions: inheriting from EduElementAbstract and the script is mounted in the initial on the component.

Assemble basic component templates, which can quickly generate initial components, reduce the workload of developers, and improve the efficiency of component generation and update.

In the program editor, distribute different decorators, and corresponding fixed modules and marker modules to different editor panels, that is, the update interface and the development interface, so as to distinguish the working scope of non-developers and developers Purpose. In this way, non-developers can edit the marking module to update the component. The update operation is simple and convenient, and can meet the custom requirements of non-developers for components; at the same time, developers can adjust the fixed module and marking module of the component to improve non-developing Developer experience.

In the embodiment of the present application, when the initial component is loaded, the marking module and the fixed module of the initial component are distributed to different panels of the program editor. In other words, distribute the marking module to the program editor The update interface of the editor distributes the fixed modules to the development interface of the program editor, so that the marked module and the fixed module are displayed in different interfaces. Therefore, the user or developer needs to edit the marking module of the initial component in the update interface of the program editor, and edit the fixed module of the initial component only in the development interface of the program editor. In this way, the editing operations of the marking module and the fixed module are separated, and different users or developers complete the editing operations of different modules to jointly realize the update operation of the initial component.

In one embodiment of the present application, the program editor includes a map function.

On the PC web side, iOS native side, and Android native side, the program editor can use the texture function, which is implemented based on the texture type of VideoTexture. The texture function can embed the video content in the page of the initial component and use it as a picture. The program editor uses this function on the above platform to switch the video content as a texture in the built-in Sprite component of Creator, so as to realize the video play. The interaction of video content includes playing, pausing, jumping time and so on.

Interaction is possible as long as the hierarchy of other content is displayed above the hierarchy of the video content in the same page as the originating component.

On the web side of the mobile phone, the video content can be placed at the bottom of the video player to ensure that the level of other content is displayed above the level of the video content, so as to realize the display and interaction of other content.

Applying the component update method provided by the embodiment of the present application, in response to the update instruction for the page in the initial component, the edit control of the page is displayed in the update interface of the program editor; wherein, the page includes at least one user-editable mark module; mark The module is obtained based on marking a fixed module that cannot be edited by the user; then, in response to the editing operation on the edit control, the marking module in the page is updated to generate the target component after the editing operation of the initial component.

The embodiment of the present application realizes the distinction between the markup module and the fixed module in the component template that generates the initial component, thereby isolating the editing operations of developers and non-developers. Provide developers with a visual development panel that pre-defines mark modules and fixed modules in component templates, so that developers can design initial components and update the interfaces of initial components for non-developers. Non-developers can edit the markup module in the original component in the visual update panel to implement Now update the initial components to meet your own custom needs, and the update operation is simple and convenient without writing any code.

An embodiment of the present application provides a component update device, as shown in Figure 5, including:

The display module 501 is configured to display the edit control of the page in the update interface of the program editor in response to an update instruction for the page in the initial component, wherein the page includes at least one user-editable marking module, and the marking module is based on the user's non-editable fixed blocks are marked;

The generating module 502 is configured to update the marking module in the page in response to the editing operation on the editing control, and generate the target component after the editing operation of the initial component.

Optionally, the component updating device further includes:

Optionally, the generating module 502 is specifically configured to:

Optionally, the component updating device further includes:

Optionally, each page of the initial component is created based on a component template, and the component updating device further includes:

Applying the component update device provided by the embodiment of the present application, in response to the update instruction for the page in the initial component, the edit control of the page is displayed in the update interface of the program editor; wherein, the page includes at least one user-editable mark module; mark The module is obtained based on marking a fixed module that cannot be edited by the user; then, in response to the editing operation on the edit control, the marking module in the page is updated to generate the target component after the editing operation of the initial component.

The embodiment of the present application realizes the distinction between the markup module and the fixed module in the component template that generates the initial component, thereby isolating the editing operations of developers and non-developers. Provide developers with a visual development panel that pre-defines mark modules and fixed modules in component templates, so that developers can design initial components and update the interfaces of initial components for non-developers. Non-developers can edit the marker module in the initial component in the visual update panel, so as to update the initial component to meet their own customization needs, and the update operation is simple and convenient without writing any code.

An electronic device (computer device/equipment/system) is provided in an embodiment of the present application, including a memory, a processor, and a computer program stored on the memory. The processor executes the computer program to implement the above-mentioned embodiments according to the present application. The component update method. Wherein, for the specific implementation manners of the component updating methods of the above embodiments, reference may be made to the foregoing descriptions of the method embodiments in conjunction with the accompanying drawings, and details are not repeated here.

Compared with the related technology, it can be realized that the marking module and the fixed module in the component template generating the initial component are distinguished, thereby isolating the editing operations of developers and non-developers. Provide developers with a visual development panel that pre-defines mark modules and fixed modules in component templates, so that developers can design initial components and update the interfaces of initial components for non-developers. Non-developers can edit the marker module in the initial component in the visual update panel, so as to update the initial component to meet their own customization needs, and the update operation is simple and convenient without writing any code.

in a

An electronic device is provided in an embodiment. Referring to FIG. 6 , the electronic device 6000 includes: a processor 6001 and a memory 6003 . Wherein, the processor 6001 is connected to the memory 6003, such as through connected via the bus 6002. The memory 6003 may store a computer program executable by the processor 6001. When the electronic device 6000 is running, the processor 6001 executes the computer program to implement the following operations: in response to an update instruction for the page in the initial component, in the program editor updating the edit control displayed on the page in the interface, wherein the page includes at least one user-editable marking module, and the marking module is obtained based on marking a fixed module that cannot be edited by the user; in response to the The editing operation of the editing control updates the marking module in the page, and generates the target component after the editing operation of the initial component.

Optionally, the electronic device 6000 may further include a transceiver 6004, and the transceiver 6004 may be used for data interaction between the electronic device and other electronic devices, such as sending data and/or receiving data. It should be noted that in practical applications, the transceiver 6004 is not limited to one, and the structure of the electronic device 6000 does not limit the embodiment of the present application.

Processor 6001 can be CPU (Central Processing Unit, central processing unit), general processor, DSP (Digital Signal Processor, data signal processor), ASIC (Application Specific Integrated Circuit, application specific integrated circuit), FPGA (Field Programmable Gate Array , Field Programmable Gate Array) or other programmable logic devices, transistor logic devices, hardware components, or any combination thereof. It can implement or execute the various illustrative logical blocks, modules and circuits described in connection with the present disclosure. The processor 6001 may also be a combination that implements computing functions, for example, a combination of one or more microprocessors, a combination of DSP and a microprocessor, and the like.

Bus 6002 may include a path for carrying information between the components described above. The bus 6002 may be a PCI (Peripheral Component Interconnect, Peripheral Component Interconnect Standard) bus or an EISA (Extended Industry Standard Architecture, Extended Industry Standard Architecture) bus, etc. The bus 6002 can be divided into address bus, data bus, control bus and so on. For ease of representation, only one thick line is used in FIG. 6 , but it does not mean that there is only one bus or one type of bus.

Memory 6003 can be ROM (Read Only Memory, read-only memory) or other types of static storage devices that can store static information and instructions, RAM (Random Access Memory, random access memory) or other types of static storage devices that can store information and instructions Dynamic storage device, also can be EEPROM (Electrically Erasable Programmable Read Only Memory, Electrically Erasable Programmable Read-Only Memory), CD-ROM (Compact Disc Read Only Memory, CD-ROM) or other optical disc storage, optical disc storage (including compact discs, laser discs, optical discs, digital versatile discs, Blu-ray discs, etc. ), disk storage media, other magnetic storage devices, or any other medium that can be used to carry or store a computer program and that can be read by a computer, without limitation.

The memory 6003 is used to store the computer programs for executing the embodiments of the present application, and the execution is controlled by the processor 6001 . The processor 6001 is configured to execute the computer program stored in the memory 6003 to implement the steps shown in the foregoing method embodiments.

An embodiment of the present application provides a computer-readable storage medium, on which a computer program is stored. When the computer program is executed by a processor, the steps and corresponding contents of the aforementioned method embodiments can be realized. In some embodiments, the computer readable storage medium includes a non-transitory computer readable storage medium.

The embodiment of the present application also provides a computer program product, including a computer program, and when the computer program is executed by a processor, the steps and corresponding contents of the foregoing method embodiments can be realized.

It should be understood that although arrows indicate various operation steps in the flow chart of the embodiment of the present application, the execution order of these steps is not limited to the order indicated by the arrows. Unless otherwise specified herein, in some implementation scenarios of the embodiments of the present application, the implementation steps in each flowchart may be performed in other orders as required. In addition, part or all of the steps in each flow chart may include multiple sub-steps or multiple stages based on actual implementation scenarios. Some or all of these sub-steps or stages may be executed at the same time, and each of these sub-steps or stages may also be executed at different times. In scenarios where execution times are different, the execution order of these sub-steps or stages can be flexibly configured according to requirements, which is not limited in this embodiment of the present application.

The above is only an optional implementation of some implementation scenarios of this application. It should be pointed out that for those of ordinary skill in the art, on the premise of not departing from the technical concept of the solution of this application, adopt the Other similar implementation means also belong to the protection category of the embodiment of the present application.

Claims

A component update method comprising:

In response to an update instruction for a page in the initial component, an edit control of the page is displayed in an update interface of the program editor, wherein the page includes at least one user-editable marking module, and the marking module is based on user non-editable fixed blocks are marked;

In response to the editing operation on the editing control, the markup module in the page is updated to generate the target component after the editing operation on the initial component.
The component update method according to claim 1, wherein, in response to the update instruction for the page in the initial component, before displaying the edit control of the page in the update interface of the program editor, the method further comprises:

In response to an update mode selection instruction for the program editor, each page of the initial component is loaded, and an update interface of the program editor is displayed.
The component updating method according to claim 1, wherein, in response to the editing operation on the editing control, updating the marking module in the page to generate the target of the initial component after the editing operation components, including:

In response to an editing operation on the editing control, at least one of text data, picture data, audio data, and video data in the marking module corresponding to the page is updated according to the editing operation.
The component update method according to claim 1, wherein the marking module is obtained by marking the fixed module through a decorator function, so that an editing operation is established between the marking module and the editing control of the page control relationship.
The component updating method according to claim 1, wherein said method further comprises:

In response to a development mode selection instruction for the program editor, each page of the initial component is loaded, and a development interface of the program editor is displayed.
The component updating method according to claim 5, wherein, after loading each page of the initial component and displaying the development interface of the program editor in response to the development mode selection instruction for the program editor, The method also includes:

In the development interface of the program editor, at least one fixed module in the page is determined, and the fixed module is marked by a decorator function to obtain a marked module, so that the relationship between the marked module and the edit control of the page Establish edit operation control relationship.
The component updating method according to claim 5, wherein each page of the initial component is created based on a component template, and each page of the initial component is loaded in response to a development mode selection instruction for the program editor page, and before displaying the development interface of the program editor, the method also includes:

On the development interface of the program editor, assemble the component templates to generate corresponding initial components.
The component update method according to claim 5, wherein the development interface of the program editor and the update interface of the program editor respectively correspond to different access rights.
The component updating method according to claim 1, wherein the marking module includes at least one of the following: text, animation, size, special effect, script, video, prefab, game.
A component updating device, comprising:

A display module, configured to display an edit control of the page in the update interface of the program editor in response to an update instruction for the page in the initial component, wherein the page includes at least one user-editable mark module, and the mark Modules are based on marking fixed modules that are not user-editable;

The generating module is configured to update the marking module in the page in response to the editing operation on the editing control, and generate the target component after the editing operation on the initial component.
An electronic device comprising:

processor;

memory;

The memory stores a computer program executable by the processor, and the processor is configured to, when executing the computer program:

In response to an update instruction for a page in the initial component, an edit control of the page is displayed in an update interface of the program editor, wherein the page includes at least one user-editable marking module, and the marking module is based on user non-editable fixed blocks are marked;

In response to the editing operation on the editing control, the markup module in the page is updated to generate the target component after the editing operation on the initial component.
The electronic device according to claim 11, wherein the processor is further configured to implement when executing the computer program:

Before the editing control of the page is displayed in the update interface of the program editor in response to the update instruction for the page in the initial component, the following operations are performed:

In response to an update mode selection instruction for the program editor, each page of the initial component is loaded, and an update interface of the program editor is displayed.
The electronic device according to claim 11, wherein the processor is further configured to:

In response to an editing operation on the editing control, at least one of text data, picture data, audio data, and video data in the marking module corresponding to the page is updated according to the editing operation.
The electronic device according to claim 11, wherein the marking module is obtained by marking the fixed module through a decorator function, so that an editing operation control is established between the marking module and the editing control of the page relation.
The electronic device according to claim 11, wherein the processor is further configured to implement when executing the computer program:

In response to a development mode selection instruction for the program editor, each page of the initial component is loaded, and a development interface of the program editor is displayed.
The electronic device according to claim 15, wherein the processor is further configured to implement when executing the computer program:

After responding to the development mode selection instruction for the program editor, loading each page of the initial component, and displaying the development interface of the program editor, the following operations are performed:

On the development interface of the program editor, at least one fixed module in the page is determined, and the fixed module is marked through a decorator function, so that the marking module obtained by marking is connected to the edit control of the page Establish edit operation control relationship.
The electronic device according to claim 15, wherein each page of the initial component is created based on a component template, and the processor is further configured to implement when executing the computer program:

Before the responding to the development mode selection instruction for the program editor, loading each page of the initial component, and displaying the development interface of the program editor, perform the following operations:

On the development interface of the program editor, assemble the component templates to generate corresponding initial components.
The electronic device according to claim 15, wherein the development interface of the program editor and the update interface of the program editor respectively correspond to different access rights.
The electronic device according to claim 15, wherein the marking module includes at least one of the following: text, animation, size, special effect, script, video, prefab, game.
A computer-readable storage medium, on which a computer program is stored, and when the computer program is executed by a processor, the component updating method according to any one of claims 1 to 9 is implemented.