一种页面表格的动态生成方法及系统技术方案

本发明专利技术公开了一种页面表格的动态生成方法及系统，涉及页面开发技术领域。该方法包括：前端获取当前用户选择表格的表格编号和用户ID；后端根据用户ID判断当前用户是否设置了自定义表格，未设置自定义表格时，根据表格编号读取目标表格的记录信息，并根据用户ID确定具有授权的表格列，返回给前端；前端根据当前用户具有授权的表格列和目标表格中无需授权的表格列的记录信息对目标表格的每个表格列进行全局视图显示。本发明专利技术当页面列有调整时，前端和后端无须重新发版部署，仅需要执行sql脚本进行配置即可，不仅表格形式可以个性化显示，可以精细地对每个数据列进行权限控制，还可以避免重复生成多个表格页面，减少了前端开发和运维的工作量。发和运维的工作量。发和运维的工作量。

【技术实现步骤摘要】
一种页面表格的动态生成方法及系统


[0001]本专利技术涉及页面开发
，尤其涉及一种页面表格的动态生成方法及系统。

技术介绍

[0002]表格是前端页面最基本的数据展示方式之一，现有的表格生成方法，通常是由前端生成表格，几乎每个查询页面都需要一个表格，同一个系统中表格的样式也几乎都是一致的，并且由前端生成的表格列头名称及列宽都是固定的，只有表格单元格填充数据是动态的来源于后端查询接口，不利于数据列权限的控制；此外，通常企业都有多个自动化管理系统，每个系统的查询功能页面也很多，每个查询页面前端都会重复开发一个表格，随着表格的增多，前端的开发任务逐渐增多，需要重复生成多个表格页面，增加了前端开发和运维的工作量。

技术实现思路

[0003]本专利技术所要解决的是现有的表格生成方法不利于数据列权限控制且表格重复开发导致工作量大的问题，为了解决上述技术问题，本专利技术提供了一种页面表格的动态生成方法及系统。
[0004]第一个方面，提供了一种页面表格的动态生成方法，包括：
[0005]前端获取当前用户选择表格的表格编号和用户ID，并发送给后端，所述后端的数据库包括表格表和表格列表，所述表格表包括表格的记录信息，所述表格列表包括每个表格的表格列的记录信息；
[0006]所述后端根据所述用户ID判断所述当前用户是否设置了自定义表格，当所述当前用户未设置自定义表格时，根据所述表格编号从所述表格表中读取目标表格的记录信息，并根据所述用户ID确定所述当前用户在所述目标表格中具有授权的表格列，将所述当前用户具有授权的表格列和所述目标表格中无需授权的表格列的记录信息返回给所述前端；
[0007]所述前端根据所述当前用户具有授权的表格列和所述目标表格中无需授权的表格列的记录信息对所述目标表格的每个表格列进行全局视图显示。
[0008]在第一个方面的一种可能实现中，还包括：
[0009]所述前端获取所述当前用户的视图切换指令，当所述当前用户切换到简单视图时，将所述视图切换指令发送给所述后端；
[0010]所述后端根据所述视图切换指令确定所述目标表格中简易显示的表格列，并从所述表格列表中读取所述目标表格中简易显示的表格列的记录信息返回给所述前端；
[0011]所述前端根据所述目标表格中简易显示的表格列的记录信息对所述目标表格中的简易显示的表格列进行显示。
[0012]在第一个方面的一种可能实现中，还包括：
[0013]当所述当前用户切换到自定义视图时，所述前端获取所述当前用户对所述目标表格的对应表格列的操作信息，并将所述视图切换指令和所述操作信息发送给所述后端；
[0014]所述后端接收到所述自定义视图的视图切换指令后，根据所述操作信息修改所述表格列表中对应表格列的记录信息，并将修改后的对应表格列的记录信息返回给所述前端；
[0015]所述前端根据修改后的对应表格列的记录信息对所述目标表格的对应表格列进行显示。
[0016]在第一个方面的一种可能实现中，所述前端获取所述当前用户对所述目标表格的对应表格列的操作信息，具体包括：
[0017]所述前端获取所述当前用户对所述目标表格的对应表格列的勾选操作，勾选中的表格列进行显示，未勾选的表格列进行隐藏；
[0018]所述前端获取所述当前用户对所述目标表格的对应表格列的拖曳操作，设置表格列的显示顺序。
[0019]在第一个方面的一种可能实现中，还包括：
[0020]当用户设置了自定义表格时，所述后端根据所述表格编号从数据库的表格表中读取目标表格的记录信息返回给所述前端，并从所述数据库的表格列表中读取所述目标表格的每个表格列的记录信息返回给所述前端，所述前端根据所述目标表格的记录信息和所述目标表格的每个表格列的记录信息显示所述目标表格的每个表格列。
[0021]第二个方面，提供了一种页面表格的动态生成系统，包括：前端和后端，所述后端的数据库包括表格表和表格列表，所述表格表包括表格的记录信息，所述表格列表包括每个表格的表格列的记录信息，其中：
[0022]所述前端用于获取当前用户选择表格的表格编号和用户ID，并发送给所述后端；
[0023]所述后端用于根据所述用户ID判断所述当前用户是否设置了自定义表格，当所述当前用户未设置自定义表格时，根据所述表格编号从所述表格表中读取目标表格的记录信息，并根据所述用户ID确定所述当前用户在所述目标表格中具有授权的表格列，将所述当前用户具有授权的表格列和所述目标表格中无需授权的表格列的记录信息返回给所述前端；
[0024]所述前端还用于根据所述当前用户具有授权的表格列和所述目标表格中无需授权的表格列的记录信息对所述目标表格的每个表格列进行全局视图显示。
[0025]在第二方面的一种可能实现中，所述前端还用于获取所述当前用户的视图切换指令，当所述当前用户切换到简单视图时，将所述视图切换指令发送给所述后端；
[0026]所述后端还用于根据所述视图切换指令确定所述目标表格中简易显示的表格列，并从所述表格列表中读取所述目标表格中简易显示的表格列的记录信息返回给所述前端；
[0027]所述前端还用于根据所述目标表格中简易显示的表格列的记录信息对所述目标表格中的简易显示的表格列进行显示。
[0028]在第二方面的一种可能实现中，当所述当前用户切换到自定义视图时，所述前端还用于获取所述当前用户对所述目标表格的对应表格列的操作信息，并将所述视图切换指令和所述操作信息发送给所述后端；
[0029]所述后端还用于接收到所述自定义视图的视图切换指令后，根据所述操作信息修改所述表格列表中对应表格列的记录信息，并将修改后的对应表格列的记录信息返回给所述前端；
[0030]所述前端还用于根据修改后的对应表格列的记录信息对所述目标表格的对应表格列进行显示。
[0031]在第二方面的一种可能实现中，所述前端具体用于获取所述当前用户对所述目标表格的对应表格列的勾选操作，勾选中的表格列进行显示，未勾选的表格列进行隐藏；获取所述当前用户对所述目标表格的对应表格列的拖曳操作，设置表格列的显示顺序。
[0032]在第二方面的一种可能实现中，当用户设置了自定义表格时，所述后端还用于根据所述表格编号从数据库的表格表中读取目标表格的记录信息返回给所述前端，并从所述数据库的表格列表中读取所述目标表格的每个表格列的记录信息返回给所述前端，所述前端还用于根据所述目标表格的记录信息和所述目标表格的每个表格列的记录信息显示所述目标表格的每个表格列。
[0033]以上可能实现方式中的表格的记录信息、表格列的记录信息以及后端查询接口信息完全由后端数据库配置化，使得表格列信息不再由前端控制，而是由后端动态生成，使得表格的展示更加灵活，实现动态加载列、列宽度自适应显示等功能，前端发送的表格编号不同，不同表格所得到的视觉效果不同。
[0034]以上可能实现方式中，可以通过管理员对系统用户，或上级对下级设置列可见性进行列本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面表格的动态生成方法，其特征在于，包括：前端获取当前用户选择表格的表格编号和用户ID，并发送给后端，所述后端的数据库包括表格表和表格列表，所述表格表包括表格的记录信息，所述表格列表包括每个表格的表格列的记录信息；所述后端根据所述用户ID判断所述当前用户是否设置了自定义表格，当所述当前用户未设置自定义表格时，根据所述表格编号从所述表格表中读取目标表格的记录信息，并根据所述用户ID确定所述当前用户在所述目标表格中具有授权的表格列，将所述当前用户具有授权的表格列和所述目标表格中无需授权的表格列的记录信息返回给所述前端；所述前端根据所述当前用户具有授权的表格列和所述目标表格中无需授权的表格列的记录信息对所述目标表格的每个表格列进行全局视图显示。2.根据权利要求1所述的页面表格的动态生成方法，其特征在于，还包括：所述前端获取所述当前用户的视图切换指令，当所述当前用户切换到简单视图时，将所述视图切换指令发送给所述后端；所述后端根据所述视图切换指令确定所述目标表格中简易显示的表格列，并从所述表格列表中读取所述目标表格中简易显示的表格列的记录信息返回给所述前端；所述前端根据所述目标表格中简易显示的表格列的记录信息对所述目标表格中的简易显示的表格列进行显示。3.根据权利要求2所述的页面表格的动态生成方法，其特征在于，还包括：当所述当前用户切换到自定义视图时，所述前端获取所述当前用户对所述目标表格的对应表格列的操作信息，并将所述视图切换指令和所述操作信息发送给所述后端；所述后端接收到所述自定义视图的视图切换指令后，根据所述操作信息修改所述表格列表中对应表格列的记录信息，并将修改后的对应表格列的记录信息返回给所述前端；所述前端根据修改后的对应表格列的记录信息对所述目标表格的对应表格列进行显示。4.根据权利要求3所述的页面表格的动态生成方法，其特征在于，所述前端获取所述当前用户对所述目标表格的对应表格列的操作信息，具体包括：所述前端获取所述当前用户对所述目标表格的对应表格列的勾选操作，勾选中的表格列进行显示，未勾选的表格列进行隐藏；所述前端获取所述当前用户对所述目标表格的对应表格列的拖曳操作，设置表格列的显示顺序。5.根据权利要求1至4中任一项所述的页面表格的动态生成方法，其特征在于，还包括：当用户设置了自定义表格时，所述后端根据所述表格编号从数据库的表格表中读取目标表格的记录信息返回给所述前端，并从所述数据库的表格列表中读取所述目标表格的每个表格列的记录信息返回给所述前端，所述前端根据所述目标表格的记录信息和所述目标表格的每个表格列的记录信息显示所述目标表格的每个表格列。6.一种页...

【专利技术属性】
技术研发人员：谭祥美，
申请(专利权)人：北京快成科技有限公司，
类型：发明
国别省市：