目录结构#
src 目录结构#
├─api
│ └─system
├─assets
│ ├─css
│ └─icons
├─components
│ ├─app
│ ├─common
│ ├─exception
│ ├─layout
│ │ ├─nav-bar
│ │ ├─side-bar
│ │ └─tab-bar
│ └─login
├─hooks
│ ├─app
│ ├─routes
│ └─util
├─i18n
│ └─lang
├─router
├─stores
│ └─modules
├─types
│ ├─base
│ └─system
└─views
├─system
│ ├─auth
│ │ └─pages
│ ├─dict
│ ├─menu
│ │ └─pages
│ ├─monitor
│ │ └─pages
│ └─user
│ └─pages
└─test
api 目录#
│ apis.ts // 导出全部Api
│ sysApis.ts // 定义系统API
│ tests.ts // 定义测试API
│
└─system // 部分系统api预处理
dict.ts
login.ts
user.ts
assets 目录#
├─assets //资源目录
│ ├─css // css
│ └─icons // 图标
components 目录#
├─components // 组件目录
│ ├─app // app相关
│ ├─common // 通用
│ ├─exception // 错误
│ ├─layout
│ │ ├─nav-bar // 顶栏
│ │ ├─side-bar // 侧边栏
│ │ └─tab-bar // tabBar
│ └─login // 登录
hook 函数#
├─hooks
│ ├─app // app 相关，主题、动画等
│ ├─routes // 路由 相关，路由守卫、路由工具函数等
│ └─util // 其他一些未分类函数，权限控制，表格，表单等
view 目录#
└─views
│
├─system //系统管理模块
│ ├─auth // 授权管理
│ │ │ dept-manage.vue //部门管理
│ │ │ post-manage.vue //岗位管理
│ │ │ role-manage.vue //角色管理
│ │ │ user-manage.vue //用户管理
│ │ │
│ │ └─pages
│ │
│ ├─dict //字典管理
│ │ data.vue //字典数据管理
│ │ type.vue //字典类型管理
│ │
│ ├─menu
│ │ │ auth.vue //授权查询，主要用于数据库关联，日志设置等
│ │ │ menu-manage.vue //授权菜单管理
│ │ │
│ │ └─pages
│ │
│ ├─monitor // 服务监控
│ │ │ login-log.vue // 登录日志
│ │ │ online-user.vue // 在线日志
│ │ │ operate-log.vue // 操作日志
│ │ │ scheduled-tasks.vue // 定时任务
│ │ │
│ │ └─pages
│ │
│ └─user
│ │ profile.vue //个人信息
│ │
│ └─pages
│
└─test // 测试模块
│
└─data_scope.vue // 数据权限测试
目录