秒懂权限管理，midwayjs实战教你轻松拿捏前后端

后端

2023-12-22 03:03:09

MidwayJS 构建后台管理系统：强大的权限管理

权限管理概述

在现代软件开发中，权限管理是至关重要的，它保障了系统安全性和用户体验。权限管理涉及以下方面：

用户管理： 添加、删除、修改用户，并分配角色。
角色管理： 添加、删除、修改角色，并分配权限。
权限管理： 添加、删除、修改权限，并分配给角色。
资源管理： 添加、删除、修改资源，并分配给角色。

前端权限管理

前端权限管理控制用户对前端界面的访问，通过以下方式实现：

路由权限管理： 限制用户访问特定路由。
组件权限管理： 限制用户访问特定组件。
数据权限管理： 限制用户访问特定数据。

后端权限管理

后端权限管理控制用户对后端服务的访问，通过以下方式实现：

接口权限管理： 限制用户访问特定接口。
数据权限管理： 限制用户访问特定数据。
服务权限管理： 限制用户访问特定服务。

MidwayJS 介绍

MidwayJS 是一款流行的 Node.js 框架，提供开箱即用的功能，帮助开发者快速构建 Web 应用。其特点包括：

轻量级： 无需担心性能影响。
模块化： 方便扩展和定制。
高性能： 异步编程模型，提升性能。

使用 MidwayJS 构建基础后台管理系统

用户管理

const UserSchema = new Schema({
  username: { type: String, required: true, unique: true },
  password: { type: String, required: true },
  roles: [{ type: Schema.Types.ObjectId, ref: 'Role' }]
});

角色管理

const RoleSchema = new Schema({
  name: { type: String, required: true, unique: true },
  permissions: [{ type: Schema.Types.ObjectId, ref: 'Permission' }]
});

权限管理

const PermissionSchema = new Schema({
  name: { type: String, required: true, unique: true },
  resources: [{ type: Schema.Types.ObjectId, ref: 'Resource' }]
});

资源管理

const ResourceSchema = new Schema({
  name: { type: String, required: true, unique: true },
  url: { type: String, required: true }
});

前端权限管理（Vue.js + Vue-router + Pinia）

路由权限管理

const router = new VueRouter({
  routes: [
    {
      path: '/dashboard',
      component: Dashboard,
      meta: {
        requiresAuth: true,
        roles: ['admin']
      }
    }
  ]
});

组件权限管理

<template>
  <div v-if="hasPermission('permission_name')">
    组件内容
  </div>
</template>

<script>
export default {
  methods: {
    hasPermission(permissionName) {
      // 从 Pinia store 中获取权限
      const permissions = usePermissionsStore().permissions;
      return permissions.includes(permissionName);
    }
  }
}
</script>

后端权限管理（MidwayJS）

接口权限管理

@Controller('/user')
export class UserController {
  @Post('/')
  @HttpCode(201)
  async create(@Body() user: CreateUserDto) {
    // 权限校验
    this.checkPermissions(['user:create']);
    // 具体业务逻辑
  }
}

数据权限管理

@Provide()
export class UserService {
  // 权限校验
  @Aspect(pointcut(), interceptor())
  async checkPermissions(permissions: string[]) {
    // 获取当前用户
    const user = await this.currentUser();
    // 获取用户权限
    const userPermissions = await this.getUserPermissions(user);
    // 检查权限
    for (const permission of permissions) {
      if (!userPermissions.includes(permission)) {
        throw new ForbiddenException();
      }
    }
  }
}