Vue HR-saas中台管理项目教程

〖课程介绍〗:

Vue HR-saas中台管理项目教程

〖课程目录〗:

1 Vuex/
├── 1.Vuex基础-介绍_.mp4
├── 10.1设计categtory和newlist的vuex模块_.mp4
├── 10.2分类模块下设置分类数组和当前激活分类_.mp4
├── 10.3遍历分类数据并判断激活class_.mp4
├── 10.4封装调用获取分类action&激活第一个分类_.mp4
├── 10.5定义新闻数据，并封装获取新闻的Action_.mp4
├── 10.6监听激活分类，触发获取新闻Action_.mp4
├── 10.7处理显示新闻内容的数据_.mp4
├── 2.vuex基础-初始化功能_.mp4
├── 3.vuex基础-state_.mp4
├── 4.vuex基础-mutations_.mp4
├── 5.vuex基础-actions_.mp4
├── 6.vuex基础-getters_.mp4
├── 7.1为什么会有模块化_.mp4
├── 7.2模块化的简单应用_.mp4
├── 7.3模块化中的命名空间_.mp4
├── 8.vuex案例-搭建黑马头条项目_.mp4
└── 9.vuex案例-封装分类组件和频道组件_.mp4
10 图片上传、预览及打印/
├── 15.封装上传图片组件-上传组件需求分析_.mp4
├── 16.1新建文件上传组件_.mp4
├── 16.2点击图片进行预览_.mp4
├── 16.3根据上传数量控制上传按钮_.mp4
├── 16.4删除图片和添加图片_.mp4
├── 16.5上传之前检查_.mp4
├── 16.6上传动作调用上传腾讯云_.mp4
├── 16.7上传成功之后处理返回数据_.mp4
├── 16.8上传的进度条显示_.mp4
├── 17.1将员工的头像和证件照赋值给上传组件_.mp4
├── 17.2保存时处理头像和证件照的保存_.mp4
├── 18.员工列表显示图片_.mp4
├── 19.图片地址生成二维码_.mp4
├── 20.1新建打印页面及路由_.mp4
└── 20.2利用vue-print-nb进行打印_.mp4
11 权限设计和管理/
├── 1.权限设计-RBAC的权限设计思想_.mp4
├── 2.1新建分配角色窗体_.mp4
├── 2.2获取角色列表和当前用户角色_.mp4
├── 2.3给员工分配角色_.mp4
├── 3.1新建权限点管理页面_.mp4
├── 3.2获取权限数据并转化树形_.mp4
├── 3.3新增编辑权限的弹层_.mp4
├── 3.4新增，编辑，删除权限点_.mp4
├── 4.1新建分配权限弹出层1_.mp4
├── 4.1新建分配权限弹出层2_.mp4
├── 4.2给角色分配权限_.mp4
├── 5.1权限受控的主体思路_.mp4
├── 5.2新建Vuex中管理权限的模块_.mp4
├── 5.3Vuex筛选权限路由_.mp4
├── 5.4权限拦截出调用筛选权限Action_.mp4
├── 5.5静态路由动态路由解除合并_.mp4
├── 6. 登出时，重置路由权限和 404问题_.mp4
├── 7.1功能权限的受控思路_.mp4
└── 7.2使用Mixin技术将检查方法注入_.mp4
12 首页/
├── 1.全模块集成_.mp4
├── 1.首页的页面结构_.mp4
├── 2.首页用户资料显示_.mp4
├── 3.1新建工作日历组件结构_.mp4
├── 3.2实现工作日历逻辑_.mp4
├── 4.1了解雷达图_.mp4
├── 4.2封装雷达图插件_.mp4
├── 5.审批流程业务的基本介绍_.mp4
├── 6.提交一个离职审批-弹层_.mp4
└── 6.提交一个离职审批-调用接口_.mp4
13 多语言tab页/
├── 1.全屏插件的引用_.mp4
├── 2.动态主题的设置_.mp4
├── 3.1初始化多语言包-2_.mp4
├── 3.1初始化多语言包_.mp4
├── 3.2引入自定义语言包_.mp4
├── 3.3在左侧菜单中应用多语言包_.mp4
├── 3.4封装多语言插件_.mp4
└── 4.tab页的视图引入_.mp4
14 项目打包上线/
├── 1.打包之前的路由模式_.mp4
├── 2.1性能分析_.mp4
├── 2.2webpack排除打包_.mp4
├── 2.3CDN文件配置_.mp4
├── 2.4注入CDN文件到模板_.mp4
├── 3.1使用koa框架部署项目_.mp4
├── 3.2解决history页面访问问题_.mp4
└── 3.3解决生产环境跨域问题_.mp4
2 项目前置知识/
├── 1.1实现表单基本结构_.mp4
├── 1.2表单校验的先决条件_.mp4
├── 1.3表单校验规则_.mp4
├── 1.4自定义校验规则_.mp4
├── 1.5手动校验的实现_.mp4
├── 2.1关于Promise你必须知道几件事_.mp4
└── 2.异步编程的终极方案_.mp4
3 项目基础环境搭建/
├── 1.vue-element-admin的了解和介绍_.mp4
├── 2.搭建项目前的一些基本准备_.mp4
├── 3.项目模板启动和目录介绍_.mp4
├── 4.1项目运行机制和代码注释-main.js_.mp4
├── 4.2项目运行机制和代码注释-App.vue_.mp4
├── 4.3项目运行机制和代码注释-permission.js_.mp4
├── 4.4项目运行机制和代码注释_.mp4
├── 4.5.6项目运行机制和代码注释-scss-icons_.mp4
├── 5.1SCSS处理的了解和使用-搭建小型的测试环境_.mp4
├── 5.2SCSS处理的了解和使用-基本语法_.mp4
├── 6.建立远程Git仓库并完成初始提交_.mp4
├── 7.1Axios的拦截器介绍_.mp4
├── 7.2api模块的单独封装_.mp4
└── 8.公共资源图片和统一样式_.mp4
4 登录模块/
├── 1.1权限拦截的流程图_.mp4
├── 1.2流程图转化代码_.mp4
├── 2.主页的左侧导航样式_.mp4
├── 3.设置头部内容的布局和样式_.mp4
├── 4. 获取用户资料接口和token注入_.mp4
├── 5.封装获取用户资料的action并共享用户状态_.mp4
├── 6.1权限拦截器调用action_.mp4
├── 6.2获取头像接口合并数据_.mp4
├── 7.1自定义指令_.mp4
├── 7.2在main.js完成自定义指令全局注册_.mp4
└── 8.实现登出功能_.mp4
5 主页模块/
├── 1.设置固定的本地访问端口和网站名称_.mp4
├── 10.Token失效的被动处理_.mp4
├── 2.登录页面的基础布局_.mp4
├── 3.1表单校验的先决条件_.mp4
├── 3.2手机号和密码的校验_.mp4
├── 3.3关于修饰符_.mp4
├── 4.1为什么会出现跨域_.mp4
├── 4.2开发环境解决跨越代理_.mp4
├── 5.封装单独的登录接口_.mp4
├── 6.1在Vuex中对token进行管理_.mp4
├── 6.2封装登录的Action_.mp4
├── 7.1区分axios在不同环境中的请求基础地址_.mp4
├── 7.2处理axios的响应拦截器_.mp4
├── 8.登录页面调用登录action&处理异常_.mp4
├── 9.1主动介入token处理的业务逻辑_.mp4
└── 9.2流程图转化代码_.mp4
6 路由和页面/
├── 1.路由页面整理_.mp4
├── 2.1新建模块的页面和路由文件_.mp4
├── 2.2设置每个模块的路由规则_.mp4
├── 3.静态路由和动态路由临时合并，形成左侧菜单_.mp4
└── 4.左侧菜单的显示逻辑，设置菜单图标_.mp4
7 组织架构/
├── 1.1认识组织架构_.mp4
├── 1.2实现组织架构的头部内容_.mp4
├── 1.3树形组件认识_.mp4
├── 1.4实现树形的静态组织结构_.mp4
├── 10.1封装编辑接口，保存区分场景_.mp4
├── 10.2校验规则支持编辑场景下的校验_.mp4
├── 2.1封装单独的树操作栏组件_.mp4
├── 2.2在组织架构中应用操作栏组件_.mp4
├── 3.1封装API接口，获取组织架构数据_.mp4
├── 3.2将数组数据转化成树形结构_.mp4
├── 4.1封装删除接口，注册下拉菜单事件_.mp4
├── 4.2调用删除接口，通知父组件更新数据_.mp4
├── 5.1封装新增接口，新建组件中的弹层结构_.mp4
├── 5.2点击新增子部门显示弹层组件_.mp4
├── 6.1完成新增表单的基本校验条件_.mp4
├── 6.2配置新增表单的基本校验规则_.mp4
├── 6.3部门名称和部门编码的自定义校验_.mp4
├── 6.4处理首部内容的pid数据_.mp4
├── 7.新增部门功能-部门负责人数据_.mp4
├── 8.1校验通过，调用新增接口_.mp4
├── 8.2利用sync修饰符关闭新增弹层_.mp4
├── 8.3取消时重置数据和校验_.mp4
├── 9.1点击编辑弹出层，记录当前节点_.mp4
├── 9.2父组件调用子组件的获取详情方法_.mp4
└── 9.3根据计算属性显示控制标题_.mp4
8 公司角色和角色管理/
├── 1.建立公司角色页面的基本结构_.mp4
├── 2.1读取角色列表数据_.mp4
├── 2.2读取公司信息数据_.mp4
├── 3.删除角色功能_.mp4
├── 4.1封装编辑接口，新建编辑弹层_.mp4
├── 4.2实现编辑功能，为新增功能留口_.mp4
└── 5.新增角色功能_.mp4
9 员工管理/
├── 1.1通用工具栏的组件结构_.mp4
├── 1.2组件统一注册_.mp4
├── 10.1安装excel所需依赖和按需加载_.mp4
├── 10.2excel导出参数的介绍_.mp4
├── 10.3excel导出基本的结构_.mp4
├── 10.4导出时间格式的处理_.mp4
├── 10.5复杂表头的导出_.mp4
├── 11.1详情页的基本布局和路由_.mp4
├── 11.2读取和保存用户信息的接口_.mp4
├── 11.3实现用户名和密码的修改_.mp4
├── 12.1封装个人详情组件_.mp4
├── 12.2封装岗位组件_.mp4
├── 13.1读取个人保存个人信息_.mp4
├── 13.2读取保存岗位信息_.mp4
├── 14.配置腾讯云Cos_.mp4
├── 2.员工列表页面的基本布局和结构_.mp4
├── 3.员工列表数据请求和分页加载_.mp4
├── 4.1利用列格式化属性处理聘用形式_.mp4
├── 4.2过滤器解决时间格式的处理_.mp4
├── 5.删除员工功能_.mp4
├── 6.1新建员工弹层组件_.mp4
├── 6.2引用弹出层，点击弹出_.mp4
├── 6.3新增员工的表单校验_.mp4
├── 6.4加载部门数据转化树形_.mp4
├── 6.5点击部门赋值表单数据_.mp4
├── 7.新增员工功能-确定-取消_.mp4
├── 8.员工导入组件封装_.mp4
├── 9.1建立公共导入的页面路由_.mp4
├── 9.2分析excel导入代码，封装接口_.mp4
├── 9.3实现excel导入_.mp4
└── 9.4excel导入的时间问题_.mp4
HR-saas中台管理项目资料.zip