基于CRUD和权限管理的vue开发方法及装置制造方法及图纸

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

【技术实现步骤摘要】
基于CRUD和权限管理的vue开发方法及装置
本专利技术涉及计算机
，具体而言，涉及一种基于CRUD和权限管理的vue开发方法、装置、电子设备及计算机可读介质。
技术介绍
现有的前端开发框架大多采用vue。vue是一套用于构建用户界面的渐进式框架，使用vue框架可以完全在浏览器端渲染页面，服务端只提供数据使用vue框架就可以非常方便的构建单页面应用（SPA）。对于前端和后端分离的系统架构，由于前后端代码分别开发，对于用户的权限控制及表格的表格增删改查操作复杂，导致开发时间比较长，影响整个项目进度。
技术实现思路
本专利技术旨在解决在前后端分离的系统架构中，对于用户的权限控制及表格的表格增删改查操作复杂，导致开发时间长的技术问题。为了解决上述技术问题，本专利技术第一方面提出一种基于CRUD和权限管理的vue开发方法，所述方法包括：配置vue框架的配置文件；基于角色的权限访问控制RBAC对vue路由进行动态封装，动态创建并插入有权限的路由；引入CRUD封装的状态管理，通过状态管理进行本文档来自技高网...

【技术保护点】
1.一种基于CRUD和权限管理的vue开发方法，其特征在于，所述方法包括：/n配置vue框架的配置文件；/n基于角色的权限访问控制RBAC对vue路由进行动态封装，动态创建并插入有权限的路由；/n引入CRUD封装的状态管理，通过状态管理进行页面级别的表格增删改查；/n根据vue动态路由和CRUD封装的状态管理生成vue框架模板；/n根据所述vue框架模板对vue单页面进行开发。/n

【技术特征摘要】
1.一种基于CRUD和权限管理的vue开发方法，其特征在于，所述方法包括：
配置vue框架的配置文件；
基于角色的权限访问控制RBAC对vue路由进行动态封装，动态创建并插入有权限的路由；
引入CRUD封装的状态管理，通过状态管理进行页面级别的表格增删改查；
根据vue动态路由和CRUD封装的状态管理生成vue框架模板；
根据所述vue框架模板对vue单页面进行开发。


2.根据权利要求1所述的方法，其特征在于，通过v-permission判断用户权限，根据所述用户权限动态创建并插入有权限的路由。


3.根据权利要求1所述的方法，其特征在于，所述通过状态管理进行页面级别的表格增删改查包括：
通过编辑form表单数据、增加form表单数据、查询表单数据和删除列表数据隐藏或显示页面级别的新增、查询、编辑、删除、导入、导出按钮。


4.根据权利要求3所述的方法，其特征在于，所述表格增删改查的基础数据通过全局注册，所述基础数据由表格页面传入。


5.根据权利要求4所述的方法，其特征在于，所述基础数据分为表头数据，标题，表体数据，分页数据和表单数据由表格页面传入。

【专利技术属性】
技术研发人员：李鹏辉，
申请(专利权)人：北京淇瑀信息科技有限公司，
类型：发明
国别省市：北京;11