项目实战

    今日:26683| 主题:1162
收藏本版 (387)
发表新帖
打印 上一主题 下一主题

[前端开发] [百度网盘]Electron+React+七牛云 实战跨平台桌面应用

[复制链接]
跳转到指定楼层
楼主
admin 发表于 2020-8-6 22:08:54
125862 32

Electron+React+七牛云 实战跨平台桌面应用
第1章 进入 Electron 的世界
介绍了整个课程的背景知识,项目简介,学习流程,可以掌握的知识点,以及学习方法和前置知识。

1-1 学习本课程的收获以及案例展示(内附彩蛋) 试看
第2章 我们的第一个应用
本章讲述了 Electron 的基础用法,包括搭建 Electron 开发环境、进程和线程的知识、BrowserWindow 模块、跨进程访问等内容。

2-1 配置 Electron 开发环境 试看
2-2 进程和线程
2-3 主进程和渲染进程
2-4 创建 BrowserWindow
2-5 进程间的通信
2-6 使用 IPC 进行通信
2-7 使用 remote 实现跨进程访问
2-8 升级到 electron 7.0 以上的注意事项
第3章 神奇的 React
本章回顾了 React 的基础知识,从而引出了全新的 React Hooks,详细讲解了 useState、useEffect、自定义Hook 等内容。

3-1 React 简介和缘起
3-2 配置 React 开发环境..1
3-3 useState Hook
3-4 useEffect 不需要清除的 Effect
3-5 useEffect 需要清除的 Effect
3-6 useEffect 可控 effect
3-7 自定义 Hook(一)
3-8 HOC 的概念和缺点
3-9 自定义Hook(二)
3-10 Hook 规则和其他 Hook
第4章 双剑合璧与庖丁解牛
本章分析了整个应用的需求,将整个应用分割成组件,然后打造一个 适配 Electron 和 React 的开发环境

4-1 全局需求 试看
4-2 将 UI 拆分成组件
4-3 配置开发环境(一)
4-4 配置开发环境(二)
4-5 文件结构和代码规范
第5章 左侧面板开发
本章开始分别开发左侧面板的各个 React 组件,同时在开发过程中选用样式库、图标库,重构公共自定义 Hook。

5-1 为项目选择样式库
5-2 FileSearch 组件(一)
5-3 FileSearch 组件(二)
5-4 为项目选择图标库
5-5 使用 PropTypes 进行类型检查
5-6 FileList 组件开发(一)
5-7 FileList 组件开发(二)
5-8 第一个自定义 Hook - useKeyPress
5-9 左侧收尾工作
第6章 右侧面板开发
本章开发了应用右侧的 TabList 和编辑器部分,同时在整个过程中穿插了如何选取一个好用的开源库的思路。

6-1 TabList 需求和属性分析
6-2 TabList 组件代码(一)
6-3 TabList 组件代码(二)
6-4 选择 MarkDown 编辑器
6-5 引入 easyMDE 编辑器
第7章 功能结合
本章遵循 React 哲学的最后步骤,从分析应用 state 结构入手,从上至下的给应用添加状态和逻辑处理,然后提出了 flatten state 的概念, 最后用这个概念进化了整个应用的状态。

7-1 分析设计 State 结构
7-2 分析应用数据流
7-3 给 App 组件添加状态
7-4 添加数据处理行为(一)
7-5 添加数据处理行为(二)
7-6 添加新建文件流程逻辑
7-7 Flatten State 介绍
7-8 修改 State 为 Flatten 结构编码
第8章 持久化保存数据
本章开始进入 Node.js 的世界,使用 FS 模块完成文件的增删改,同时还使用 Electron store 完成文件索引的持久化保存。

8-1 在 React 中使用 Node.js
8-2 FS 模块初试牛刀
8-3 FS 模块使用 Promise 改造
8-4 在 App 中集成文件操作
8-5 数据持久化解决方案
8-6 将 Electron store 集成到 App 中
8-7 添加持久化数据逻辑代码
8-8 由一个 Bug 引发的思考
第9章 Electron 锦上添花
本章使用 Electron 提供的模块 - Dialog、Menu、BrowserWindow 等模块进一步进化应用。在这之中,还穿插了 Node.js、DOM 遍历以及操作等一系列知识。

9-1 导入文件对话框(一)
9-2 导入文件对话框(二)
9-3 添加上下文菜单(一)
9-4 添加上下文菜单第二部分
9-5 添加上下文菜单最终实现
9-6 原生应用菜单简介
9-7 添加原生应用菜单编码(一)
9-8 添加原生应用菜单编码(二)
9-9 设置窗口解决方案和流程分析
9-10 添加设置窗口编码(一)
9-11 添加设置窗口编码(二)
第10章 认识七牛云平台
本章从对象存储云平台简介开始,引出七牛云使用的流程,以及七牛云 SDK 的下载。然后使用 SDK 写一些小 Demo,最后抽象到一个云文件操作类。

10-1 对象存储平台简介
10-2 七牛云平台使用简介
10-3 初始七牛 SDK
10-4 云文件操作类编码(一)
10-5 云文件操作类编码(二)
10-6 获得下载链接
10-7 stream 流的概念
10-8 stream 流的简单用法
10-9 实现文件下载方法
第11章 使用 SDK 同步到七牛云
本章使用上一章完成的云文件操作类将云文件同步功能添加到应用当中。

11-1 在设置窗口添加七牛云参数(一)
11-2 在设置窗口添加七牛云参数(二)
11-3 添加云同步菜单
11-4 动态修改菜单项
11-5 自动同步单个文件至七牛云(一)
11-6 自动同步单个文件至七牛云(二)
11-7 自动下载云文件至本地(一)
11-8 自动下载云文件至本地(二)
11-9 为应用添加 Loading 效果
11-10 完成全部文件同步到七牛云功能编码
11-11 使用流程图和伪代码解决剩下需求
第12章 应用打包与分发
本章主要以 MacOS 和 Windows 系统为例,讲解如何通过 Electron Builder 打包 Electron 应用程序。

12-1 安装 Electron builder
12-2 为生产环境 build 代码
12-3 添加配置文件
12-4 调试整个pack流程
12-5 探究打包过程和生成文件内容
12-6 生成安装包
12-7 Electron 打包体积优化第一部分- 质的飞跃
12-8 Electron 打包体积优化第二部分-极限优化
12-9 自动更新第一部分 - 自动发布 release
12-10 自动更新第二部分 - 添加自动更新功能
12-11 自动更新 第三部分 - 本地调试自动更新功能
第13章 课程总结
本课程的回顾与总结。

13-1 课程总结

游客,如果您要查看本帖隐藏内容请回复

吾爱编程网 - 免责声明
1、吾爱编程网为非营利性网站,全站所有资料仅供网友个人学习使用,禁止商用
2、本站所有文档、视频、书籍等资料均由网友分享,本站只负责收集不承担任何技术及版权问题
3、如本帖侵犯到任何版权问题,请立即告知本站,本站将及时予与删除下载链接并致以最深的歉意
4、本帖部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责
5、一经注册为本站会员,一律视为同意网站规定,本站管理员及版主有权禁止违规用户
6、其他单位或个人使用、转载或引用本文时必须同时征得该帖子作者和吾爱编程网的同意
7、吾爱编程网管理员和版主有权不事先通知发贴者而删除本文




上一篇:Spring Cloud微服务安全实战
下一篇:一站式学习Java网络编程 全面理解BIO/NIO/AIO
收藏
收藏
支持
支持
反对
反对
回复

使用道具 举报

沙发
huqingsong 发表于 2020-8-7 18:02:04
看帖看完了至少要顶一下,还可以加入到淘帖哦!支持吾爱编程网!
回复

使用道具 举报

板凳
lastvurtne 发表于 2020-8-8 10:26:31
666666666666
回复

使用道具 举报

地板
berrly 发表于 2020-8-8 15:42:48
666666666666
回复

使用道具 举报

5#
流年666 发表于 2020-8-10 10:15:54
看了LZ的帖子,我只想说一句很好很强大!支持吾爱编程网!
回复

使用道具 举报

6#
mathmath 发表于 2020-8-10 11:07:47
1111111111111111111111111111111
回复

使用道具 举报

7#
changwu 发表于 2020-8-13 18:22:34
看了LZ的帖子,我只想说一句很好很强大!支持吾爱编程网!
回复

使用道具 举报

8#
kdzhao 发表于 2020-8-15 10:40:41
膜拜神贴,后面的请保持队形~支持吾爱编程网!
回复

使用道具 举报

9#
silent 发表于 2020-8-25 10:28:34
哥顶的不是帖子,是寂寞!支持吾爱编程网!
回复

使用道具 举报

10#
uuuuoooo 发表于 2020-8-25 22:09:46 来自手机
Electron+React+七牛云 实战跨平台桌面
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /1 下一条

返回顶部 返回列表

平台简介

吾爱编程网:http://www.52pg.net/是IT技能学习交流平台,我们提供了丰富的移动端开发、php开发、web前端开发、android开发、Java开发、Python开发、大数据开发、区块链开发、人工智能开发以及html5等大量的实战视频教程资源。(如果我们有侵犯了您权益的资源请联系我们删除)

点击这里给我发消息|Archiver|手机版|小黑屋|站点地图|吾爱编程  |网站地图

Powered by Discuz! X3.2??? 2017-2020 Comsenz Inc.??吾爱编程网