[发明专利]一种基于Vue.js的表格按钮权限控制方法

说明书

本发明公开了一种基于Vue.js的表格按钮权限控制方法，权限控制技术领域，包括以下步骤：步骤1.创建表格容器组件；步骤2.在表格容器组件中添加表格元素组件并配置表格元素组件的权限；步骤3.根据用户的权限信息和表格元素组件的权限渲染表格元素组件。步骤2的具体步骤如下：1)创建表格元素适配器；2)在表格元素适配器中初始化表格元素组件，并给初始化的表格元素组件配置权限；3)将表格元素组件及其配置权限作为配置信息注册到表格容器组件中。本发明通过基于Vue.js的渐进式框架进行开发，以整合表格容器组件和表格元素组件控制权限的方式，实现了表格元素组件的权限控制，极大地提高了表格容器组件的复用性，又方便后期代码维护。

技术领域

本发明涉及权限控制技术领域，具体涉及一种基于Vue.js的表格按钮权限控制方法。

背景技术

在许多的实际应用中，不只是要求用户简单地进行注册登录，还要求不同类别的用户对资源有不同的操作权限。权限控制一般指根据系统设置的安全规则或者安全策略，用户可以访问而且只能访问自己被授权的资源，不多不少。权限控制几乎出现在任何软件系统里面，只要其涉及网络化和多用户应用。在权限的世界里服务端提供的一切都是资源，资源可以由请求方法加请求地址来描述，权限是对特定资源的访问许可，所谓权限控制，也就是确保用户只能访问到被分配的资源。具体的说，前端对资源的访问通常是由界面上的按钮发起，比如删除某条数据；或由用户进入某一个页面发起，比如获取某个列表数据。这两种形式覆盖了资源请求的大部分场景，因此权限控制也可以被笼统的分成菜单权限控制和按钮权限控制。

随着Web技术的飞速发展，前端技术使用的比例越来越高，在整个开发项目中的比重也越来越重，后台管理系统对表格组件的使用也越来越频繁，而往往表格组件都与表格元素存在一定的耦合关系，对于每个不同的表格控制权限增加了开发人员的工作量，影响开发效率。

发明内容

本发明的目的在于：为解决在软件开发的过程中，表格组件使用频繁而导致代码冗余的问题，提供了一种基于Vue.js的表格按钮权限控制方法。

本发明采用的技术方案如下：

一种基于Vue.js的表格按钮权限控制方法，包括以下步骤：

步骤1.创建表格容器组件；

步骤2.在表格容器组件中添加表格元素组件并配置表格元素组件的权限；

步骤3.根据用户的权限信息和表格元素组件的权限渲染表格元素组件。

进一步地，所述步骤2的具体步骤如下：

步骤2.1.创建表格元素适配器；

步骤2.2.在表格元素适配器中初始化表格元素组件，并给初始化的表格元素组件配置权限；

步骤2.3.将表格元素组件及其配置权限作为配置信息注册到表格容器组件中。

进一步地，给表格元素组件配置权限的方法为：给表格元素组件的某个属性赋予一个特定值，所述属性记作p-key，所述特定值记作p-Value。

进一步地，所述步骤3的具体步骤如下：

步骤3.1.用户登录系统并验证用户信息，若验证通过，则读取的用户权限信息并进入步骤3.2；若验证失败，则取消对表格元素组件的渲染；

步骤3.2.将用户的权限信息与所述表格元素组件的权限进行匹配，进入步骤3.3；

步骤3.3.根据匹配结果进行实例化表格容器组件及表格元素组件。

综上所述，由于采用了上述技术方案，本发明的有益效果是：