首页 实战

Electron+Vue3+AI+云存储--实战跨平台桌面应用

一课熟练掌握Electron，进阶学会AI+云存储技术，高效解决整合Vue3的各种疑难杂症

已完结
|
难度：初级
|
时长：共 20 小时
新课榜第 6 名
￥299.00
距离活动结束
立即购买
加购物车
  • 掌握Electron跨平台核心技
  • Electron与后端交互技巧
  • 独立构建企业级桌面应用
  • API签名、算法加密解决方案
  • 解决Electron整合开发问题
  • 优化数据获取和处理流程
试看本节课 05:43
1-1 课程导学

课程预览

检测到您还没有关注慕课网服务号，无法接收课程更新通知。请扫描二维码即可绑定
重新观看
无论前端、后端，还是应届生，只要具备前端基础，想系统掌握Electron，及整合开发中疑难问题解决方案的，并希望将理论转化实践的，这门课程是你的不二之选。课程融合Electron、Vue3、AI及云存储，以项目为驱动，从零打造跨平台、智能化、高安全性及扩展性的桌面应用。全面应用并高效掌握Electron，及与主流技术整合的疑难问题解决。无论晋升涨薪、技能拓展，还是面试求职，都能让你在激烈竞争中脱颖而出！
展开所有

本章介绍：

本章主要对课程整体进行介绍，包括课程内容安排、课程优势、课程目标、课程适合人群，以及学习建议等。

第1章 Electron桌面应用实战--课程导学
1 节｜6分钟
展开
  • 视频：
    1-1 课程导学
    试看
    05:43

本章介绍：

本章将带领大家进行实战项目的准备工作。首先会分析项目需求，明确项目目标；接着介绍桌面端跨平台开发框架的概念和技术栈，帮助学员了解即将使用的核心技术点。

第2章 开启项目前的准备工作
3 节｜20分钟
收起
  • 视频：
    2-1 项目需求分析
    07:22
  • 视频：
    2-2 桌面端跨平台开发框架介绍
    04:09
  • 视频：
    2-3 技术栈选型介绍
    08:05

本章介绍：

本章是关于Electron框架的基础知识，将详细介绍Electron的发展历程、环境搭建步骤、创建首个Electron项目的方法，以及如何创建BrowserWindow窗口等基本操作。同时，还将探讨Electron中的主进程与渲染进程的概念及其通信方式，并介绍预加载脚本的使用。

第3章 Electron基础快速入门
11 节｜96分钟
收起
  • 视频：
    3-1 本章介绍
    01:25
  • 视频：
    3-2 关于Electron的前世今生
    05:29
  • 视频：
    3-3 Electron环境搭建
    04:19
  • 视频：
    3-4 创建第一个Electron项目
    05:45
  • 视频：
    3-5 创建第一个BrowserWindow窗口
    07:20
  • 视频：
    3-6 详解渲染进程与主进程
    02:49
  • 视频：
    3-7 主进程与渲染进程的通信
    17:33
  • 视频：
    3-8 预加载脚本preload的使用
    17:41
  • 视频：
    3-9 使用WebView进行第三方网页嵌入（一）
    15:21
  • 视频：
    3-10 使用WebView进行第三方网页嵌入（二）
    16:18
  • 视频：
    3-11 本章总结
    01:23

本章介绍：

本章主要专注于Vue3框架的基础知识，包括Vite工具的介绍、如何创建基于Vite的Vue3项目、Vue2与Vue3之间的区别、Vue3的生命周期、组件化开发等内容。通过本章的学习，学员可以掌握Vue3的基本开发技能。

第4章 选修内容 - Vue3基础快速入门
15 节｜223分钟
展开
  • 视频：
    4-1 本章介绍
    01:17
  • 视频：
    4-2 关于Vite的详细介绍
    02:22
  • 视频：
    4-3 创建第一个基于 Vite 的 Vue3项目
    03:47
  • 视频：
    4-4 详解Vue2和Vu3的区别（一）
    23:10
  • 视频：
    4-5 详解Vue2和Vu3的区别（二）
    24:08
  • 视频：
    4-6 认识Vue3生命周期
    08:41
  • 视频：
    4-7 Vue3组件与自定义组件（一）
    25:11
  • 视频：
    4-8 Vue3组件与自定义组件（二）
    25:32
  • 视频：
    4-9 Vue-Router介绍及使用（一）
    20:58
  • 视频：
    4-10 Vue-Router介绍及使用（二）
    22:08
  • 视频：
    4-11 Vue-Router介绍及使用（三）
    20:13
  • 视频：
    4-12 Pinia状态管理器介绍及使用（一）
    18:44
  • 视频：
    4-13 Pinia状态管理器介绍及使用（二）
    19:36
  • 视频：
    4-14 Vue-DevTools介绍及使用
    05:51
  • 视频：
    4-15 本章总结
    01:03

本章介绍：

本章主要将学习如何将Electron与Vue3框架结合，实现桌面应用程序的开发。内容涵盖融合项目搭建、常见问题解决技巧、以及成功运行首个Vue3桌面应用的具体步骤。

第5章 Electron+Vue大融合
5 节｜19分钟
展开
  • 视频：
    5-1 本章介绍
    01:04
  • 视频：
    5-2 融合搭建Electron+Vue项目
    09:19
  • 视频：
    5-3 融合后的常见问题解决
    04:04
  • 视频：
    5-4 成功运行第一个Vue3的桌面应用
    03:13
  • 视频：
    5-5 本章总结
    00:57

本章介绍：

本章深入探讨登录功能的设计与实现，包括登录界面的布局开发、网络请求的处理、登录持久化的实现、以及登录过程中的各种优化措施。通过本章的学习，学员能够理解并实现安全高效的登录机制。

第6章 一个登录引发的“血案” 登录背后的流程
15 节｜203分钟
展开
  • 视频：
    6-1 本章介绍
    02:34
  • 视频：
    6-2 登录界面静态部分开发
    12:40
  • 视频：
    6-3 网络请求的来龙去脉
    04:46
  • 视频：
    6-4 前后端分离项目的网络请求要注意哪些？
    04:51
  • 视频：
    6-5 发起第一个网络请求-登录（一）
    17:18
  • 视频：
    6-6 发起第一个网络请求-登录（二）
    16:56
  • 视频：
    6-7 封装“FetchRequest”库（一）
    19:07
  • 视频：
    6-8 封装“FetchRequest”库（二）
    16:52
  • 视频：
    6-9 封装“FetchRequest”库（三）
    19:09
  • 视频：
    6-10 封装“XMLRequest”库
    14:00
  • 视频：
    6-11 登录持久化（一）
    18:42
  • 视频：
    6-12 登录持久化（二）
    23:39
  • 视频：
    6-13 【功能优化】弹出登录提示 及 惰性函数的使用（一）
    14:48
  • 视频：
    6-14 【功能优化】弹出登录提示 及 惰性函数的使用（二）
    15:44
  • 视频：
    6-15 本章总结
    01:48

本章介绍：

本章聚焦于主界面的开发，涵盖主界面的布局设计、托盘图标的设置、快捷键的配置等。通过实际操作，学员将学会如何构建用户友好且功能丰富的主界面。

第7章 桌面应用主界面开发实战
5 节｜47分钟
展开
  • 视频：
    7-1 本章介绍
    01:00
  • 视频：
    7-2 主界面静态部分开发
    01:52
  • 视频：
    7-3 设置程序的托盘图标
    14:56
  • 视频：
    7-4 设置程序的快捷键键
    26:34
  • 视频：
    7-5 本章总结
    01:59

本章介绍：

本章将教授如何在项目中实现人员管理功能，包括从Excel文件中读取数据、大量数据的压缩传输、数据加密传输、以及导出数据到Excel文件的技术。这些技能对于开发企业级应用非常实用。

第8章 人员管理功能实战 - Excel操作与加数据压缩传输
8 节｜107分钟
展开
  • 视频：
    8-1 本章介绍
    01:05
  • 视频：
    8-2 人员管理功能静态部分开发
    10:41
  • 视频：
    8-3 从Excel文件导入人员数据（一）
    18:09
  • 视频：
    8-4 从Excel文件导入人员数据（二）
    18:42
  • 视频：
    8-5 大量数据的场景下的数据压缩传输
    20:04
  • 视频：
    8-6 隐私信息的加密传输
    18:12
  • 视频：
    8-7 导出人员数据到Excel文件
    17:42
  • 视频：
    8-8 本章总结
    01:47

本章介绍：

本章主要讲解如何利用阿里云的对象存储服务（OSS）实现云盘功能，包括文件上传下载、大文件分片上传下载、断点续传等高级功能。学员将学会如何高效地管理云端文件。

第9章 云盘功能实战 - 阿里云接入与文件复杂功能操作
15 节｜262分钟
展开
  • 视频：
    9-1 本章介绍
    02:35
  • 视频：
    9-2 云盘功能静态部分开发
    07:16
  • 视频：
    9-3 OSS存储介绍与开通
    08:10
  • 视频：
    9-4 阿里云OSS的文件上传与下载（一）
    20:23
  • 视频：
    9-5 阿里云OSS的文件上传与下载（二）
    23:02
  • 视频：
    9-6 阿里云OSS的文件上传与下载（三）
    20:37
  • 视频：
    9-7 大文件分片上传（一）
    26:56
  • 视频：
    9-8 大文件分片上传（二）
    24:24
  • 视频：
    9-9 断网了？文件断点续传（一）
    19:38
  • 视频：
    9-10 断网了？文件断点续传（二）
    19:41
  • 视频：
    9-11 断网了？文件断点续传（三）
    19:49
  • 视频：
    9-12 大文件分片下载（一）
    14:21
  • 视频：
    9-13 大文件分片下载（二）
    15:39
  • 视频：
    9-14 又断网了？文件断点下载
    25:54
  • 视频：
    9-15 Electron文件拖放
    13:09

本章介绍：

本章介绍如何在项目中集成大语言模型，以增强应用程序的功能。内容涉及富文本编辑器的集成、大语言模型的接入与使用、创建AI助手和翻译应用等。通过本章的学习，学员可以为用户提供更加智能的服务。

第10章 知识库功能实战 - 接入大语言模型
7 节｜70分钟
展开
  • 视频：
    10-1 本章介绍
    01:06
  • 视频：
    10-2 【页面布局】知识库功能静态部分开发
    04:17
  • 视频：
    10-3 【富文本编辑器】富文本编辑器集成
    23:48
  • 视频：
    10-4 【大语言模型】大语言模型介绍与开通
    06:15
  • 视频：
    10-5 【大语言模型】接入大语言模型，创建AI助手
    24:56
  • 视频：
    10-6 【大语言模型】使用大语言模型提示工程，创建翻译应用
    07:41
  • 视频：
    10-7 本章总结
    01:12

本章介绍：

本章讨论如何让系统支持微应用，使第三方开发者能够方便地加入和扩展系统的功能。内容包括微应用的静态部分开发、支持微应用的系统配置、以及微应用调用特定API的方法。

第11章 允许第三方开发者加入 - "微应用"
5 节｜46分钟
展开
  • 视频：
    11-1 本章介绍
    01:21
  • 视频：
    11-2 【页面布局】微应用静态静态部分开发
    04:25
  • 视频：
    11-3 【Electron 微应用】让系统支持微应用
    25:03
  • 视频：
    11-4 【Electron 微应用】允许微应用调用特定API
    14:00
  • 视频：
    11-5 本章总结
    00:47

本章介绍：

在最后一章中，我们将学习如何将开发完成的应用程序打包发布，包括处理跨平台兼容问题、解决打包过程中可能出现的问题等。通过本章的学习，学员可以顺利地将作品交付给最终用户。

第12章 桌面应用打包发布
4 节｜50分钟
展开
  • 视频：
    12-1 本章介绍
    01:16
  • 视频：
    12-2 【electron 打包发布】如何处理跨平台兼容问题
    05:12
  • 视频：
    12-3 【electron 打包发布】项目打包&解决打包时候出现的问题（一）
    21:53
  • 视频：
    12-4 【electron 打包发布】项目打包&解决打包时候出现的问题（二）
    21:13

本章介绍：

在本章中，我们将回顾整个课程的主要内容，总结学习成果，并提供进一步学习的建议。这是对整个学习旅程的一个全面回顾，也是对努力成果的一次庆祝。

第13章 Eelectron实战--课程总结
1 节｜7分钟
展开
  • 视频：
    13-1 课程总结
    06:33
本课程已完结
适合人群
想要系统掌握Electron跨平台技术，及整合开发各种疑难问题解决方案的前端开发者
想要拓展技术的后端开发者
应届生想有一款脱颖而出的毕设项目、面试求职的
对Electron跨平台开发感兴趣的其他领域技术人员
技术储备
具备基本前端基础即可
环境参数
开发环境 Node.js
技术栈 Node、Electron、Vue3全家桶
操作系统 Windows
西一凹
高级全栈工程师
不为别的，只为提升面试通过率
尽管课程时间很长，
但没关系，我们有老师的陪伴，
还有同学之间互相鼓励，彼此帮助，
完成学习后，还能获得慕课网官方认证的证书。
立即购买
查看更多
数据加载中...
查看更多好课
《Electron+Vue3+AI+云存储--实战跨平台桌面应用》的真实评价
综合评分：分，共 人参与
篇幅原因，只展示最近100条评价
￥299.00
立即购买
加购物车

学习咨询

选课、学习遇到问题？

扫码添加指导老师 1V1 帮助你！

添加后老师会第一时间解决你的问题

意见反馈 帮助中心 APP下载
官方微信