[发明专利]一种基于UI组件的表格动态设置列的方法及系统

说明书

本发明公开了一种基于UI组件的表格动态设置列的方法及系统，所述方法包括：获得第一发送指令；根据所述第一发送指令，界面前端向服务后端发送第一数据获取请求；根据所述第一数据获取请求，所述服务后端向所述界面前端反馈第一数据信息，其中，所述第一数据信息包括列设置数据；基于表格组件，对所述第一数据信息进行展示渲染，获得第一渲染表格列表，且生成第一自定义指令；根据所述第一自定义指令，用户可对所述第一渲染表格列表进行列的动态设置，生成第一列设置信息；根据所述第一列设置信息，对所述第一渲染表格列表进行重新渲染。解决了现有技术中表格列数据固定，无法进行调整，不能满足用户需求的技术问题。

技术领域

本发明涉及计算机技术领域，尤其涉及一种基于UI组件的表格动态设置列的方法及系统。

背景技术

表格是网页展示数据的一种常见方式，前端基于vue和react框架的表格(table)组件也很多，通过发送请求从服务端获取数据，然后将数据赋值给组件，达到展示的效果。随着前端技术的发展，技术框架层出不穷。为了提高了开发效率，目前市面流行框架对表格的处理尚不能满足部分用户的需求。目前，如果一个表格里有很多列，用户将不能一目了然的抓取目标数据，从而降低了系统的可用性，因此，目前急需一种能够对表格的每一列进行动态配置的技术方案。

本申请发明人在实现本申请实施例中发明技术方案的过程中，发现上述技术至少存在如下技术问题：

现有技术中表格列数据固定，无法进行调整，不能满足用户需求的技术问题。

发明内容

本申请实施例通过提供一种基于UI组件的表格动态设置列的方法及系统，解决了现有技术中表格列数据固定，无法进行调整，不能满足用户需求的技术问题。达到了基于安装UI组件，实现了表格列的动态配置并进行保存，用户可以根据自己的需求进行表格的定制，可以控制某些列是否需要展示，并将自己的配置信息存储至服务器，便于下次登录直接获取配置信息的技术效果。

鉴于上述问题，本申请实施例提供一种基于UI组件的表格动态设置列的方法及系统。

第一方面，本申请提供了一种基于UI组件的表格动态设置列的方法，其中，所述方法包括：获得第一发送指令；根据所述第一发送指令，界面前端向服务后端发送第一数据获取请求；根据所述第一数据获取请求，所述服务后端向所述界面前端反馈第一数据信息，其中，所述第一数据信息包括列设置数据；基于表格组件，对所述第一数据信息进行展示渲染，获得第一渲染表格列表，且生成第一自定义指令；根据所述第一自定义指令，用户可对所述第一渲染表格列表进行列的动态设置，生成第一列设置信息；根据所述第一列设置信息，对所述第一渲染表格列表进行重新渲染。

另一方面，本申请还提供了一种基于UI组件的表格动态设置列的系统，其中，所述系统包括：第一获得单元，所述第一获得单元用于获得第一发送指令；第二获得单元，所述第二获得单元用于根据所述第一发送指令，界面前端向服务后端发送第一数据获取请求；第一执行单元，所述第一执行单元用于根据所述第一数据获取请求，所述服务后端向所述界面前端反馈第一数据信息，其中，所述第一数据信息包括列设置数据；第三获得单元，所述第三获得单元用于基于表格组件，对所述第一数据信息进行展示渲染，获得第一渲染表格列表，且生成第一自定义指令；第二执行单元，所述第二执行单元用于根据所述第一自定义指令，用户可对所述第一渲染表格列表进行列的动态设置，生成第一列设置信息；第三执行单元，所述第三执行单元用于根据所述第一列设置信息，对所述第一渲染表格列表进行重新渲染。

另一方面，本申请实施例还提供了一种基于UI组件的表格动态设置列的方法及系统，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其中，所述处理器执行所述程序时实现上述第一方面所述方法的步骤。

本申请实施例中提供的一个或多个技术方案，至少具有如下技术效果或优点：