一种基于Vue和ElementUI的表格生成和操作方法及系统与流程

文档序号:24801812发布日期:2021-04-23 16:07阅读:来源:国知局

技术特征:
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请求,传递表格特定的参数以及用户信息;第一查找单元,用于根据用户的权限以及表格的特定参数,查找表格信息并返回至页面;渲染单元,用于前端将接收的表格信息对表格进行渲染;第二查找单元,用于基于向服务器传递的用户信息和表格特定的参数,查找用户的数据操作权限,并返回至页面;生成单元,用于页面根据传递的数据格式和数据操作权限,生成不同的数据表列从而生成数据表格。
当前第2页1 2 3 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1