Electron开发仿网易云音乐播放器

2023-04-19 08:21:37 15788

课程内容

课程目录

  •   本课将带你由浅入深掌握Electron这个构建跨平台桌面应用的基本概念和用法,复原从零搭建一个本地音乐播放器的全过程,通过从零开始,一步步完成一个完整的应用,整个过程中穿插了Node.js的第三种玩法和集成浏览器内核的原理,让你轻松高效学会Electron开发。

〖课程目录〗:

  • Electron是全球最大的技术社区GitHub推出的使用HTML、CSS和JavaScript构建跨平台的桌面应用框架。本章主要讲解什么是Electron以及配置Electron的开发环境。
  • 收起列表
    • 1-1 什么是 Electron (06:24)
    • 1-2 配置开发环境 (04:33)
  • 本章通过第一个简单的Electron Demo讲解Electron中最核心的主进程与渲染进程、browserWindow以及进程之间的通信等内容。
  • 收起列表
    • 2-1 主进程和渲染进程 (07:14)
    • 2-2 创建 browserWindow (12:39)
    • 2-3 进程间通信 (10:26)
  • 本章从应用的原型图出发,分析播放器应用的功能流程以及工程文件结构等内容。
  • 收起列表
    • 3-1 从原型图出发 (04:59)
    • 3-2 功能流程和文件结构 (06:53)
  • 本章从首页开始制作,创建添加音乐的窗口,并通过Dialog模块实现添加音乐模块,以及使用Electron Store实现数据的持久化存储。
  • 收起列表
    • 4-1 从首页样式开始 (08:25)
    • 4-2 创建添加音乐窗口 (07:27)
    • 4-3 创建窗口类 (08:14)
    • 4-4 使用Dialog模块添加音乐文件 (09:14)
    • 4-5 展示添加的文件列表 (11:17)
    • 4-6 使用Electron Store持久化数据 (07:00)
    • 4-7 音乐持久化存储类 (08:19)
    • 4-8 使用存储类保存数据 (10:40)
  • 本章主要讲解播放器应用中的渲染主窗口,其中包括音乐列表功能,以及音乐播放功能等内容。
  • 收起列表
    • 5-1 获取数据渲染主窗口列表之概念 (09:04)
    • 5-2 获取数据渲染主窗口列表之编码 (15:06)
    • 5-3 播放音乐难点分析 (07:04)
    • 5-4 主窗口播放音乐编码(上) (11:03)
    • 5-5 主窗口播放音乐编码(下) (10:34)
    • 5-6 添加音乐播放器状态(上) (10:09)
    • 5-7 添加音乐播放器状态(下) (12:26)
  • 本章主要以MacOS系统为例,讲解如何通过Electron Builder打包Electron应用程序。
  • 收起列表
    • 6-1 安装Electron Builder (05:36)
    • 6-2 添加Electron Builder配置文件 (10:56)
    • 6-3 在MacOS平台打包程序 (06:56)
  • 总结本课程中的核心Electron技术中的重点、难点,基于本课程展望更高阶的Electron课程计划。
  • 收起列表
    • 7-1 总结与展望 (07:12)

〖视频截图〗:

对不起,这个资源不能白嫖

请微信搜索【acurd-com】或扫描下方二维码加我微信索取


免责申明:本站所有资源均来自于网络,一切破解补丁、注册机和注册信息及软件的解密分析文章和视频仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。如有侵权请邮件与我们联系处理。