CN116737190A - 组件更新方法、装置、电子设备及计算机可读存储介质 - Google Patents

组件更新方法、装置、电子设备及计算机可读存储介质 Download PDF

Info

Publication number
CN116737190A
CN116737190A CN202210200170.9A CN202210200170A CN116737190A CN 116737190 A CN116737190 A CN 116737190A CN 202210200170 A CN202210200170 A CN 202210200170A CN 116737190 A CN116737190 A CN 116737190A
Authority
CN
China
Prior art keywords
page
component
module
marking
updating
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202210200170.9A
Other languages
English (en)
Inventor
吴智明
林顺
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Xiamen Yaji Software Co Ltd
Original Assignee
Xiamen Yaji Software Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Xiamen Yaji Software Co Ltd filed Critical Xiamen Yaji Software Co Ltd
Priority to CN202210200170.9A priority Critical patent/CN116737190A/zh
Priority to PCT/CN2023/077708 priority patent/WO2023165397A1/zh
Publication of CN116737190A publication Critical patent/CN116737190A/zh
Pending legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/34—Graphical or visual programming
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/60—Software deployment
    • G06F8/65—Updates

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Computer Security & Cryptography (AREA)
  • User Interface Of Digital Computer (AREA)
  • Stored Programmes (AREA)

Abstract

本申请实施例提供了一种组件更新方法、装置、电子设备及计算机可读存储介质，涉及计算机技术领域。该方法包括：响应于针对初始组件中页面的更新指令，在程序编辑器的更新界面中显示页面的编辑控件；其中，页面包括至少一个用户可编辑的标记模块；标记模块基于对用户不可编辑的固定模块进行标记得到；然后响应于针对编辑控件的编辑操作，对页面中的标记模块进行更新，生成初始组件经编辑操作后的目标组件。本申请实施例实现了对标记模块和固定模块进行区分，使得非开发人员可以在可视化更新面板对初始组件中的标记模块进行编辑，从而对初始组件进行更新，满足自身的自定义需求，并且更新操作简单便捷，无需编写任何代码。

Description

组件更新方法、装置、电子设备及计算机可读存储介质
技术领域
本申请涉及计算机技术领域，具体而言，本申请涉及一种组件更新方法、装置、电子设备及计算机可读存储介质。
背景技术
第三方组件是针对某种软件在应用功能上的不足或缺陷，而由软件编制方以外的其他组织或个人开发的相关组件，一般基于诸如Unity、Laya、cocos2d等引擎开发工具开发得到。
目前，第三方组件只有具备一定编程能力的开发人员才能够开发，非开发人员难以开发第三方组件，或者对第三方组件的部分显示内容和相关功能进行调整，这使得第三方组件的显示内容和相关功能较为固定，难以符合不同用户的实际需求。
发明内容
本申请实施例的目的旨在能解决第三方组件的显示内容和相关功能较为固定，难以符合不同用户的实际需求的问题。
根据本申请实施例的一个方面，提供了一种组件更新方法，该方法包括：
响应于针对初始组件中页面的更新指令，在程序编辑器的更新界面中显示页面的编辑控件；其中，页面包括至少一个用户可编辑的标记模块；标记模块基于对用户不可编辑的固定模块进行标记得到；
响应于针对编辑控件的编辑操作，对页面中的标记模块进行更新，生成初始组件经编辑操作后的目标组件。
可选地，响应于针对初始组件中页面的更新指令，在程序编辑器的更新界面中显示页面的编辑控件之前，方法包括：
响应于针对程序编辑器的更新模式选择指令，加载初始组件的各个页面，并显示程序编辑器的更新界面。
可选地，响应于针对编辑控件的编辑操作，对页面中的标记模块进行更新，生成初始组件经编辑操作后的目标组件，包括：
响应于针对编辑控件的编辑操作，根据编辑操作更新页面对应的标记模块中的文字数据、图片数据、音频数据和视频数据中的至少一种。
可选地，标记模块是通过装饰器功能对固定模块进行标记得到，使得标记得到的标记模块与页面的编辑控件之间建立编辑操作控制关系。
可选地，方法还包括：
响应于针对程序编辑器的开发模式选择指令，加载初始组件的各个页面，并显示程序编辑器的开发界面。
可选地，响应于针对程序编辑器的开发模式选择指令，加载初始组件的各个页面，并显示程序编辑器的开发界面之后，方法包括：
在程序编辑器的开发界面，确定页面中的至少一个固定模块，通过装饰器功能对固定模块进行标记，使得标记得到的标记模块与页面的编辑控件之间建立编辑操作控制关系。
可选地，初始组件的各个页面为基于组件模板创建的，响应于针对程序编辑器的开发模式选择指令，加载初始组件的各个页面，并显示程序编辑器的开发界面之后，方法包括：
在程序编辑器的开发界面，拼装组件模板，生成对应的初始组件。
根据本申请实施例的另一个方面，提供了一种组件更新装置，该装置包括：
显示模块，用于响应于针对初始组件中页面的更新指令，在程序编辑器的更新界面中显示页面的编辑控件；其中，页面包括至少一个用户可编辑的标记模块；标记模块基于对用户不可编辑的固定模块进行标记得到；
生成模块，用于响应于针对编辑控件的编辑操作，对页面中的标记模块进行更新，生成初始组件经编辑操作后的目标组件。
可选地，装置还包括：
第一加载模块，用于响应于针对程序编辑器的更新模式选择指令，加载初始组件的各个页面，并显示程序编辑器的更新界面。
可选地，生成模块具体用于：
响应于针对编辑控件的编辑操作，根据编辑操作更新页面对应的标记模块中的文字数据、图片数据、音频数据和视频数据中的至少一种。
可选地，装置还包括：
第二加载模块，用于响应于针对程序编辑器的开发模式选择指令，加载初始组件的各个页面，并显示程序编辑器的开发界面。
可选地，装置还包括：
标记模块，用于在程序编辑器的开发界面，确定页面中的至少一个固定模块，通过装饰器功能对固定模块进行标记，使得标记得到的标记模块与页面的编辑控件之间建立编辑操作控制关系。
可选地，初始组件的各个页面为基于组件模板创建的，装置还包括：
拼装模块，用于在程序编辑器的开发界面，拼装组件模板，生成对应的初始组件。
根据本申请实施例的另一个方面，提供了一种电子设备，该电子设备包括存储器、处理器及存储在存储器上的计算机程序，处理器执行计算机程序以实现上述任一个方面的组件更新方法的步骤。
根据本申请实施例的再一个方面，提供了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现上述任一个方面的组件更新方法的步骤。
本申请实施例提供的技术方案带来的有益效果是：
对标记模块和固定模块进行区分，使得非开发人员可以在可视化更新面板对初始组件中的标记模块进行编辑，从而对初始组件进行更新，满足自身的自定义需求，并且更新操作简单便捷，无需编写任何代码。
附图说明
为了更清楚地说明本申请实施例中的技术方案，下面将对本申请实施例描述中所需要使用的附图作简单地介绍。
图1为本申请实施例提供的一种组件更新方法的流程示意图之一；
图2为本申请实施例提供的一种组件更新方法的界面展示图；
图3为本申请实施例提供的一种组件更新方法的流程示意图之二；
图4为本申请实施例提供的一种组件更新方法的流程示意图之三；
图5为本申请实施例提供的一种组件更新装置的结构示意图；
图6为本申请实施例提供的一种组件更新的电子设备的结构示意图。
具体实施方式
下面结合本申请中的附图描述本申请的实施例。应理解，下面结合附图所阐述的实施方式，是用于解释本申请实施例的技术方案的示例性描述，对本申请实施例的技术方案不构成限制。
本技术领域技术人员可以理解，除非特意声明，这里使用的单数形式“一”、“一个”、“所述”和“该”也可包括复数形式。应该进一步理解的是，本申请实施例所使用的术语“包括”以及“包含”是指相应特征可以实现为所呈现的特征、信息、数据、步骤、操作、元件和/或组件，但不排除实现为本技术领域所支持其他特征、信息、数据、步骤、操作、元件、组件和/或它们的组合等。应该理解，当我们称一个元件被“连接”或“耦接”到另一元件时，该一个元件可以直接连接或耦接到另一元件，也可以指该一个元件和另一元件通过中间元件建立连接关系。此外，这里使用的“连接”或“耦接”可以包括无线连接或无线耦接。这里使用的术语“和/或”指示该术语所限定的项目中的至少一个，例如“A和/或B”可以实现为“A”，或者实现为“B”，或者实现为“A和B”。
为使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请实施方式作进一步地详细描述。
下面通过对几个示例性实施方式的描述，对本申请实施例的技术方案以及本申请的技术方案产生的技术效果进行说明。需要指出的是，下述实施方式之间可以相互参考、借鉴或结合，对于不同实施方式中相同的术语、相似的特征以及相似的实施步骤等，不再重复描述。
本申请实施例中提供了一种组件更新方法，如图1所示，包括：
步骤S101，响应于针对初始组件中页面的更新指令，在程序编辑器的更新界面中显示页面的编辑控件；其中，页面包括至少一个用户可编辑的标记模块；标记模块基于对用户不可编辑的固定模块进行标记得到。
初始组件为待更新的第三方组件，由部分资源和代码构成。程序编辑器为对初始组件进行更新的应用程序。其中，初始组件可以预先存储在程序编辑器中，也可以由用户导入至程序编辑器中。
初始组件可以应用于会议、演讲、教学等多种场景，初始组件包括至少一页可交互的页面，每一页均可展示文字、图像和视频等多媒体内容。
以教学场景为例，初始组件可以理解为一种可交互的多媒体课件，在程序编辑器的更新界面中显示初始组件的各个页面，用户可以选择其中一页打开并进行更新操作。
如图2所示，在程序编辑器的更新界面显示初始组件的第一页、第二页，…，第N页。用户打开初始组件中的任一页面或者指定的页面，选择该页面中自己需要进行更新的内容，即可触发针对初始组件的当前页面的更新指令。例如，用户选择当前页面的文字内容，触发更新指令。相应的，程序编辑器响应于更新指令，在更新界面中显示该页面的编辑控件。
页面包括至少一个用户可编辑的标记模块，标记模块为对固定模块进行标记得到的。标记模块与编辑控件之间存在编辑操作控制关系，换言之，用户对编辑控件进行编辑，实质上是对初始组件中的标记模块进行编辑。页面还可以包括至少一个用户不可编辑的固定模块，该固定模块未被标记。
其中，标记模块包括文字、动画、尺寸、特效、脚本、视频、预制体、游戏等，固定模块包括特效、脚本等。以教学场景为例，初始组件的当前页面显示为一道选择题，那么题干和选项的文字内容属于标记模块，而底层的逻辑结构属于固定模块。用户，也就是非开发人员，可以对选择题中的题干和选项的文字内容进行编辑，不能对底层的逻辑结构进行编辑。具体而言，底层的逻辑结构是由开发人员定义的。
通过将初始组件的页面区分为用户可编辑的标记模块和用户不可编辑的固定模块，对开发人员和非开发人员进行隔离区分，降低非开发人员更新组件的门槛，更新操作简单便捷，无需编写代码。
需要说明的是，标记模块和固定模块之间存在互相转化的关系，开发人员可以通过对固定模块进行标记，使之转化为用户可编辑的标记模块，也可以对标记模块取消标记，使之转化为用户不可编辑的固定模块。
标记模块是通过装饰器功能对固定模块进行标记得到，使得标记得到的标记模块与页面的编辑控件之间建立编辑操作控制关系。
步骤S102，响应于针对编辑控件的编辑操作，对页面中的标记模块进行更新，生成初始组件经编辑操作后的目标组件。
响应于用户针对编辑控件的编辑操作，对初始组件的标记模块进行更新，生成更新后的目标组件。
例如，将当前页面中原有的题干文字，更新为用户在编辑控件输入的新的题干文字；将当前页面中原有的选项文字，更新为用户在编辑控件输入的新的选项文字；将当前页面中原有的选项答案，更新为用户在编辑控件重新确定的新的选项答案；将当前页面中原有的背景图片，更新为用户在编辑控件重新插入的新的背景图片等。
应用本申请实施例提供的组件更新方法，响应于针对初始组件中页面的更新指令，在程序编辑器的更新界面中显示页面的编辑控件；其中，页面包括至少一个用户可编辑的标记模块；标记模块基于对用户不可编辑的固定模块进行标记得到；然后响应于针对编辑控件的编辑操作，对页面中的标记模块进行更新，生成初始组件经编辑操作后的目标组件。
本申请实施例实现了对标记模块和固定模块进行区分，使得非开发人员可以在可视化更新面板对初始组件中的标记模块进行编辑，从而对初始组件进行更新，满足自身的自定义需求，并且更新操作简单便捷，无需编写任何代码。
本申请实施例中提供了一种组件更新方法，如图3所示，包括：
步骤S301，响应于针对程序编辑器的更新模式选择指令，加载初始组件的各个页面，并显示程序编辑器的更新界面。
初始组件为待更新的第三方组件，由部分资源和代码构成。程序编辑器为对初始组件进行更新的应用程序。其中，初始组件可以预先存储在程序编辑器中，也可以由用户导入至程序编辑器中。
用户在需要对初始组件进行更新时，使用程序编辑器打开初始组件，并发出更新模式选择指令。本申请实施例中，更新模式选择指令可以是用户点击模式选择控件主动触发的，也可以是导入或者打开初始组件时默认触发的，对此不做限制。
响应于针对程序编辑器的更新模式选择指令，加载初始组件的各个页面，并显示程序编辑器的更新界面，在更新界面中显示初始组件的各个页面。
具体而言，本申请实施例中的初始组件可以应用于会议、演讲、教学等多种场景，初始组件包括至少一页可交互的页面，每一页均可展示文字、图像和视频等多媒体内容。
以教学场景为例，初始组件可以理解为一种可交互的多媒体课件，在程序编辑器的更新界面中显示初始组件的各个页面，用户可以选择其中一页打开并进行更新操作。
步骤S302，响应于针对初始组件中页面的更新指令，在程序编辑器的更新界面中显示页面的编辑控件；其中，页面包括至少一个用户可编辑的标记模块；标记模块基于对用户不可编辑的固定模块进行标记得到。
如图2所示，在程序编辑器的更新界面显示初始组件的第一页、第二页，…，第N页。用户打开初始组件中的任一页面或者指定的页面，选择该页面中自己需要进行更新的内容，即可触发针对初始组件的当前页面的更新指令。例如，用户选择当前页面的文字内容，触发更新指令。相应的，程序编辑器响应于更新指令，在更新界面中显示该页面的编辑控件。
在程序编辑器的更新界面显示组件模板中的模板A，模板B，…，模板N。初始组件的各个页面为基于组件模板创建的，例如图片模板、文字模板、音频模板、视频模板、组合模板(由图片、文字、音频、视频等组合而成的模板)等。
例如，在教学场景下，组件模板可以包括选择题模板、判断题模板和填空题模板等类型，选择题模板、判断题模板和填空题模板即为组合模板。初始组件的第一页可以为选择题模板，第二页可以为判断题模板，第三页可以为填空题模板，各个页面为基于组件模板创建的。此外，初始组件的各个页面还可以包括图片内容、可播放的视频内容以及可交互的小游戏等内容，这些均可以通过预设的组件模板来实现，不再一一赘述。
页面包括至少一个用户可编辑的标记模块，标记模块为对固定模块进行标记得到的。标记模块与编辑控件之间存在编辑操作控制关系，换言之，用户对编辑控件进行编辑，实质上是对基于组件模板创建的初始组件中的标记模块进行编辑。页面还可以包括至少一个用户不可编辑的固定模块，该固定模块未被标记。
其中，标记模块包括文字、动画、尺寸、特效、脚本、视频、预制体、游戏等，固定模块包括特效、脚本等。例如，在选择题模板组成的页面中，题干和选项的文字内容属于标记模块，而底层的逻辑结构属于固定模块。用户，也就是非开发人员，可以对选择题模板中的题干和选项的文字内容进行编辑，不能对底层的逻辑结构进行编辑。具体而言，底层的逻辑结构是由开发人员定义的。
例如，选择题模板题干为：下列哪些选项属于水果？选项为：苹果、辣椒、黄瓜、菠菜。但是用户需要的选择题题干为：下列哪些属于哺乳动物？需要的选项为：鲤鱼、鸭子，猫、蛇。此时用户可以替换题干的文字内容和选项的文字内容，并标记猫为正确答案，这样就可以变成一个符合自己需求的选择题模板。
通过将初始组件的页面区分为用户可编辑的标记模块和用户不可编辑的固定模块，对开发人员和非开发人员进行隔离区分，降低非开发人员更新组件的门槛，更新操作简单便捷，无需编写代码。
需要说明的是，标记模块和固定模块之间存在互相转化的关系，开发人员可以通过对固定模块进行标记，使之转化为用户可编辑的标记模块，也可以对标记模块取消标记，使之转化为用户不可编辑的固定模块。
步骤S303，响应于针对编辑控件的编辑操作，对页面中的标记模块进行更新，生成初始组件经编辑操作后的目标组件。
响应于用户针对编辑控件的编辑操作，对初始组件的标记模块进行更新，生成更新后的目标组件。
本申请一种优选实施例中，步骤S303包括：
响应于针对编辑控件的编辑操作，根据编辑操作更新页面对应的标记模块中的文字数据、图片数据和视频数据中的至少一种。
用户对编辑控件进行编辑操作，除了可以对图片模板、文字模板、音频模板、视频模板编辑文字、图片、音频、视频内容之外，还可以对初始组件所使用的组合模板中的文字、图片内容和音频、视频内容进行编辑，使得程序编辑器更新对应的文字数据、图片数据、音频数据和视频数据，生成目标组件。
例如，用户可以使用编辑控件，插入或删除文字内容、图片内容和视频内容，也可以对文字内容、图片内容和视频内容的尺寸、位置、大小、旋转角度等进行编辑。只要是开发人员预先定义为标记模块的内容，非开发人员就能在与标记模块存在编辑操作控制关系的编辑控件进行编辑。本申请实施例中，由开发人员提供功能的实现和给非开发人员的可编辑的标记模块的接口，这样，非开发人员只用关注自己能够编辑的部分，实现自己对组件的自定义需求。
本申请一种优选实施例中，如图4所示，组件更新方法还包括：
步骤S401，响应于针对所述程序编辑器的开发模式选择指令，加载初始组件的各个页面，并显示程序编辑器的开发界面。
用户或开发人员在程序编辑器的更新界面中，可以点击开发模式选择按键，从而触发开发模式选择指令。相应的，程序编辑器响应于开发模式选择指令，加载初始组件的各个页面，并显示程序编辑器的开发界面。相应地，开发模式选择设有权限，只有开发人员或者设置了开发权限的用户才可能进行根据开发模式选择指令进入开发界面。
通过在程序编辑器的开发界面中预制一个变量，作为开发模式和更新模式的记录，然后通过改变这个变量的值，进行模式的判断，来确定是进入开发界面还是更新界面。
一般而言，程序编辑器的更新界面为提供给非开发人员的编辑界面，而程序编辑器的开发界面为提供给开发人员的编辑界面。在一些特殊的应用场景下，非开发人员具备一定的开发能力，能够自行编写代码。本申请实施例中为这部分非开发人员提供了开发功能，同时，为开发人员提供了可以实时查看开发效果的可视化开发界面。
步骤S402，在程序编辑器的开发界面，确定组件模板中的至少一个固定模块，通过装饰器功能对固定模块进行标记，使得标记得到的标记模块与页面的编辑控件之间建立编辑操作控制关系。
装饰器功能为TypeScript提供的，本申请实施例中预定义了一些比较常用的装饰器，例如@eduProperty装饰器，还预定义了一些用于过滤的模块，例如@eduProperty({visible:true,uiModeNumber:‘time’})。其中，@eduProperty()装饰器用于对模块进行标记，如果一个模块未使用@eduProperty()装饰器预先标记，那么这个模块在程序编辑器的更新界面中是不可见的。
如果一个模块使用@eduProperty({visible:true})进行标记，那么表示这个模块在程序编辑器的开发界面中是可见的，其中，visible用于控制模块是否可见，visible可以为false，用于表示这个模块虽然在程序编辑器的开发界面中是可见的，但是这个模块在更新界面被开发人员人为隐藏了。
uiModeNumber用于控制数值显示的类型。例如，使用uiModeNumber对模块进行标记，@eduProperty({visible:true,uiModeNumber:‘time’})表示这个模块被标记为时间选择器。当用户触发更新指令时，在程序编辑器的更新界面就会弹出一个时间选择的框体，即对应的编辑控件，让用户直接选时间。这样，在程序编辑器的更新界面中显示为一个时间选择器。
可见，页面中的标记模块为基于装饰器功能预先对固定模块进行标记得到的。使用装饰器功能对固定模块进行标记的步骤，在程序编辑器的开发界面中实现。确定页面中的至少一个固定模块，通过装饰器功能对固定模块进行标记，使得标记得到的标记模块与页面的编辑控件之间建立编辑操作控制关系。
本申请一种优选实施例中，组件更新方法还包括：
在程序编辑器的开发界面，拼装组件模板，生成对应的初始组件。
在步骤S301之前，用户可以在程序编辑器的开发界面，拼装组件模板，生成对应的初始组件。
程序编辑器内预定义了一些已经实现的基础组件模板提供给开发人员，从而简化开发人员开发组件的步骤。其中，基础组件模板包括EduText文字组件模板、EduMovie视频组件模板、EduImage图片组件模板以及EduAudio音频组件模板等，这些基础组件模板已经通过装饰器功能预定义了固定模块和标记模块，预设了模块对应的脚本分组。
分组通过继承内置的基类EduElementAbstract来实现，每个脚本默认分为一个组，多个继承自EduElementAbstract的脚本默认分多个组，分组需要两个条件：继承自EduElementAbstract且这个脚本被挂载在初始组件上。
拼装基础组件模板，能够快速生成初始组件，减少了开发人员的工作量，提升了组件的生成和更新效率。
在程序编辑器内将不同的装饰器，以及相对应的固定模块和标记模块分发至不同的编辑器面板中，即更新界面和开发界面中，从而达到区分非开发人员和开发人员的目的，使得非开发人员可以对标记模块进行编辑从而更新组件，更新操作简单便捷，能够满足非开发人员对组件的自定义需求；同时，开发人员可以对组件的固定模块和标记模块进行调整，提升非开发人员的使用体验。
本申请实施例中，加载初始组件时，将初始组件的标记模块与固定模块分发至程序编辑器的不同面板中。换言之，将标记模块分发至程序编辑器的更新界面，将固定模块分发至程序编辑器的开发界面，使得标记模块与固定模块在不同的界面中进行展示。因此，用户或者开发人员需要在程序编辑器的更新界面中才能对初始组件的标记模块进行编辑，在程序编辑器的开发界面中才能对初始组件的固定模块进行编辑。这样，实现了将标记模块和固定模块的编辑操作隔离开来，不同的用户或者开发人员完成不同模块的编辑操作，共同实现初始组件的更新操作。
本申请一种优选实施例中，程序编辑器包括贴图功能。
在PC Web端、iOS原生端、Android原生端，程序编辑器均可以使用贴图功能，该贴图功能基于VideoTexture的贴图类型来实现。贴图功能可以将视频内容嵌入在初始组件的页面中作为一张图片进行使用，程序编辑器在上述平台使用该功能，将视频内容作为贴图在Creator内置的Sprite组件中进行贴图的切换，从而实现视频播放。视频内容的交互包括播放、暂停、跳转时间等方式。
在初始组件的同一页面中，只要其他内容的层级显示在视频内容的层级之上就可以进行交互。
在手机的Web端，视频内容可以采用视频播放器置底的方式，保证其他内容的层级显示在视频内容的层级之上，从而实现其他内容的显示和交互。
应用本申请实施例提供的组件更新方法，响应于针对初始组件中页面的更新指令，在程序编辑器的更新界面中显示页面的编辑控件；其中，页面包括至少一个用户可编辑的标记模块；标记模块基于对用户不可编辑的固定模块进行标记得到；然后响应于针对编辑控件的编辑操作，对页面中的标记模块进行更新，生成初始组件经编辑操作后的目标组件。
本申请实施例实现了对生成初始组件的组件模板中的标记模块和固定模块进行区分，从而隔离开发人员和非开发人员的编辑操作。为开发人员提供预先定义组件模板中的标记模块和固定模块的可视化开发面板，使得开发人员可以为非开发人员设计初始组件和更新初始组件的接口。非开发人员可以在可视化更新面板对初始组件中的标记模块进行编辑，从而实现对初始组件进行更新，满足自身的自定义需求，并且更新操作简单便捷，无需编写任何代码。
本申请实施例中提供了一种组件更新装置，如图5所示，包括：
显示模块501，用于响应于针对初始组件中页面的更新指令，在程序编辑器的更新界面中显示页面的编辑控件；其中，页面包括至少一个用户可编辑的标记模块；标记模块基于对用户不可编辑的固定模块进行标记得到；
生成模块502，用于响应于针对编辑控件的编辑操作，对页面中的标记模块进行更新，生成初始组件经编辑操作后的目标组件。
可选地，装置还包括：
第一加载模块，用于响应于针对程序编辑器的更新模式选择指令，加载初始组件的各个页面，并显示程序编辑器的更新界面。
可选地，生成模块502具体用于：
响应于针对编辑控件的编辑操作，根据编辑操作更新页面对应的标记模块中的文字数据、图片数据、音频数据和视频数据中的至少一种。
可选地，装置还包括：
第二加载模块，用于响应于针对程序编辑器的开发模式选择指令，加载初始组件的各个页面，并显示程序编辑器的开发界面。
可选地，装置还包括：
标记模块，用于在程序编辑器的开发界面，确定页面中的至少一个固定模块，通过装饰器功能对固定模块进行标记，使得标记得到的标记模块与页面的编辑控件之间建立编辑操作控制关系。
可选地，初始组件的各个页面为基于组件模板创建的，装置还包括：
拼装模块，用于在程序编辑器的开发界面，拼装组件模板，生成对应的初始组件。
应用本申请实施例提供的组件更新方法，响应于针对初始组件中页面的更新指令，在程序编辑器的更新界面中显示页面的编辑控件；其中，页面包括至少一个用户可编辑的标记模块；标记模块基于对用户不可编辑的固定模块进行标记得到；然后响应于针对编辑控件的编辑操作，对页面中的标记模块进行更新，生成初始组件经编辑操作后的目标组件。
本申请实施例实现了对生成初始组件的组件模板中的标记模块和固定模块进行区分，从而隔离开发人员和非开发人员的编辑操作。为开发人员提供预先定义组件模板中的标记模块和固定模块的可视化开发面板，使得开发人员可以为非开发人员设计初始组件和更新初始组件的接口。非开发人员可以在可视化更新面板对初始组件中的标记模块进行编辑，从而实现对初始组件进行更新，满足自身的自定义需求，并且更新操作简单便捷，无需编写任何代码。
本申请实施例中提供了一种电子设备(计算机装置/设备/系统)，包括存储器、处理器及存储在存储器上的计算机程序，该处理器执行上述计算机程序以实现组件更新方法的步骤，与相关技术相比可实现：对生成初始组件的组件模板中的标记模块和固定模块进行区分，从而隔离开发人员和非开发人员的编辑操作。为开发人员提供预先定义组件模板中的标记模块和固定模块的可视化开发面板，使得开发人员可以为非开发人员设计初始组件和更新初始组件的接口。非开发人员可以在可视化更新面板对初始组件中的标记模块进行编辑，从而实现对初始组件进行更新，满足自身的自定义需求，并且更新操作简单便捷，无需编写任何代码。
在一个可选实施例中提供了一种电子设备，如图6所示，图6所示的电子设备6000包括：处理器6001和存储器6003。其中，处理器6001和存储器6003相连，如通过总线6002相连。可选地，电子设备6000还可以包括收发器6004，收发器6004可以用于该电子设备与其他电子设备之间的数据交互，如数据的发送和/或数据的接收等。需要说明的是，实际应用中收发器6004不限于一个，该电子设备6000的结构并不构成对本申请实施例的限定。
处理器6001可以是CPU(Central Processing Unit，中央处理器)，通用处理器，DSP(Digital Signal Processor，数据信号处理器)，ASIC(Application SpecificIntegrated Circuit，专用集成电路)，FPGA(Field Programmable Gate Array，现场可编程门阵列)或者其他可编程逻辑器件、晶体管逻辑器件、硬件部件或者其任意组合。其可以实现或执行结合本申请公开内容所描述的各种示例性的逻辑方框，模块和电路。处理器6001也可以是实现计算功能的组合，例如包含一个或多个微处理器组合，DSP和微处理器的组合等。
总线6002可包括一通路，在上述组件之间传送信息。总线6002可以是PCI(Peripheral Component Interconnect，外设部件互连标准)总线或EISA(ExtendedIndustry Standard Architecture，扩展工业标准结构)总线等。总线6002可以分为地址总线、数据总线、控制总线等。为便于表示，图6中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。
存储器6003可以是ROM(Read Only Memory，只读存储器)或可存储静态信息和指令的其他类型的静态存储设备，RAM(Random Access Memory，随机存取存储器)或者可存储信息和指令的其他类型的动态存储设备，也可以是EEPROM(Electrically ErasableProgrammable Read Only Memory，电可擦可编程只读存储器)、CD-ROM(Compact DiscRead Only Memory，只读光盘)或其他光盘存储、光碟存储(包括压缩光碟、激光碟、光碟、数字通用光碟、蓝光光碟等)、磁盘存储介质、其他磁存储设备、或者能够用于携带或存储计算机程序并能够由计算机读取的任何其他介质，在此不做限定。
存储器6003用于存储执行本申请实施例的计算机程序，并由处理器6001来控制执行。处理器6001用于执行存储器6003中存储的计算机程序，以实现前述方法实施例所示的步骤。
本申请实施例提供了一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，计算机程序被处理器执行时可实现前述方法实施例的步骤及相应内容。
本申请实施例还提供了一种计算机程序产品，包括计算机程序，计算机程序被处理器执行时可实现前述方法实施例的步骤及相应内容。
本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”、“第四”、“1”、“2”等(如果存在)是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例能够以除图示或文字描述以外的顺序实施。
应该理解的是，虽然本申请实施例的流程图中通过箭头指示各个操作步骤，但是这些步骤的实施顺序并不受限于箭头所指示的顺序。除非本文中有明确的说明，否则在本申请实施例的一些实施场景中，各流程图中的实施步骤可以按照需求以其他的顺序执行。此外，各流程图中的部分或全部步骤基于实际的实施场景，可以包括多个子步骤或者多个阶段。这些子步骤或者阶段中的部分或全部可以在同一时刻被执行，这些子步骤或者阶段中的每个子步骤或者阶段也可以分别在不同的时刻被执行。在执行时刻不同的场景下，这些子步骤或者阶段的执行顺序可以根据需求灵活配置，本申请实施例对此不限制。
以上所述仅是本申请部分实施场景的可选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本申请的方案技术构思的前提下，采用基于本申请技术思想的其他类似实施手段，同样属于本申请实施例的保护范畴。

Claims (10)

1.一种组件更新方法，其特征在于，包括：
响应于针对初始组件中页面的更新指令，在程序编辑器的更新界面中显示所述页面的编辑控件；其中，所述页面包括至少一个用户可编辑的标记模块；所述标记模块基于对用户不可编辑的固定模块进行标记得到；
响应于针对所述编辑控件的编辑操作，对所述页面中的标记模块进行更新，生成所述初始组件经所述编辑操作后的目标组件。
2.根据权利要求1所述的组件更新方法，其特征在于，所述响应于针对初始组件中页面的更新指令，在程序编辑器的更新界面中显示所述页面的编辑控件之前，所述方法包括：
响应于针对所述程序编辑器的更新模式选择指令，加载所述初始组件的各个页面，并显示所述程序编辑器的更新界面。
3.根据权利要求1所述的组件更新方法，其特征在于，所述响应于针对所述编辑控件的编辑操作，对所述页面中的标记模块进行更新，生成所述初始组件经所述编辑操作后的目标组件，包括：
响应于针对所述编辑控件的编辑操作，根据所述编辑操作更新所述页面对应的标记模块中的文字数据、图片数据、音频数据和视频数据中的至少一种。
4.根据权利要求1所述的组件更新方法，其特征在于，所述标记模块是通过装饰器功能对所述固定模块进行标记得到，使得所述标记模块与所述页面的编辑控件之间建立编辑操作控制关系。
5.根据权利要求1所述的组件更新方法，其特征在于，所述方法还包括：
响应于针对所述程序编辑器的开发模式选择指令，加载所述初始组件的各个页面，并显示所述程序编辑器的开发界面。
6.根据权利要求5所述的组件更新方法，其特征在于，所述响应于针对所述程序编辑器的开发模式选择指令，加载所述初始组件的各个页面，并显示所述程序编辑器的开发界面之后，所述方法包括：
在所述程序编辑器的开发界面，确定所述页面中的至少一个固定模块，通过装饰器功能对所述固定模块进行标记，使得标记得到的所述标记模块与所述页面的编辑控件之间建立编辑操作控制关系。
7.根据权利要求5所述的组件更新方法，其特征在于，所述初始组件的各个页面为基于组件模板创建的，所述响应于针对所述程序编辑器的开发模式选择指令，加载所述初始组件的各个页面，并显示所述程序编辑器的开发界面之后，所述方法包括：
在所述程序编辑器的开发界面，拼装所述组件模板，生成对应的初始组件。
8.一种组件更新装置，其特征在于，包括：
显示模块，用于响应于针对初始组件中页面的更新指令，在程序编辑器的更新界面中显示所述页面的编辑控件；其中，所述页面包括至少一个用户可编辑的标记模块；所述标记模块基于对用户不可编辑的固定模块进行标记得到；
生成模块，用于响应于针对所述编辑控件的编辑操作，对所述页面中的标记模块进行更新，生成所述初始组件经所述编辑操作后的目标组件。
9.一种电子设备，其特征在于，所述电子设备包括：
一个或多个处理器；
存储器；
一个或多个应用程序，其中所述一个或多个应用程序被存储在所述存储器中并被配置为由所述一个或多个处理器执行，所述一个或多个程序配置用于：执行根据权利要求1至7任一项所述的组件更新方法。
10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至7任一项所述的组件更新方法。
CN202210200170.9A 2022-03-02 2022-03-02 组件更新方法、装置、电子设备及计算机可读存储介质 Pending CN116737190A (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN202210200170.9A CN116737190A (zh) 2022-03-02 2022-03-02 组件更新方法、装置、电子设备及计算机可读存储介质
PCT/CN2023/077708 WO2023165397A1 (zh) 2022-03-02 2023-02-22 组件更新方法、装置、电子设备及计算机可读存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202210200170.9A CN116737190A (zh) 2022-03-02 2022-03-02 组件更新方法、装置、电子设备及计算机可读存储介质

Publications (1)

Publication Number Publication Date
CN116737190A true CN116737190A (zh) 2023-09-12

Family

ID=87882919

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202210200170.9A Pending CN116737190A (zh) 2022-03-02 2022-03-02 组件更新方法、装置、电子设备及计算机可读存储介质

Country Status (2)

Country Link
CN (1) CN116737190A (zh)
WO (1) WO2023165397A1 (zh)

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7000184B2 (en) * 2003-01-24 2006-02-14 The Cobalt Group, Inc. Remote web site editing in a standard web browser without external software
CN106066849B (zh) * 2016-05-30 2019-05-21 车智互联（北京）科技有限公司 一种模板页面编辑系统及方法
CN112632437B (zh) * 2020-11-27 2024-09-06 中国银联股份有限公司 一种网页页面生成方法、装置及计算机可读存储介质
CN112559935A (zh) * 2020-12-15 2021-03-26 北京三快在线科技有限公司 一种创建页面的方法及装置
CN113268226B (zh) * 2021-06-24 2024-06-18 中国平安人寿保险股份有限公司 页面数据生成方法、装置、存储介质及设备

Also Published As

Publication number Publication date
WO2023165397A1 (zh) 2023-09-07

Similar Documents

Publication Publication Date Title
US11003422B2 (en) Methods and systems for visual programming using polymorphic, dynamic multi-dimensional structures
Jee et al. An augmented reality-based authoring tool for E-learning applications
Dengel et al. A review on augmented reality authoring toolkits for education
WO2020103702A1 (zh) 在线教学课件的编辑和生成方法以及系统
US20160019815A1 (en) System and method for instructional system design using gaming and simulation
CN110704152A (zh) 图形化在线互动教学内容创建系统及方法
Echavarria et al. Creative experiences for engaging communities with cultural heritage through place-based narratives
TWI575457B (zh) 線上互動式三維多媒體編輯交流架構、編輯交流方法及其電腦可讀取媒體
Gao et al. [Retracted] Realization of Music‐Assisted Interactive Teaching System Based on Virtual Reality Technology
Hirayama et al. Web-based interactive 3D educational material development framework and its authoring functionalities
CN116737190A (zh) 组件更新方法、装置、电子设备及计算机可读存储介质
Alamsyah et al. Implementation of augmented reality learning media technology at the primary and secondary education levels in Cimahi City, West Java
Karoui et al. Mobile learning game authoring tools: assessment, synthesis and proposals
CN102930076A (zh) 虚拟物体实时三维数据的交互方法
KR101552384B1 (ko) 인터랙티브한 편집기능이 구비된 멀티 미디어 컨텐츠 저작 시스템 및 그 방법
Sherring et al. Exploring the Outlands: A Case-Study on the Conservation Installation and Artist Interview of David Haines’ and Joyce Hinterding’s Time-Based Art Installation
Hurwicz et al. Using Macromedia Flash MX
Younggren Using an object oriented programming language to create audience-driven hypermedia environments
Muñoz-Carpio et al. Piloting experiential learning through 360 video and 3D printing to improve system modelling
Sanderson et al. Multimedia interactive learning modules for design and manufacturing education
Karagöz et al. A design model proposal for digital learning platform based on interactive e-books
Hussein et al. Proposed Website Architecture with Embedded Augmented Reality to Discover Cultural Heritage
Dockery et al. Learn Adobe After Effects CC for Visual Effects and Motion Graphics
Perkins Flash Professional CS5 Bible
Luhana et al. Rock bottom, the world, the sky: Catrobat, an extremely large-scale and long-term visual coding project relying purely on smartphones

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination