51CTO-Electron项目 + 上线 + 面试 - 果核剥壳

electron实战项目，本公司自研，项目已上线，功能齐全。

项目技术栈：

vue版本：vue3

ui框架：element-plus

语法：TypeScript

状态管理工具：pinia

路由：vue-router

桌面应用：electron

课程目录

第1章课程介绍(12分钟4节)

1-1课程介绍[03:26]
1-2【重要】课程安排[01:36]
1-3下载笔记出现乱码[01:25]
1-4项目完整代码[05:36]
第2章Electron基础（赠送部分）(1小时1分钟4节)

2-1electron开发模式[25:16]
2-2目录结构和安装store[10:37]
2-3electron设置代理和api解耦[11:19]
2-4渲染进程向主进程通信[14:24]
第3章项目前期搭建(48分钟6节)

3-1创建项目[02:25]
3-2安装路由和路由二次封装[12:53]
3-3安装pinia和持久化存储[14:43]
3-4路径别名[04:50]
3-5配置代理和请求二次封装[11:00]
3-6安装使用Element Plus[02:38]
第4章登录功能(6小时16分钟12节)

4-1登录页布局[25:48]
4-2账号登录[40:05]
4-3手机号验证码登录[33:36]
4-4修改样式和下节课安排[05:42]
4-5微信扫码登录和绑定[02:17:39]
4-6登录页无边框窗口[20:28]
4-7避免重复创建子窗口[27:52]
4-8窗口锁定、解锁、解决阴影问题[19:53]
4-9关闭窗口[09:04]
4-10暗黑模式[17:30]
4-11国际化[27:08]
4-12封装get和post[12:10]
第5章 登录后 (4小时14分钟 15节)

5-1获取菜单树[28:01]
5-2后台管理系统-骨架[23:32]
5-3hooks[10:49]
5-4渲染一级菜单[13:29]
5-5渲染二级菜单[05:17]
5-6调整布局页面[13:49]
5-7动态添加路由[32:41]
5-8切换路由[15:50]
5-9TopBar面包屑[33:32]
5-10标签页[31:39]
5-11展开收起菜单[07:19]
5-12用户信息-渲染头像[04:39]
5-13退出登录[06:39]
5-14记住密码[15:55]
5-15全屏、最小化、关闭[10:59]
第6章 工作流 (5分钟 1节)

6-1工作流[05:45]
第7章 系统 (4小时31分钟 15节)

7-1角色管理-布局[15:00]
7-2角色管理-列表渲染[14:12]
7-3全局状态-字典[21:37]
7-4角色管理-搜索[05:13]
7-5全局组件-分页[26:27]
7-6角色管理-新增角色[48:04]
7-7角色管理-删除角色[04:59]
7-8角色管理-修改角色[19:55]
7-9用户管理-列表渲染[10:30]
7-10用户管理-搜索[05:12]
7-11用户管理-新增用户[24:37]
7-12按钮级权限控制[41:05]
7-13项目的权限控制[07:15]
7-14用户管理-删除用户[04:40]
7-15用户管理-编辑用户[22:49]
第8章 双击窗口放大问题 (11分钟 3节)

8-1双击窗口放大的问题[04:23]
8-2windows解决双击放大问题[01:31]
8-3最终解决办法[05:39]
第9章 解决部分问题 (1小时2分钟 3节)

9-1解决新增和修改数据不更新的问题[04:06]
9-2主进程封装-创建窗口[09:47]
9-3主进程封装-封装路由[48:57]
第10章 教学管理-科目管理 (3小时10分钟 10节)

10-1科目管理-科目列表[26:26]
10-2科目管理-增删改科目[28:50]
10-3科目管理-新增等级[29:36]
10-4科目管理-删除和修改等级[19:57]
10-5科目管理-查看协议[15:40]
10-6科目管理-创建下载窗口[22:04]
10-7异步下载-布局[18:06]
10-8异步下载-列表数据[10:40]
10-9异步下载-删除任务[05:39]
10-10异步下载-导出文件[13:21]
第11章 教学管理-班级管理 (3小时23分钟 11节)

11-1班级管理-班级列表[22:56]
11-2班级管理-完善数据[10:35]
11-3班级管理-搜索和导出[15:14]
11-4班级管理-新建班级（一）[38:37]
11-5token过期[05:45]
11-6班级管理-新建班级（二）[20:28]
11-7班级管理-新建班级（三）[27:40]
11-8班级管理-解决ts[02:10]
11-9班级管理-删除班级[04:52]
11-10班级管理-修改班级[20:56]
11-11班级管理-排课[34:35]
第12章 招生模块-咨询本 (4小时38分钟 12节)

12-1我的咨询本-布局[34:54]
12-2我的咨询本-日期切换[30:22]
12-3我的咨询本-任务布局[18:43]
12-4我的咨询本-新建咨询布局[39:35]
12-5我的咨询本-缓存组件[10:43]
12-6我的咨询本-基本信息数据渲染[34:31]
12-7我的咨询本-跟进信息数据渲染[07:42]
12-8阿里云OSS-上传附件[26:58]
12-9我的咨询本-新建咨询[18:08]
12-10我的咨询本-任务数据渲染[17:18]
12-11我的咨询本-成交额数据渲染[11:59]
12-12我的咨询本-漏斗图[27:54]
第13章 招生模块-咨询本-全部客户 (2小时36分钟 6节)

13-1全部客户-数据渲染[13:36]
13-2导入客户[15:30]
13-3全部客户-编辑信息[43:08]
13-4全部客户-跟进信息[25:57]
13-5全部客户-查看详情-个人信息[23:44]
13-6全部客户-查看详情-跟进信息[34:56]
第14章 招生模块-共有池 (22分钟 1节)

14-1共有池[22:56]
第15章 招生模块-咨询本-我的客户 (26分钟 1节)

15-1我的客户[26:54]
第16章 招生模块-设置 (9分钟 1节)

16-1设置[09:46]
第17章 办理-办理缴费 (2小时23分钟 6节)

17-1办理缴费-学员信息[14:30]
17-2办理缴费-报名信息[45:39]
17-3办理缴费-支付信息[18:26]
17-4办理缴费-订单标签[20:23]
17-5办理缴费-全款报名[37:46]
17-6办理缴费-分期报名[07:13]
第18章 办理-办理中心 (1小时15分钟 5节)

18-1办理中心-布局[10:44]
18-2办理中心-去报名[10:06]
18-3办理中心-订单详情[25:28]
18-4办理中心-查看订单[17:04]
18-5办理中心-订单标签[12:03]
第19章 测试工作流 (18分钟 2节)

19-1测试工作流[06:13]
19-2解决bug[12:10]
第20章 剩余工作流-模块 (1小时16分钟 6节)

20-1查看详情-订单[15:57]
20-2查看详情-课程[09:45]
20-3班级管理-学员[16:00]
20-4班级管理-学员详情（一）[11:07]
20-5班级管理-学员详情（二）[17:42]
20-6班级管理-查看协议[05:52]
第21章 聊天通信 (1小时34分钟 9节)

21-1聊天通信-创建窗口[07:07]
21-2聊天通信-获取联系人[13:52]
21-3聊天通信-获取会话[10:50]
21-4聊天通信-聊天记录[12:47]
21-5聊天通信-发送消息[10:47]
21-6关于WebSocket说明[00:44]
21-7聊天通信-接收消息[20:58]
21-8聊天通信-ws发送消息[08:28]
21-9聊天通信-删除会话[09:16]
第22章 WebSocket (1小时2分钟 3节)

22-1WebSocket认识和了解[19:17]
22-2WebSocket的心跳机制和断线重连[25:46]
22-3【淘宝网扫码登录】为什么使用短轮询而不是WebSoc[17:13]
第23章 全局组件封装 (39分钟 2节)

23-1Table封装（一）[28:24]
23-2Table封装（二）[10:49]
第24章 项目打包 (1小时16分钟 5节)

24-1打包基础操作[18:01]
24-2自动更新-布局[12:45]
24-3自动更新-检查更新[26:07]
24-4自动更新-更新完毕[04:18]
24-5自动更新-工作流[14:59]
第25章 面试题-项目的功能 (39分钟 4节)

25-1后台管理系统登录的流程[09:20]
25-2异步下载任务怎么做[14:12]
25-3缓存组件(keepAlive)[09:05]
25-4动态组件(component)[06:25]
第26章 面试题-ElementPlus (8分钟 1节)

26-1model和ref重名的问题[08:01]
第27章 项目的兼容 (2分钟 1节)

27-1开启全屏模式和退出全屏[02:01]

下载地址