首页

投稿

Vue3 + Vite + TS + Element-Plus + Pinia 项目实战（酒店信息综合管理平台）

9.6万

152

2023-11-17 12:56:31

未经作者授权，禁止转载

即兴发挥，凑活着看看.... 如需项目源码+最新api地址，wx：gxbnet 具体咨询

课工场_顾行兵发消息

一对一技术指导项目实战指导简历制作指导微信：gxbnet

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

顶部