🔥 想要使用最新的前端技术栈，高效搭建企业级中后台管理平台吗？加入我们的实战教程，手把手教你如何利用Vue-Vben-Admin框架，轻松应对中大型项目的挑战！
项目简介
Vue-Vben-Admin 是一个基于 Vue3.0、Vite、Ant-Design-Vue 和 TypeScript 的后台解决方案。它提供了丰富的功能，如：
- 二次封装组件
- 实用的 utils 工具
- 高效的 hooks
- 动态菜单
- 权限校验
- 按钮级别的权限控制
本项目旨在为开发中大型项目提供开箱即用的解决方案，使用前端最前沿的技术栈，不仅可以用作项目的启动模版，还可以作为学习 Vue3、Vite、TS 等主流技术的示例。
课程亮点
- 📚 全面覆盖框架的核心功能与最佳实践
- 💻 从环境搭建到项目部署，全程实战演练
- 🛠️ 手把手教你如何利用 Vue-Vben-Admin 快速开发
- 🌟 持续更新，确保课程内容紧跟最新技术趋势
- 🎓 适合所有水平的学习者，无论你是新手还是进阶开发者
已更新章节
- 默认章节
- 第一章·基础篇
- 第二章·Vue3入门篇
- 第三章·骨架联调篇
- 第四章·UI组件·BasicTable表格篇
- 组件hooks初探
- 组件hooks类型定义
- BasicTable表格·基本用法
- BasicTable表格·远程加载数据
- BasicTable表格·自定义渲染列
- BasicTable表格·自定义渲染列slot
- 自定义字典回显组件
- 自定义字典回显组件优化
- 增加回显组件配置项
- 自定义字典回显组件多选值处
- 通用下拉回显组件接口规范
- 通用下拉回显组件实现
- 通用下拉回显组件缓存优化
- 通用下拉回显组件api支持url字符串
- 通用下拉回显组件修复缓存bug
- 权限列和权限码逻辑优化
- 表格设置工具
- 开启表单搜索
- 表格请求前后处理
- 表格rowSelection
- 操作组件TableAction(一)
- 操作组件TableAction(二)
- 表格常用slots
- 表格常用方法
- 第五章·UI组件·VxeTable篇
- 第六章·UI组件·BasicForm表单篇
- 第七章·UI组件·BasicModal和BasicDrawer篇
- 第八章·UI组件·其他常用组件
- 第九章·CRUD样例·用户管理
- 用户管理·初探
- 用户列表
- 用户搜索表单
- 用户新增弹窗
- 用户表单
- 用户表单细节调整
- 用户表单提交逻辑处理
- 用户表单校验
- 用户表单校验bug修复
- 用户表单头像上传
- 重写上传组件·合并
- 重写上传组件·值转换
- 系统设置·用户编辑回显
- 修复上传组件编辑回显bug
- 系统设置·用户编辑提交
- 使用详情接口数据回显
- ApiSelect组件编辑回显处理
- 用户单条记录删除
- 用户批量删除
- 用户详情·初探
- 使用详情组件渲染用户信息
- 表单元数据转详情元数据
- 表单分割线分组
- 详情元数据分组数据结构
- 表单元数据转详情元数据分组逻辑处理
- 详情组件配置自定义回显组件
- 详情组件ApiSelect回显处理
- 详情组件元数据构造方法增加formModel参数
- 详情组件动态控制字段显示隐藏
- ApiTreeSelect树形选择回显组件(一)
- ApiTreeSelect树形选择回显组件(二)
- ApiTreeSelect树形选择回显组件(三)
- Upload上传回显组件(一)
- Upload上传回显组件(二)
- 用户管理·本章小结
- 第十章·代码生成
- 角色管理·复制粘贴模式
- 代码生成模式·引入代码生成工具
- 安装代码生成依赖及生成api接口文件
- 详情、表单、首页模板制作
- 表格列元数据模板制作(一)
- 表格列元数据模板制作(二)
- 搜索表单元数据模板制作(一)
- 搜索表单元数据模板制作(二)
- 表单元数据模板制作(一)
- 表单元数据模板制作(二)
- 表单元数据模板api属性处理(一)
- 表单元数据模板api属性处理(二)
- 详情元数据模板及处理转换bug
- 动态控制字段显示隐藏模板制作
- 抽离动态控制字段显示隐藏公共方法
- 抽离动态控制字段显示隐藏公共方法测试
- 表单字段默认值处理
- 控制是否生成新增按钮
- 控制是否生成编辑按钮
- 控制是否生成删除按钮
- 自定义行操作按钮
- 自定义行操作组件样例
- 自定义行操作组件调用模板制作
- 自定义行操作组件调用表格方法
- 自定义行操作更多按钮
- 自定义行操作按钮图标
- 自定义左上操作按钮
- 自定义左上操作更多按钮
- 弹窗类型模板
- 弹窗类型模板细节调整
- 路由模板制作
- 代码生成·本章小结
- 第十一章·系统设置
- 岗位管理
- 部门管理·初探
- 部门管理·树形类模板微调
- 部门管理·远程树组件微调
- 部门管理·树形表格展开折叠
- 部门管理·树形表格展开折叠模板微调
- 部门管理·树形表格添加下级
- 部门管理·树形表格添加下级模板微调
- 部门管理·树形表格删除优化和模板微调
- 数据字典·初探
- 数据字典·自定义接口模板微调
- 数据字典·生成字典项及路由模板微调
- 数据字典·生成字典项行操作
- 数据字典·字典项管理
- 数据字典·父子表小结
- 数据字典·自定义组件方式
- 数据字典·自定义组件注册
- 数据字典·自定义组件模板微调
- 角色管理·授权菜单
- 角色管理·保存角色菜单关系
- 角色管理·设置角色菜单树勾选值
- 角色管理·设置角色菜单树勾选值优化
- 角色管理·保存角色菜单关系优化
- 角色管理·授权菜单展开折叠
- 角色管理·成员管理·列表
- 角色管理·成员管理·请求传角色ID参数
- 角色管理·成员管理·单个删除成员
- 角色管理·成员管理·批量删除成员
- 角色管理·成员管理·添加成员初探
- 角色管理·成员管理·添加成员逻辑处理
- 用户管理·重置密码
- 用户管理·锁定和取消锁定
- 用户管理·授权角色(一)
- 用户管理·授权角色(二)
- 用户管理·扮演用户
- 用户管理·退出扮演
- 用户管理·退出扮演优化
- 菜单管理·代码生成
- 菜单管理·列表优化
- 菜单管理·默认值处理
- 菜单管理·交互处理
- 菜单管理·优化图标选择组件支持disabled
- 前端路由·代码生成
- 前端路由·路由模板增加btns
- 前端路由·功能实现
- 参数配置·代码生成
- 参数配置·搜索表单下拉组件支持多选
- 系统设置·本章小节
- 第十二章·在线开发
持续更新中……
