[发明专利]一种基于Vue和Element UI的表格生成和操作方法及系统

权利要求书

1.一种基于Vue和Element UI的表格生成和操作方法，其特征在于，包括以下步骤：

步骤一：通过向服务器发送HTTP请求，传递表格特定的参数以及用户信息；

步骤二：根据用户的权限以及表格的特定参数，查找表格信息并返回至页面；

步骤三：前端将接收的表格信息对表格进行渲染；

步骤四：基于向服务器传递的用户信息和表格特定的参数，查找用户的数据操作权限，并返回至页面；

步骤五：页面根据传递的数据格式和数据操作权限，生成不同的数据表列从而生成数据表格。

2.根据权利要求1所述的一种基于Vue和Element UI的表格生成和操作方法，其特征在于，通过向服务器发送HTTP请求，传递表格特定的参数以及用户信息之后，根据用户的权限以及表格的特定参数，查找表格信息并返回至页面之前，所述步骤还包括：

服务器接收从页面传递的表格特定的参数以及用户信息。

3.根据权利要求2所述的一种基于Vue和Element UI的表格生成和操作方法，其特征在于，根据用户的权限以及表格的特定参数，查找表格信息并返回至页面，所述步骤包括：

根据用户的权限以及表格的特定参数，查找表格表头信息列表、表头列对应的数据字段、数据的具体操作权限以及数据显示的格式。

4.根据权利要求3所述的一种基于Vue和Element UI的表格生成和操作方法，其特征在于，根据用户的权限以及表格的特定参数，查找表格信息并返回至页面之后，前端将接收的表格信息对表格进行渲染之前，所述步骤还包括：

页面接收服务器返回的数据，返回的数据包括表头列数据的名称、列对应的数据字段以及多级表头。

5.根据权利要求4所述的一种基于Vue和Element UI的表格生成和操作方法，其特征在于，前端将接收的表格信息对表格进行渲染，所述步骤包括：

前端循环遍历数组，同时页面根据表格自定义的参数在页面显示出表格的表头列表。

6.根据权利要求5所述的一种基于Vue和Element UI的表格生成和操作方法，其特征在于，页面根据表格自定义的参数在页面显示出表格的表头列表，所述步骤包括：

页面根据表格自定义的参数展示出符合设计要求的表格样式，包括数据的筛选、下拉、数据的样式、数据显示的格式、表格的滚动以及行和列的合并。

7.根据权利要求6所述的一种基于Vue和Element UI的表格生成和操作方法，其特征在于，基于向服务器传递的用户信息和表格特定的参数，查找用户的数据操作权限，并返回至页面之后，页面根据传递的数据格式和数据操作权限，生成不同的数据表列从而生成数据表格之前，所述步骤还包括：

通过HTTP向服务器发送请求，传递列表筛选参数、页码、数据长度以及用户信息；

基于向服务器传递的筛选参数、页码、数据的长度以及用户信息查找对应的数据列表并返回至页；

页面获取从服务器返回的数据，返回的数据包括：数据列表、数据总数以及页码。

8.根据权利要求7所述的一种基于Vue和Element UI的表格生成和操作方法，其特征在于，页面根据传递的数据格式和数据操作权限，生成不同的数据表列从而生成数据表格之后，所述步骤还包括：

前端定义是否需要分页操作、是否需要数据的长度操作以及是否需要直接跳转页面操作。

9.根据权利要求8所述的一种基于Vue和Element UI的表格生成和操作方法，其特征在于，前端定义是否需要分页操作、是否需要数据的长度操作以及是否需要直接跳转页面操作之后，所述步骤还包括：

将引起表格变化的目标参数定义在js对象中，目标参数包括：表格的筛选参数、数据的长度、当前的页码、直接跳转页面数据。

深度监听js对象的变化，当检测js对象中任意一个数据的变化后，则根据新的数据对象重新获取表格数据以更新页面。

10.一种基于Vue和Element UI的表格生成和操作系统，其特征在于，所述系统包括：

传递单元，用于通过向服务器发送HTTP请求，传递表格特定的参数以及用户信息；

第一查找单元，用于根据用户的权限以及表格的特定参数，查找表格信息并返回至页面；

渲染单元，用于前端将接收的表格信息对表格进行渲染；

第二查找单元，用于基于向服务器传递的用户信息和表格特定的参数，查找用户的数据操作权限，并返回至页面；

生成单元，用于页面根据传递的数据格式和数据操作权限，生成不同的数据表列从而生成数据表格。