Vue3 + Vite + TS + Element-Plus + Pinia 项目实战（酒店信息综合管理平台）
正在缓冲...
即兴发挥，凑活着看看....
如需项目源码+最新api地址，wx：gxbnet 具体咨询
视频选集
（1/68）
自动连播
00项目演示
08:57
01创建项目并安装相关依赖
05:46
02使用vue-router配置页面
10:19
03安装sass并绘制登录页面
06:15
04安装element-plus绘制登录界面
22:05
05对axios进行封装
09:28
06封装api层统一发送请求
06:36
07对密码进行MD5加密
10:38
08存储token信息
12:50
09登录成功后跳转到首页
07:41
10绘制首页布局加左侧菜单
18:24
11绘制首页顶部菜单
08:21
12添加所有的子页面
08:28
13将子页面注册为二级路由
07:49
14通过菜单项跳转子页面
09:40
15路由守卫更新网页标题和跳转动画
09:01
16使用pinia存储登录用户信息
11:32
17对pinia中的用户信息进行持久化存储
27:03
18退出系统并清空所有状态信息
07:08
19加载角色列表信息
14:34
20绘制添加角色界面
15:55
21添加角色界面拆分成组件
06:39
22实现添加角色功能
09:35
23对角色列表进行分页操作
08:29
24实现删除角色功能
06:54
25实现修改角色功能
18:04
26获取用户列表信息
12:59
27绘制添加用户界面
08:53
28对用户表单进行验证
06:14
29用户角色采用下拉框选择
08:31
30使用上传组件绘制用户头像
08:05
31完成上传用户头像功能
14:27
32完成添加用户功能
07:32
33用户列表中显示头像信息
09:41
34用户列表添加分页效果
06:40
35根据角色筛选用户列表
09:59
36编辑和修改用户信息
12:43
37删除用户信息
05:51
38完成用户个人中心页面
11:09
39解决表单重置出现的bug
22:45
40完成修改用户密码功能
21:55
41加载并显示房型列表信息
11:56
42完成添加房型功能
12:55
43房型描述使用富文本编辑器
19:10
44完成修改房型功能
10:22
45完成删除房型功能
02:44
46加载并显示房间信息
09:09
47分页加载房间信息
02:39
48根据条件筛选房间信息
14:55
49绘制添加房间页面
13:11
50完成添加房间功能
11:55
51房间信息导出Excel
05:18
52完成修改房间信息功能
07:14
53完成删除房间信息功能
05:43
54菜单项高亮索引设置
06:00
55定义客户API方法
10:07
56绘制添加入住信息界面
12:31
57选择房间下拉框联动效果
15:47
58入住日期使用事件选择器
05:18
59验证入住信息表单
10:56
60完成入住信息添加功能
03:24
61显示入住列表信息
06:46
62分页显示入住信息
02:55
63根据条件筛选入住信息
08:21
64入住信息导出Excel
05:55
65完成修改入住信息
15:40
66结账和删除入住信息
08:29
67引入Echarts统计销售信息
13:12
顶部