一、项目模板
: A) H% M+ x0 [, f7 J# I) S 1.拉取基础模板 2.项目目录及入口文件介绍 3.App.vue根组件解析 4.setting.js和permission.js 5.Vuex结构介绍 6.模板中的图标使用 7.扩展-Icon图标的解析
" {* K3 y/ O% z二、登录模块 1. 导入样式并使用git管理 2. 登录页面结构和表单 3. 登录表单校验手机号和密码 4. 登录表单校验勾选和整体校验 4. Vuex中的用户模块 5. Vuex中的token持久化 6. Vue-cli代理解决跨域问题 7. axios封装处理请求拦截器 8. axios处理响应拦截器 9. axios区分不同环境 10. 登录联调封装请求模块和调用接口 11. 登录联调跳转到主页 * E) N& D5 e/ X% c$ m
三、主页 1. 主页权限验证分析 2.主页权限验证-有token的情况 3. 主页权限验证-没token的情况 4. 获取用户资料调用action 5. 调整调用action的位置 6. 显示用户的名称和头像 7.处理用户头像为空的情况 8.处理token失效 9.调整下拉菜单-实现退出登录 10.修改密码-弹出层 11.修改密码-实现表单结构 12.修改密码-表单校验 13.修改密码-表单提交 14. 清理路由配置和组件 15. 创建项目所需要的的路由和页面 16. 批量创建路由和组件 17. 扩展-解析左侧菜单渲染 18. 显示项目logo
6 x4 R$ z2 @ q3 l0 v程序源码论坛仅分享最新精品,学习愉快! 6 L% q9 e# C1 O8 u# Y$ L
四、组织架构 1.组织架构-树形组件的应用 2.组织架构-树形自定义结构 3.组织架构-节点数据的展示 4.组织架构-获取数据 5.组织架构-递归转化树形数据 6.组织架构-添加子部门-弹层 7.组织架构-添加子部门-表单结构 8.组织架构-添加子部门-表单基本校验 9.组织架构-添加子部门-业务校验 10.组织架构-添加子部门-负责人数据 11.组织架构-添加子部门-记录部门 12.组织架构-添加子部门-确认和取消 13.组织架构-编辑部门-弹出层获取数据 14.组织架构-编辑部门-编辑表单校验 15.组织架构-编辑部门-确认取消 16.组织架构-删除部门 7 S h' }9 n7 b" ^* }1 j
五、角色管理 1.角色管理-搭建页面结构 2.角色管理-获取角色数据 3角色管理-表格列的自定义结构 4.角色管理-分页功能 5.角色管理-添加角色弹出层 6.角色管理-添加角色-表单校验 7.角色管理-添加角色-确定取消 8.角色管理-编辑角色-行内编辑解析 9.角色管理-编辑角色-行内编辑状态 10.角色管理-编辑角色-行内编数据缓存 11.角色管理-编辑角色-确定和取消 12.角色管理-删除角色
7 R, o: B7 O3 ~# x& G六、员工模块
! H) K! @; g( h& @& [% X 1.员工管理-准备页面结构 2.员工管理-左树数据加载 3.员工管理-记录树节点 4.员工管理-员工列表结构 5.员工管理-员工数据的获取 6.员工管理-头像和聘用形式 7.员工管理-员工数据分页 8.员工管理-员工模糊搜索 9.员工管理-员工导出excel 10.员工管理-excel导入组件封装 11.员工管理-员工导入模版下载 12.员工管理-excel导入-上 13.员工管理-excel导入-下 14.员工管理-删除员工 15.员工详情-页面结构和路由 16.员工详情-数据和校验 17.员工详情-级联组件封装 18.员工详情-级联组件双向绑定 19.员工详情-新增员工实现 20.员工详情-编辑数据-查看员工 21.员工详情-编辑员工-保存 22.员工详情-封装员工头像-上 23.员工详情-封装员工头像-下 24.员工详情-上传图片-创建腾讯云存储桶 25.员工详情-使用cos-sdk上传
; v% a' {* N3 [. B8 O七、权限 1.权限管理-搭建页面结构 2.权限管理-获取权限数据 3.作业-权限管理 4.权限管理-权限概念 5.权限应用-用户分配角色-弹出层 6.权限应用-用户分配角色-数据提交 7.权限应用-角色分配权限-弹出层 8.权限应用-角色分配权限-回显权限数据 9.权限应用-角色分配权限-确定取消 10.权限应用-拆分静态路由和动态路由 11.权限应用-根据权限筛选出路由 12.权限应用-动态添加路由 13.权限应用-根据权限渲染菜单 14.退出登录-重置路由 15.权限应用-功能权限-按钮权限标识 16.权限应用-功能权限-自定义指令 17.其他模块集成 ( x! K! C6 ^3 i. |8 v. d
八、首页 1.首页结构和数字滚动 2.首页-个人信息的展示 3.首页-企业信息的获取 4.首页-通知信息的获取 5.首页-图表的应用 6.首页-图表的按需导入
; T; S* J \( H" E. R$ v九、上线 1.将路由改成history模式 2.打包分析 3.cdn的引入 4.打包-mac下安装nginx 5.mac-windows启动服务 6.max-windows配置nginx解决404的问题 7.mac-windows中nginx代理解决生产环境跨域问题 / P. }* j5 w! Z& D$ V
2023最新内部学员版,视频源码课件配套资料等
4 m' e& Y8 t/ q欢迎大神常来这里学习!!!保持活跃哈 ' G" K, U: j! h' v! x
% c0 w$ m r0 j# z
0 ? }. o; g- c$ x" ?9 D( `$ Q9 w
|