登录    注册
  

IT营教程分类

Electron视频教程_Electron+Vue跨平台桌面软件开发视频教程-打造舆情监控系统(大地 共47讲)

  • 赞助费:¥58元   在线客服:点击这里给我发消息    IT营2000人交流群:it营
  • 课程讲师: 大地
  • 主要技术: Electron
  • 课时数量: 47讲
  • 适合人群: 初-中级
  • 赞助类型: 赞助
  • 用到技术: Electron
  • 涉及项目: Electron跨平台软件开发
  • 浏览次数: 5186 次     赞助付款后,在订单列表获取下载地址
  • 购买数量: 商品总价:
  • 举报

浏览历史

课程描述

相关课程

2018年8月Electron视频教程_Electron+Vue跨平台桌面软件开发视频教程试听地址:

 

https://pan.baidu.com/s/1Dol4tP6Jop6MXro0ULVapQ

 

若下载地址失效请联系客服获取,学习交流QQ群:490388239

  

 

Electron介绍:

 

Electron是一个跨平台的桌面应用开发框架,可以让我们用html css js的技术开发跨平台桌面上可以安装的软件。

 

“Electron又为前端开发者谋得了一份好的差事”。

 

想起在网路里流传很广的一句话“不要和老夫说什么C++,Java,老夫行走江湖就靠一把JS,遇到需求撸起袖子就是干”。

 

截止2018-7-3: electron Github的 star已经达到61957,那么他的用户量可能已经有100万了。还有大家知道的github的atom编辑器、微软的vscode编辑器,包括阿里内部的一些软件也是用 electron 开发的。既然这么热,那就一个字大家都在学,你不学(有没有压力啊!!!

   

Electron视频教程介绍:

 

  当前流行的Html css js跨平台桌面软件开发框架有NW.js和Electron。NW.js和Electron起初是同一个作者开发。后来种种原因分为两个产品。一个命名为NW.js(英特尔公司提供技术支持)、另一命名为Electron(Github公司提供技术支持)。  Electron是由Github开发的一个用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。本Electron视频教程_Electron+Vue跨平台桌面软件开发视频教程由IT营大地老师于2018年8月录制,从Electron基础入门视频教程到Electron项目实战视频教程,手把手教学,零开始一步一步让你学会 Electron基础、 Electron模块、以及 Electron+Vue开发跨平台可以安装的桌面应用。

  

  本Electron教程涉及的内容有Electron环境搭建、开启调试、Electron 运行流程、主进程渲染进程、Electron中使用h5的api、Electron中使用Nodejs、以及Electron 中的模块remove模块、BrowserWindow模块Menu模块shell 模块dialog托盘...等等。在基础api学完以后通过实现一个Electron简易记事本代码编辑器练习强化了前面的知识点。第一个项目完成后讲了Electron+Vue的使用、 electron-vue中调用electron Api以及自定义软件按钮、以及讲了electron-vue操作数据库nedb以及类似腾讯新闻的服务器消息推送、以及打包exe软件打包Mac(苹果电脑)的dmg软件并送Socket.io教程,基础讲完后用前面学的东西打造了一款简单的舆情监控系统(见最下面说明)。

 

 

 

 

 

Electron视频教程学前须知:

 

为了回馈朋友们对我(大地)的支持,价值几百块钱的教程,前100名赞助会员享有最大优惠价格28元/套101名-200名的赞助会员58元/套优惠价格200名以后的赞助会员恢复原价98元/套。 (总课时预计)本教程基础教程19讲Electron+Vue跨平台桌面软件开项目实战教程28

 

 

1.教程类型: Electron视频教程为赞助类型视频,赞助后可以看Electron全部教程(包括后期更新拓展教程)。

  

2.必备基础:学习Electron教程之前需要有Html css js 以及nodejs基础。

 

3.学习说明:每套教程只限一人学习,教程和电脑绑定,下单时,请填写正确的QQ号,赞助后系统自动发货,届时联系客服获取授权码。 

       

4.学习环境:本视频支持win xp和win7 win8 win10 以及苹果mac电脑,不支持虚拟机系统。

  

5.配套资源视频+课件+源码+赞助群

 

  

 

Electron视频教程_Electron+Vue跨平台桌面软件开发视频教程目录介绍:

  

01 Electron 跨平台桌面应用开发介绍 学习前的准备工作(11分58秒)

一、 为什么要学Electron。

二、 基于Nodejs的主流桌面应用开发框架NW.js 和Electron介绍。

三、 Electron详细介绍  

四、 学习前的准备工作

 
02 Electron 安装、使用快速启动demo搭建Electron项目、electron-forge搭建项目(13分58秒)

一、 安装electron

二、 克隆一个仓库快速启动一个项目

三、 手动搭建一个electron项目

四、 electron-forge搭建一个electron项目  


03 手动一步一步创建Electron项目(15分31秒)

04 Electron 运行流程、主进程渲染进程、通过nodejs读取本地文件、开启调试模式(17分20秒)

一、 Electron运行的流程

二、 Electron主进程和渲染进程

三、 Electron渲染进程中通过Nodejs读取本地文件。

四、 Electron开启调试模式

 

05 Electron  调用h5的拖放api 结合nodejs fs实现拖放打开文件功能(10分24秒)

一、 H5拖放api介绍

二、 Electron结合nodejs实现拖放打开文件功能

06 Electron 模块介绍、remove模块、通过BrowserWindow 打开新窗口 (14分37秒)

一、 Electron主进程和渲染进程中的模块(介绍)

二、 Electron remote 模块

三、 Electron 渲染进程中通过remove模块调用主进程中的BrowserWindow 打开新窗口。


07 Electron自定义软件顶部菜单 右键菜单以及 绑定快捷键(24分44秒)

 一、 Electron主进程和渲染进程中的模块(介绍)

 二、 Electron自定义软件顶部菜单以及绑定快捷键

 三、 Electron自定义右键菜单


08 Electron主进程与渲染进程通信(同步通信、异步通信) 以及通过主进程渲染进程通信改造右键菜单demo(18分47秒)

一、 Electron主进程和渲染进程中的模块(介绍)

二、 Electron主进程和渲染进程通信。

 

09 Electron渲染进程与渲染进程之间的通信 BrowserWindow webContents(28分)

一、 LocalStorage实现渲染进程和渲染进程通信

二、 Electron BrowserWindow webContents结合主进程实现渲染进程和渲染进程通信

 

10 Electron Shell 模块以及Electron DOM webview 标签 自定义Menu导航改变webview url(25分3秒)

一、 Electron shell 模块 在用户默认浏览器中打开URL的示例

二、 Electron DOM <webview>  自定义Menu导航改变webview url

 

11 Electron dialog 弹出框 (17分54秒)

一、 错误提示框dialog.showErrorBox  

二、 消息框dialog.showMessageBox 

三、 打开文件提示框dialog.showOpenDialog

四、 保存文件提示框dialog.showSaveDialog

 

12 Electron实现一个类似EditPlus的简易记事本代码编辑器【小小项目(一)】顶部菜单、右键菜单(15分10秒)

 

13 Electron简易记事本代码编辑器【小小项目(二)】 打开文件 保存文件(26分50秒)

 

14 Electron简易记事本代码编辑器【小小项目(三)】 新建文件 、打开文件、保存文件(优化)(23分51秒)

 

15 Electron实现一个类似EditPlus的简易记事本代码编辑器【小小项目(四)】 设置菜单快捷键、打印文件、退出APP(15分19秒)

 

16 Electron实现一个类似EditPlus的简易记事本代码编辑器【小小项目(五)】使用CodeMirror实现代码高亮(25分46秒)

 

17 Electron系统托盘 托盘右键菜单、托盘图标闪烁 点击右上角关闭按钮隐藏到托盘(杀毒软件任务栏托盘)(24分)

  一、 Electron系统托盘、任务通知栏图标介绍。

  二、 Electron 创建任务栏图标以及任务栏图标右键菜单

  三、 监听任务栏图标的单击、双击事件

  四、 Electron点击右上角关闭按钮隐藏任务栏图标

  五、 Electron实现任务栏闪烁图标

 

18 Electron实现消息通知、监听网络变化、网络变化弹出通知框(11分4秒)

  一、 Electron实现类似网易邮箱收到邮件任务栏底部消息通知

  二、  Electron监听网络变化

  三、  Electron监听断网事件、类似网易邮箱实现消息通知

 

19 Electron 注册全局快捷键(globalShortcut) 以及 clipboard剪切板事件(实现类似播放器点击机器码自动复制功能)(26分22秒)

 

20 Electron+Vue跨平台桌面软件开发之 electron-vue介绍 、 electron-vue创建项目、electron-vue目录结构分析、electron-vue创建vue组件、配置Vue路由(22分42秒)

     一、  electron-vue介绍

  二、  electron-vue创建项目

  三、  electron-vue目录结构分析

  四、  electron-vue创建组件配置路由

 

21 Electron-vue主进程和渲染进程交互、以及electron-vue项目中使用Electron Api、以及electron-vue中使用nodejs(24分20秒)

     一、 electron-vue主进程和渲染进程交互

  、 electron-vue项目中使用Electron Api

  三、 electron-vue中使用nodejs

 

 22 Electron-vue UI框架 ElementUi的使用、 electron-vue 中使用sass(22分24秒)

     一、 electron-vue中使用 ElementUi

  、 electron-vue中配置 scss

 

23 Electron、electron-vue中隐藏顶部菜单 隐藏关闭 最大化 最小化按钮按钮、自定义关闭 最大化 最小化按钮(23分3秒)

     一、 electron-vue中隐藏顶部菜单

  、 electron-vue中隐藏关闭 最大化 最小化按钮按钮

       三、 electron-vue自定义顶部关闭 最大化 最小化按钮

 

24 Electron-Vue 操作本地数据库nedb 【数据库专题】 (30分47秒)

     一、 electron-vue中操作数据库的几种方式

  、 electron-vue中连接nedb数据库实现对数据的增加、修改、删除、查找、统计工作

 

25 Electron-vue舆情监控系统项目介绍、涉及electron知识点分析(7分23秒)

     一、 electron-vue舆情监控系统项目介绍

       二、涉及electron知识点分析

  

26 Electron-vue舆情监控系统创建项目、配置scss、配置elementUi、框架搭建、配置路由(19分32秒)

     一、 electron-vue舆情监控系统项目创建

  、 electron-vue舆情监控系统配置scss

  、 electron-vue舆情监控系统配置elementUi

  、 electron-vue舆情监控系统配置路由

 

27 highcharts大数据可视化图表插件使用 以及 在electron-vue中使用大数据可视化插件highcharts实现舆情报表数据统计(23分51秒)

     一、 highcharts图标插件的使用

  、 electron-vue中使用

 

 28 Electron-vue 舆情监控系统舆情报告页面 日期、列表布局 以及监听分页事件(24分15秒)

     一、 electron-vue舆情报告页面布局 

  、 electron-vue监听分页事件

 

29 Electron-vue舆情关键词设置、舆情报警设置页面制作-布局(15分45秒)

 

30 Electron-vue 登录页面制作以及 封装公共模块、请求api接口实现登录(34分24秒)

 

31 Electron-vue 请求数据签名验证-以及实现舆情关键词的增加(32分4秒)

 

32 Electron-vue 获取关键词 以及 修改 删除关键词(32分50秒)

 

33 Electron-vue 舆情报警设置 (10分45秒)

 

34 舆情报告制作以及舆情报告分页  以及根据日期获取舆情报告(32分50秒)

 

35 舆情报告页面格式化日期 以及根据type筛选舆情  以及搜索后跳转到第一页(19分44秒)

 

36 舆情报告页面  请求Api接口实现舆情报表页面数据统计(highcharts 根据接口数据生成报表)(26分6秒)

 

37 Electron-vue舆情监控系统 sheel模块打开外部浏览器、监听网络变化弹出通知、右键菜单(21分7秒)

 

38 Electron-vue 舆情监控系统系统托盘 点击右上角关闭按钮隐藏到托盘(仿网易邮箱任务栏托盘)(16分40秒)

 

39 Electron-vue 舆情报警设置 socket.io 异步通知服务器主动给客户端发送消息 实现 electron 消息通知 (类似腾讯新闻) (17分3秒)(看完Socket.io拓展教程后再看此讲教程,不然可能看不懂)

  

40 electron-vue 打包Windows上可以安装的.exe软件  以及修改软件名称 、版本号、图片 (19分58秒)

 

41  electron-vue打包 MacOs(苹果电脑)上面可以安装的.dmg软件 以及修改软件名称 、版本号、图片(17分10秒)

 

 

【拓展】赠送Socket.io扩展教程(6讲)

 

第一讲  原生nodejs结合Socket.io实现服务器和客户端的相互通信【扩展】

第二讲  express结合Socket.io实现服务器和客户端的相互通信、 群聊  、机器人原理【扩展】

第三讲   express结合Socket.io 跨域实现聊天  以及Socket.io结合数据库实现智能机器人【扩展】

第四讲  express Socket.io 实现聊天室【扩展】

第五讲  Express+Socket.io多房间聊天以及 同一桌点餐用户之间同步信息【扩展】

第六讲 Koa中使用Socket.io实现 机器人 聊天室 多房间聊天室【扩展】

 

Electron视频教程已更新目录展示以及部分视频截图:

 

 

 

 

 

 

 

Electron视频教程内容部分截图展示:

 

 

  

Electron实现一个类似EditPlus的简易记事本代码编辑器案例效果: 

 

网络舆情监测系统可以及时发现与“我”相关的舆情信息,负面信息、重大舆情及时预警;提供定性定量的舆情研判分析,准确研判具体舆情或者某一舆情专题事件的发展变化趋势;自动生成舆情报告和各种统计数据,舆情导控等创新手段,提高舆情工作的质量和效率,辅助领导决策;

 

舆情监控系统中用到的Electron知识点: 1、electron主进程渲染进程通信。2、electron右键菜单。3、electron Shell模块。4、electron 去掉顶部导航  自定义关闭按钮。5、electron系统托盘。6、electron监听网络变化。7、socket.io异步通知服务器主动给客户端发送消息  实现electron消息通知。8、Vue结合highchars实现大数据可视化。9、Vue 简易后端管理系统  (数据的显示、增加、修改、删除)。10、dialog  舆情数据导出到excel表格。11、win   mac上面打包应用。

 

 

 

 

 Electron舆情监控系统部分页面截图:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

用户评论(共0条评论)

  • 暂时还没有任何用户评论
总计 0 个记录,共 1 页。 第一页 上一页 下一页 最末页
用户名: 匿名用户
E-mail:
评价等级:
评论内容:
验证码: captcha

IT营(itying.com)官网转载的文章、图片等资料的版权归版权所有人所有,因无法和版权所有者一一联系,如果本网站选取的文/图威胁到您的权益,请您及时和IT营站长联系。
我们会在第一时间内采取措施,避免给双方造 成不必要的损失。

公安备案:鄂公网安备 42050202000392号  ICP备案证书号:鄂ICP备17020565号-1
© 2005-2018 IT营 版权所有,并保留所有权利。