【技术实现步骤摘要】
本公开涉及表单应用，尤其涉及一种在低代码平台中实现可编辑表格的方法、装置和电子设备。
技术介绍
1、在传统应用程序开发过程中，创建具备可编辑表格功能通常需要大量手动编码，包括前端界面设计、数据模型定义、验证逻辑和交互操作等。这种开发方式要求开发人员具备深厚的编程知识和耗费较长的开发周期。
2、为了简化和加速可编辑表格功能的开发过程，一些低代码平台给出了解决方案，现有技术中，比如lowcode-engine的可编辑表格，它通过点击属性面板添加表格列，然后为每一列拖入文本框、下拉框等需要渲染的表单组件，然后配置对应验证规则，这种方式降低弱化了低代码平台的搭建功能，使得拖拽等功能无法正常使用。
3、另外这些低代码平台依赖第三方厂商，这可能导致应用程序对第三方库和服务的可用性和稳定性产生依赖，如果这些库或服务发生变化或中断，应用程序的功能和性能可能会受到影响。还有就是如果使用这些平台开发的应用存在敏感数据，使用这些平台使得数据安全不可控，存在数据泄露的风险。
4、此外，通过在属性面板点击添加可编辑表格列的方式，使得交互变得更加繁琐、复杂。这种方式要求开发人员在属性面板中逐个点击并填写列的相关信息，如列名、数据类型、验证规则等。当需要创建多个列时，开发人员必须重复进行添加操作，并且要确保每个列的属性设置正确，这会导致繁琐的操作流程和容易出错的情况。开发人员可能需要在不同的选项卡或对话框中切换，查找并填写相应的属性，增加了交互的复杂性和学习成本。
5、其次，这种方式限制了开发人员对表格结构的快
6、最后，这种方式可能缺乏直观性和可视化的交互体验。开发人员无法直观地预览和调整列的位置、宽度和外观等。这可能导致开发人员需要不断地进行修改和调整，以达到期望的表格布局和外观效果。这种迭代性的调试和修改过程可能影响开发效率和用户体验。
技术实现思路
1、为了解决上述问题，本申请提出一种在低代码平台中实现可编辑表格的方法、装置和电子设备。
2、本申请一方面，提出一种在低代码平台中实现可编辑表格的方法，包括如下步骤：
3、在低代码平台中部署表格设计器；
4、利用设计器的设计态，对用户拖曳的各个独立表单组件进行表格配置，模拟生成相应的第一可编辑表格；
5、利用设计器的运行态，对第一可编辑表格进行渲染，将第一可编辑表格中的表格内容渲染为表单组件，生成第二可编辑表格；
6、对第二可编辑表格进行编辑操作，记录并保存编辑操作的历史数据。
7、作为本申请的一可选实施方案，可选地，利用设计器的设计态，对用户拖曳的各个独立表单组件进行表格配置，模拟生成相应的可编辑表格，包括：
8、确定所需的各个独立表单组件；
9、在设计态的设计页面中，用户拖曳各个独立表单组件至设计页面中的第一可编辑表格中；
10、对第一可编辑表格中的各个独立表单组件，进行单独的组件配置；
11、配置完毕，通过css和dom节点对各个独立表单组件进行表格调整，模拟生成带有表格内容的第一可编辑表格。
12、作为本申请的一可选实施方案，可选地，在配置完毕，通过css和dom节点对各个独立表单组件进行表格调整之后，还包括：
13、生成第一可编辑表格的json配置，并以json格式数据保存至设计器的数据库中；
14、同步将第一可编辑表格的json配置传输至运行态。
15、作为本申请的一可选实施方案，可选地，利用设计器的运行态，对第一可编辑表格进行渲染，将第一可编辑表格中的表格内容渲染为表单组件，生成第二可编辑表格，包括：
16、运行态使用表格渲染，根据json配置，对第一可编辑表格中的各个表单组件进行渲染，将表单组件中的表格内容渲染为相应的表单组件，生成第二可编辑表格。
17、作为本申请的一可选实施方案，可选地，运行态使用表格渲染，根据json配置，对第一可编辑表格中的各个表单组件进行渲染，将表单组件中的表格内容渲染为相应的表单组件，生成第二可编辑表格，包括：
18、运行态接收第一可编辑表格的json配置并转发至渲染引擎；
19、渲染引擎解析json配置，获得第一可编辑表格中各个表单组件的api；
20、有序调用第一可编辑表格中各个表单组件的api：
21、使用表格渲染列，对第一可编辑表格中的表格列进行渲染；
22、使用表格渲染行，对第一可编辑表格中的表格行进行渲染；
23、各个表单组件渲染完成，生成各个表单组件内容可见的第二可编辑表格。
24、作为本申请的一可选实施方案，可选地，对第二可编辑表格进行编辑操作，记录并保存编辑操作的历史数据，包括：
25、对第二可编辑表格进行数据编辑操作，并缓存操作数据至数据库；
26、当取消操作之时，调取并执行上一次缓存的操作数据，回到原点。
27、本申请另一方面，提出一种实现所述在低代码平台中实现可编辑表格的方法的装置，包括：
28、部署模块，用于在低代码平台中部署表格设计器；
29、设计模块，用于利用设计器的设计态，对用户拖曳的各个独立表单组件进行表格配置，模拟生成相应的第一可编辑表格；
30、运行模块，用于利用设计器的运行态，对第一可编辑表格进行渲染，将第一可编辑表格中的表格内容渲染为表单组件，生成第二可编辑表格；
31、数据库，用于对第二可编辑表格进行编辑操作，记录并保存编辑操作的历史数据。
32、本申请另一方面，还提出一种电子设备，包括：
33、处理器；
34、用于存储处理器可执行指令的存储器；
35、其中，所述处理器被配置为执行所述可执行指令时实现所述的一种在低代码平台中实现可编辑表格的方法。
36、本专利技术的技术效果：
37、本申请通过在低代码平台中提供了一种的可编辑表格实现方案。在低代码平台中，开发人员可以通过直观的拖拉拽操作生成可编辑表格的列，并且可以自定义每列的验证规则和映射字段，以确保数据的合法性和在提交时字段的准确性。
38、在这个方案中，每列的验证规则可以根据应用的需求进行定义，例如必填项、最小值、最大值、自定义正则表达式等。这样，开发人员可以确保用户输入的数据符合预期，并增强应用的数据完整性。此外，通过特定的按钮，比如删除按钮，开发人员还可以实现对表格行的操作。当用户点击删除按钮时，当前行将被删除，从而提供了对表格数据的灵活控制和操作。
39、通过这本文档来自技高网...
【技术保护点】
1.一种在低代码平台中实现可编辑表格的方法，其特征在于，包括如下步骤：
2.根据权利要求1所述的一种在低代码平台中实现可编辑表格的方法，其特征在于，利用设计器的设计态，对用户拖曳的各个独立表单组件进行表格配置，模拟生成相应的可编辑表格，包括：
3.根据权利要求2所述的一种在低代码平台中实现可编辑表格的方法，其特征在于，在配置完毕，通过CSS和DOM节点对各个独立表单组件进行表格调整之后，还包括：
4.根据权利要求1所述的一种在低代码平台中实现可编辑表格的方法，其特征在于，利用设计器的运行态，对第一可编辑表格进行渲染，将第一可编辑表格中的表格内容渲染为表单组件，生成第二可编辑表格，包括：
5.根据权利要求4所述的一种在低代码平台中实现可编辑表格的方法，其特征在于，运行态使用表格渲染，根据JSON配置，对第一可编辑表格中的各个表单组件进行渲染，将表单组件中的表格内容渲染为相应的表单组件，生成第二可编辑表格，包括：
6.根据权利要求1所述的一种在低代码平台中实现可编辑表格的方法，其特征在于，对第二可编辑表格进行编辑操作，记录并
7.一种实现权利要求1-6中任一项所述在低代码平台中实现可编辑表格的方法的装置，其特征在于，包括：
8.一种电子设备，其特征在于，包括：
...【技术特征摘要】
1.一种在低代码平台中实现可编辑表格的方法，其特征在于，包括如下步骤：
2.根据权利要求1所述的一种在低代码平台中实现可编辑表格的方法，其特征在于，利用设计器的设计态，对用户拖曳的各个独立表单组件进行表格配置，模拟生成相应的可编辑表格，包括：
3.根据权利要求2所述的一种在低代码平台中实现可编辑表格的方法，其特征在于，在配置完毕，通过css和dom节点对各个独立表单组件进行表格调整之后，还包括：
4.根据权利要求1所述的一种在低代码平台中实现可编辑表格的方法，其特征在于，利用设计器的运行态，对第一可编辑表格进行渲染，将第一可编辑表格中的表格内容渲染为表...
【专利技术属性】
技术研发人员：刘兴田，蒋晨辉，宋杨，花京武，
申请(专利权)人：杭州指令集智能科技有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。