针对Vue的后台权限功能实现思路(持续更新)

权限是一块设计挺繁琐的功能,尤其是设计到前端SPA应用,前后端的耦合性太强,先屡屡思路,再实现,如果您有好的建议,也可评论留言。

基本的表结构如下

用户表。user

字段

说明

id

用户ID

username

用户名

示例

id

username

1

赛冷思

前端路由表。routes

字段

说明

id

路由自增ID

pid

父级路由ID,默认根路由为0

path

方便操作无线分类的关键字段,后面再说

web_pata

前端路由路径,注意:为方便各种SPA,前后不带斜杠,交给前端自己处理即可

name

路由名称

desc

路由描述

sort

排序,例如同一级路由,可按此字段排序,这个排序结果将会在前端菜单中提现

extra

拓展信息,格式为JSON字符串,例如vue-router中的meta信息

有几项需要注意:

  1. 添加功能尽量让前端开发者填写,你懂得
  2. 修改时,前端一定要知道,你懂得
  3. 删除时,前端一定要知道,你懂得

切记,这些东西都是跟前端相关联。。。

示例

id

pid

path

web_path

name

desc

sort

extra

1

0

0,

manager

内容管理

管理内容的路由

1

{}

2

1

0,1,

article

文章管理

文章管理

1

{}

3

2

0,1,2,

list

文章列表

查看文章列表页面

1

{}

4

2

0,1,2,

view

文章详情

查看文章详情页面

1

{}

5

2

0,1,2,

edit

添加/修改文章

添加和修改文章公用页面

1

{"test":"article-edit"}

6

1

0,1,

mind

随笔管理

随笔管理

1

{}

7

6

0,1,6,

list

随笔列表

查看随笔列表页面

1

{}

8

6

0,1,6,

view

随笔详情

查看随笔详情页面

1

{}

9

6

0,1,6,

edit

添加/修改随笔

添加和修改随笔公用页面

1

{"test":"mind-edit"}

注意:给用户选择路由时,如果选择的是最底层的路由,那么从它自身到最顶层父级,都应该被选择,例如选择文章列表,那么文章管理和内容管理都应该被选中。同样,如果选择的不是最底层的,那么所有的子级应该被选中,不再细说。 解释一下关键字段

  • pid 父级ID,根级ID为0,没啥说
  • path 默认为"0,",意思就把当前数据,从最顶层的父级pid到自身的pid,用英文","链接起来,最后要加个逗号 例如,文章管理自己的pid为1,它得父级内容管理的pid是0,所以文章管理的path就是"0,1,",一次类推就行
  • extra 前端路由的拓展信息

用户路由关联表。user_routes

字段

说明

id

自身自增ID

user_id

用户ID

route_id

路由ID

extra

拓展信息,格式为JSON字符串,例如vue-router中的meta信息,此拓展在将会和routes表extra合并,可以通过这个字段细粒度控制路由中的小操作

示例

id

user_id

route_id

extra

1

1

1

{}

2

1

2

{}

3

1

6

{}

4

1

3

{}

5

1

4

{}

6

1

9

{"add":true,"update":false}

通过示例可以看出,该用户拥有的路由其实就三个页面,分别是:文章列表,文章查看和添加/修改随笔,注意:添加/修改随笔extra里面设置了,add为true,update为false,意思是,只能添加,不能修改,前端可以在用户进入这个页面的时候,通过这个信息来决定到底能干啥,从而也就实现了细粒度控制每个页面的具体操作。

最终给前端返回的数据格式如下:

{
    id:1,
    username:'赛冷思',
    routes:[
        {
            id:1,
            web_path:'manager',
            name:'内容管理',
            extra:{},
            ...其他字段
            children:[
                {
                    id:2,
                    web_path:'article',
                    name:'文章管理',
                    extra:{},
                    children:[
                        {
                            id:3,
                            web_path:'list',
                            name:'文章列表',
                            extra:{},
                        },
                        {
                            id:4,
                            web_path:'view',
                            name:'文章详情',
                            extra:{},
                        }
                    ]
                },
                {
                    {
                        id:6,
                        web_path:'mind',
                        name:'随笔管理',
                        extra:{},
                        children:[
                            {
                                id:9,
                                web_path:'view',
                                name:'添加/修改随笔',
                                extra:{
                                    test:'mind-edit',
                                    add:true,
                                    update:false
                                }
                            }
                        ]
                    }
                }
            ]
        }
    ]
}

大致思路就是这样,回头在实现的过程中发现不完善的,将会持续更新。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Danny的专栏

MySQL安装图解

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/huyuyang6688/article/...

2933
来自专栏H2Cloud

linux epoll 开发指南-【ffrpc源码解析】

摘要 关于epoll的问题很早就像写文章讲讲自己的看法,但是由于ffrpc一直没有完工,所以也就拖下来了。Epoll主要在服务器编程中使用,本文主要探讨服务器程...

4115
来自专栏进击的程序猿

6.824 Lab 3: Fault-tolerant Key/Value Service Part-AIntroduction实际设计中出现的问题

该实验是mit 6.824课程的第3个实验,基于raft协议完成一个key-value系统

1773
来自专栏cs

计算机网络--子网划分+思科CiscroPacket使用

<h1>1.0概念</h1> <p> <p><b>子网划分</b>是通过借用IP地址的若干位主机位来充当子网地址从而将原网络划分为若干子网而实现的...

4299
来自专栏沃趣科技

Oracle中的sysctl.conf内核参数

当我们对Oracle进行安装部署时,需要按照相关要求修改OS内核参数,下面对Oracle按照部署时需要修改的相关内核参数进行简单介绍。

1463
来自专栏小狼的世界

[每天五分钟,备战架构师-3]操作系统基本原理之存储管理

存储器是计算机系统中最重要的资源之一,任何程序和数据及各种控制用的数据结构都必须占有一定的存储空间,因此,存储管理直接影响系统性能。

982
来自专栏祥子的故事

Tensorflow | win10中安装tensorflow-0.12.1 (0.12.1以后的版本安装均适用)

9817
来自专栏重庆的技术分享区

TensorFlow版本更新后运行代码所遇到的error(持续更新)

1743
来自专栏逆向技术

脱壳第三讲,UPX压缩壳,以及补充壳知识

           脱壳第三讲,UPX压缩壳,以及补充壳知识 一丶什么是压缩壳.以及壳的原理 在理解什么是压缩壳的时候,我们先了解一下什么是壳 1.什么是壳 ...

2828
来自专栏小鹏的专栏

tf API 研读6:Running Graphs

会话管理 (Session management) 操作 描述 class tf.Session 运行TF操作的类, 一个Session对象将操作节...

2146

扫码关注云+社区

领取腾讯云代金券