全新升级，基于Vue3新标准，打造后台综合解决方案 - 课程详情 - 课程中心

全新升级，基于Vue3新标准，打造后台综合解决方案

价格

￥458.00元

625次学习

试看立即购买

成为集新技术、解决方案、高效开发于一身的前端综合大牛

2022全面升级，新增数据可视化模块，技术更前沿，适用面更广！

基于Vue RFC 标准，重写 vue-element-admin 模型
培养方案策划能力

掌握多个业务下的具体解决方案，轻松应对多样后台场景

2022新增数据可视化模块，Element-plus 2.X 版本大更新

结合实际开发中各类场景，轻松实现十余种解决方案及交互效果

课程介绍(了解本课程必看)

1、

导学

00:12:20

标准化大厂编程规范解决方案之ESLint + Git Hooks

2、

为什么需要编程规范？

00:04:14

3、

大厂编程规范一：代码检测工具 ESLint 你了解多少？

00:12:34

4、

大厂编程规范二：你知道代码格式化 Prettier 吗？

00:03:18

5、

ESLint 与 Prettier 配合解决代码格式问题

00:10:17

6、

大厂编程规范三：git 提交规范解析

00:05:33

7、

Commitizen助你规范化提交代码

00:14:42

8、

什么是 Git Hooks

00:03:46

9、

使用 husky + commitlint 检查提交描述是否符合规范要求

00:15:19

10、

通过 pre-commit 检测提交时代码规范

00:05:17

11、

lint-staged 自动修复格式错误

00:05:05

12、

总结

00:01:26

项目架构之搭建登录架构解决方案与实现

13、

前言

00:01:46

14、

vue3 项目结构解析

00:05:44

15、

vue3 新特性介绍【技术选择?是否使用TS，看这里】

00:18:35

16、

全新的提案语法：script setup

00:04:20

17、

构建登录页面 UI 结构

00:10:10

18、

美化登录页面样式

00:10:20

19、

Icon 图标处理方案：SvgIcon

00:16:36

20、

处理内部 svg 图标显示

00:11:16

21、

使用 svg-sprite-loader 处理 svg 图标

00:06:49

22、

Vue3.2 响应式优化对应用层的改变

00:04:30

23、

完善登录表单校验

00:10:43

24、

密码框状态通用处理

00:06:51

25、

通用后台登录方案解析

00:02:43

26、

配置环境变量封装 axios 模块

00:07:12

27、

封装请求动作

00:09:01

28、

登录触发动作

00:14:21

29、

本地缓存处理方案

00:11:08

30、

响应数据的统一处理

00:07:23

31、

登录后操作

00:02:53

32、

登录鉴权解决方案

00:12:31

33、

总结

00:01:39

项目架构之搭建Layout架构解决方案与实现

34、

前言

00:03:21

35、

创建基于 Layout 的基础架构-1

00:17:49

36、

创建基于 Layout 的基础架构-2

00:07:11

37、

获取用户基本信息

00:14:48

38、

渲染用户头像菜单

00:09:39

39、

退出登录方案实现

00:05:48

40、

用户被动退出方案解析

00:01:50

41、

用户被动退出解决方案之主动处理

00:13:16

42、

用户被动退出解决方案之被动处理

00:06:19

43、

创建页面组件，使用临时 menu 菜单

00:06:22

44、

动态menu菜单处理方案解析

00:04:14

45、

业务落地：生成项目页面组件

00:02:57

46、

业务落地：创建结构路由表

00:14:23

47、

业务落地：解析路由表，获取结构化数据

00:23:04

48、

业务落地：生成动态 menu 菜单

00:11:10

49、

业务落地：修复最后残余问题

00:04:56

50、

动画逻辑，左侧菜单伸缩功能实现

00:13:06

51、

SidebarHeader 处理

00:07:07

52、

全新 vue 能力：组件状态驱动的动态 CSS 值

00:03:36

53、

动态面包屑方案分析

00:02:34

54、

业务落地：渲染基本的面包屑组件

00:04:21

55、

业务落地：动态计算面包屑结构数据

00:08:31

56、

业务落地：依据动态数据，渲染面包屑

00:06:06

57、

vue3 动画处理

00:03:18

58、

总结

00:01:41

后台项目前端综合解决方案之通用功能开发

59、

开篇

00:02:04

60、

国际化实现原理

00:06:36

61、

基于 vue-i18n V9 的国际化实现方案分析

00:08:36

62、

方案落地：封装 langSelect 组件

00:18:57

63、

方案落地：element-plus 国际化处理

00:11:54

64、

方案落地：自定义语言包国际化处理

00:02:59

65、

方案落地：处理项目国际化内容

00:12:40

66、

方案落地：sidebar 与面包屑区域的国际化处理

00:05:13

67、

方案落地：国际化缓存处理

00:03:28

68、

国际化方案总结

00:02:41

69、

动态换肤原理分析

00:04:35

70、

动态换肤实现方案分析

00:02:10

71、

方案落地：创建 ThemeSelect 组件

00:08:15

72、

方案落地：创建 SelectColor 组件-1

00:12:10

73、

方案落地：创建 SelectColor 组件-2

00:09:57

74、

方案落地：处理 element-plus 主题变更原理与步骤分析

00:06:28

75、

方案落地：处理 element-plus 主题变更

00:29:32

76、

方案落地：element-plus 新主题的立即生效

00:02:54

77、

方案落地：自定义主题变更

00:08:23

78、

自定义主题方案总结

00:02:56

79、

screenfull 原理及方案分析

00:03:06

80、

方案落地：screenfull

00:06:15

81、

headerSearch 原理及方案分析

00:03:56

82、

方案落地：创建 headerSearch 组件

00:09:12

83、

方案落地：检索数据源，路由表数据处理

00:02:39

84、

方案落地：对检索数据源进行模糊搜索

00:07:46

85、

方案落地：数据源重处理，生成 searchPool

00:12:04

86、

方案落地：渲染检索数据

00:03:30

87、

方案落地：剩余问题处理

00:09:24

88、

headerSearch 方案总结

00:01:57

89、

tagsView 原理及方案分析

00:04:07

90、

方案落地：创建 tags 数据源

00:11:23

91、

方案落地：生成 tagsView

00:09:45

92、

方案落地：tagsView 国际化处理

00:05:29

93、

方案落地：contextMenu 展示处理

00:12:25

94、

方案落地：contextMenu 事件处理

00:08:58

95、

方案落地：处理 contextMenu 的关闭行为

00:01:57

96、

方案落地：处理基于路由的动态过渡

00:06:00

97、

tagsView 方案总结

00:01:40

98、

guide 原理及方案分析

00:02:58

99、

方案落地：生成 Guide

00:01:55

100、

方案落地：Guide 业务逻辑处理

00:15:09

101、

总结

00:01:47

vue3 + element plus 综合实现解决方案与个人中心页面实现

102、

开篇

00:02:14

103、

个人中心模块基本布局

00:06:49

104、

创建 PanThumb 头像组件

00:14:47

105、

element-plus：项目介绍模块开发

00:13:21

106、

接口国际化：处理接口国际化问题

00:05:52

107、

element-plus：功能模块开发

00:03:31

108、

element-plus：章节模块开发

00:03:11

109、

element-plus：作者模块开发

00:03:26

110、

总结

00:01:02

excel 、zip 与前端结合解决方案之用户管理页面实现

111、

开篇

00:02:27

112、

用户列表分页展示-1

00:12:03

113、

用户列表分页展示-2

00:08:58

114、

全局属性处理时间展示问题

00:08:21

115、

excel 导入原理与实现分析

00:03:31

116、

业务落地：提供两种文件导入形式

00:09:17

117、

业务落地：文件选择之后的数据解析处理

00:17:13

118、

业务落地：文件拖入之后的数据解析处理

00:07:29

119、

业务落地：传递解析后的 excel 数据

00:09:21

120、

业务落地：处理剩余 bug

00:10:26

121、

excel 导入功能总结

00:01:29

122、

辅助业务之用户删除

00:06:20

123、

excel 导出原理与实现分析

00:03:09

124、

业务落地：Export2Excel 组件

00:07:25

125、

业务落地：导出前置业务处理

00:04:59

126、

业务落地：实现 excel 导出逻辑

00:15:55

127、

业务落地：excel 导出时的时间逻辑处理

00:02:02

128、

excel 导出功能总结

00:01:38

129、

局部打印详情原理与实现分析

00:02:50

130、

业务落地：获取展示数据

00:07:45

131、

业务落地：渲染详情结构

00:13:50

132、

业务落地：局部打印功能实现

00:06:33

133、

局部打印功能总结

00:00:52

134、

总结

00:01:35

权限控制解决方案与角色、权限控制功能实现

135、

开篇

00:01:47

136、

权限理论：RBAC 权限控制体系【看过来—>解决你的权限困扰】

00:07:31

137、

辅助业务：角色列表展示

00:06:30

138、

辅助业务：权限列表展示

00:10:27

139、

辅助业务：为用户分配角色-1

00:14:22

140、

辅助业务：为用户分配角色-2

00:14:29

141、

辅助业务：为角色指定权限

00:19:57

142、

基于 RBAC 的权限控制体系原理与实现分析

00:09:52

143、

业务落地：定义页面权限控制动作，实现页面权限受控-1

00:13:57

144、

业务落地：定义页面权限控制动作，实现页面权限受控-2

00:13:00

145、

业务落地：重置路由表数据

00:05:11

146、

业务落地：创建功能受控指令

00:09:21

147、

总结

00:01:12

列表排序解决方案与实现热门文章排名功能

148、

开篇

00:02:02

149、

辅助业务：文章排名页面渲染

00:12:59

150、

相对时间与时间国际化处理

00:06:50

151、

动态表格原理与实现分析

00:03:37

152、

方案落地：动态列数据构建

00:13:51

153、

方案落地：实现动态表格能力

00:07:13

154、

动态表格实现总结

00:00:43

155、

拖拽排序原理与实现分析

00:03:19

156、

方案落地：实现表格拖拽功能

00:09:53

157、

方案落地：完成拖拽后的排序

00:13:35

158、

拖拽排序方案总结

00:00:39

159、

辅助业务：文章删除

00:05:15

160、

辅助业务：文章详情展示

00:07:46

161、

总结

00:00:41

文章编辑解决方案与实现创建文章功能

162、

开篇

00:01:45

163、

辅助业务：创建文章基本结构实现

00:04:37

164、

编辑库选择标准

00:10:38

165、

新建文章：markdown 实现

00:10:01

166、

新建文章：markdown 文章提交

00:08:01

167、

新建文章：markdown 文章编辑

00:11:03

168、

新建文章：富文本实现

00:12:50

169、

总结

00:00:56

项目发布解决方案之构建与发布

170、

开篇

00:01:18

171、

项目构建过程分析与实现

00:04:52

172、

域名、DNS、公网IP、服务器、Nginx之间的关系

00:03:39

173、

阿里云服务器购买指南

00:06:05

174、

服务器连接方式

00:03:58

175、

Nginx 环境处理

00:18:33

176、

项目发布

00:02:08

177、

总结

00:00:47

课程总结

178、

课程总结

00:03:32

element-plus 升级

179、

升级说明及涉及到的内容变化

00:02:15

180、

处理Can't reexport the named export 'xxx' ..-

00:05:06

181、

element-plus 的国际化问题

00:04:16

182、

icons 使用问题

00:03:43

183、

样式错误问题

00:05:37

184、

解决文章排名报错与button组件警告

00:04:07

185、

`menu` 菜单图标显示的问题

00:05:47

186、

全局主题替换按钮颜色的替换问题

00:02:34

187、

替换主题之后，按钮 `active` 状态下的样式处理

00:03:26

数据可视化解决方案（ECharts + AntV）

188、

前言

00:04:43

189、

明确需要导入的资源

00:07:23

190、

数据可视化大解析

00:14:06

191、

构建基础模块结构(1)

00:14:16

192、

累计收益-模块划分

00:03:33

193、

累计收益-数据模块渲染

00:15:59

194、

countup - 让你的数据动起来

00:10:02

195、

ECharts 使用指南与学习方案(1)

00:11:37

196、

累计收益-柱状图与曲线图的混合渲染-1

00:15:37

197、

累计收益-柱状图与曲线图的混合渲染-2

00:10:48

198、

累计收益-混合图表的国际化处理

00:04:59

199、

日历模块-日历数据基础渲染

00:10:48

200、

日历模块-定制数据可视化处理

00:11:34

201、

日金额分析-横向与负坐标图表构建

00:19:05

202、

非父子组件之间进行交互的三种方式

00:06:53

203、

跨组件通讯-日历图与柱状图联动处理

00:05:19

204、

大区营销-饼图图表构建

00:13:01

205、

文档云图-WordCloud 基础渲染(1)

00:13:16

206、

文档云图-基于图形轮廓的绘制

00:03:38

207、

地图可视化：百度地图 API 大解析(1)

00:05:50

208、

地图可视化：百度地图 + ECharts 完成可视化渲染

00:23:41

209、

大区营销数据分析-基础结构渲染

00:04:20

210、

大区营销数据分析-渲染大区结构视图

00:11:28

211、

大区营销数据分析-基于 AntV S2 构建表格数据可视化

00:21:25

212、

大区营销数据分析-表格图谱与大区联动

00:03:57

213、

总结

00:01:15

主办方简介

慕课网