首页

投稿

最适合简历的前端项目！Vue3+TypeScript 后台管理系统完整实战

1792

0

2026-09-21 16:23:00

后台管理系统

Java后端子怡发消息

有需要+ v：make1691，内部前后端面试题资料合集+优质简历模板，更有机会可免费享受1v1大厂面试官规划

01_(理解)大前端时代-后台管理系统定位和核心

24:13

02_(理解)后台管理系统的技术点介绍和分析

10:21

03_(掌握)创建项目过程-目录结构的解析

29:25

04_(理解)默认的TSConfig文件的配置流程

23:40

05_(掌握)Vue文件的类型声明方式和由来

18:11

06_(理解)Vue文件的声明-插件的作用和警告修复

11:01

07_(掌握)项目的图片和标题的配置

07:49

08_(掌握)项目代码规范-editorconfig文件配置

18:49

09_(掌握)项目代码规范-prettier格式化配置

30:13

10_(掌握)项目代码规范-eslint代码检测配置

19:29

11_(掌握)项目开发准备-目录结构的划分

13:49

12_(掌握)项目开发准备-CSS样式的重置

05:25

13_(掌握)项目开发准备-router路由的配置

25:46

14_(掌握)项目开发准备-pinia状态管理配置

11:09

15_(掌握)项目开发准备-axios网络请求的配置

09:40

16_(掌握)项目开发准备-区分开发和生产环境01

20:37

17_(掌握)项目开发准备-区分开发和生产环境02

10:25

18_(理解)内容回顾和作业布置

05:07

19_(掌握)Element-Plus介绍和全局引入的方式

23:58

20_(掌握)Element-Plus的按需引入和配置方式

21:17

21_(掌握)App宽高铺满和Element-Plus的CS

14:18

22_(掌握)登录页-Panel底部操作界面搭建

33:28

23_(掌握)登录页-Panel中间tabs切换的搭建

13:20

24_(掌握)登录页-Element-Plus的图标引入和使

18:32

25_(掌握)登录页-插槽的使用和Tabs的切换绑定

17:23

26_(掌握)登录页-账号登录Pane的基本搭建(2)

09:07

27_(掌握)登录页-账号登录Pane的基本搭建

09:07

28_(掌握)登录页-账号登录的验证规则配置

30:05

29_(掌握)登录页-父组件点击login调用子组件的方法

23:21

30_(掌握)登录页-表单的验证和ElMessage样式

24:10

31_(掌握)登录页-账号的登录逻辑和登录状态保存

20:02

32_(掌握)登录页-IAccout对象类型的定义位置和方式

11:21

33_(掌握)接口文档和postman工具的使用

19:03

34_(掌握)本地缓存和缓存工具的封装

18:52

35_(理解)内容回顾和作业布置

09:53

36_(掌握)登录页-登录成功后的路由导航守卫

21:01

37_(掌握)登录页-main退出登录功能的实现

03:12

38_(掌握)登录页-记住密码的功能实现

16:46

39_(理解)登录页-手机登录搭建-volar警告消除

08:03

40_(理解)权限控制的系统设计(RBAC设计方案)

17:23

41_(掌握)登录功能-获取登录用户的详细信息

24:46

42_(掌握)登录功能-获取登录用户的菜单树信息

20:19

43_(掌握)main页面-main页面的整体布局

14:05

44_(掌握)main页面-main页面左侧导航的整体布局

13:26

45_(掌握)main页面-手动搭建menu菜单展示

23:23

46_(掌握)main页面-动态menu菜单的展示效果

22:51

47_(掌握)main页面-menu菜单图标的动态组件

14:55

48_(掌握)main页面-header头部的整体布局

09:50

49_(掌握)main页面-header图标点击折叠功能实现

17:38

50_(掌握)main页面-header个人信息展示和退出登

23:49

51_(理解)Vue中的css的deep使用场景

11:54

52_(掌握)注册路由-在router注册所有的路由

18:18

53_(理解)内容回顾和作业布置

15:02

54_(掌握)动态路由-动态路由的两种方案分析

21:26

55_(理解)动态路由-创建所有的页面和路由对象

21:29

56_(掌握)动态路由-动态加载所有的路由对象文件

23:29

57_(掌握)动态路由-根据菜单动态映射正确的路由

15:16

58_(掌握)动态路由-main页面刷新保持路由注册

20:10

59_(掌握)main的第一个页面匹配显示的方法

12:42

60_(掌握)main页面刷新-根据path匹配menu

13:18

61_(掌握)header的面包屑组件的基本展示

11:52

62_(掌握)header的面包组件的内容展示

25:23

63_(掌握)user页面-整体布局和search组件抽取

16:14

64_(掌握)user页面-search的表单搜索框界面搭建

26:45

65_(掌握)user页面-element-plus

09:16

66_(掌握)user页面-search中的重置和查询按钮布

08:36

67_(掌握)user页面-search重置和查询的点击处理

12:51

68_(掌握)user页面-content中的头部整体布局

06:59

69_(掌握)user页面-请求用户列表数据和基本展示

25:10

70_(掌握)user页面-content中的table数据

28:04

71_(掌握)user页面-table数据展示-作用域插槽展

18:24

72_(掌握)user页面-table数据展示-时间格式化展

19:38

73_(掌握)user页面-分页器pagination的展示

13:05

74_(掌握)user页面-分页器发生改变重新请求数据

09:37

75_(掌握)user页面-点击查询和重置-重新请求数据

23:04

76_(掌握)user页面-删除点击-根据id删除某条数据

23:13

77_(掌握)user页面-新建点击-弹出Modal对话框

15:15

78_(掌握)user页面-弹出Modal对话框-form布

09:31

79_(掌握)页面全部数据的请求-角色和部门数据

14:24

80_(掌握)user页面-弹出Modal对话框-角色和部门

08:42

81_(掌握)user页面-Modal对话框-新建用户

10:20

82_(掌握)user页面-Modal对话框-编辑用户

29:20

83_(掌握)部门页面-搜索区域的快速搭建

10:10

84_(掌握)部门页面-内容区域的快速搭建

21:23

85_(掌握)部门页面-内容区域的删除部门操作

04:54

86_(掌握)部门页面-对话框的新建和编辑功能

18:00

87_(掌握)部门页面-搜索部门抽到配置文件

28:53

88_(掌握)部门页面-搜索部分-select的类型处理

05:25

89_(理解)内容回顾和作业布置

12:36

90_(掌握)部门页面-content组件的配置文件抽取

15:50

91_(掌握)部门页面-content组件的table列表配

27:24

92_(掌握)部门页面-content组件的自定义插槽定制

18:45

93_(掌握)部门页面-content组件的pageName

06:51

94_(掌握)部门页面-modal组件的配置文件的抽取

27:07

95_(掌握)部门页面-modal组件的options动态数

19:22

96_(掌握)部门页面-modal组件的pageName配置

10:41

97_(掌握)部门页面-页面逻辑的hooks抽取

11:07

98_(掌握)角色页面-高阶组件快速搭建部门页面

15:53

99_(理解)两个小bug的说明和解决方案

09:25

100_(掌握)菜单页面-菜单子树的展示过程

30:05

101_(掌握)角色页面-modal组件的自定义插槽

10:29

102_(掌握)角色页面-创建角色的菜单树展示

10:46

103_(掌握)角色页面-创建角色携带菜单的权限数据

17:18

104_(掌握)角色页面-编辑角色的菜单权限回显效果

23:09

105_(掌握)后台管理系统页面整理和权限说明

17:13

106_(理解)nexttick的使用以及原理-源码

31:25

107_(理解)内容回顾和作业布置

14:00

108_(掌握)按钮权限-从菜单中获取登录用户的按钮权限

27:34

109_(掌握)按钮权限-根据权限判断页面的按钮是否展示

22:06

110_(掌握)按钮权限-创建新角色和用户的权限测试

10:35

111_(掌握)按钮权限-新建回显处理-用户按钮权限

13:27

112_(掌握)页面小细节-新建编辑删除操作重置current

23:31

113_(掌握)数据统计-顶部card组件的封装过程

17:26

114_(掌握)数据统计-顶部的数据获取和展示过程

09:11

115_(掌握)数据统计-顶部的数据递增动画实现

19:54

116_(掌握)数据统计-echarts的三层组件封装逻辑

24:30

117_(掌握)数据统计-echarts的玫瑰图-折线图-柱状

31:46

118_(掌握)数据统计-echarts的地图展示过程

34:13

119_(掌握)Git代码约束-husky工具的使用

15:54

120_(理解)Git代码约束-对提交的message进行约束

23:55

121_(理解)内容回顾和作业布置

12:25

顶部