生成表格的方法和装置

技术领域

本发明涉及计算机技术领域，尤其涉及一种生成表格的方法和装置。

背景技术

在web页面中，经常需要查询表格数据并对数据进行编辑，编辑后触发公式计算。以销售计划为例，修改了单月的销售额，自动汇总计算季度和年份销售计划值。用户希望在浏览器中得到与诸如Excel的电子表单类似的体验。

当前的一般做法为，单元格修改后，触发change或blur事件，之后在事件的回调函数中，按照既定公式计算汇总值，最后更新对应的单元格数据。

在实现本发明过程中，发明人发现现有技术中存在问题，例如公式计算代码复杂冗余，且无法复用；大量的公式计算代码夹杂在业务代码中，代码阅读性及可维护性差；公式调整后需要修改原有的计算逻辑，特别是当一个公式的参数是前一个公式的计算结果时，需要修改很多公式计算代码。

发明内容

有鉴于此，本发明实施例提供一种生成web表格的方法，能够利用单元格坐标的方式解决代码重复开发可扩展性、可维护性差的问题，能够将公式计算代码与业务代码分离，达到类似Excel公式计算的效果。

为实现上述目的，根据本发明实施例的一个方面，提供了一种生成表格的方法，其特征在于，包括：

生成一个或多个第一单元格和一个或多个第二单元格的坐标；

将所述一个或多个第一单元格的值与所述一个或多个第一单元格的坐标相关联；以及

利用所述一个或多个第二单元格的坐标和所述一个或多个第一单元格的值生成所述一个或多个第二单元格的值。

根据本发明实施例的一个方面，提供了一种生成表格的方法，其特征在于，所述第一单元格是参数单元格，所述第二单元格是目标单元格。

根据本发明实施例的一个方面，提供了一种生成表格的方法，其特征在于，所述一个或多个第一单元格的值是通过以下中的至少一个获得的：

接收用户对所述一个或多个第一单元格的输入以获得所述一个或多个第一单元格的值；或者

从数据库中获得所述一个或多个第一单元格的值。

根据本发明实施例的一个方面，提供了一种生成表格的方法，其特征在于，生成所述一个或多个第二单元格的值是通过以下中的至少一个触发的：

获得所述所述一个或多个第一单元格的值；或者

改变所述所述一个或多个第一单元格的值。

根据本发明实施例的一个方面，提供了一种生成表格的方法，其特征在于，包括生成所述一个或多个第一单元格的坐标和值的映射集合；以及

基于所述表格的属性生成公式集合。

根据本发明实施例的一个方面，提供了一种生成表格的方法，其特征在于，利用所述一个或多个第二单元格的坐标和所述一个或多个第一单元格的值生成所述一个或多个第二单元格的值包括：

对于所述一个或多个第二单元格中的每个第二单元格：

基于该第二单元格的坐标从所述公式集合中选择与该第二单元格对应的公式；以及

利用与所选公式相关联的一个或多个第一单元格的坐标和值生成该第二单元格的值。

根据本发明实施例的一个方面，提供了一种生成表格的方法，其特征在于，所述表格中的一个或多个单元格的坐标是利用单元格的数据结构生成的。

上述发明中的一个实施例具有如下优点或有益效果：因为采用单元格坐标的技术手段，所以克服了代码复杂冗余的技术问题，进而达到Web页面的表格具有类似Excel电子表单的用户体验的技术效果。

上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。

附图说明

附图用于更好地理解本发明，不构成对本发明的不当限定。其中：

图1是根据本发明实施例的生成表格的方法的主要流程的示意图；

图2是根据本发明实施例的计算目标单元格值的方法的主要流程的示意图；

图3是根据本发明实施例的生成表格的装置的主要模块的示意图；

图4是本发明实施例可以应用于其中的示例性系统架构图；

图5是适于用来实现本发明实施例的终端设备或服务器的计算机系统的结构示意图。

具体实施方式

以下结合附图对本发明的示范性实施例做出说明，其中包括本发明实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本发明的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

图1是根据本发明实施例的生成表格的方法的主要流程的示意图，如图1所示，生成表格的方法主要包括步骤S101、S102和S103。

步骤S101：生成表格中的一个或多个第一单元格和一个或多个第二单元格的坐标。

首先，利用前端技术生成web表格。可以使用可用的任何表格组件技术，例如react、vue、angular等MV*框架，这些框架都有成熟的表格组件。将表格后端数据转为表格组件的配置项，即可完成表格组件的渲染。

类似于Excel电子表单，将web表格视为行坐标和列坐标定义的平面坐标系。在后端数据模型中，每个单元格都是一个对象，包含行坐标和列坐标，每个单元格都由行坐标和列坐标唯一地确定。在渲染单元格组件时，单元格组件会保存坐标值。

表1

以表1的销售部门业绩汇总表为例进行说明。表格包括行属性，一月、二月、三月、汇总，和列属性，销售一部、销售二部。表格中的数据单元格分别为销售一部的销售数据：一月1000、二月2000、三月3000；销售二部的销售数据：一月2000、二月1500、三月1000。

后端数据模型可以使用任何适当的数据结构实现表格。在一种实施方式中，用数组来标识表格：

表格(1)

其中m1表示一月，m2表示二月，m3表示三月，sum表示汇总。

根据数据结构确定每个数据单元格的坐标。在用数组表示单元格的实施方式在，对于销售一部的数据，数组下标[0]为行坐标，属性名[m1]、[m2]、[m3]为列坐标。例如，坐标{0,m1}唯一地定义销售一部一月销售数据单元格，在该示例中，{0,m1}单元格的值为1000(表格中用阴影标识)。单元格的值是指与该单元格的坐标对应的数值，例如坐标{0,m1}处的单元格被写入数值1000，则单元格{0,m1}的值为1000；又例如从诸如数据库的存储中读取到坐标{0,m2}处的单元格对应的数值为2000，则单元格{0,m2}的值为2000。对于销售二部的数据，数组下标[1]为行坐标，属性名[m1]、[m2]、[m3]为列坐标。相应地，销售一部汇总单元格可以表示为{0,sum}；销售二部汇总单元格可以表示为{1,sum}。需要注意的是，以上对单元格的举例仅为示例，不构成对实施例的限制。

与Excel电子表单类似，表1中的单元格包括两类单元格。第一单元格指示不需要通过计算就可以直接获得值的单元格，例如可以称为参数单元格。第二单元格指示需要触发计算才能获得值的单元格，例如可以称为目标单元格。参数单元格的值是计算目标单元格值时用到的参数。在表1的示例中，参数单元格包括表1中已填入数据的单元格，目标单元格包括尚未生成值的汇总列的两个单元格。

在一种实施方式中，无论是第一单元格(参数单元格)还是第二单元格(目标单元格)，都可以构建一致的单元格对象。例如：{x:0,y:1,value:10000,editable:true}。其中x表示横坐标，y表示列坐标，value表示单元格的值，editable指示是否可编辑(渲染单元格时使用)。在单元格对象中能够体现单元格坐标与值的映射。

在步骤S101中，通过后端数据结构生成每个第一单元格的坐标和每个第二单元格的坐标。

步骤S102：将所述一个或多个第一单元格的值与所述一个或多个第一单元格的坐标相关联。

继续上面表1的示例，在后端数据结构中存储第一单元格，将每个第一单元格的坐标与其值相关联，生成映射集合。例如以数组和数组元素值的方式来存储每个单元格的坐标和值。表1的示例中，第一单元格的值如下：单元格{0,m1}＝1000，单元格{0,m2}＝2000，单元格{0,m3}＝3000；单元格{1,m1}＝2000，单元格{1,m2}＝1500，单元格{1,m3}＝1000。在一种实施方式中，可以将参数单元格的坐标放到参数数组中表示参数单元格集合，例如arguments＝[m1(x1,y1),m2(x2,y2),m3(x3,y3)]。需要注意的是以上数组形式仅为示例，不构成对本发明实施例的限制。

需要注意的是，第一单元格(参数单元格)的值可以是用户从前端页面输入的，也可以是从后端数据库读取的。

步骤S103：利用所述一个或多个第二单元格的坐标和所述一个或多个第一单元格的值生成所述一个或多个第二单元格的值。

第二单元格是需要进行计算才能获得值的目标单元格，即第二单元格的值是通过对参数的计算而获得的。计算方法通常用公式来表示。在一种实施方式中，可以为每种公式生成公式对象。以汇总计算为例，公式为sum＝m1+m2+m3(m1为一月份的数值，m2为二月的数值，m3为三月的数组)。参与计算的单元格一共有4个。公式对象的结构如下所示：

公式对象(1)

其中formula:‘{p}+{p}+{p}’表示计算公式；{p}为参数占位符；params:[[x0,y0],[x1,y1],[x2,y2]]表示参数单元格坐标数组，顺序与公式的参数一一对应；target:[x3,y3]表示目标单元格的坐标，触发计算后，此单元格的值更新为公式计算值。

一个web表格可能与多个公式相对应。例如销售计划表，除了汇总，可能还需要用到公式“综合毛利率＝综合毛利额/销售总额”、“销售毛利率＝销售毛利额/销售总额”等。此时，需要将这些公式对象组合起来，构成一个对象列表。对象列表的结构例如如下所示：

公式对象列表(1)

上面示例中的公式1可以带入三个参数A、B、C的值表示A+B+C；公式2可以带入四个参数A、B、C、D的值，表示(A+B)/C-D。

触发公式计算的时机分为两类：第一类是在数据加载之后，立即触发公式计算，适合后端没有公式计算的场景；第二类是修改参数单元格的值后，触发公式计算，从而更新表格数据。计算公式可以在前端代码中创建，也可以在后端构建完成后，连同表格数据一同返回前端，在前端进行公式解析以获得目标单元格的值。具体步骤参见图2。

需要注意的是以上公式对象、公式对象列表形式仅为示例，不构成对本发明实施例的限制。

图2是根据本发明实施例的计算目标单元格值的方法的主要流程的示意图，如图2所示，计算目标单元格值的方法主要包括步骤S201、S202、S203、S204、S205。

步骤S201：遍历计算公式列表，得到计算公式对象。

在一种实施方式中，遍历公式列表，从公式列表中的多个公式中选择出与目标单元格相对应的公式对象。所选公式对象需要满足其params数组中包含参数单元格的坐标。

公式对象列表(1)

再次以上文示例为例，对于目标单元格target:[x3,y3]，在步骤S101获得了该目标单元格的坐标[x4,y4]；之后遍历整个公式列表，过滤出坐标[x4,y4]作为计算因子的公式。在该示例中，可以找到公式formula:‘{p}+{p})/{p}-{p}’。

步骤S202：遍历计算公式对象的参数单元格集合，得到参数值的集合。

在该步骤中，在单元格数据返回后，前端缓存该单元格数据，根据该单元格的行坐标和列坐标[xi,yj]来定位该单元格，从而获取该单元格的值。将所有的参数单元格的值顺序放到一个数据结构中。在一种实施方式中例如可以放到一个数组中，将该参数值数组命名为例如valueList。获取单元格的值方法，可以根据不同的表格组件具体实现。继续表1的示例，使用行的序号[0]作为行坐标，列的属性值[m1]为列坐标，此时，根据坐标[0,m1]便能获取单元格对应的值1000。

步骤S203：替换公式的占位符{p}。

在步骤S201中已经得到了计算公式对象，步骤S202得到了参数值数组valueList，且参数值跟公式中的参数顺序一致。在步骤S203可以遍历参数值数组，将公式对象中params中的参数占位符一一替换。继续上面的示例，在步骤S201和S202获得公式{p}+{p})/{p}，参数值数组为[1000,2000,3000]，替换后，公式变为表达式(1000+2000)/3000。

步骤S204：解析表达式并进行计算。

根据上一步得到的表达式，进行表达式的求值计算。表达式的解析求值可以利用能够使用的任何第三方类库实现，例如mathjs等。

步骤S205：更新目标单元格数据。

继续上面的示例，根据公式计算结果，利用target属性指定的坐标取得目标单元格的坐标[x4,y4]，在web表格中根据坐标找到对应的单元格。单元格可能目前已有现有值或者目前没有值，将上一步公式计算的值更新到目标单元格。

以表1为例，更新目标单元格的值后，表1被填充完整如表2所示。

表2

需要注意的是以上公式对象、公式对象列表、坐标、数组等形式仅为示例，不构成对本发明实施例的限制。

图3是根据本发明实施例的生成表格的装置的主要模块的示意图。

模块301输入模块：用于获得参数单元格的值和写入目标单元格的值。例如参数单元格中的值是用户输入web页面时，输入模块从web页面获得用户的输入；参数单元格中的值是从后台数据库读取的情况下，输入模块用于从后台数据库读取参数单元格中的值并写入参数单元格。另外，在根据公式计算生成了目标单元格的值后，输入模块用于将所生成是值写入目标单元格。

模块302：单元格模块，用于实现与单元格有关的操作。包括获得表格中参数单元格和目标单元格的坐标、将参数单元格的值与其坐标相关联、将目标单元格的值与其坐标相关联。还包括接收触发公式计算的动作，例如接收到参数单元格的值被改变、接收到原空白的参数单元格被写入了数据等。

模块303：公式计算模块，用于利用参数单元格的值、参数单元格的坐标、目标单元格的坐标和后台公式生成目标单元格的值。还用于生成公式对象、生成公式列表、为相应的目标单元格选择对应的公式对象、以及与公式计算有关的任何操作。

图4示出了可以应用本发明实施例的生成表格的方法或装置的示例性系统架构400。

如图4所示，系统架构400可以包括终端设备401、402、403，网络404和服务器405。网络404用以在终端设备401、402、403和服务器405之间提供通信链路的介质。网络404可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

用户可以使用终端设备401、402、403通过网络404与服务器405交互，以接收或发送消息等。终端设备401、402、403上可以安装有各种通讯客户端应用，例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等(仅为示例)。

终端设备401、402、403可以是具有显示屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。

服务器405可以是提供各种服务的服务器，例如对用户利用终端设备401、402、403所浏览的网站提供支持的后台管理服务器。后台管理服务器可以对接收更新表格请求等数据进行分析等处理，并将处理结果(例如目标单元格的值--仅为示例)反馈给终端设备。

需要说明的是，本发明实施例所提供的生成表格的方法一般由服务器405执行，相应地，生成表格的装置一般设置于服务器405中。

应该理解，图4中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。

下面参考图5，其示出了适于用来实现本发明实施例的终端设备的计算机系统500的结构示意图。图5示出的终端设备仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

如图5所示，计算机系统500包括中央处理单元(CPU)501，其可以根据存储在只读存储器(ROM)502中的程序或者从存储部分508加载到随机访问存储器(RAM)503中的程序而执行各种适当的动作和处理。在RAM 503中，还存储有系统500操作所需的各种程序和数据。CPU 501、ROM 502以及RAM 503通过总线504彼此相连。输入/输出(I/O)接口505也连接至总线504。

以下部件连接至I/O接口505：包括键盘、鼠标等的输入部分506；包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分507；包括硬盘等的存储部分508；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分509。通信部分509经由诸如因特网的网络执行通信处理。驱动器510也根据需要连接至I/O接口505。可拆卸介质511，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器510上，以便于从其上读出的计算机程序根据需要被安装入存储部分508。

特别地，根据本发明公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本发明公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分509从网络上被下载和安装，和/或从可拆卸介质511被安装。在该计算机程序被中央处理单元(CPU)501执行时，执行本发明的系统中限定的上述功能。

需要说明的是，本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本发明中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、RF等等，或者上述的任意合适的组合。

附图中的流程图和框图，图示了按照本发明各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本发明实施例中所涉及到的模块可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的模块也可以设置在处理器中，例如，可以描述为：一种处理器包括输入模块、单元跟模块、公式计算模块。其中，这些模块的名称在某种情况下并不构成对该模块本身的限定，例如，输入单元还可以被描述为“向单元格输入值的模块”。

作为另一方面，本发明还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的设备中所包含的；也可以是单独存在，而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使得该设备包括：

生成表格中的一个或多个第一单元格和一个或多个第二单元格的坐标；

将所述一个或多个第一单元格的值与所述一个或多个第一单元格的坐标相关联；以及

利用所述一个或多个第二单元格的坐标和所述一个或多个第一单元格的值生成所述一个或多个第二单元格的值。

根据本发明实施例的技术方案，能够利用单元格坐标的方式解决代码重复开发可扩展性、可维护性差的问题，能够将公式计算代码与业务代码分离，达到类似Excel电子表单公式计算的效果。

上述具体实施方式，并不构成对本发明保护范围的限制。本领域技术人员应该明白的是，取决于设计要求和其他因素，可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明保护范围之内。