[发明专利]一种基于Vue.js和Django的权限控制方法及系统

权利要求书

1.一种基于Vue.js和Django的权限控制方法，其特征在于，包括如下步骤：

S1：利用Django生成WEB后端接口权限表，并进行接口权限与前端权限的匹配；

S2：创建角色并选择权限项；

S3：创建当前角色下的用户；

S4：利用Django获取当前用户的所有前端权限代号；

S5：利用Vue.js，根据匹配的前端权限代号，控制前端菜单权限；

S6：利用Vue.js,根据匹配的前端权限代号，控制前端指令权限；

S7：利用Django，根据后端接口权限表，控制后端接口权限。

2.根据权利要求1所述的基于Vue.js和Django的权限控制方法，其特征在于，所述步骤S1中，利用Django生成WEB后端接口权限表具体包括：

在工程中添加Django的功能模块auth、contenttypes和rest_framework；

使用migrate命令生成数据库表，所述数据库表包括接口权限表auth_permission表、用于记录app_label和model的django_content_type表。

3.根据权利要求2所述的基于Vue.js和Django的权限控制方法，其特征在于，所述步骤S1中，进行接口权限与前端权限的匹配具体包括：

通过django_content_type表获取所有的app_label和model；

根据app_label和model匹配前端权限，筛选掉不需要通过前端控制的权限，通过permission_set关系字段获取auth_permission表中的权限代号；

获取的权限代号，包括与前端菜单项权限对应的菜单权限代号和与前端元素指令权限对应的指令权限代号。

4.根据权利要求1所述的基于Vue.js和Django的权限控制方法，其特征在于，所述步骤S2包括：

获取当前系统所有的前端菜单权限代号和指令权限代号；

根据获取的菜单权限代号和指令权限代号，生成前端的权限树；

创建新的角色，并为此角色选择权限树中的权限项；

将为此角色选择的权限项写入数据库。

5.根据权利要求1所述的基于Vue.js和Django的权限控制方法，其特征在于，所述步骤S3包括：

获取所有已创建的角色

创建用户，并为此用户选择一个或多个角色。

6.根据权利要求1所述的基于Vue.js和Django的权限控制方法，其特征在于，所述步骤S4包括：

通过Django提供的get_all_permission()函数获取当前用户的所有接口权限；将当前用户的所有接口权限与前端的权限的匹配，向前端分别返回当前用户所有的菜单权限代号和指令权限代号。

7.根据权利要求1所述的基于Vue.js和Django的权限控制方法，其特征在于，所述步骤S5包括：

通过配置，使前端路由名称与菜单权限代号一一对应；

获取当前用户的所有菜单权限代号；

根据获取的菜单权限代号匹配前端路由，得到当前用户拥有权限的前端动态路由；

根据前端动态路由生成前端菜单栏，实现前端菜单权限控制。

8.根据权利要求1所述的基于Vue.js和Django的权限控制方法，其特征在于，所述步骤S6包括：

在前端通过使用Vue.directive自定义v-perm指令和编写checkPermission函数判断当前用户是否具备前端元素对应的指令权限；

获取当前用户的所有指令权限代号；

在前端页面中，使用v-perm指令或checkPermission函数控制前端页面的元素。