一种表格低代码化方法、装置、设备、介质及程序产品与流程

本技术涉及网络开发，尤其涉及一种表格低代码化方法、装置、设备、介质及程序产品。

背景技术：

1、低代码化是一种通过使用可视化开发工具和预先构建的组件来简化应用程序开发过程的方法。在表格低代码化中，开发人员可以利用低代码平台提供的功能和工具，快速创建和定制数据表格应用程序，而无需编写大量的代码。

2、目前的高级表格低代码化方法主要关注于简化表格的创建和配置过程，依赖于低代码平台提供的图形化界面和预配置功能，使开发者能够快速地创建和配置功能丰富的表格组件，通过选择低代码平台，创建表格组件，配置数据源，定义表格结构并添加交互功能，实现表格创建。

3、但现有表格低代码化方法在实现时，使用效果不好，影响用户体验。

技术实现思路

1、本技术提供一种表格低代码化方法、装置、设备、介质及程序产品，用以解决现有表格低代码化方法在实现时，使用效果不好，影响用户体验的问题。

2、第一方面，本技术提供一种表格低代码化方法，包括：

3、获取目标表格组件，其中，目标表格组件表征ant design组件库中的ant designprocomponents可编辑表格；

4、根据目标表格组件，确定目标表格属性，其中，目标表格属性包括：用于编辑表格列的属性、用于编辑表格行数据的属性；

5、若目标表格属性中的第一目标表格属性非空，则确定第一目标表格属性中的第一目标数组，其中，第一目标表格属性包括getcolumnsbyfunc属性、datasource属性中的至少一种属性，当第一目标表格属性为getcolumnsbyfunc属性时，第一目标数组表征描述getcolumnsbyfunc属性的数组，当第一目标表格属性为datasource属性时，第一目标数组表征描述datasource属性的数组；

6、根据第一目标数组，得到第一可视化配置；

7、根据第一可视化配置和用户定制内容，得到目标表格。

8、在本技术中，根据目标表格组件，确定目标表格属性，包括：

9、根据目标表格组件，确定字段名、字段标题、字段类型、以及与字段类型对应的字段设置器；

10、根据字段名、字段标题、字段类型、以及与字段类型对应的字段设置器，确定第一目标表格属性。

11、在本技术中，在若目标表格属性中的第一目标表格属性非空，则确定所述第一目标表格属性中的第一目标数组之前，在根据目标表格组件，确定目标表格属性之后，方法还包括：

12、确定目标表格组件的api；

13、将目标表格属性的属性值与目标表格组件的api绑定，以将目标表格属性的设置器导入目标表格组件。

14、在本技术中，在根据目标表格组件，确定目标表格属性之后，方法还包括：

15、当第一目标表格属性为空时，确定目标表格属性中的第二目标表格属性；

16、根据第二目标表格属性，得到第二目标数组，其中，第二目标表格属性为与第一目标表格属性对应的属性，且第二目标表格属性的优先级低于第一目标表格属性的优先级；

17、根据第二目标数组，得到第二可视化配置；

18、根据第二可视化配置和用户定制内容，得到目标表格。

19、在本技术中，在根据第一目标数组，得到第一可视化配置之后，在根据第一可视化配置和用户定制内容，得到目标表格之前，方法还包括：

20、确定第一可视化配置中的目标元素和onclick事件，其中，目标元素表征可视化区域中可视化按钮的配置，onclick事件表征与按钮的点击动作对应的响应事件；

21、根据第一可视化配置中的目标元素和onclick事件，在可视化区域中生成行列编辑按钮，其中，行列编辑按钮包括行编辑按钮、列编辑按钮；

22、响应于用户对行列编辑按钮的点击操作，获取onclick事件的关联函数，其中，关联函数表征包含响应事件执行代码的函数。

23、在本技术中，根据第一可视化配置和用户定制内容，得到目标表格，包括：

24、根据第一可视化配置中的表格工具配置，展示可视化区域，其中，可视化区域包括：格式工具栏、数据源工具栏、个性化工具栏；

25、响应于用户对可视化区域的写入操作，得到用户定制内容，其中，用户定制内容包括：指定外部数据源、配置动作与事件、定制表格样式；

26、根据用户定制内容和第一可视化配置中的表格数据，确定目标表格。

27、在本技术中，当用户定制内容为指定外部数据源时，在响应于用户对可视化区域的写入操作，得到用户定制内容之后，方法还包括：

28、根据用户定制内容，确定目标数据源；

29、根据目标数据源，确定目标表格组件的接收地址参数；

30、根据目标表格组件的接收地址参数和目标数据源，将目标表格组件与目标数据源进行绑定。

31、第二方面，本技术提供一种表格低代码化装置，包括：

32、获取模块，用于获取目标表格组件，其中，目标表格组件表征ant design组件库中的ant design procomponents可编辑表格；

33、构建模块，用于根据目标表格组件，确定目标表格属性，其中，目标表格属性包括：用于编辑表格列的属性、用于编辑表格行数据的属性；

34、执行模块，用于若目标表格属性中的第一目标表格属性非空，则确定第一目标表格属性中的第一目标数组，其中，第一目标表格属性包括getcolumnsbyfunc属性、datasource属性中的至少一种属性，当第一目标表格属性为getcolumnsbyfunc属性时，第一目标数组表征描述getcolumnsbyfunc属性的数组，当第一目标表格属性为datasource属性时，第一目标数组表征描述datasource属性的数组；

35、可视化模块，用于根据第一目标数组，得到第一可视化配置；

36、渲染模块，用于根据第一可视化配置和用户定制内容，得到目标表格。

37、第三方面，本技术提供一种电子设备，包括：处理器、以及与处理器通信连接的存储器；

38、存储器存储计算机执行指令；

39、处理器执行存储器存储的计算机执行指令，以实现本技术的方法。

40、第四方面，本技术提供一种计算机可读存储介质，包括：计算机可读存储介质中存储有计算机执行指令，计算机执行指令被处理器执行时用于实现本技术的方法。

41、第五方面，本技术实施例提供一种计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现本技术的方法。

42、本技术提供的一种表格低代码化方法、装置、设备、介质及程序产品，通过获取目标表格组件，其中，目标表格组件表征ant design组件库中的ant design procomponents可编辑表格；根据目标表格组件，确定目标表格属性，其中，目标表格属性包括：用于编辑表格列的属性、用于编辑表格行数据的属性；若目标表格属性中的第一目标表格属性非空，则确定第一目标表格属性中的第一目标数组，其中，第一目标表格属性包括getcolumnsbyfunc属性、datasource属性中的至少一种属性，当第一目标表格属性为getcolumnsbyfunc属性时，第一目标数组表征描述getcolumnsbyfunc属性的数组，当第一目标表格属性为datasource属性时，第一目标数组表征描述datasource属性的数组；根据第一目标数组，得到第一可视化配置；根据第一可视化配置和用户定制内容，得到目标表格的手段，通过引入第一目标表格属性中的getcolumnsbyfunc属性，columns接口执行getcolumnsbyfunc函数得到目标数组并接收以获取表格数据，将逻辑封装在可重用的代码中，提高程序可维护性和对表格列的处理能力，通过在可视化区域获取用户定制内容并进行渲染，生成表格，满足用户的个性化需求，提高用户体验，此外，本技术还新增了行列编辑按钮，增加了整行和整列数据添加的能力。