Vue3.x打造iHRM人力资源项目平台培训方案

一、项目介绍

项目名称:Vue3.x打造iHRM人力资源项目平台

项目周期:共七天

项目收获:

1.掌握Vue3.0 + AntDesignVue技术栈在开发管理型后台项目的技术开发能力。

2.具备角色,人员,权限类系统的设计整体设计及应用能力。

3.拥有Vue3.0js相关的技术要点及配套的插件,解决方案深度使用能力iHRM是一款基于SaaS平台的人力资源管理系统,企业通过该系统可以完成公司组织架构管理、员工管理、角色管理、权限管理(审批、考勤、社保)等,为企业的人力资源管理提供一站式解决方案。

项目成果:

项目亮点:

1.基于AntDesi gnVue和vue3.0进行大型中台项目开发解决方案

2.基于axios封装请求工具模块解决方案

3.基于token的前端登录解决方案

4.Vuex分模块持久化解决方案

5.RBAC大型中台项目权限控制解决方案

6.exce1批量导入导出解决方案

7.上传组件封装解决方案

8.多语言动态主题解决方案

9.树形结构处理解决方案

二、课程适合人群

对前端开发感兴趣的计算机相关专业的高校教师学习前提:有HTML5、CSS3、JavaScript、 Vue. js基础即可。

三、预习资料

获取方式:请扫描下方二维码,回复【线上前端】即可获取完整预习资料

四、准备环境介绍

电脑硬件配置要求: 处理器:i5 双核以上 内存:8GB 及以上

五、课程培训目标

1.掌握Vue3.0的语法和开发技巧

2.掌握Vue3.0开发后端管理系统的能力

3.掌握Vue3.0逻辑复用的抽提能力

4.掌握基于antDesignVue组件库的表单,表格,分页的,树形结构的开发能力

六、项目进度安排

7月25日

Vue3.x的语法升级介绍

Vue3.x核心语法的介绍和组合式API的应用

7月26日

项目初始化-完成登录页面的开发

基于脚手架搭建基于vue3.0的ihrm后台项目,完成vuex的接入和antdesignVue组件库的安装

7月27日

登录逻辑和Vuex-主页开发

1.基于action的axios请求器和Vuex的表单登录
2.基于ant-design-vue的主页布局和菜单设置

7月28日

树形结构的数据渲染及树形节点操作

1.基于递归算法实现树形递归操作完成树形结构的页面构建
2.加载树形-新增节点-删除节点-新增节点

7月29日

员工模块及权限模块的开发

基于ant-design-vue表格的数据加载-分页-弹层-复用-新增-编辑逻辑的实现

7月30日

RBAC核心代码的实现

实现基于RBAC的后端管理后台的权限控制人-角色-权限点- 进行分割组合,实现灵活可变的页面访问权限-按钮功能权限

7月31日

打包上线及性能优化

实现基于nodejs为服务器的前端部署流程-cdn加速及若干性能优化选项