Vite+Vue3后台管理系统【项目实战教程】_哔哩哔哩_bilibili

投稿

收藏

稿件投诉

记笔记

用手机看

Vite+Vue3后台管理系统【项目实战教程】

15.9万

已完结 · 共53课时

长期有效

Vue3+ElementPlus+Pinia后台管理系统

发布者

关注

邓瑞编程

曾任职上海多家公司技术经理, 十年开发经验

课程概述

评论（0）

本套前端课程是ES6版(JavaScript), 非TypeScript版, 不包含后端相关知识管理员、类别、文章、导航的相关接口均是调用我个人编写的 DR-API 实现, 购买前请确保可以正常运行 DR-API调试工具, 购买前请确保已掌握我之前发布的免费课程和本套课程前9节免费课程

常见问题

Q：课程在什么时间更新？

A：课程更新频次以页面前端展示为准。购买成功后，课程更新将通过账号动态提示，方便及时观看。

Q：课程购买后有收看时间限制吗？

A：购买后除不可抗力因素外，本课程长期有效，请您放心购买。

Q：原价购买课程后，如遇到优惠折扣，是否可以退还差价或重新购买？

A：虚拟商品付款后无法返还，请您随时留意各类课程折扣信息，按需购买。

Q：购买课程后是否可以加入老师的粉丝群或者用户群？

A：如老师设置用户群，我们将邀您加入，但我们无法承诺所有老师均提供用户群服务，感谢理解。

购买须知

1. 本内容为付费内容，购买成功后方可观看。

2. 本内容为虚拟服务，已购买内容不支持退款，敬请谅解。

3. 实际购买价格以页面展示的价格及订单结算页显示价格为准。

158 元/53课时立即购买

课程目录

全集试看

1.Vue3后台管理系统简介

视频课

5分39秒

2

全集试看

2.基于Vite创建Vue3项目

视频课

3分10秒

3

全集试看

3.规划目录结构 - 可扩展

视频课

2分8秒

4

全集试看

4.配置环境变量

视频课

1分31秒

5

全集试看

5.安装和配置路由 Vue Router

视频课

2分53秒

6

全集试看

6.配置路径别名@和VSCode路径提示

视频课

2分6秒

7

全集试看

7.安装和配置ElementPlus

视频课

1分44秒

8

全集试看

8.安装 Pinia 和持久化存储插件

视频课

3分32秒

9

全集试看

9.DR-API_v2.0 接口调试工具使用指南

视频课

2分34秒

10

10.登录页面 - 布局

视频课

5分8秒

11

11.登录校验

视频课

3分50秒

12

12.安装 axios 、调用登录接口

视频课

5分48秒

13

13.解码jwt生成的token

视频课

2分2秒

14

14.使用 pinia 存储数据和跳转至后台

视频课

3分48秒

15

15.Vue Router 身份验证 - 页面拦截

视频课

4分8秒

16

16.后台页面布局和重定向至后台首页

视频课

2分25秒

17

17.侧边栏和封装侧边栏组件

视频课

4分16秒

18

18.Header 组件 - 封装

视频课

52秒

19

19.显示登录用户和退出登录

视频课

4分44秒

20

20.校验登录状态是否过期

视频课

4分20秒

21

21.管理员列表页面布局和重写ElementPlus默认样式

视频课

1分46秒

22

22.封装axios和调用管理员列表接口

视频课

3分46秒

23

23.添加管理员页面 - 布局

视频课

1分41秒

24

24.添加管理员 - 接口

视频课

3分30秒

25

25.删除管理员 - async、await 实践

视频课

4分41秒

26

26.编辑管理员 - 路由传参

视频课

6分39秒

27

27.类别列表页面 - 布局

视频课

4分21秒

28

28.基于 axios 封装 api

视频课

49秒

29

29.类别列表 - api

视频课

2分39秒

30

30.删除类别 - api

视频课

2分2秒

31

31.a标签替换为 router-link

视频课

1分44秒

32

32.生命周期函数 onUpdated 实践

视频课

1分49秒

33

33.自动侦听器 watchEffect 替换生命周期函数

视频课

2分12秒

34

34.封装添加类别组件 - 弹出层

视频课

1分49秒

35

35.添加类别 - 跨组件通信(依赖注入)

视频课

8分21秒

36

36.编辑类别 - 跨组件通信(依赖注入)

视频课

3分55秒

37

37.文章列表页面 - 布局

视频课

3分34秒

38

38.文章列表 - 分页

视频课

4分36秒

39

39.删除文章

视频课

6分6秒

40

40.添加文章页面 - 布局

视频课

2分30秒

41

41.添加文章 - api

视频课

2分7秒

42

42.增加富文本编辑器 wangEditor

视频课

2分46秒

43

43.配置 wangEditor 工具栏和上传图片 - 代码拆分

视频课

2分48秒

44

44.上传缩略图

视频课

2分45秒

45

45.编辑文章

视频课

2分54秒

46

46.导航列表页面 - 布局

视频课

1分39秒

47

47.导航列表 - api

视频课

1分14秒

48

48.添加导航 - 使用 pinia 传递数据

视频课

6分54秒

49

49.编辑导航 - 使用 pinia 传递数据

视频课

3分6秒

50

50.删除导航

视频课

48秒

51

51.动态渲染侧边栏 - api

视频课

1分47秒

52

52.项目打包并部署至 nginx

视频课

3分10秒

53

53.课程源码下载

视频课

16秒

相关推荐