qq_45585640的博客

权限管理模块 RBAC的权限设计思想 采用方案: RBAC的权限模型，RBAC(Role-Based Access control) ，也就是基于角色的权限分配解决方案 权限控制目标：不同的用户登录系统后可以操作不同的菜单 其权限模式如下: 三个关键点: 员工用户, 角色, 权限 给员工分配角色 给角色分配权限 以你自己为例, 你进入一家公司, 入职, 人事将你录入系统 => 分配你的角色 (前端研发工程师) 同角色有着相同的权限, 操作角色权限的同时, 所有该角色的用户对应权限, 就会同步

07-HR-02-员工详情模块

07-HR-01-员工管理模块

06-HR-角色管理模块

08-HR-权限管理模块（给员工分配角色，权限点管理页面开发，给角色分配权限，前端权限-页面访问权(路由)，前端权限-按钮操作权）

07-HR-02-员工详情模块(员工详情页,个人组件和岗位组件封装,员工个人信息和岗位信息,配置腾讯云Cos,封装上传图片组件分析,在员工详情中应用上传组件)

theme: github 员工管理模块 需求：管理员工相关的信息（员工信息的增删改查，支持批量导入，支持角色授权等） 通用工具栏的组件结构 在后续的业务开发中，经常会用到一个类似下图的工具栏，作为公共组件，进行一下封装 组件 src/components/PageTools/index.vue <template> <el-card> <div class="page-tools"> <!-- 左侧 --> &.

06-HR-角色管理（角色管理介绍，角色管理组件布局，获取角色列表数据，处理表格分页，处理序号问题，添加表格loading效果，删除角色功能，添加角色弹窗控制）

※组织架构模块 业务功能介绍 说明：组织架构模块主要管理公司所有部门信息，支持添加、删除、编辑操作 基本组件布局 目标：使用element-UI组件布局组织架构的基本布局 头部布局 <el-card class="tree-card"> <!-- 用了一个行列布局 --> <el-row type="flex" justify="space-between" align="middle" style="height: 40px"> <e

04-HR-路由配置（路由配置介绍，搭建业务模块页面，配置模块路由规则，配置菜单文字和icon图标，拆分路由模块，动态路由和静态路由合并，处理高亮激活）

03-HR-主页模块（左侧菜单，左侧图标，头部导航，获取用户信息，vuex存储用户资料，获取用户的头像，处理头像失效问题，退出功能，处理token失效问题）

02-HR-登录模块（登录页面基本布局，登录表单的校验，封装单独的登录接口，axios响应拦截器，基于vuex管理token，token缓存封装，导航守卫处理）

项目初始化 前后端交互 前端动效（交互） css html js（jQuery）+ ajax node.js 后端开发：对标java、php、python 作为工具使用 Vue：把数据填充到HTML标签里面（数据的响应式） 模板语法：指令，插值表达式，计算属性，侦听器，过滤器，ref；组件化开发（分而治之） 如何定义组件：全局组件；局部组件； 组件之间的数据交互：父传子；子传父；非父子（vuex） 插槽：基本插槽；具名插槽；作用域插槽 生命周期函数 异步编程：ajax相关知识（前