CN117951411A - 表格处理方法、装置及设备 - Google Patents

Abstract

本申请实施例提供了一种表格处理方法、装置及设备，其中方法包括：获取待创建的目标网页表格的创建信息；在接收到网页表格创建请求的情况下，从网页表格创建请求中获取待创建的目标网页表格的创建信息；根据创建信息，在预先生成的组件集合中获取匹配的目标组件；根据创建信息和目标组件，创建目标网页表格；其中，组件集合中的各组件具有重用性，目标组件包括第一组件和第二组件；目标网页表格包括第一组件对应的只读模式及第二组件对应的编辑模式，并基于模式切换信息在只读模式与编辑模式之间进行切换。通过本申请实施例，降低网页表格的代码量及代码维护难度，提升了数据的编辑效率。

Description

表格处理方法、装置及设备

技术领域

本申请涉及数据处理技术领域，尤其涉及一种表格处理方法、装置及设备。

背景技术

大数据时代的当今，常常有大量数据需要在web页面中进行展示，由于表格显示数据时具有逻辑性强、条理性好等优点，因此通过网页表格展示数据的需求越来越多。目前，通常是发开人员根据用户需求编写代码，以创建网页表格。当网页表格中不同单元格的数据处理逻辑相同时，开发人员需要针对每个单元格重复编写相同的代码，并且当用户后期想要对该数据处理逻辑等进行变更时，开发人员需要对相应的每个单元格的代码进行修改，存在代码重复、代码量大、代码维护难度高等问题。此外，用户在使用网页表格的过程中，如需对网页表格中的多个数据进行更新，则需要依次选中每个数据所在的单元格或每个数据所在行，然后操作编辑控件进入编辑模式后进行数据编辑，数据的编辑效率低。

发明内容

本申请提供一种表格处理方法、装置及设备，以降低网页表格的代码量及代码维护难度，并提升数据的编辑效率。

第一方面，本申请实施例提供了一种表格处理方法，包括：

在接收到网页表格创建请求的情况下，从所述网页表格创建请求中获取待创建的目标网页表格的创建信息；

根据所述创建信息，在预先生成的组件集合中获取匹配的目标组件；所述组件集合中的各组件具有重用性，所述目标组件包括第一组件和第二组件；

根据所述创建信息和所述目标组件，创建所述目标网页表格；所述目标网页表格包括所述第一组件对应的只读模式、所述第二组件对应的编辑模式，并基于模式切换信息在所述只读模式与所述编辑模式之间进行切换。

可以看出，本申请实施例中，预先生成组件集合，并在接收到网页表格创建请求的情况下，根据网页表格创建请求中的创建信息，从组件集合中获取匹配的目标组件，根据创建信息和目标组件，创建目标网页表格。一方面，由于组件集合中的各组件具有重用性，因此，目标网页表格中具有相同处理需求(例如校验、输入方式等)的不同单元格，均可使用同一个组件，可极大的降低目标网页表格的代码量及代码的复杂度；即使对目标网页表格中多个单元格的相同的数据处理逻辑进行修改，也无需进行多次代码修改，降低了代码的维护难度。另一方面，目标网页表格支持只读模式和编辑模式，并可在两个模式之间切换，不仅提升了目标网页表格的性能，而且用户可在编辑模式下对各待编辑数据进行编辑，而无需针对每个待编辑数据均执行复杂的操作，因此降低了用户的操作难度，提升了数据编辑效率。

第二方面，本申请实施例提供了一种表格处理装置，包括：

第一获取模块，用于在接收到网页表格创建请求的情况下，从所述网页表格创建请求中获取待创建的目标网页表格的创建信息；

第二获取模块，用于根据所述创建信息，在预先生成的组件集合中获取匹配的目标组件；所述组件集合中的各组件具有重用性，所述目标组件包括第一组件和第二组件；

创建模块，用于根据所述创建信息和所述目标组件，创建所述目标网页表格；所述目标网页表格包括所述第一组件对应的只读模式、所述第二组件对应的编辑模式，并基于模式切换信息在所述只读模式与所述编辑模式之间进行切换。

第三方面，本申请实施例提供了一种电子设备，包括：

处理器；以及，被安排成存储计算机可执行指令的存储器，所述可执行指令被配置由所述处理器执行，所述可执行指令包括用于执行上述第一方面提供的表格处理方法中的步骤。

第四方面，本申请实施例提供了一种存储介质，所述存储介质用于存储计算机可执行指令，所述可执行指令使得计算机执行上述第一方面提供的表格处理方法。

附图说明

为了更清楚地说明本申请一个或多个实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请中记载的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1为本申请实施例提供的一种表格处理方法的示意图；

图2为本申请实施例提供的一种表格处理方法的第一种流程示意图；

图3为本申请实施例提供的一种表格处理方法的第二种流程示意图；

图4为本申请实施例提供的一种表格处理方法的第三种流程示意图；

图5为本申请实施例提供的一种表格处理方法的第四种流程示意图；

图6为本申请实施例提供的一种表格处理方法的第五种流程示意图；

图7为本申请实施例提供的一种只读模式的界面示意图；

图8为本申请实施例提供的一种表格处理方法的第六种流程示意图；

图9为本申请实施例提供的一种表格处理方法的第七种流程示意图

图10为本申请实施例提供的一种编辑模式的界面示意图；

图11为本申请实施例提供的一种表格处理装置的模块组成示意图；

图12为本申请一个或多个实施例提供的一种电子设备的结构示意图。

具体实施方式

为了使本技术领域的人员更好地理解本申请一个或多个实施例中的技术方案，下面将结合本申请一个或多个实施例中的附图，对本申请一个或多个实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请的一部分实施例，而不是全部的实施例。基于本申请一个或多个实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都应当属于本文件的保护范围。

Svelte是一种新兴的JavaScript框架，它的主要用途是在客户端构建高性能的Web应用程序。目前，存在一些基于Svelte的网页表格的创建方式，其中一种创建方式是发开人员根据用户需求编写代码，以将网页表格封装成一个Svelte组件，包括网页表格的结构、事件处理逻辑等，使用时只需引入该Svelte组件并传递相应的数据即可；但是该方式中需要编写较多的代码和逻辑。另一种创建方式是发开人员根据用户需求，基于Svelte UI框架创建第一组件，即Svelte也有一些UI框架，例如Svelte Material UI、Svelte Antd等，这些框架提供了一些常用的第一组件，例如基本第一组件、分页组件等，利用这些已有组件可以快速搭建起网页表格。但是，这些已有组件的样式和逻辑往往不能满足所有需求，因此需要进行定制和扩展。又一种创建方式是基于第三方库进行网页表格的创建，即Svelte可以集成第三方库，例如ag-Grid、React Table等，这些库提供了一些表格功能，例如分页等，可以满足一些表格需求。但是，使用这些库需要额外的学习成本，而且可能需要编写一些额外的代码来将其集成到Svelte项目中。此外，上述各网页表格的创建方式中，当网页表格中不同单元格的数据处理逻辑相同时，例如，多个单元格的数据校验逻辑相同，那么开发人员需要针对该多个单元格中的每个单元格重复编写相同的代码，存在代码分散、代码重复等问题。并且，当某个单元格遗漏了该校验逻辑，或者因代码编写错误而与其他单元格产生冲突时，都会导致数据异常等问题。再者，如果用户需求发生了变更，例如用户的前述数据处理逻辑(例如，校验逻辑)、一些单元格的数据展示方式(例如，将一些单元格的黑色字体变更为红色字体)、一些单元格的数据输入方式(例如，将一些单元格的输入框变更为下拉选择框)等发生变更时，开发人员需要对相应的每个单元格的代码进行修改，不仅会增加代码的复杂度，而且存在代码维护难度高等问题。此外，用户在使用网页表格的过程中，如需对网页表格中的多个数据进行更新，则需要依次选中每个数据所在的单元格或每个数据所在行，然后操作(单击、双击等)编辑控件进入编辑模式后进行数据编辑，操作复杂，数据的编辑效率低。基于此，本申请实施例中提出了一种表格处理方法，如图1所示，预先生成组件集合，在表格处理装置接收到网页表格创建请求的情况下，从网页表格创建请求中获取待创建的目标网页表格的创建信息；根据创建信息，从该预先生成的组件集合中获取相匹配的目标组件，并根据创建信息和目标组件，创建目标网页表格。一方面，由于组件集合中的各组件具有重用性，因此，目标网页表格中具有相同处理需求(例如校验、输入方式等)的不同单元格，均可使用同一个组件，可极大的降低目标网页表格的代码量及代码的复杂度；即使对目标网页表格中多个单元格的相同数据处理逻辑进行修改，也无需进行多次代码修改，降低了代码的维护难度。另一方面，目标网页表格支持只读模式和编辑模式，并可在两个模式之间切换，不仅提升了目标网页表格的性能，而且用户可在编辑模式下对各待编辑数据进行编辑，而无需针对每个待编辑数据均执行复杂的操作，因此降低了用户的操作难度，提升了数据编辑效率。

为了便于理解本申请提供的表格处理方法，需要指出的是，本申请实施例中预先生成的组件集合中的各组件，可以是基于Svelte开发的组件，且均包括可重用的代码块，即具有重用性，用于呈现UI元素和处理交互。并且，每个组件都有自己的HTML(Hyper TextMarkup Language，超文本标记语言)，CSS(Cascading Style Sheets，层叠样式表)和JavaScript代码，每个组件都可以被其他组件嵌套和使用。

以下对本申请提供的表格处理方法进行详细描述。具体的，图2为本申请一个或多个实施例提供的一种表格处理方法的流程示意图，图2中的方法能够由表格处理装置执行，该表格处理装置可以设置于电子设备中，该电子设备可以是终端设备，也可以是服务端。其中，终端设备可以是手机、平板电脑、台式计算机、便携式笔记本等；服务端可以是独立的服务器，也可以是由多个服务器组成的服务器集群等。如图2所示，该方法包括以下步骤：

步骤S102，在接收到网页表格创建请求的情况下，从网页表格创建请求中获取待创建的目标网页表格的创建信息；

可选的，表格处理装置包括交互模块，用户可以操作该交互模块编辑待创建的目标网页表格的创建信息并提交，以向表格处理装置发送网页表格创建请求；相应的，步骤S102可以包括：在接收到用户发送的网页表格创建请求的情况下，从接收到的网页表格创建请求中获取待创建的目标网页表格的创建信息。或者，表格处理装置与请求设备建立了目标连接；相应的，步骤S102可以包括：在接收到请求设备通过目标连接发送的网页表格创建请求的情况下，从接收到的网页表格创建请求中获取待创建的目标网页表格的创建信息；其中，目标连接可以是蓝牙连接、NFC(Near Field Communication，近场通信)连接、WIFI连接等任意形式的连接。对于网页表格创建请求的接收方式，本申请中不做具体限定，其可以在实际应用中根据需要自行设定。

创建信息可以包括目标网页表格的表格头的字段名和字段值、所需第一组件的第一组件信息、所需第二组件的第二组件信息，以及表格头的样式信息、表格体的样式信息、表格体的展示数据等中的一个或多个。其中，样式信息可以包括单元格的长、宽、字体、字的颜色、字的大小等中的一个或多个；第一组件信息可以包括第一组件的组件标识、组件名称中的至少一个，以及第一组件在目标网页表格中的第一位置信息等；第二组件信息可以包括第二组件的组件标识、组件名称中的至少一个，以及第二组件在目标网页表格中的第二位置信息等。第一组件对应目标网页表格的只读模型，第二组件对应目标网页表格的编辑模式。也就是说，本申请实施例中，用户可以定制目标网页表格的形式，而不再是传统的固定形式的网页表格，能够满足用户针对网页表格的形式的不同需求。

本申请一个或多个实施例中，创建信息可以是Json格式，即“字段名：字段值”的形式，表格创建请求可以包括Json格式的创建信息；当表格创建请求中的创建信息不是Json格式时，表格处理装置可以在接收到表格创建请求时，将其中的创建信息转换为Json格式。

作为示例，目标网页表格的创建信息中的部分信息如下所示：

{prop:'variableCode',alias:'标准变量',type:'lable'},

{prop:'variableAliasCode',alias:'输出变量',type:'input'},

{prop:'variableDefaultValue',alias:'默认值',type:'input',width:'30'},

{prop:'variableName',alias:'字段',type:'lable'},

{prop:'variableTypeDictionaryName',alias:'类型',type:'lable',width:'30'},

{prop:'variableLength',alias:'长度',type:'lable',width:'70'},

其中，prop表示表格头所对应的单元格的字段名；alias表示字段名的字段值，即相应单元格在目标网页表格中的展示数据；type表示表格头在表格体中对应的单元格所采用组件的组件类型；lable表示展示组件、input表示输入框组件；width表示相应单元格的宽度。即上述{prop:'variableCode',alias:'标准变量',type:'lable'}表示表格头中一个单元格的字段名为variableCode，字段名variableCode的字段值为标准变量，即字段名variableCode在表格头中对应的单元格的展示数据为“标准变量”，表格头“标准变量”在表格体中对应的单元格采用展示组件；上述{prop:'variableDefaultValue',alias:'默认值',type:'input',width:'40'}表示表格中另一个单元格的字段名为variableDefaultValue，字段名variableDefaultValue的字段值为默认值，即字段名variableDefaultValue在表格头中对应的单元格的展示数据为“默认值”，表格头“默认值”在表格体中对应的单元格采用输入框组件，表格头“默认值”对应的各单元格的宽度为30毫米。可以理解的是，当表格头为列头时，表格头对应的各单元格为相应的一列；当表格头为行头时，表格头对应的各单元格为相应的一行。

步骤S104，根据创建信息，在预先生成的组件集合中获取匹配的目标组件；组件集合中的各组件具有重用性，目标组件包括第一组件和第二组件；

具体的，根据创建信息包括的第一组件信息，在预先生成的组件集合中获取相匹配的第一组件；根据创建信息包括的第二组件信息，在预先生成的组件集合中获取相匹配的第二组件；将获取的第一组件和第二组件确定为目标组件。其中，第一组件信息和第二组件信息可以是组件名称、组件标识等中的至少一个。

为了避免网页表格具有大量的重复代码，降低代码的维护难度，本申请实施例中，预先生成组件集合。组件集合中包括多个第一组件和多个第二组件，其中，第一组件包括只读模式对应的第一表格结构组件、用于实现排序功能的排序组件、用于实现分页功能的分页组件、用于实现数据过滤功能的过滤组件等。第二组件包括编辑模式对应的第二表格结构组件、输入框组件、下拉框组件、多选框组件、用于进行数据校验等处理的功能组件等。其中，第一表格结构组件可以包括HTML标签，例如<table>、<thead>、<tbody>、<tr>等标签；第二表格结构组件也可以包括HTML标签，例如<form>、<label>、<input>、<Select>、<Checkbox>等标签。各标签的具体内容，可以在实际应用中根据需要自行设定，各标签的定义及用途可参考相关技术，这里不再详述。每个组件均包括可重用的代码块。也就是说，本申请中，预先使用Svelte组件化的开发方式，将网页表格拆分成各个小组件，开发人员只需要编写每个组件的组件代码，当网页表格的不同位置均使用同一组件时，重用该组件的组件代码即可，而无需多次编写该组件的组件代码，因此避免了代码冗余，同时也降低了代码的复杂度。

步骤S106，根据创建信息和目标组件，创建目标网页表格；目标网页表格包括第一组件对应的只读模式、第二组件对应的编辑模式，并基于模式切换信息在只读模式与编辑模式之间进行切换。

为了便于用户对网页表格中的数据进行编辑，本申请实施例中的网页表格包括只读模式和编辑模式。在只读模式中，用户仅可以查看数据，不可以编辑数据(例如修改、删除等)；在编辑模式中，用户不仅可以查看数据，而且可以编辑数据(例如修改、删除等)。其中，只读模式还可以称为表格模式，编辑模式还可以称为表单模式。

可以理解的是，当目标网页表格的不同单元格具有相同的数据处理逻辑时，该不同单元格可以使用同一个组件。例如，当创建信息表征目标网格表格处于只读模式时，表格头中的第一单元格2、第一单元格5及第一单元格6均有数据排序功能时，那么在创建只读模式的目标网页表格时，其表格头中的第一单元格2、第一单元格5及第一单元格6均使用同一个排序组件。又如，当创建信息表征目标网格表格处于编辑模式时，表格体中的第二单元格10及第二单元格15均有数据类型校验功能时，那么在创建编辑模式的目标网页表格时，其表格体中的第二单元格10及第二单元格15均使用同一个数据类型校验组件。对于更多的示例，本申请中不再一一详述。

本申请实施例中，预先生成组件集合，并在接收到网页表格创建请求的情况下，根据网页表格创建请求中的创建信息，从组件集合中获取匹配的目标组件，根据创建信息和目标组件，创建目标网页表格。一方面，由于组件集合中的各组件具有重用性，因此，目标网页表格中具有相同处理需求(例如校验、输入方式等)的不同单元格，均可使用同一个组件，可极大的降低目标网页表格的代码量及代码的复杂度；即使对目标网页表格中多个单元格的相同数据处理逻辑进行修改，也无需进行多次代码修改，降低了代码的维护难度。另一方面，目标网页表格支持只读模式和编辑模式，并可在两个模式之间切换，不仅提升了目标网页表格的性能，而且用户可在编辑模式下对各待编辑数据进行编辑，而无需针对每个待编辑数据均执行复杂的操作，因此降低了用户的操作难度，提升了数据编辑效率。

为了准确的创建目标网页表格，本申请一个或多个实施例中，根据创建信息确定只读模式和编辑模式分别对应的配置信息，从而根据该配置信息和目标组件创建目标网页表格。具体的，如图3所示，步骤S106可以包括以下步骤S106-2和步骤S106-4：

步骤S106-2，根据创建信息，确定只读模式对应的第一配置信息和编辑模式对应的第二配置信息；

具体的，如图4所示，步骤S106-2可以包括以下步骤S106-22至步骤S106-28：

步骤S106-22，根据创建信息确定在只读模式中，第一组件在目标网页表格中的第一属性信息、目标网页表格的表格头的第二属性信息和表格体的第三属性信息；

具体的，从创建信息中获取在只读模式中，第一组件在目标网页中的第一样式信息和第一位置信息等，将第一样式信息和第一位置信息等确定为第一组件在目标网页表格中的第一属性信息。从创建信息中获取在只读模式中，目标网页表格的表格头中每个第一单元格的字段名及该字段名的字段值；并根据字段名，在创建信息中获取对应的第一单元格的第二样式信息；将字段值和第二样式信息，确定为表格头的第二属性信息。以及，从创建信息中获取在只读模式中，目标网页表格的表格体的第三样式信息，将第三样式信息确定为表格体的第三属性信息。

其中，各样式信息的具体内容，可参见前文的相关描述，重复之处这里不再赘述。第一位置信息用于表征将第一组件设置于目标网页表格的何处，例如，第一组件包括排序组件，该排序组件的第一位置信息为字段名name和字段名time，其表征将该排序组件分别设置于字段名name及字段名time对应的第一单元格中。

步骤S106-24，将第一属性信息、第二属性信息和第三属性信息，确定为只读模式对应的第一配置信息；

步骤S106-26，根据创建信息确定在编辑模式中，第二组件在目标网页表格中的第四属性信息、目标网页表格的表格头的第五属性信息和表格体的第六属性信息；

步骤S106-26的实现方式，与步骤S106-22的实现方式相同，可参见前文的相关描述，重复之处这里不再赘述。

步骤S106-28，将第四属性信息、第五属性信息和第六属性信息，确定为编辑模式对应的第二配置信息。

需要指出的是，步骤S106-26与步骤S106-22的执行顺序可以互换，还可以同时执行；还可以先执行步骤S106-22和步骤S106-26，然后执行步骤S106-24和步骤S106-28。

步骤S106-4，根据第一配置信息、第二配置信息及目标组件，创建目标网页表格。

具体的，如图5所示，步骤S106-4可以包括以下步骤S106-42至步骤S106-46：

步骤S106-42，获取模式变量；

为了便于区分网页表格所处的模式，在一些实施方式中，可以预先通过writable函数创建mode变量，并将该mode变量确定为模式变量，模式变量的不同取值，对应了网页表格的不同模式。具体的，确定创建信息中是否包含模式变量，若创建信息中包含模式变量，则从创建信息中获取模式变量及模式变量的取值；若创建信息中不包含模式变量，则获取预设的模式变量及模式变量的取值。

步骤S106-44，若模式变量指示只读模式，则根据第一配置信息和第一组件，创建处于只读模式的所述目标网页表格；

具体的，若模式变量的取值为第一数据，则确定模式变量指示只读模式，根据第一配置信息和第一组件，创建处于只读模式的所述目标网页表格。其中，第一数据可以在实际应用中根据需要自行设定，在一些实施方式中，第一数据可以为1。

步骤S106-46，若模式变量指示编辑模式，则根据第二配置信息和第二组件，创建处于编辑模式的目标网页表格；

具体的，若模式变量的取值为第二数据，则确定模式变量指示编辑模式，根据第二配置信息和第二组件，创建处于编辑模式的目标网页表格。其中，第二数据可以在实际应用中根据需要自行设定，在一些实施方式中，第二数据可以为0。

考虑到在实际应用中，创建的目标网页表格的表格体中可能有展示数据，也可能没有展示数据；为了在目标网页表格的表格体中有展示数据时，便于后续对该展示数据的管理，本申请一个或多个实施例中，针对展示数据所在的单元格，创建对应的数据变量。具体的，上述创建目标网页表格可以包括：根据创建信息，确定是否存在目标网页表格中表格体的展示数据；若不存在表格体的展示数据，则根据目标配置信息和第二子目标组件创建目标网页表格该目标网页表格包括表格头；若存在表格体的展示数据，则根据目标配置信息和第二子目标组件创建初始网页表格，初始网页表格包括表格头和表格体，表格体的展示数据为空；针对初始网页表格中表格体的每个单元格，生成单元格对应的数据变量；将展示数据中与单元格对应的展示数据保存至数据变量；根据数据变量对初始网页表格进行数据渲染处理，得到目标网页表格。可以理解的是，当模式变量指示只读模式时，目标配置信息为第一配置信息、第二子目标组件为第一组件、初始网页表格为第一初始网页表格，单元格为第一单元格；当模式变量指示编辑模式时，目标配置信息为第二配置信息、第二子目标组件为第二组件、初始网页表格为第二初始网页表格，单元格为第二单元格。也就是说，如图6所示，步骤S106-44可以包括以下步骤S106-44-2至步骤S106-44-10，步骤S106-46可以包括以下步骤S106-46-2至步骤S106-46-10：

步骤S106-44-2，若模式变量指示只读模式，则根据创建信息，确定是否存在目标网页表格中表格体的展示数据；

在一些实施方式中，可以预先设定在创建信息中，通过预设字段名表示表格体的展示数据。相应的，步骤S106-44-2可以包括：确定创建信息中是否含有该预设字段名，若含有该预设字段名，则确定存在目标网页表格中表格体的展示数据；若不含有该预设字段名，则确定不存在目标网页表格中表格体的展示数据。或者，确定创建信息中预设字段名的字段值是否为预设数据，若是预设数据，则确定不存在目标网页表格中表格体的展示数据；若不是预设数据，则确定存在目标网页表格中表格体的展示数据。

步骤S106-44-4，若不存在表格体的展示数据，则根据第一配置信息和第一组件创建处于只读模式的目标网页表格；目标网页表格包括表格头；

可以理解的是，当不存在表格体的展示数据时，目标网页表格中包括表格头。

步骤S106-44-6，若存在表格体的展示数据，则根据第一配置信息和第一组件创建处于只读模式的第一初始网页表格；第一初始网页表格包括表格头和表格体，表格体的展示数据为空；

步骤S106-44-8，针对第一初始网页表格中的每个第一单元格，生成第一单元格对应的数据变量，并将展示数据中与第一单元格对应的展示数据保存至数据变量；

可以理解的是，第一初始网页表格中各第一单元格对应的数据变量可以构成数据变量集合，为了便于对不同的网页表格的数据变量集合进行区分，本申请一个或多个实施例中，方法还包括：确定数据变量集合的集合标识，确定目标网页表格的表格标识，建立集合标识与表格标识之间的对应关系。其中，集合标识以及表格标识的确定方式可以在实际应用中根据需要自行设定。

进一步的，为了便于区分各第一单元格对应的数据变量，还可以确定第一单元格的第一标识信息，并对第一标识信息和数据变量进行绑定。其中，绑定的具体形式，可以在实际应用中根据需要自行设定，对此本申请中不做具体限定。在一些实施方式中，可以建立第一标识信息与数据变量的关联关系，以实现第一单元格与数据变量之间的绑定。进一步的，可以通过bind指令对第一单元格与数据变量进行绑定。

步骤S106-44-10，根据数据变量对第一初始网页表格进行数据渲染处理，得到处于只读模式的目标网页表格。

具体的，将数据变量中的展示数据，渲染到数据变量在第一初始网页表格中对应的第一单元格中，得到处于只读模式的目标网页表格。作为示例，目标网页表格的部分内容如图7所示。

步骤S106-46-2，若模式变量指示编辑模式，则根据创建信息，确定是否存在目标网页表格中表格体的展示数据；

步骤S106-46-4，若不存在表格体的展示数据，则根据第二配置信息和第二组件创建处于编辑模式的目标网页表格；目标网页表格包括表格头；

步骤S106-46-6，若存在表格体的展示数据，则根据第二配置信息和第二组件创建处于编辑模式的第二初始网页表格；第二初始网页表格包括表格头和表格体，表格体的展示数据为空；

步骤S106-46-8，针对第二初始网页表格中表格体的每个第二单元格，生成第二单元格对应的数据变量，并将展示数据中与第二单元格对应的展示数据保存至数据变量；

步骤S106-46-10，根据数据变量对第二初始网页表格进行数据渲染处理，得到处于编辑模式的目标网页表格。

其中，步骤S106-46-2至步骤S106-46-10的具体实现方式，与前述步骤S106-44-2至步骤S106-44-10的实现方式相似，可参见前文的相关描述，重复之处这里不再赘述。

由此，当存在表格体的展示数据时，在创建目标网页表格的过程中通过创建数据变量，能够在后续基于该数据变量对表格体的展示数据进行灵活管理。

为了在基于数据变量对表格体中的展示数据进行管理时，确保管理的准确性，本申请一个或多个实施例中，如图8所示，方法还可以包括以下步骤S108至步骤S114：

步骤S108，确定第一单元格与第二单元格之间的一一对应关系；

本申请的一些实施例中，创建信息的发送方可以在创建信息中指定目标网页表格处于只读模式时的各第一单元格，与目标网页表格处于编辑模式时的各第二单元格之间的一一对应关系；相应的，步骤S108可以包括：确定创建信息中是否包含第一单元格与第二单元格的一一对应关系，若存在，则从创建信息中获取第一单元格与第二单元格之间的一一对应关系；若不存在，则获取预设的第一单元格与第二单元格之间的一一对应关系。

步骤S110，根据模式变量指示的模式及一一对应关系，确定第一单元格和第二单元格中的待绑定单元格，对待绑定单元格和数据变量进行绑定；

具体的，若模式变量指示可读模式，则将具有一一对应关系的第一单元格与第二单元格中的第二单元格，确定为待绑定单元格；确定每个待绑定单元格的第二标识信息，将第二标识信息与对应的数据变量进行绑定。若模式变量指示编辑模式，则将具有一一对应关系的第一单元格与第二单元格中的第一单元格，确定为待绑定单元格；确定每个待绑定单元格的第一标识信息，将第一标识信息与对应的数据变量进行绑定。其中，绑定的具体形式，可以在实际应用中根据需要自行设定，对此本申请中不做具体限定。在一些实施例中，可以建立待绑定单元格的标识信息与数据变量之间的关联关系。进一步的，可以通过bind指令对待绑定单元格与数据变量进行绑定。

在一些实施方式中，表格头可以为列头，目标网页表格在只读模式及编辑模式中的表格体均可以为除表格头之外的各行，各第一单元格和各第二单元格均可以通过列头和行号唯一标识。相应的，第一标识信息包括第一单元格对应的列头和行号，第二标识信息包括第二单元格对应的列头和行号。作为示例，某个第一单元格对应的列头的字段名为name，行号为3，该第一单元格的第一标识信息为(name，3)。

在另一些实施例中，表格头可以为行头，目标网页表格在只读模式及编辑模式中的表格体均可以为除表格头之外的各列，各第一单元格和各第二单元格均可以通过行头和列号唯一标识。相应的，第一标识信息包括第一单元格对应的行头和列号，第二标识信息包括第二单元格对应的行头和列号。作为示例，某个第二单元格对应的行头的字段名为time，列号为5，该第二单元格的第二标识信息为(time，5)。

需要指出的是，图8仅用于示意，而不用于限定。步骤S108和步骤S110也可以在生成数据变量之后执行，还可以与前述步骤S106-44-10同时执行，或者与前述步骤S106-46-10同时执行。

根据前述描述可知，第一单元格、第二单元格均与数据变量进行了绑定，也就是说，第一单元格、第二单元格以及数据变量三者之间进行了绑定。本申请的一个或多个实施例中，第一单元格、第二单元格以及数据变量之间的绑定可以是双向绑定，即用户在客户端所展示的目标网页表格的编辑模式中，对第二单元格中的展示数据进行编辑以更新数据时，表格处理装置对该第二单元格绑定的数据变量中保存的展示数据进行相应更新，并在确定满足第一单元的展示条件时，根据数据变量中更新后的展示数据进行展示处理，以在第一单元格中展示更新后的展示数据，即执行以下步骤S112。当用户在后台对数据变量中保存的展示数据进行更新时，表格处理装置对当前展示的目标网页表格中，与该数据变量绑定的第一单元格或第二单元格中的展示数据进行相应更新，即执行以下步骤S114。

步骤S112，若获取到第二单元格中展示数据的第一更新信息，则根据第一更新信息对第二单元格绑定的数据变量中的展示数据进行更新处理；并在确定满足第一单元的展示条件时，根据数据变量中更新后的展示数据进行展示处理。

具体的，当目标网页表格处于编辑模式时，若获取到第二单元格中展示数据的第一更新信息，则根据第二单元格的第二标识信息查询第二单元格绑定的数据变量，并根据第一更新信息对查询到的数据变量中的展示数据进行更新处理。以及，若在当前的编辑模式中，获取到目标网页表格的模式切换信息，则确定满足第一单元的展示条件，并进行模式切换处理；该模式切换处理包括根据各数据变量中当前的展示数据进行数据渲染处理，以切换到只读模式并显示各展示数据。在一些实施方式中，可以基于watch函数监听第二单元格中的展示数据的第一更新信息。

其中，模式切换处理的具体过程可参见后文的相关描述，重复之处这里不再赘述。第一更新信息的具体形式，可以在实际应用中根据需要自行设定，对此本申请中不做具体限定。例如，第一更新信息表征将第二单元格中的展示数据“123”更新为“124”，则将查询到的数据变量中的展示数据123更新为124。

步骤S114，若获取到数据变量中展示数据的第二更新信息，则根据第二更新信息对目标单元格中的展示数据进行更新处理；目标单元格为当前展示的与数据变量绑定的第一单元格，或者目标单元格为当前展示的与数据变量绑定的所述第二单元格。

不论目标网页表格当前处于只读模式还是处于编辑模式，用户均可以直接操作数据变量实现展示数据的更新。具体而言，当目标网页表格当前处于只读模式时，若表格处理装置获取到数据变量中展示数据的第二更新信息，则查询该数据变量绑定的第一单元格，并根据第二更新信息对第一单元格中的展示数据进行更新处理，以在第一单元格中展示更新后的展示数据。当目标网页表格当前处于编辑模式时，若表格处理装置获取到数据变量中展示数据的第二更新信息，则查询该数据变量绑定的第二单元格，并根据第二更新信息对第二单元格中的展示数据进行更新处理，以在第二单元格中展示更新后的展示数据。

其中，第二更新信息的具体形式，可以在实际应用中根据需要自行设定，对此本申请中不做具体限定。例如，目标网页表格当前处于只读模式，第二更新信息表征将数据变量中的展示数据“abc”更新为“abd”，则将查询到的第一单元格中的展示数据abc更新为abd。

由此，通过对具有对应关系的第一单元、第二单元格及数据变量进行双向绑定，不仅能够在数据更新时，实现更新的时效性和有效性；而且能够在模式切换时，保障数据的一致性和准确性。

为了在用户更新目标网页表格中的展示数据时，减少用户操作，提升数据编辑效率，本申请实施例中的目标网页表格包括只读模式和编辑模式，并可以在两个模式之间进行切换。具体的，如图9所示，步骤S106之后还可以包括以下步骤S116和步骤S118：

步骤S116，若获取到目标网页表格的模式切换信息，则确定目标网页表格的当前模式和待切换的目标模式。

其中，当前模式为只读模式和编辑模式中的一种模式，目标模式为编辑模式和只读模式中的另一种模式。具体的，若获取到目标网页表格的模式切换信息，则获取模式变量的当前取值；若当前取值为第一数据，则确定目标网页表格的当前模式为只读模式，待切换的目标模式为编辑模式；若当前取值为第二数据，则确定目标网页表格的当前模式为编辑模式，待切换的目标模式为只读模式。

本申请一个或多个实施例中，目标网页表格中可以包括模式切换控件，用户可以操作(例如单击或双击等)该模式切换控件，进行模式切换。相应的，若表格处理装置获取到该模式切换模块的操作信息，则确定获取到目标网页表格的模式切换信息。

本申请一个或多个实施例中，表格处理装置还可以包括键盘模块，或者表格处理装置所在的设备包括键盘模块，并预先设定键盘模块中用于进行模式切换的快捷键，用户可以操作该快捷键，进行模式切换。相应的，若表格处理装置获取到预设的快捷键的操作信息，则确定获取到目标网页表格的模式切换信息。

对于模式切换信息的获取方式，不限为上述方式，其可以在实际应用中根据需要自行设定，对此本申请中不做具体限定。

步骤S118，将目标网页表格从当前模式切换至目标模式。

为了在模式切换时，能够快速的确定相应模式的配置信息，本申请一个或多个实施例中，步骤S102之后还可以包括：根据创建信息，生成目标网页表格的配置文件。相应的，步骤S118可以包括：从目标网页表格的配置文件中获取目标模式对应的第一子目标组件和目标配置信息；确定目标网页表格是否存在数据变量；若存在数据变量，则根据第一子目标组件、目标配置信息和数据变量，展示处于目标模式的目标网页表格；若不存在数据变量，则根据第一子目标组件和目标配置信息，展示处于目标模式的目标网页表格。

更加具体的，当当前模式为编辑模式、目标模式为只读模式时，从配置文件中获取只读模式对应的第一组件(即第一子目标组件)和第一配置信息(即目标配置信息)；并确定目标网页表格的表格标识，从表格标识与集合标识的对应关系中，是否查询到对应的集合标识；若查询到集合标识，则确定目标网页表格存在数据变量，将模式变量的取值设置为第一数据，并根据第一组件、第一配置信息创建处于只读模式的第三初始网页表格；根据数据变量中的展示数据进行数据渲染处理，得到处于只读模式的目标网页表格，展示处于只读模式的目标网页表格。若未查询到集合标识，则确定目标网页表格不存在数据变量，将模式变量的取值设置为第一数据，并根据第一组件和第一配置信息，创建处于只读模式的目标网页表格，展示处于只读模式的目标网页表格。当当前模式为只读模式、目标模式为编辑模式时，从配置文件中获取编辑模式对应的第二组件(即第一子目标组件)和第二配置信息(即目标配置信息)；并确定目标网页表格的表格标识，从表格标识与集合标识的对应关系中，是否查询到对应的集合标识；若查询到集合标识，则确定目标网页表格存在数据变量，将模式变量的取值设置为第二数据，并根据第二组件、第二配置信息创建处于编辑模式的第四初始网页表格；根据数据变量中的展示数据进行数据渲染处理，得到处于编辑模式的目标网页表格，展示处于编辑模式的目标网页表格。若未查询到集合标识，则确定目标网页表格不存在数据变量，将模式变量的取值设置为第二数据，并根据第二组件和第二配置信息，创建处于编辑模式的目标网页表格，展示处于编辑模式的目标网页表格。作为示例，当前模式为图6所示的只读模式，切换至编辑模式的界面示意图如图10所示，可以看出，在编辑模式下，表格体中除行号外的每个第二单元格均可以进行编辑。

由图6和图10可以看出，目标网页表格中的各数据在只读模式中的位置与在编辑模式中的位置是一一对应的，如列头“标准参数”在只读模式中的位置是第一行第二列，在编辑模式中的位置也是第一行第二列；定制参数“txCode”在只读模式中的位置是第二行第五列，在编辑模式中的位置也是第二行第五列等。需要指出的是，对于同一网页表格而言，网页表格中的数据在只读模式中的位置与在编辑模式中的位置还可以是不对应的。例如，列头A在只读模式中的位置是第一行第三列，在编辑模式中的位置是第一行第五列等。

需要指出的是，目标网页表格在编辑模式中，可以是所有第二单元格均可以进行编辑，也可以是用户在创建信息中指定的部分第二单元格可以进行编辑，还可以是预设的部分第二单元格可以进行编辑。

由于目标网页表格可以在只读模式和编辑模式之间进行切换，因此，用户在查看数据时若有数据编辑需求，便可以进行切换操作，以从只读模式切换到编辑模式，并在编辑模式中对各待编辑数据进行编辑处理，而无需针对每个待编辑数据均点击编辑控件等操作，因此，减少了用户操作，能够极大的提升数据编辑效率。

进一步的，用户在编辑模式中对待编辑数据进行编辑处理，包括前述的数据更新处理，还可以包括新增表格头、删除表格头、新增表格体、删除表格体等中的任一处理。相应的，方法还可以包括：在编辑模式下，若接收到第一处理请求，则根据第一处理请求对目标网页表格进行第一处理；第一处理包括对目标网页表格进行新增表格头、删除表格头、新增表格体、删除表格体中的任一处理。

当目标网页表格处于编辑模式时，目标网页表格可以包括新增控件、删除控件。以下以表格头为列头、表格体为各行为例对第一处理进行示例性说明。具体而言，在一些实施方式中，当用户想要新增至少一个表格头时，可以操作该新增控件编辑各待增加表格头的第一目标位置及字段值并提交，以向表格处理装置发送用于请求新增表格头的第一处理请求。相应的，表格处理装置接收到该第一处理请求时，从第一处理请求中获取第一目标位置和字段值，在第一目标位置新增一列并将列头确定为新增的表格头，在新增的表格头中展示获取的相应的字段值；以及，确定新增的各表格头的字段名，将新增的各表格头的字段名与字段值对应保存。或者，当用户想要新增表格头时，确定待增加表格头的第一目标位置，并选中第一目标位置相邻的前一个表格头或者后一个表格头，然后操作(例如单击或双击等)新增控件，以向表格处理装置发送用于请求新增表格头的第一处理请求。相应的，表格处理装置接收到第一处理请求时，从第一处理请求中获取选中的表格头的字段名，根据获取的字段名的位置，在其相邻的第一目标位置新增内容为空的一列并将列头确定为新增的表格头，该新增的表格头的内容为空；以及，获取用户在新增的表格头中的输入数据，将获取的输入数据确定为新增的表格头的字段值并展示该字段值；确定新增的表格头的字段名，将新增的表格头的字段名与字段值对应保存。

在一些实施方式中，当用户想要删除至少一个表格头时，可以操作删除控件编辑待删除的目标表格头的第二目标位置(例如列号)或字段值并提交，以向表格处理装置发送用于请求删除表格头的第一处理请求。相应的，表格处理装置接收到第一处理请求时，从第一处理请求中获取第二目标位置或字段值，删除第二目标位置或字段值对应的列；以及删除各目标表格头的字段名与字段值的对应关系，针对每个目标表格头在表格体中对应的每个第二单元格，删除该第二单元格与第一单元格及数据变量之间的绑定关系。或者，当用户想要删除表格头时，可以选中待删除的目标表格头并操作删除控件，以向表格处理装置发送用于请求删除表格头的第一处理请求。相应的，表格处理装置接收到该第一处理请求时，从第一处理请求中获取目标表格头的字段名，并删除该字段名对应的一列；以及删除保存的目标表格头的字段名与字段值的对应关系，针对目标表格头在表格体中对应的每个第二单元格，删除该第二单元格与第一单元格及数据变量之间的绑定关系。

在一些实施方式中，当用户想要新增表格体时，可以操作新增控件编辑待增加表格体的第三目标位置及待增加表格体中每个单元格的目标展示数据并提交，以向表格处理装置发送用于请求新增表格体的第一处理请求。相应的，表格处理装置接收到该第一处理请求时，从第一处理请求中获取第三目标位置和目标展示数据，根据该展示数据在第三目标位置新增表格体(例如，新增一行)，新增的表格体中包括目标展示数据；以及，针对新增的表格体的每个第二单元格，生成第二单元格对应的数据变量，将目标展示数据保存至数据变量；确定第二单元格在只读模式中对应的第一单元格，对具有对应关系的第一单元格、第二单元格及数据变量进行绑定。或者，每行表格体对应一个新增控件，当用户想在目标表格体相邻的上方或下方新增行表格体时，可以操作目标表格体对应的新增控件，以向表格处理装置发送用于请求新增表格体的第一处理请求。相应的，当表格处理装置接收到该第一处理请求时，从第一处理请求中获取目标表格体的行号，并根据获取到的行号，在目标表格体相邻的上方或下方新增内容为空的表格体(例如，新增一行空表格体)；以及，获取用户在新增的表格体的每个第二单元格中的输入数据，将该输入数据确定为相应第二单元格的展示数据并进行展示；针对新增的表格体的每个第二单元格，生成第二单元格对应的数据变量，将第二单元格的展示数据保存至数据变量中；确定第二单元格在只读模式中对应的第一单元格，对具有对应关系的第一单元格、第二单元格及数据变量进行绑定。其中，绑定的具体实现过程可参见前文的相关描述，重复之处这里不再赘述。

在一些实施方式中，当用户想要删除表格体时，可以操作删除控件编辑待删除的目标表格体的第四目标位置(例如，行号)并提交，以向表格处理装置发送用于请求删除表格体的第一处理请求。相应的，表格处理装置接收到该第一处理请求时，从第一处理请求中获取第四目标位置，删除第四目标位置对应的目标表格体(例如，删除一行)；以及，针对目标表格体中的每个第二单元格，删除该第二单元格与第一单元格及数据变量之间的绑定关系。或者，每行表格体对应一个删除控件，当用户想要删除目标表格体时，可以操作目标表格体对应的删除控件，以向表格处理装置发送第一处理请求。相应的，当表格处理装置接收到该第一处理请求时，从第一处理请求中获取删除控件的控件信息，并删除获取到的控件信息所对应的目标表格体；针对目标表格体中的每个第二单元格，删除该第二单元格与第一单元格及数据变量之间的绑定关系。

在一些实施方式中，表格处理装置还可以包括键盘，或者表格处理装置所在的设备包括键盘；相应的，在上述新增表格头、删除表格头、新增表格体、删除表格体的处理过程中，用户还可以操作键盘快捷键进行数据(例如第一目标位置、第二目标位置、字段值等)的提交、保存、取消等处理。

进一步的，为了保障第一处理的准确性，本申请一个或多个实施例中，当表格处理装置接收到第一处理请求时，还可以包括：对第一处理请求的合理性进行验证处理，若验证通过，则根据第一处理请求进行第一处理。作为一个示例，在接收到用于请求新增表格头的第一处理请求时，验证第一处理请求中的第一目标位置是否有效(例如表格头为列头，用户却提交了行号等)、字段值是否符合指定规则(例如数据类型是否为浮点数等)等；作为另一个示例，在接收到用于请求删除表格头的第一处理请求时，验证目标表格头是否属于可删除的表格头、第二目标位置是否有效等；作为另一示例，在接收到用于请求新增表格体的第一处理请求时，验证第三目标位置是否有效、输入数据是否符合指定规则等；作为又一示例，在接收用于请求删除表格体的第一处理请求时，验证第四目标位置是否有效等。

进一步的，考虑到目标网页表格可能涉及到其他业务，为了保障该其他业务能够及时的获取到用户编辑后的最新的目标网页表格，本申请一个或多个实施例中，上述根据第一处理请求对目标网页表格进行第一处理之后，可以包括：将第一处理之后的目标网页表格发送个指定设备。当指定设备接收到目标网页表格后，基于接收到的目标网页表格进行相应的业务处理。

需要指出的是，新增表格头、删除表格头、新增表格体、删除表格体的具体过程不限为上述描述，其可以在实际应用中根据需要自行设定。新增表格头、删除表格头、新增表格体、删除表格体的详细实现方式可参考相关技术，本申请中不再进一步详述。通过在编辑模式中，提供新增表格头、删除表格头、新增表格体、删除表格体等功能，能够满足用户对网页表格的多样化的编辑需求；并且用户可以通过键盘快捷键进行提交、保存等处理，而无需多次点击鼠标，因此降低了用户的操作复杂度，提升了数据编辑效率。

考虑到用户在查看数据时，往往也有不同的查看需求，基于此，本申请一个或多个实施例中，方法还可以包括：在只读模式下，若获取到第二处理请求，则根据第二处理请求对目标网页表格进行第二处理；第二处理包括对目标网页表格的表格体中的展示数据进行排序、过滤、翻页中的任一处理。

具体而言，当目标网页表格处于只读模式时，目标网页表格中可以包括排序控件、过滤控件和翻页控件等。当用户想要对表格体中的多个第一目标展示数据进行排序时，可以操作该排序控件，以向表格处理装置发送用于请求进行数据排序的第二处理请求；相应的，表格处理装置接收到第二处理请求时，根据第二处理请求确定待排序的第一目标展示数据，并对第一目标展示数据进行排序处理。当用户想要查看满足一定条件的展示数据时，可以操作过滤控件，编辑过滤条件并提交，以向表格处理装置发送用于请求进行数据过滤的第二处理请求；相应的，表格处理装置接收到第二处理请求时，从第二处理请求中获取过滤条件，并从各展示数据中获取满足该过滤条件的第二目标展示数据，展示该第二目标展示数据。当目标网页表格包括多个展示页，且用户想要对查看除当前展示页面外的任意展示页面时，可以操作翻页控件，以向表格处理装置发送用于请求翻页的第二处理请求；相应的，数据处理装置接收到第二处理请求时，根据第二处理请求确定待展示的目标展示页面，获取目标展示页面对应的数据变量，并根据数据变量中的展示数据展示目标展示页面。

在一些实施方式中，可以仅设置一个排序控件，也可以针对每个表格头设置一个排序控件；可以仅设置一个过滤控件，也可以针对每个表格头设置一个过滤控件；其可以在实际应用中根据需要自行设定。通过设置翻页控件，使得目标网页表格的各展示数据可以分页展示，也就是说，在进行数据的展示处理时，无需加载所有的展示数据，而是加载指定展示页面对应的部分展示数据即可。当目标网页表格的展示数据的数据量大于预设数据量、且创建信息中没有指定使用翻页控件时，还可以基于滑动控件创建目标网页表格，由此在展示页面中也可以仅展示部分展示数据，并基于用户对滑动控件的滑动处理，加载对应的展示数据。

需要指出的是，展示数据的排序、过滤、翻页等处理的具体过程不限为上述描述，其可以在实际应用中根据需要自行设定。展示数据的排序、过滤、翻页等处理的具体实现方式可参考相关技术，本申请中不再进一步详述。由此，在只读模式中，可基于用户请求进行展示数据的排序、过滤、翻页等处理，能够满足用户的不同的数据查看需求。

本申请一个或多个实施例中，预先生成组件集合，并在接收到网页表格创建请求的情况下，根据网页表格创建请求中的创建信息，从组件集合中获取匹配的目标组件，根据创建信息和目标组件，创建目标网页表格。一方面，由于组件集合中的各组件具有重用性，因此，目标网页表格中具有相同处理需求(例如校验、输入方式等)的不同单元格，均可使用同一个组件，可极大的降低目标网页表格的代码量及代码的复杂度；即使对目标网页表格中多个单元格的相同数据处理逻辑进行修改，也无需进行多次代码修改，降低了代码的维护难度。另一方面，目标网页表格支持只读模式和编辑模式，并可在两个模式之间切换，不仅提升了目标网页表格的性能，而且用户可在编辑模式下对各待编辑数据进行编辑，而无需针对每个待编辑数据均执行复杂的操作，因此降低了用户的操作难度，提升了数据编辑效率。

对应上述描述的表格处理方法，基于相同的技术构思，本申请一个或多个实施例还提供一种表格处理装置。图11为本申请一个或多个实施例提供的一种表格处理装置的模块组成示意图，如图11所示，该装置包括：

第一获取模块201，用于在接收到网页表格创建请求的情况下，从所述网页表格创建请求中获取待创建的目标网页表格的创建信息；

第二获取模块202，用于根据所述创建信息，在预先生成的组件集合中获取匹配的目标组件；所述组件集合中的各组件具有重用性，所述目标组件包括第一组件和第二组件；

创建模块203，用于根据所述创建信息和所述目标组件，创建所述目标网页表格；所述目标网页表格包括所述第一组件对应的只读模式、所述第二组件对应的编辑模式，并基于模式切换信息在所述只读模式与所述编辑模式之间进行切换。

本申请实施例提供的表格处理装置，预先生成组件集合，并在接收到网页表格创建请求的情况下，根据网页表格创建请求中的创建信息，从组件集合中获取匹配的目标组件，根据创建信息和目标组件，创建目标网页表格。一方面，由于组件集合中的各组件具有重用性，因此，目标网页表格中具有相同处理需求(例如校验、输入方式等)的不同单元格，均可使用同一个组件，可极大的降低目标网页表格的代码量及代码的复杂度；即使对目标网页表格中多个单元格的相同数据处理逻辑进行修改，也无需进行多次代码修改，降低了代码的维护难度。另一方面，目标网页表格支持只读模式和编辑模式，并可在两个模式之间切换，不仅提升了目标网页表格的性能，而且用户可在编辑模式下对各待编辑数据进行编辑，而无需针对每个待编辑数据均执行复杂的操作，因此降低了用户的操作难度，提升了数据编辑效率。

需要说明的是，本申请中关于表格处理装置的实施例与本申请中关于表格处理方法的实施例基于同一发明构思，因此该实施例的具体实施可以参见前述对应的表格处理方法的实施，重复之处不再赘述。

上述表格处理装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于终端设备中的处理器或服务端的处理器中，也可以以软件形式存储于终端设备中的存储器或服务端的存储器中，以便于处理器调用执行以上各个模块对应的操作。

进一步地，对应上述描述的表格处理方法，基于相同的技术构思，本申请一个或多个实施例还提供一种电子设备，该电子设备用于执行上述的表格处理方法，图12为本申请一个或多个实施例提供的一种电子设备的结构示意图。

如图12所示，电子设备可因配置或性能不同而产生比较大的差异，可以包括一个或一个以上的处理器301和存储器302，存储器302中可以存储有一个或一个以上存储应用程序或数据。其中，存储器302可以是短暂存储或持久存储。存储在存储器302的应用程序可以包括一个或一个以上模块(图示未示出)，每个模块可以包括电子设备中的一系列计算机可执行指令。更进一步地，处理器301可以设置为与存储器302通信，在电子设备上执行存储器302中的一系列计算机可执行指令。电子设备还可以包括一个或一个以上电源303，一个或一个以上有线或无线网络接口304，一个或一个以上输入输出接口305，一个或一个以上键盘306等。

在一个具体的实施例中，电子设备包括有存储器，以及一个或一个以上的程序，其中一个或者一个以上程序存储于存储器中，且一个或者一个以上程序可以包括一个或一个以上模块，且每个模块可以包括对电子设备中的一系列计算机可执行指令，且经配置以由一个或者一个以上处理器执行该一个或者一个以上程序包含用于进行以下计算机可执行指令：

在接收到网页表格创建请求的情况下，从所述网页表格创建请求中获取待创建的目标网页表格的创建信息；

根据所述创建信息，在预先生成的组件集合中获取匹配的目标组件；所述组件集合中的各组件具有重用性，所述目标组件包括第一组件和第二组件；

根据所述创建信息和所述目标组件，创建所述目标网页表格；所述目标网页表格包括所述第一组件对应的只读模式、所述第二组件对应的编辑模式，并基于模式切换信息在所述只读模式与所述编辑模式之间进行切换。

本申请一个或多个实施例提供的电子设备，预先生成组件集合，并在接收到网页表格创建请求的情况下，根据网页表格创建请求中的创建信息，从组件集合中获取匹配的目标组件，根据创建信息和目标组件，创建目标网页表格。一方面，由于组件集合中的各组件具有重用性，因此，目标网页表格中具有相同处理需求(例如校验、输入方式等)的不同单元格，均可使用同一个组件，可极大的降低目标网页表格的代码量及代码的复杂度；即使对目标网页表格中多个单元格的相同数据处理逻辑进行修改，也无需进行多次代码修改，降低了代码的维护难度。另一方面，目标网页表格支持只读模式和编辑模式，并可在两个模式之间切换，不仅提升了目标网页表格的性能，而且用户可在编辑模式下对各待编辑数据进行编辑，而无需针对每个待编辑数据均执行复杂的操作，因此降低了用户的操作难度，提升了数据编辑效率。

需要说明的是，本申请中关于电子设备的实施例与本申请中关于表格处理方法的实施例基于同一发明构思，因此该实施例的具体实施可以参见前述对应的表格处理方法的实施，重复之处不再赘述。

进一步地，对应上述描述的表格处理方法，基于相同的技术构思，本申请一个或多个实施例还提供了一种存储介质，用于存储计算机可执行指令，一个具体的实施例中，该存储介质可以为U盘、光盘、硬盘等，该存储介质存储的计算机可执行指令在被处理器执行时，能实现以下流程：

在接收到网页表格创建请求的情况下，从所述网页表格创建请求中获取待创建的目标网页表格的创建信息；

根据所述创建信息，在预先生成的组件集合中获取匹配的目标组件；所述组件集合中的各组件具有重用性，所述目标组件包括第一组件和第二组件；

根据所述创建信息和所述目标组件，创建所述目标网页表格；所述目标网页表格包括所述第一组件对应的只读模式、所述第二组件对应的编辑模式，并基于模式切换信息在所述只读模式与所述编辑模式之间进行切换。

本申请一个或多个实施例提供的存储介质存储的计算机可执行指令在被处理器执行时，预先生成组件集合，并在接收到网页表格创建请求的情况下，根据网页表格创建请求中的创建信息，从组件集合中获取匹配的目标组件，根据创建信息和目标组件，创建目标网页表格。一方面，由于组件集合中的各组件具有重用性，因此，目标网页表格中具有相同处理需求(例如校验、输入方式等)的不同单元格，均可使用同一个组件，可极大的降低目标网页表格的代码量及代码的复杂度；即使对目标网页表格中多个单元格的相同数据处理逻辑进行修改，也无需进行多次代码修改，降低了代码的维护难度。另一方面，目标网页表格支持只读模式和编辑模式，并可在两个模式之间切换，不仅提升了目标网页表格的性能，而且用户可在编辑模式下对各待编辑数据进行编辑，而无需针对每个待编辑数据均执行复杂的操作，因此降低了用户的操作难度，提升了数据编辑效率。

需要说明的是，本申请中关于存储介质的实施例与本申请中关于表格处理方法的实施例基于同一发明构思，因此该实施例的具体实施可以参见前述对应的表格处理方法的实施，重复之处不再赘述。

上述对本申请特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下，在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外，在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中，多任务处理和并行处理也是可以的或者可能是有利的。

在20世纪90年代，对于一个技术的改进可以很明显地区分是硬件上的改进(例如，对二极管、晶体管、开关等电路结构的改进)还是软件上的改进(对于方法流程的改进)。然而，随着技术的发展，当今的很多方法流程的改进已经可以视为硬件电路结构的直接改进。设计人员几乎都通过将改进的方法流程编程到硬件电路中来得到相应的硬件电路结构。因此，不能说一个方法流程的改进就不能用硬件实体模块来实现。例如，可编程逻辑器件(Programmable Logic Device，PLD)(例如现场可编程门阵列(Field Programmable GateArray，FPGA))就是这样一种集成电路，其逻辑功能由用户对器件编程来确定。由设计人员自行编程来把一个数字系统“集成”在一片PLD上，而不需要请芯片制造厂商来设计和制作专用的集成电路芯片。而且，如今，取代手工地制作集成电路芯片，这种编程也多半改用“逻辑编译器(logic compiler)”软件来实现，它与程序开发撰写时所用的软件编译器相类似，而要编译之前的原始代码也得用特定的编程语言来撰写，此称之为硬件描述语言(Hardware Description Language，HDL)，而HDL也并非仅有一种，而是有许多种，如ABEL(Advanced Boolean Expression Language)、AHDL(Altera Hardware DescriptionLanguage)、Confluence、CUPL(Cornell University Programming Language)、HDCal、JHDL(Java Hardware Description Language)、Lava、Lola、MyHDL、PALASM、RHDL(RubyHardware Description Language)等，目前最普遍使用的是VHDL(Very-High-SpeedIntegrated Circuit Hardware Description Language)与Verilog。本领域技术人员也应该清楚，只需要将方法流程用上述几种硬件描述语言稍作逻辑编程并编程到集成电路中，就可以很容易得到实现该逻辑方法流程的硬件电路。

控制器可以按任何适当的方式实现，例如，控制器可以采取例如微处理器或处理器以及存储可由该(微)处理器执行的计算机可读程序代码(例如软件或固件)的计算机可读介质、逻辑门、开关、专用集成电路(Application Specific Integrated Circuit，ASIC)、可编程逻辑控制器和嵌入微控制器的形式，控制器的例子包括但不限于以下微控制器：ARC 625D、Atmel AT91SAM、Microchip PIC18F26K20以及Silicone Labs C8051F320，存储器控制器还可以被实现为存储器的控制逻辑的一部分。本领域技术人员也知道，除了以纯计算机可读程序代码方式实现控制器以外，完全可以通过将方法步骤进行逻辑编程来使得控制器以逻辑门、开关、专用集成电路、可编程逻辑控制器和嵌入微控制器等的形式来实现相同功能。因此这种控制器可以被认为是一种硬件部件，而对其内包括的用于实现各种功能的装置也可以视为硬件部件内的结构。或者甚至，可以将用于实现各种功能的装置视为既可以是实现方法的软件模块又可以是硬件部件内的结构。

上述实施例阐明的系统、装置、模块或单元，具体可以由计算机芯片或实体实现，或者由具有某种功能的产品来实现。一种典型的实现设备为计算机。具体的，计算机例如可以为个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。

为了描述的方便，描述以上装置时以功能分为各种单元分别描述。当然，在实施本申请实施例时可以把各单元的功能在同一个或多个软件和/或硬件中实现。

本领域内的技术人员应明白，本申请一个或多个实施例可提供为方法、系统或计算机程序产品。因此，本申请一个或多个实施例可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。

本申请一个或多个实施例可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本申请的一个或多个实施例，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。

本申请中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

以上所述仅为本文件的实施例而已，并不用于限制本文件。对于本领域技术人员来说，本文件可以有各种更改和变化。凡在本文件的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本文件的权利要求范围之内。

Claims (10)

1.一种表格处理方法，其特征在于，包括：

在接收到网页表格创建请求的情况下，从所述网页表格创建请求中获取待创建的目标网页表格的创建信息；

根据所述创建信息，在预先生成的组件集合中获取匹配的目标组件；所述组件集合中的各组件具有重用性，所述目标组件包括第一组件和第二组件；

根据所述创建信息和所述目标组件，创建所述目标网页表格；所述目标网页表格包括所述第一组件对应的只读模式、所述第二组件对应的编辑模式，并基于模式切换信息在所述只读模式与所述编辑模式之间进行切换。

2.根据权利要求1所述的方法，其特征在于，所述根据所述创建信息和所述目标组件，创建所述目标网页表格，包括：

根据所述创建信息，确定所述只读模式对应的第一配置信息和所述编辑模式对应的第二配置信息；

根据所述第一配置信息、所述第二配置信息及所述目标组件，创建所述目标网页表格。

3.根据权利要求2所述的方法，其特征在于，所述根据所述创建信息，确定所述只读模式对应的第一配置信息和所述编辑模式对应的第二配置信息，包括：

根据所述创建信息确定在所述只读模式中，所述第一组件在所述目标网页表格中的第一属性信息、所述目标网页表格的表格头的第二属性信息和表格体的第三属性信息；

将所述第一属性信息、所述第二属性信息和所述第三属性信息，确定为所述只读模式对应的第一配置信息；

根据所述创建信息确定在所述编辑模式中，所述第二组件在所述目标网页表格中的第四属性信息、所述目标网页表格的表格头的第五属性信息和表格体的第六属性信息；

将所述第四属性信息、所述第五属性信息和所述第六属性信息，确定为所述编辑模式对应的第二配置信息。

4.根据权利要求2所述的方法，其特征在于，所述根据所述第一配置信息、所述第二配置信息及所述目标组件，创建所述目标网页表格，包括：

获取模式变量；

若所述模式变量指示所述只读模式，则根据所述第一配置信息和所述第一组件，创建处于所述只读模式的所述目标网页表格；

若所述模式变量指示所述编辑模式，则根据所述第二配置信息和所述第二组件，创建处于所述编辑模式的所述目标网页表格。

5.根据权利要求4所述的方法，其特征在于，所述根据所述第一配置信息和所述第一组件，创建处于所述只读模式的所述目标网页表格，包括：

根据所述创建信息，确定是否存在所述目标网页表格中表格体的展示数据；

若不存在表格体的展示数据，则根据所述第一配置信息和所述第一组件创建处于所述只读模式的所述目标网页表格，所述目标网页表格包括所述表格头；

若存在表格体的展示数据，则根据所述第一配置信息和所述第一组件创建处于所述只读模式的第一初始网页表格，所述第一初始网页表格包括所述表格头和所述表格体，所述表格体的展示数据为空；针对所述第一初始网页表格中表格体的每个第一单元格，生成所述第一单元格对应的数据变量；将所述展示数据中与所述第一单元格对应的展示数据保存至所述数据变量；根据所述数据变量对所述第一初始网页表格进行数据渲染处理，得到处于所述只读模式的所述目标网页表格。

6.根据权利要求5所述的方法，其特征在于，所述生成所述第一单元格对应的数据变量之后，所述方法还包括：

确定第一单元格与第二单元格之间的一一对应关系；

根据所述模式变量指示的模式及所述一一对应关系，确定所述第一单元格和所述第二单元格中的待绑定单元格，对所述待绑定单元格和所述数据变量进行绑定；以及，

若获取到所述第二单元格中展示数据的第一更新信息，则根据所述第一更新信息，对所述第二单元格绑定的所述数据变量中的展示数据进行更新处理；并在确定满足所述第一单元的展示条件时，根据所述数据变量中更新后的展示数据进行展示处理；

若获取到所述数据变量中展示数据的第二更新信息，则根据所述第二更新信息对目标单元格中的展示数据进行更新处理；所述目标单元格为当前展示的与所述数据变量绑定的所述第一单元格，或者所述目标单元格为当前展示的与所述数据变量绑定的所述第二单元格。

7.根据权利要求5所述的方法，其特征在于，所述从所述网页表格创建请求中获取待创建的目标网页表格的创建信息之后，所述方法还包括：

根据所述创建信息，生成所述目标网页表格的配置文件；

所述创建所述目标网页表格之后，所述方法还包括：

若获取到所述目标网页表格的模式切换信息，则确定所述目标网页表格的当前模式和待切换的目标模式；

从所述配置文件中获取所述目标模式对应的第一子目标组件和目标配置信息；

确定所述目标网页表格是否存在所述数据变量；

若存在所述数据变量，则根据所述第一子目标组件、所述目标配置信息和所述数据变量，展示处于所述目标模式的所述目标网页表格；

若不存在所述数据变量，则根据所述第一子目标组件和所述目标配置信息，展示处于所述目标模式的所述目标网页表格。

8.一种表格处理装置，其特征在于，包括：

第一获取模块，用于在接收到网页表格创建请求的情况下，从所述网页表格创建请求中获取待创建的目标网页表格的创建信息；

第二获取模块，用于根据所述创建信息，在预先生成的组件集合中获取匹配的目标组件；所述组件集合中的各组件具有重用性，所述目标组件包括第一组件和第二组件；

创建模块，用于根据所述创建信息和所述目标组件，创建所述目标网页表格；所述目标网页表格包括所述第一组件对应的只读模式、所述第二组件对应的编辑模式，并基于模式切换信息在所述只读模式与所述编辑模式之间进行切换。

9.一种电子设备，其特征在于，包括：

处理器；以及，

被安排成存储计算机可执行指令的存储器，所述可执行指令被配置由所述处理器执行，所述可执行指令包括用于执行如权利要求1-7任一项所述的表格处理方法中的步骤。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质用于存储计算机可执行指令，所述可执行指令使得计算机执行如权利要求1-7任一项所述的表格处理方法。