WO2023030297A1 - 组件处理方法、装置、电子设备、存储介质和产品 - Google Patents

组件处理方法、装置、电子设备、存储介质和产品 Download PDF

Info

Publication number
WO2023030297A1
WO2023030297A1 PCT/CN2022/115757 CN2022115757W WO2023030297A1 WO 2023030297 A1 WO2023030297 A1 WO 2023030297A1 CN 2022115757 W CN2022115757 W CN 2022115757W WO 2023030297 A1 WO2023030297 A1 WO 2023030297A1
Authority
WO
WIPO (PCT)
Prior art keywords
component
target
module
content
document
Prior art date
Application number
PCT/CN2022/115757
Other languages
English (en)
French (fr)
Inventor
毛晨阳
张正哲
高俊辉
杨学斌
郑益萍
区浩辉
郭昌钰
吴梓华
张进杰
邱文豪
Original Assignee
北京字跳网络技术有限公司
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 北京字跳网络技术有限公司 filed Critical 北京字跳网络技术有限公司
Publication of WO2023030297A1 publication Critical patent/WO2023030297A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04842—Selection of displayed objects or displayed text elements
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00—Commerce

Definitions

  • the module information entity request including the module identifier corresponding to the target component
  • Fig. 11 is an interactive schematic diagram of another component processing method provided by an embodiment of the present disclosure.
  • Fig. 14 is an interactive schematic diagram of yet another component processing method provided by an embodiment of the present disclosure.
  • Fig. 21 is a schematic structural diagram of an electronic device provided by an embodiment of the present disclosure.
  • Fig. 1 is a schematic flowchart of a component processing method provided by the present disclosure. As shown in Fig. 1, the method of this embodiment is as follows:
  • Fig. 5 is a schematic flow diagram of another component processing method provided by the embodiment of the present disclosure. This embodiment is based on the above embodiment, as shown in Fig. 5, before step S110, it also includes:
  • the Block framework sends the setting parameters in the constructed timer module information entity to the developer Block, and the developer Block submits the setting parameters in the constructed timer module information entity to the
  • the server sends a business instance request, that is, sends a request to the server to create a timer whose countdown information is 2 days 0:00:00 seconds, and the business instance created at this time is a countdown information of 2 days 0:00:00 seconds
  • the server sends a module creation request to the target platform.
  • the module creation request includes: type identifier and setting parameters. At this time, the type identifier is: Block Type ID1, and the setting parameters are: countdown 2 days 0:00:00 Second.
  • the target platform After the server sends a module creation request to the target platform, the target platform generates the corresponding relationship between the module information entity and the module identification, that is, the target platform generates and establishes a timer module information entity, and establishes the corresponding relationship between the module information entity and the module identification Block ID , that is, create a module information entity with a countdown of 2 days, 0:00:00, which corresponds to the module ID Block ID1.
  • the user's mouse focus 22 selects the second empty content line in the document page, and at this time the second empty content line
  • the first target control 20 is displayed at the associated position of the empty content row.
  • the method also includes:
  • displaying component content corresponding to the target component in the content row associated with the first target control on the document page includes:
  • Fig. 14 exemplarily shows that the component content corresponding to the target component 210 is displayed in the content row corresponding to the first target control 20.
  • the component content corresponding to the target component is displayed in , see Figure 17.
  • the content line corresponding to the first target control 20 is where the focus 22 is located.
  • the method also includes:
  • the request sending module sends a module information entity request to the target platform, and the module information entity request includes the module identifier corresponding to the target component; the receiving module receives the module information entity corresponding to the target component sent by the target platform;
  • the target component rendering module invokes the component software development kit to render the target component in the document based on the module information entity, so as to render and run the component in the document.
  • the second target control display module is used to respond to the non-empty content row in the document page selected by the focus, and display the second target control at the associated position of the non-empty content row, and the second target control is used to edit the content of the content row.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Software Systems (AREA)
  • Business, Economics & Management (AREA)
  • Accounting & Taxation (AREA)
  • Development Economics (AREA)
  • Economics (AREA)
  • Finance (AREA)
  • Marketing (AREA)
  • Strategic Management (AREA)
  • General Business, Economics & Management (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

涉及组件处理方法、装置、电子设备、存储介质和产品，包括：向目标平台发送模块信息实体请求，模块信息实体请求中包括目标组件对应的模块标识（S110）；接收目标平台发送的目标组件对应的模块信息实体（S120）；调用组件软件开发工具包基于模块信息实体在文档中渲染目标组件（S130），通过组件软件开发工具包将目标平台发送的目标组件在文档中渲染并运行，实现在文档中以组件的形式实现对应的功能，提高了文档功能的多样性，能够满足用户的不同需求。

Description

组件处理方法、装置、电子设备、存储介质和产品
相关申请的交叉引用
本申请基于申请号为202111022607.6、申请日为2021年9月1日、名称为“组件处理方法、装置、电子设备、存储介质和产品”的中国专利申请提出，并要求该中国专利申请的优先权，该中国专利申请的全部内容在此引入本申请作为参考。
技术领域
本公开涉及计算机技术领域，尤其涉及一种组件处理方法、装置、电子设备、存储介质和产品。
背景技术
随着电子办公的普及，用户对电子办公的要求越来越高，需要应用到各种功能的应用程序，有时需要在同一应用程序中同时实现各种功能，例如，在文档中实现多种功能。
相关技术中，依赖于开发人员在同一应用程序中实现各种功能，然而，不同的用户对功能的需求可能不同。
采用相关技术的方式无法满足用户的多样化需求。
发明内容
为了解决上述技术问题，本公开提供了一种组件处理方法、装置、电子设备、存储介质和产品，实现在文档中以组件的形式实现对应的功能，提高了文档功能的多样性，能够满足用户的不同需求，满足用户需求。
第一方面，本公开提供了一种组件处理方法，包括：
向目标平台发送模块信息实体请求，所述模块信息实体请求中包括目标组件对应的模块标识；
接收所述目标平台发送的所述目标组件对应的模块信息实体；
调用组件软件开发工具包基于所述模块信息实体在文档中渲染所述目标组件。
第二方面，本公开实施例提供另一种组件处理方法，包括：
响应于在文档页面中接收到对第一目标控件的触发操作，显示组件面板，所述组件面板包括至少一个目标组件，所述第一目标控件与所述文档页面中的内容行一一对应；
响应于对所述目标组件的选择操作，在所述文档页面的与所述第一目标控件关联的内容行中显示所述目标组件对应的组件内容。
第三方面，本公开实施例提供一种组件处理装置，包括：
请求发送模块，用于向目标平台发送模块信息实体请求，所述模块信息实体请求中包括目标组件对应的模块标识；
接收模块，用于接收所述目标平台发送的所述目标组件对应的模块信息实体；
目标组件渲染模块，用于调用组件软件开发工具包基于所述模块信息实体在文档中渲染所述目标组件。
第四方面，本公开实施例提供另一种组件处理装置，包括：
组件面板显示模块，用于响应于在文档页面中接收到对第一目标控件的触发操作，显示组件面板，所述组件面板包括至少一个目标组件，所述第一目标控件与所述文档页面中的内容行一一对应；
组件内容显示模块，用于响应于对所述目标组件的选择操作，在所述文档页面的与所述第一目标控件关联的内容行中显示所述目标组件对应的组件内容。
第五方面，本公开实施例提供一种电子设备，包括：
一个或多个处理器；
存储装置，用于存储一个或多个程序，
当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如第一方面中任一所述的方法。
第六方面，本公开实施例提供一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如第一方面中或第二方面中任一所述的方法。
第七方面，本公开实施例提供一种计算机程序产品，当所述计算机程序产品在计算机上运行时，使得所述计算机执行如第一方面或第二方面中任一项所述的方法的步骤。
本公开实施例提供的技术方案与现有技术相比具有如下优点：
本公开实施例提供的组件处理方法、装置、电子设备、存储介质和产品，通过向目标平台发送模块信息实体请求，模块信息实体请求中包括目标组件对应的模块标识；接收目标平台发送的目标组件对应的模块信息实体；调用组件软件开发工具包基于模块信息实体在文档中渲染目标组件，通过组件软件开发工具包将目标平台发送的目标组件在文档中渲染并运行，实现在文档中渲染运行组件。即，可以实现在文档中以组件的形式实现对应的功能，提高了文档功能的多样性，能够满足用户的不同需求。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。
为了更清楚地说明本公开实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
图1为本公开实施例提供的一种组件处理方法的流程示意图；
图2是本公开实施例提供的一种组件处理方法的交互示意图；
图3是本公开实施例提供的一种BlockitSDK实现结构示意图；
图4是本公开实施例提供的一种组件处理方法的界面结构示意图
图5是本公开实施例提供的另一种组件处理方法的流程示意图；
图6是本公开实施例提供的一种组件处理方法的界面结构示意图；
图7是本公开实施例提供的又一种组件处理方法的流程示意图；
图8是本公开实施例提供的另一种组件处理方法的界面结构示意图；
图9是本公开实施例提供的另一种组件处理方法的交互示意图；
图10是本公开实施例提供的又一种组件处理方法的流程示意图；
图11是本公开实施例提供的又一种组件处理方法的交互示意图；
图12是本公开实施例提供的又一种组件处理方法的流程示意图；
图13是本公开实施例提供的又一种组件处理方法的交互示意图；
图14是本公开实施例提供的又一种组件处理方法的交互示意图；
图15是本公开实施例提供的又一种组件处理方法的交互示意图；
图16是本公开实施例提供的又一种组件处理方法的交互示意图；
图17是本公开实施例提供的又一种组件处理方法的交互示意图；
图18是本公开实施例提供的又一种组件处理方法的交互示意图；
图19是本公开实施例提供的一种组件处理装置的结构示意图；
图20是本公开实施例提供的另一种组件处理装置的结构示意图；
图21是本公开实施例提供的一种电子设备的结构示意图。
具体实施方式
为了能够更清楚地理解本公开的上述目的、特征和优点，下面将对本公开的方案进行进一步描述。需要说明的是，在不冲突的情况下，本公开的实施例及实施例中的特征可以相互组合。
在下面的描述中阐述了很多具体细节以便于充分理解本公开，但本公开还可以采用其他不同于在此描述的方式来实施；显然，说明书中的实施例只是本公开的一部分实施例，而不是全部的实施例。
示例性地，本公开提供一种组件处理方法、装置、电子设备、计算机存储介质以及计算机程序产品，通过在文档的使用场景下，支持用户自己开发实现一个应用并接入文档，即开发一个文档小组件，用户可以和使用官方提供的功能一样，自由地在文档中插入、编辑、阅读自己开发的文档组件，而基于组件软件开发工具包开发文档组件，不需要耗费太多精力去处理协同相关的逻辑，实现组件支持多人协同编辑。
其中，本公开的组件处理方法由电子设备或者电子设备中的应用程序、网页、公众号等来执行。电子设备可以是平板电脑、手机、可穿戴设备、车载设备、增强现实(augmented reality，AR)/虚拟现实(virtual reality，VR)设备、笔记本电脑、超级移动个人计算机(ultra-mobile personal computer，UMPC)、上网本、个人数字助理(personal digital assistant，PDA)、智能电视、智慧屏、高清电视、4K电视、智能音箱、智能投影仪等设备，本公开对电子设备的具体类型不作任何限制。
其中，本公开对电子设备的操作系统的类型不做限定。例如，Android系统、Linux系统、Windows系统、iOS系统等。
下面以几个具体的实施例对本公开的技术方案做详细描述。
图1为本公开提供的一种组件处理方法的流程示意图，如图1所示，本实施例的方法如下：
S110、向目标平台发送模块信息实体请求，模块信息实体请求中包括目标组件对应的模块标识。
示例性的，文档中可以插入即时通信、计时器、工作台、日历等组件，即即时通信、计时器、工作台、日历等组件为文档中的模块信息实体，即一个Block，模块信息实体请求例如可以是在文档中插入即时通信中的一段聊天记录、在文档中插入一个计时器实现计时功能、在文档中插入日历中的一个日程、在文档中插入一个自然段落等等。当用户在文档中插入一个计时器实现计时功能，此时，文档向目标平台发送在文档中建立一个计时器的模块信息实体请求，模块信息实体请求中的目标组件为计时器，目标组件对应的模块标识为计时器对应的模块标识，示例性的，计时器对应的模块标识为Block ID1。
具体的，模块信息实体通过Creator创建，在创建完模块信息实体后，向目标平台发送模块信息实体请求。
由于某书内所有的子产品都是由某书信息实体组成，因此我们可以将产品A中的某个信息实体转发到产品B中。例如，我们可以将一条消息转发到文档中，将一段日程发送至即时通信中等等。
在本公开的一些实施例中，目标平台可以是某个移动终端、某个应用程序、某个云端服务平台或者某个服务器。
S120、接收目标平台发送的目标组件对应的模块信息实体。
当文档向目标平台发送模块信息实体请求后，文档将模块信息实体请求数据提交给目标平台，目标平台存储数据并发送目标组件对应的模块信息实体。
示例性的，当文档中插入的计时器作为模块信息实体向目标平台发送模块信息实体请求，且计时器的倒计时信息为“2天0时0分0秒”，此时目标平台根据接收的模块信息实体请求确定模块信息实体请求中为在文档中插入一个计时器，计时器的倒计时信息为“2天0时0分0秒”，此时根据模块信息实体请求确定目标组件对应的模块信息实体，即目标组件为计时器，目标组件对应的模块信息实体为显示倒计时信息“2天0时0分0秒”的计时器。
S130、调用组件软件开发工具包基于模块信息实体在文档中渲染目标组件。
本公开实施例提供的组件处理方法中，基于组件软件开发工具包(BlockitSDK)，其中BlockitSDK提供了应用数据模型、应用机制管理、应用渲染引擎和应用流转协议。
当文档中的计时器接收到目标平台发送的目标组件对应的模块信息实体后，调用BlockitSDK，此时BlockitSDK基于模块信息实体在文档中渲染目标组件，如图3所示，调用BlockitSDK渲染目标组件计时器，且渲染效果为从2天0时0分0秒开始倒计时。具体的，文档中的Blockit Module基于BlockitSDK进行业务封装，提供给文档的ISV Block组件使用。ISV Block会将目标组件的信息记录在文档数据中，然后ISV Block组件根据目标组件的信息，调用Blockit Module渲染目标组件。
在BlockitSDK的前端渲染引擎中，使用一套与小程序类似的双线程引擎来分别处理渲染 和逻辑。在渲染部分采用shadowDOM技术作为UI沙盒，嵌入到宿主中，成为宿主内容的一部分，且不会影响宿主自有内容的展示；在逻辑部分，使用Worker这种浏览器自带沙盒环境来执行逻辑运算，宿主-BlockitSDK-引擎的关系如图4所示。
引擎启动后，建立起一个不感知外部环境的沙盒环境，在这套环境里提供了API和组件集合，当开发者使用DSL开发打包后，即使在不同的宿主下，也能够呈现相同的效果。
本公开实施例提供的组件处理方法，向目标平台发送模块信息实体请求，模块信息实体请求中包括目标组件对应的模块标识；接收目标平台发送的目标组件对应的模块信息实体；调用BlockitSDK基于模块信息实体在文档中渲染目标组件，实现在文档中渲染运行组件。即，可以实现在文档中以组件的形式实现对应的功能，提高了文档功能的多样性，能够满足用户的不同需求。
图5是本公开实施例提供的另一种组件处理方法的流程示意图，本实施例是在上述实施例的基础上，如图5所示，步骤S110之前还包括：
S100、响应于对目标组件按钮的触发，获取目标组件对应的模块标识。
当用户在文档中触发目标组件按钮，具体的，如图6所示，用户在文档中触发计时器按钮，此时计时器按钮为目标组件，根据用户触发的目标组件按钮，确定目标组件的模块标识。示例性，获取的计时器对应的模块标识为Block ID1，获取的工作台对应的模块标识为Block ID2，获取的日历对应的模块标识为Block ID3，不同目标组件对应的模块标识不同。
本公开实施例提供的组件处理方法，在向目标平台发送模块信息实体请求之前，响应于对目标组件按钮的触发，获取目标组件对应的模块标识，进而根据目标组件对应的模块标识确定向目标平台发送模块信息实体请求的目标组件。
图7是本公开实施例提供的又一种组件处理方法的流程示意图，本实施例是在图5对应的实施例的基础上，如图7所示，步骤S100的一种可实现方式包括：
S101、响应于对目标组件按钮的触发，获取目标组件对应的类型标识。
当用户在文档中触发目标组件按钮后，具体的，用户在文档中触发计时器按钮，此时计时器按钮为目标组件，获取目标组件对应的类型标识，即获取计时器按钮对应的类型标识，示例性的，计时器按钮的类型标识为Block Type ID1，工作台的类型标识为Block Type ID2，日历的类型标识为Block Type ID3，不同目标组件对应的类型标识不同。
S102、基于类型标识显示第一界面，并获取通过第一界面输入的设置参数。
在对目标组件触发后，在文档中显示目标组件，且基于目标组件对应的类型标识显示第一界面，示例性的，当目标组件为计时器时，此时根据计时器对应的类型标识显示的第一界面如图8所示，当用户在第一界面设置计时器的参数后，模块信息实体获取通过第一界面输入的设置参数，示例性的，用户在第一界面设置计时器的参数为“倒计时时长为2天0时0分0秒”，则此时获取的设置参数是“倒计时时长为2天0时0分0秒”。
S103、向服务端发送创建业务实例请求，创建业务实例请求中包括设置参数，以使服务端向目标平台发送创建模块请求，创建模块请求中包括：类型标识以及设置参数；以使目标平台生成模块信息实体，并建立模块信息实体与模块标识的对应关系。
当文档获取到在模块信息实体的第一界面输入的参数后，向服务端发送创建业务实例请 求，以使服务端向目标平台发送创建模块请求，具体的，如图9所示，文档首先调用Blockit.mountCreator(Block Type ID1)，即文档调用Blockit.mountCreator构建一个类型标识为Block Type ID1模块信息实体在文档中显示，Block框架下发获取的通过第一界面输入的设置参数至开发者Block，开发者Block根据设置参数下发创建业务实例请求至服务端，服务端执行业务创建逻辑并调用目标平台API创建模信息实体块，即开发者Block向服务端说明创建对应的模块信息实体。示例性的，在文档中构建一个计时器模块信息实体，首先文档调用Blockit.mountCreator命令在文档中构建一个计时器模块信息实体，当在文档中构建的计时器模块信息实体中设置参数是“倒计时时长为2天0时0分0秒”，Block框架下发在构建的计时器模块信息实体中的设置参数至开发者Block，开发者Block根据在构建的计时器模块信息实体中的设置参数向服务端发送业务实例请求，即向服务端发送创建一个倒计时信息为2天0时0分0秒的计时器的请求，此时创建的业务实例是一个倒计时信息为2天0时0分0秒的计时器，此时服务端向目标平台发送创建模块请求，创建模块请求中包括：类型标识以及设置参数，此时类型标识为：Block Type ID1，设置参数为：倒计时2天0时0分0秒。
在服务端向目标平台发送创建模块请求后，目标平台生成模块信息实体与模块标识的对应关系，即目标平台生成建立一个计时器模块信息实体，并建立模块信息实体与模块标识Block ID的对应关系，即建立一个倒计时2天0时0分0秒的模块信息实体，该模块信息实体与模块标识Block ID1对应。
S104、接收服务端发送的模块标识，服务端的模块标识来自于目标平台。
当目标平台生成模块信息实体后，发送模块实体对应的模块标识至服务端，即Block ID1，服务端将模块标识发送至开发者Block，开发者Block调用tt.setBlockInfo向Block框架传入模块标识，需要说明的是，在调用tt.setBlockInfo前需要调用服务端接口，并传递相关数据。
在开发者Block将模块标识发送至Block框架后，Block框架根据模块标识获取模块信息实体，目标平台将Block框架根据模块标识获取模块信息实体返回至Block框架(即根据Block ID1获取Block Entity)，Block框架将模块信息实体返回至文档，完成在文档中创建一个模块信息实体，当文档中的计时器接收到目标平台发送的目标组件对应的模块信息实体后，Block框架调用BlockitSDK目标平台，此时BlockitSDK目标平台基于模块信息实体在文档中渲染目标组件。具体的，文档中的Blockit Module基于BlockitSDK进行业务封装，提供给文档的ISV Block组件使用。ISV Block会将目标组件的信息记录在文档数据中，然后ISV Block组件根据目标组件的信息，调用Blockit Module渲染目标组件。
图10是本公开实施例提供的又一种组件处理方法的流程示意图，本实施例是在上述实施例的基础上，如图10所示，步骤S101之前还包括：
S10、响应于用户在文档中的触发操作，显示组件列表，组件列表中包括目标组件按钮。
示例性的，如图11所示，当用户在文档中点击“+”按钮，此时用户在文档中的触发操作为点击“+”按钮，响应用户在文档中的触发操作，显示组件列表，即用户在文档中点击“+”按钮后，文档中显示组件列表，组件列表中包括目标组件按钮。
需要说明的是，图11示例性以在文档中点击“+”按钮后，显示组件列表，在其它可实施方式中，触发操作可以为其它方式，本公开实施例不对触发操作的具体类型进行限定。
具体的，响应于用户在文档中的触发操作，根据用户的权限，获取用户对应的可用组件，显示组件列表，组件列表包括用户对应的可用组件。
由于不同用户配置的使用文档中目标组件的权限不同，因此，在用户进行触发操作后，根据用户的权限对应显示用户可用组件。示例性的，若设置用户A使用文档中目标组件的权限为小应用中包括信息收集、计时器和订阅文章组件，当当用户在文档中点击“+”按钮，此时用户在文档中的触发操作为点击“+”按钮，响应用户在文档中的触发操作，显示组件列表中，小应用中包括信息收集、计时器和订阅文章组件，且小应用中包括信息收集、计时器和订阅文章组件点击可触发。
本公开实施例提供的组件处理方法，响应于用户在文档中的触发操作，根据用户的权限，获取用户对应的可用组件，显示组件列表，组件列表包括用户对应的可用组件，实现根据用户权限显示用户可使用的组件。
需要说明的是，上述实施例提供的组件处理方法中，示例性以目标组件的宿主为文档，在其它可实施方式中，目标组件的宿主可以为其它应用终端，本公开实施例不对目标组件的宿主进行具体限定。
图12是本公开实施例提供的又一种组件处理方法的流程示意图，如图12所示，组件处理方法包括：
S210、响应于在文档页面中接收到对第一目标控件的触发操作，显示组件面板，组件面板包括至少一个目标组件，第一目标控件与文档页面中的内容行一一对应。
在本公开的一些实施例中，文档页面中包括多个内容行，每一个内容行都对应一个目标控件，通过目标控件对该内容行进行编辑或对与该内容行关联的内容行进行编辑。
示例性的，如图13所示，当用户在文档页面中触发第一目标控件20后，在文档页面中显示组件面板21，组件面板21中包括至少一个目标组件，图13中示例性表示组件面板21中包括的目标组件为：日程、群名片、文档、投票、信息收集、计时器、订阅文章、视频和动画。
通过设置文档页面中的第一目标控件20与文档页面中的内容行一一对应，通过点击文档页面中对应内容行位置处的第一目标控件20，显示可在该内容行对应位置处插入组件面板21中的目标组件。
S220、响应于对目标组件的选择操作，在文档页面的与第一目标控件关联的内容行中显示目标组件对应的组件内容。
当用户在文档页面中触发第一目标控件20在文档页面中显示组件面板21后，若用户选择一目标组件210并触发，示例性的，用户选择计时器组件并触发，在文档页面的与第一目标控件20关联的内容行中显示目标组件对应的组件内容，如图14所示。
可选的，所述方法还包括：
响应于焦点选中文档页面中的空内容行，在空内容行的关联位置显示第一目标控件。
示例性的，如图15所示，当用户在文档页面的第一行空内容行插入目标组件后，用户鼠标的焦点22在文档页面中选中第二个空内容行，此时在第二行空内容行的关联位置处显示第一目标控件20。
可选的，所述方法还包括：
响应于焦点选中文档页面中的非空内容行，在非空内容行的关联位置显示第二目标控件，第二目标控件用于对内容行的内容进行编辑。
在本公开的一些实施例中，当用户在空内容行插入内容后，第一目标控件会变为第二目标控件，第二目标控件会基于所插入的内容生成对应的编辑选项，用户通过选择编辑选项来编辑所插入的内容。
示例性的，如图16所示，当用户在文档页面的第一行空内容行插入目标组件后，用户鼠标的焦点22在文档页面中选中第一个内容行，此时文档中的第一个内容行为非空内容行，此时响应于用户鼠标的交点选中第一个内容行后，在非空内容行的关联位置显示第二目标控件23，实现用户通过触发第二目标控件对内容行的内容进行编辑。如图16所述，用户移动鼠标的焦点至第二目标控件23，触发第二目标控件23后，实现对内容行内容的编辑，图16示例性表示触发第二目标控件23后，通过编辑内容行的倒计时时长，在文档页面实现倒计时功能。
可选的，在文档页面的与第一目标控件关联的内容行中显示目标组件对应的组件内容包括：
在与第一目标控件对应的内容行相邻行中显示目标组件对应的组件内容；或者在与第一目标控件对应的内容行中显示目标组件对应的组件内容。
图14示例性表示在与第一目标控件20对应的内容行中显示目标组件210对应的组件内容，在另一种可实施方式中，可以在与第一目标控件20对应的内容行相邻行中显示目标组件对应的组件内容，参见图17，图17中，第一目标控件20对应的内容行是焦点22所在位置处，当用户在组件面板中选择目标组件210后，在与第一目标控件20对应的内容行相邻行中显示目标组件210对应的组件内容，即在焦点22相邻行显示目标组件210对应的组件内容。
可选的，所述方法还包括：
扩展与第一目标控件对应的内容行的范围，将目标组件对应的组件内容显示在扩展后的内容行中。
在又一种可实施方式中，通过扩展与第一目标控件20对应的内容行的范围，当用户在组件面板中选择目标组件210后，将目标组件对应的组件内容显示在扩展后的内容行中，示例性的，如图18所示，第一目标控件20对应的内容行是焦点22所在位置处，扩展第一目标控件20对应的内容行与是焦点22以及位于焦点22所在行的下面两行为第一目标控件20对应的内容行的范围，当用户在组件面板中选择目标组件210后，在焦点22行以及位于焦点22所在行的下面两行中显示目标组件210对应的组件内容。
可选的，所述方法还包括：
将目标组件对应的组件内容与内容行进行关联，生成组件块，组件可块作为整体进行编辑。
图19是本公开实施例提供的一种组件处理装置的结构示意图，本实施例是在上述实施例的基础上，如图19所示，组件处理装置包括：
请求发送模块01，用于向目标平台发送模块信息实体请求，模块信息实体请求中包括目标组件对应的模块标识。
接收模块02，用于接收目标平台发送的目标组件对应的模块信息实体。
目标组件渲染模块03，用于调用组件软件开发工具包基于模块信息实体在文档中渲染目标组件。
本公开实施例提供的组件处理装置，请求发送模块向目标平台发送模块信息实体请求，模块信息实体请求中包括目标组件对应的模块标识；接收模块接收目标平台发送的目标组件对应的模块信息实体；目标组件渲染模块调用组件软件开发工具包基于模块信息实体在文档中渲染目标组件，实现在文档中渲染并运行组件。
可选的，组件处理装置还包括：
模块标识获取模块，用于响应于对目标组件按钮的触发，获取目标组件对应的模块标识。
可选的，模块标识获取模块包括：
类型标识获取单元，用于响应于对目标组件按钮的触发，获取目标组件对应的类型标识；
设置参数获取单元，用于基于所述类型标识显示第一界面，并获取通过第一界面输入的设置参数；
请求单元，用于向服务端发送创建业务实例请求，所述创建业务实例请求中包括所述设置参数，以使服务端向所述目标平台发送创建模块请求，所述创建模块请求中包括：所述类型标识以及所述设置参数；以使所述目标平台生成所述模块信息实体，并建立所述模块信息实体与所述模块标识的对应关系；
模块标识接收单元，用于接收所述服务端发送的所述模块标识，所述服务端的所述模块标识来自于所述目标平台。
可选的，模块标识获取模块还包括：
组件列表显示单元，用于响应于用户在文档中的触发操作，显示组件列表，所述组件列表中包括所述目标组件按钮。
可选的，模块标识获取模块还包括：
可用组件显示单元，用于响应于用户在文档中的触发操作，根据所述用户的权限，获取所述用户对应的可用组件，显示所述组件列表，所述组件列表包括所述用户对应的可用组件。
图20是本公开实施例提供的又一种组件处理装置的结构示意图，如图20所示，组件处理装置包括：
组件面板显示模块001，用于响应于在文档页面中接收到对第一目标控件的触发操作，显示组件面板，组件面板包括至少一个目标组件，第一目标控件与文档页面中的内容行一一对应；
组件内容显示模块002，用于响应于对目标组件的选择操作，在文档页面的与第一目标控件关联的内容行中显示目标组件对应的组件内容。
可选的，还包括：
第一目标组件显示模块，用于响应于焦点选中文档页面中的空内容行，在空内容行的关联位置显示第一目标控件。
可选的，还包括：
第二目标控件显示模块，用于响应于焦点选中文档页面中的非空内容行，在非空内容行 的关联位置显示第二目标控件，第二目标控件用于对内容行的内容进行编辑。
可选的，还包括：
组件内容显示单元，用于在与第一目标控件对应的内容行相邻行中显示目标组件对应的组件内容；或者在与第一目标控件对应的内容行中显示目标组件对应的组件内容。
可选的，还包括：
扩展组件内容显示单元，用于扩展与第一目标控件对应的内容行的范围，将目标组件对应的组件内容显示在扩展后的内容行中。
可选的，还包括：
组件块生成模块，用于将目标组件对应的组件内容与内容行进行关联，生成组件块，组件可块作为整体进行编辑。
值得注意的是，上述装置的实施例中，所包括的各个单元和模块只是按照功能逻辑进行划分的，但并不局限于上述的划分，只要能够实现相应的功能即可；另外，各功能单元的具体名称也只是为了便于相互区分，并不用于限制本发明的保护范围。
本发明实施例所提供的装置可执行本发明任意实施例所提供的方法，具备执行方法相应的功能模块和有益效果。
图21是本公开实施例提供的一种电子设备的结构示意图，如图21所示，该电子设备包括处理器810、存储器820、输入装置830和输出装置840；电子设备中处理器810的数量可以是一个或多个，图21中以一个处理器810为例；电子设备中的处理器810、存储器820、输入装置830和输出装置840可以通过总线或其他方式连接，图21中以通过总线连接为例。
存储器820作为一种计算机可读存储介质，可用于存储软件程序、计算机可执行程序以及模块，如本发明实施例中的对象推荐方法对应的程序指令/模块。处理器810通过运行存储在存储器820中的软件程序、指令以及模块，从而执行电子设备的各种功能应用以及数据处理，即实现本发明实施例所提供的方法。
存储器820可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序；存储数据区可存储根据终端的使用所创建的数据等。此外，存储器820可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实例中，存储器820可进一步包括相对于处理器810远程设置的存储器，这些远程存储器可以通过网络连接至计算机设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
输入装置830可用于接收输入的数字或字符信息，以及产生与电子设备的用户设置以及功能控制有关的键信号输入，可以包括键盘、鼠标等，输出装置840可包括显示屏等显示设备。
本公开实施例还提供了一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理器执行时用于实现本发明实施例所提供的方法。
当然，本发明实施例所提供的一种包含计算机可执行指令的存储介质，其计算机可执行指令不限于如上所述的方法操作，还可以执行本发明任意实施例所提供的方法中的相关操作。
本公开提供还一种计算机程序产品，当计算机程序产品在计算机上运行时，使得计算机 执行前文实施例的应用程序的方法。
需要说明的是，在本文中，诸如“第一”和“第二”等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
以上所述仅是本公开的具体实施方式，使本领域技术人员能够理解或实现本公开。对这些实施例的多种修改对本领域的技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本公开的精神或范围的情况下，在其它实施例中实现。因此，本公开将不会被限制于本文所述的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

Claims (17)

  1. 一种组件处理方法，其特征在于，包括：
    向目标平台发送模块信息实体请求，所述模块信息实体请求中包括目标组件对应的模块标识；
    接收所述目标平台发送的所述目标组件对应的模块信息实体；
    调用组件软件开发工具包基于所述模块信息实体在文档中渲染所述目标组件。
  2. 根据权利要求1所述的方法，其特征在于，所述向目标平台发送模块信息实体请求之前，还包括：
    响应于对目标组件按钮的触发，获取所述目标组件对应的模块标识。
  3. 根据权利要求2所述的方法，其特征在于，所述响应于对目标组件按钮的触发，获取所述目标组件对应的模块标识，包括：
    响应于对目标组件按钮的触发，获取所述目标组件对应的类型标识；
    基于所述类型标识显示第一界面，并获取通过第一界面输入的设置参数；
    向服务端发送创建业务实例请求，所述创建业务实例请求中包括所述设置参数，以使服务端向所述目标平台发送创建模块请求，所述创建模块请求中包括：所述类型标识以及所述设置参数；以使所述目标平台生成所述模块信息实体，并建立所述模块信息实体与所述模块标识的对应关系；
    接收所述服务端发送的所述模块标识，所述服务端的所述模块标识来自于所述目标平台。
  4. 根据权利要求2所述的方法，其特征在于，所述响应于对目标组件按钮的触发之前，还包括：
    响应于用户在文档中的触发操作，显示组件列表，所述组件列表中包括所述目标组件按钮。
  5. 根据权利要求4所述的方法，其特征在于，所述响应于用户在文档中的触发操作，显示应用列表，包括：
    响应于用户在文档中的触发操作，根据所述用户的权限，获取所述用户对应的可用组件。
  6. 根据权利要求1-5任一项所述的方法，其特征在于，还包括：
    设置所述目标组件的宿主为所述文档。
  7. 一种组件处理方法，其特征在于，包括：
    响应于在文档页面中接收到对第一目标控件的触发操作，显示组件面板，所述组件面板包括至少一个目标组件，所述第一目标控件与所述文档页面中的内容行一一对应；
    响应于对所述目标组件的选择操作，在所述文档页面的与所述第一目标控件关联的内容行中显示所述目标组件对应的组件内容。
  8. 根据权利要求7所述的方法，其特征在于，还包括：
    响应于焦点选中所述文档页面中的空内容行，在所述空内容行的关联位置显示所述第一目标控件。
  9. 根据权利要求7所述的方法，其特征在于，还包括：
    响应于焦点选中所述文档页面中的非空内容行，在所述非空内容行的关联位置显示第二目标控件，所述第二目标控件用于对所述内容行的内容进行编辑。
  10. 根据权利要求7所述的方法，其特征在于，所述在所述文档页面的与所述第一目标控件关联的内容行中显示所述目标组件对应的组件内容包括：
    在与所述第一目标控件对应的内容行相邻行中显示所述目标组件对应的组件内容；或者在与所述第一目标控件对应的内容行中显示所述目标组件对应的组件内容。
  11. 根据权利要求7所述的方法，其特征在于，所述在所述文档页面的与所述第一目标控件关联的内容行中显示所述目标组件对应的组件内容包括：
    扩展与所述第一目标控件对应的内容行的范围，将所述目标组件对应的组件内容显示在扩展后的所述内容行中。
  12. 根据权利要求7所述的方法，其特征在于，所述在所述文档页面的与所述第一目标控件关联的内容行中显示所述目标组件对应的组件内容包括：
    将所述目标组件对应的组件内容与所述内容行进行关联，生成组件块，所述组件可块作为整体进行编辑。
  13. 一种组件处理装置，其特征在于，包括：
    请求发送模块，用于向目标平台发送模块信息实体请求，所述模块信息实体请求中包括目标组件对应的模块标识；
    接收模块，用于接收所述目标平台发送的所述目标组件对应的模块信息实体；
    目标组件渲染模块，用于调用组件软件开发工具包基于所述模块信息实体在文档中渲染所述目标组件。
  14. 一种组件处理装置，其特征在于，包括：
    组件面板显示模块，用于响应于在文档页面中接收到对第一目标控件的触发操作，显示组件面板，所述组件面板包括至少一个目标组件，所述第一目标控件与所述文档页面中的内容行一一对应；
    组件内容显示模块，用于响应于对所述目标组件的选择操作，在所述文档页面的与所述第一目标控件关联的内容行中显示所述目标组件对应的组件内容。
  15. 一种电子设备，其特征在于，包括：
    一个或多个处理器；
    存储装置，用于存储一个或多个程序，
    当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1～6中任一所述的方法或实现如权利要求7-12中任一项所述的方法。
  16. 一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1～6中任一所述的方法或实现如权利要求7-12中任一项所述的方法。
  17. 一种计算机程序产品，其特征在于，当所述计算机程序产品在计算机上运行时，使得所述计算机执行如权利要求1-6任一项所述的方法的步骤或实现如权利要求7-12中任一项所述的方法的步骤。
PCT/CN2022/115757 2021-09-01 2022-08-30 组件处理方法、装置、电子设备、存储介质和产品 WO2023030297A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202111022607.6A CN115756670A (zh) 2021-09-01 2021-09-01 组件处理方法、装置、电子设备、存储介质和产品
CN202111022607.6 2021-09-01

Publications (1)

Publication Number Publication Date
WO2023030297A1 true WO2023030297A1 (zh) 2023-03-09

Family

ID=85332036

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2022/115757 WO2023030297A1 (zh) 2021-09-01 2022-08-30 组件处理方法、装置、电子设备、存储介质和产品

Country Status (2)

Country Link
CN (1) CN115756670A (zh)
WO (1) WO2023030297A1 (zh)

Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20060206814A1 (en) * 1999-08-05 2006-09-14 Fujitsu Limited Electronic document creation support apparatus and an electronic document creation support data component creating apparatus
CN102947787A (zh) * 2010-06-22 2013-02-27 微软公司 列表创作表面
US20140297516A1 (en) * 2013-03-26 2014-10-02 Research In Motion Limited Method for providing composite user interface controls and an online storefront for same
US20150012855A1 (en) * 2013-07-08 2015-01-08 Samsung Electronics Co., Ltd. Portable device for providing combined ui component and method of controlling the same
CN105824606A (zh) * 2015-01-05 2016-08-03 腾讯科技（深圳）有限公司 一种滚动输入方法及终端
US20160371249A1 (en) * 2015-06-22 2016-12-22 Microsoft Technology Licensing, Llc Deconstructing documents into component blocks for reuse in productivity applications
CN108684205A (zh) * 2017-02-02 2018-10-19 谷歌有限责任公司 定制数字组件
CN112632942A (zh) * 2020-08-19 2021-04-09 腾讯科技（深圳）有限公司 一种文档处理方法、装置、设备及介质

Patent Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20060206814A1 (en) * 1999-08-05 2006-09-14 Fujitsu Limited Electronic document creation support apparatus and an electronic document creation support data component creating apparatus
CN102947787A (zh) * 2010-06-22 2013-02-27 微软公司 列表创作表面
US20140297516A1 (en) * 2013-03-26 2014-10-02 Research In Motion Limited Method for providing composite user interface controls and an online storefront for same
US20150012855A1 (en) * 2013-07-08 2015-01-08 Samsung Electronics Co., Ltd. Portable device for providing combined ui component and method of controlling the same
CN105824606A (zh) * 2015-01-05 2016-08-03 腾讯科技（深圳）有限公司 一种滚动输入方法及终端
US20160371249A1 (en) * 2015-06-22 2016-12-22 Microsoft Technology Licensing, Llc Deconstructing documents into component blocks for reuse in productivity applications
CN108684205A (zh) * 2017-02-02 2018-10-19 谷歌有限责任公司 定制数字组件
CN112632942A (zh) * 2020-08-19 2021-04-09 腾讯科技（深圳）有限公司 一种文档处理方法、装置、设备及介质

Also Published As

Publication number Publication date
CN115756670A (zh) 2023-03-07

Similar Documents

Publication Publication Date Title
US11778430B2 (en) Layers in messaging applications
KR102159885B1 (ko) 하나 이상의 확장 애플리케이션과 상호작용하는 메시징 애플리케이션
US10194288B2 (en) Sticker distribution system for messaging apps
US20220408231A1 (en) Message extension app store
US10852912B2 (en) Image creation app in messaging app
US20230370401A1 (en) Conversion of text relating to media content and media extension apps
US10785175B2 (en) Polling extension application for interacting with a messaging application
US20170357442A1 (en) Messaging application interacting with one or more extension applications
CN113261023A (zh) 远程访问协作文档的元数据
CN110990075B (zh) 快应用的启动方法、装置、设备及存储介质
WO2023151595A1 (zh) 任务创建方法、装置、电子设备和存储介质
WO2023030297A1 (zh) 组件处理方法、装置、电子设备、存储介质和产品
WO2020064000A1 (zh) 一种消息框的显示方法及装置、终端、存储介质
CN117348862A (zh) 应用开发及应用运行方法、装置、设备及存储介质
CN113360296A (zh) 地址管理方法、装置、电子设备及可读存储介质

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 22863432

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE