[发明专利]基于CRUD和权限管理的vue开发方法及装置

说明书

本发明公开了一种基于CRUD和权限管理的vue开发方法及装置，所述方法包括：配置vue框架的配置文件；基于角色的权限访问控制RBAC对vue路由进行动态封装，动态创建并插入有权限的路由；引入CRUD封装的状态管理，通过状态管理进行页面级别的表格增删改查；根据vue动态路由和CRUD封装的状态管理生成vue框架模板；根据所述vue框架模板对vue单页面进行开发。本发明动态创建并插入有权限的路由；引入CRUD封装的状态管理，通过状态管理进行页面级别的表格增删改查，其他人员可以根据已封装的vue框架模板进行快速的开发，从而大大缩减开发时间，提高项目质量。

技术领域

本发明涉及计算机技术领域，具体而言，涉及一种基于CRUD和权限管理的vue开发方法、装置、电子设备及计算机可读介质。

背景技术

现有的前端开发框架大多采用vue。vue是一套用于构建用户界面的渐进式框架，使用vue框架可以完全在浏览器端渲染页面，服务端只提供数据使用vue框架就可以非常方便的构建单页面应用（SPA）。

对于前端和后端分离的系统架构，由于前后端代码分别开发，对于用户的权限控制及表格的表格增删改查操作复杂，导致开发时间比较长，影响整个项目进度。

发明内容

本发明旨在解决在前后端分离的系统架构中，对于用户的权限控制及表格的表格增删改查操作复杂，导致开发时间长的技术问题。

为了解决上述技术问题，本发明第一方面提出一种基于CRUD和权限管理的vue开发方法，所述方法包括：

配置vue框架的配置文件；

基于角色的权限访问控制RBAC对vue路由进行动态封装，动态创建并插入有权限的路由；

引入CRUD封装的状态管理，通过状态管理进行页面级别的表格增删改查；

根据vue动态路由和CRUD封装的状态管理生成vue框架模板；

根据所述vue框架模板对vue单页面进行开发。

根据本发明一种优选的实施方式，通过v-permission判断用户权限，根据所述用户权限动态创建并插入有权限的路由。

根据本发明一种优选的实施方式，所述通过状态管理进行页面级别的表格增删改查包括：

通过编辑form表单数据、增加form表单数据、查询表单数据和删除列表数据隐藏或显示页面级别的新增、查询、编辑、删除、导入、导出按钮。

根据本发明一种优选的实施方式，所述表格增删改查的基础数据通过全局注册，所述基础数据由表格页面传入。

根据本发明一种优选的实施方式，所述基础数据分为表头数据，标题，表体数据，分页数据和表单数据由表格页面传入。

根据本发明一种优选的实施方式，所述对vue单页面的开发具体为对于vue单页面操作按钮的隐藏；

对应的，所述根据所述vue框架模板对vue单页面进行开发包括：写入列表接口地址和所述vue框架模板的按钮字段。

为解决上述技术问题，本发明第二方面提供一种基于CRUD和权限管理的vue开发装置，所述装置包括：

配置模块，用于配置vue框架的配置文件；

第一封装模块，用于基于角色的权限访问控制RBAC对vue路由进行动态封装，动态创建并插入有权限的路由；

第二封装模块，用于引入CRUD封装的状态管理，通过状态管理进行页面级别的表格增删改查；

生成模块，用于根据vue动态路由和CRUD封装的状态管理生成vue框架模板；