feat: 搭建后台管理框架

mock/_createProductionServer.ts

@@ -0,0 +1,18 @@
+import { createProdMockServer } from 'vite-plugin-mock/es/createProdMockServer'
+
+const modules = import.meta.glob('./**/*.mock.ts', {
+  import: 'default',
+  eager: true
+})
+
+const mockModules: any[] = []
+Object.keys(modules).forEach(async (key) => {
+  if (key.includes('_')) {
+    return
+  }
+  mockModules.push(...(modules[key] as any))
+})
+
+export function setupProdMockServer() {
+  createProdMockServer(mockModules)
+}

mock/role/index.mock.ts

@@ -0,0 +1,129 @@
+import { MockMethod } from 'vite-plugin-mock'
+import { SUCCESS_CODE } from '@/constants'
+
+const timeout = 1000
+
+const adminList = [
+  {
+    path: '/dashboard',
+    component: '#',
+    redirect: '/dashboard/index',
+    name: 'Dashboard',
+    meta: {
+      title: '工作台',
+      icon: 'ant-design:dashboard-filled'
+    },
+    children: [
+      {
+        path: 'index',
+        name: 'dashboard',
+        component: 'views/common/DashboardView',
+        meta: {
+          title: '工作台',
+          icon: 'ant-design:dashboard-filled',
+          affix: true
+        }
+      }
+    ]
+  },
+  {
+    path: '/content',
+    component: '#',
+    redirect: '/content/dramas',
+    name: 'Content',
+    meta: {
+      title: '内容管理',
+      icon: 'ep:video-camera',
+      alwaysShow: true
+    },
+    children: [
+      {
+        path: 'dramas',
+        name: 'dramas',
+        component: 'views/contentManagement/DramaManagementView',
+        meta: {
+          title: '短剧管理'
+        }
+      },
+      {
+        path: 'episodes',
+        name: 'episodes',
+        component: 'views/contentManagement/EpisodeManagementView',
+        meta: {
+          title: '剧集管理'
+        }
+      }
+    ]
+  },
+  {
+    path: '/system',
+    component: '#',
+    redirect: '/system/access',
+    name: 'System',
+    meta: {
+      title: '后台管理',
+      icon: 'ep:setting',
+      alwaysShow: true
+    },
+    children: [
+      {
+        path: 'access',
+        name: 'access',
+        component: 'views/permission/RoleManagementView',
+        meta: {
+          title: '角色权限配置'
+        }
+      },
+      {
+        path: 'admin-users',
+        name: 'admin-users',
+        component: 'views/userManagement/AdminUsersView',
+        meta: {
+          title: '管理员用户列表'
+        }
+      },
+      {
+        path: 'menus',
+        name: 'menus',
+        component: 'views/permission/MenuManagementView',
+        meta: {
+          title: '菜单管理'
+        }
+      },
+      {
+        path: 'role-categories',
+        name: 'role-categories',
+        component: 'views/permission/RoleCategoriesView',
+        meta: {
+          title: '角色分类'
+        }
+      },
+      {
+        path: 'settings',
+        name: 'settings',
+        component: 'views/systemManagement/SettingsView',
+        meta: {
+          title: '系统设置'
+        }
+      }
+    ]
+  }
+]
+
+const testList = adminList.filter((route) => route.path !== '/system')
+
+export default [
+  // 列表接口
+  {
+    url: '/mock/role/list',
+    method: 'get',
+    timeout,
+    response: ({ query }) => {
+      const { roleName } = query
+      return {
+        code: SUCCESS_CODE,
+        data: roleName === 'admin' ? adminList : testList
+      }
+    }
+  }
+] as MockMethod[]

mock/user/index.mock.ts

@@ -0,0 +1,90 @@
+import { SUCCESS_CODE } from '@/constants'
+
+const timeout = 1000
+
+const List: {
+  username: string
+  password: string
+  role: string
+  roleId: string
+  permissions: string | string[]
+}[] = [
+  {
+    username: 'admin',
+    password: 'admin123',
+    role: 'admin',
+    roleId: '1',
+    permissions: ['*.*.*']
+  },
+  {
+    username: 'test',
+    password: 'test',
+    role: 'test',
+    roleId: '2',
+    permissions: ['example:dialog:create', 'example:dialog:delete']
+  }
+]
+
+export default [
+  // 列表接口
+  {
+    url: '/mock/user/list',
+    method: 'get',
+    response: ({ query }) => {
+      const { username, pageIndex, pageSize } = query
+
+      const mockList = List.filter((item) => {
+        if (username && item.username.indexOf(username) < 0) return false
+        return true
+      })
+      const pageList = mockList.filter(
+        (_, index) => index < pageSize * pageIndex && index >= pageSize * (pageIndex - 1)
+      )
+
+      return {
+        code: SUCCESS_CODE,
+        data: {
+          total: mockList.length,
+          list: pageList
+        }
+      }
+    }
+  },
+  // 登录接口
+  {
+    url: '/mock/user/login',
+    method: 'post',
+    timeout,
+    response: ({ body }) => {
+      const data = body
+      let hasUser = false
+      for (const user of List) {
+        if (user.username === data.username && user.password === data.password) {
+          hasUser = true
+          return {
+            code: SUCCESS_CODE,
+            data: user
+          }
+        }
+      }
+      if (!hasUser) {
+        return {
+          code: 500,
+          message: '账号或密码错误'
+        }
+      }
+    }
+  },
+  // 退出接口
+  {
+    url: '/mock/user/loginOut',
+    method: 'get',
+    timeout,
+    response: () => {
+      return {
+        code: SUCCESS_CODE,
+        data: null
+      }
+    }
+  }
+]