一种基于Vue的模块化路由管理方法及权限控制方法与流程

文档序号:22685400发布日期:2020-10-28 12:51阅读:来源:国知局

技术特征:

1.一种基于vue的模块化路由管理方法,其特征在于,包括:

步骤s100:根据业务将系统页面拆分为多个一级模块,为每个一级模块创建一个路由文件;每个一级模块细分为不同的二级模块,每个二级模块对应开发一个vue组件;

步骤s200:创建router文件夹,router文件夹下创建多个子文件夹,所述子文件夹分别对应一个一级模块,用于保存一级模块的路由文件;

步骤s300:一级模块的路由信息保存在js文件中,所述路由信息包括路径、名称和源组件;js文件采用exportdefault命令,将一级模块的路由信息输出;

创建index.js文件,用于聚合一级模块的路由信息,在index.js文件的文件头引入一级模块的js文件,声明一个变量保存一级模块的路由信息并采用扩展运算符注册用户路由;

步骤s400:在二级模块的vue组件中,创建用于增加、删除、修改和查询的按钮。

2.一种基于vue的模块化路由权限控制方法,其特征在于,包括:

步骤a:利用如权利要求1所述的一种基于vue的模块化路由管理方法建立模块化路由;

步骤b:用户登录后,调用用户信息的接口,获取用户的权限和身份信息,并存放在vue组件的状态管理器vuex中,状态管理器vuex采用集中式存储所有vue组件的状态;

步骤c:在状态管理器vuex中,声明权限变量,分别用于存放增加按钮、删除按钮、修改按钮和查询按钮的操作权限;

步骤d:系统加载页面,在页面挂载期间,从状态管理器vuex中读取权限变量的值,并根据权限变量的值控制页面对应的操作按钮的可见性。


技术总结
本发明公开了一种基于Vue的模块化路由管理方法,按功能模块的划分来开发和存放组件,针对每一个模块,创建一个模块路由文件,将模块包含的组件注册到其中,该模块的全部组件注册完成后,再将该路由文件引入到项目的总路由文件,实现模块化路由。还公开了一种基于Vue的模块化路由的权限控制方法,在创建模块化路由后,针对每个二级功能模块,在其对应的Vue组件中,创建增加、删除、修改和查询的按钮,并通过指令控制这些按钮的操作权限。本发明根据业务对路由进行拆分管理,由其对应的路由文件来管理,最后在index.js文件里面聚合路由模块,可通过指令控制各操作按钮的权限,从而更简化。

技术研发人员:林桓;邓文科;宋舰;黄睿葱;鲜青林
受保护的技术使用者:四川虹魔方网络科技有限公司
技术研发日:2020.07.13
技术公布日:2020.10.27
当前第2页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1