登录    注册
  

Electron实战视频教程_Electron-Vue3、Electron-React、Electron-Angular打造舆情监控系统项目实战

  • 赞助费:¥128元   在线客服:有事联系我哦     点击这里给我发消息    itying微信客服    交流群:it营
  • 涉及技术: Electron
  • 适合行业: 跨平台桌面软件开发
  • 赞助类型: 赞助
  • 课程讲师: 大地
  • 涉及项目: 舆情监控系统
  • 主要技术: Electron、Electron vue、Electron Angular、Electron-React、Nodejs
  • 课时数量: 123讲
  • 浏览次数: 262658 次     付款后在订单列表获取下载地址
  • 购买数量: 商品总价:
  • 举报

浏览历史

课程描述

相关课程

还购买过

 注意 赞助过大地老师其他实战教程的同学,可优惠20元(购买前联系客服改价)

 

教程更新于2023年3月支持最新Electron v25.x支持最新的Electron-Vue3、支持最新的Electron-Angular、支持最新的Electron-React ,以前购买过的同学,可以在订单列表获取最新更新的electron教程以及源码,遇到问题也可以联系客服解决。

 

目前购买此教程Nodejs+Express车展项目:www.itying.com/goods-1145.html

 

目前购买此教程送Vue3.x+Ts+Vuex+Antd入门进阶视频教程https://www.itying.com/goods-1147.html

 

目前购买此教程送Angular+Antd入门实战视频教程https://www.itying.com/goods-1047.html  

 

目前购买此教程送8小时学会React+Antd入门实战视频教程https://www.itying.com/goods-1005.html

 

 

 Electron介绍:

 

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

 

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

 

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

 

截止2023-3-3日: electron Github的 star已经达到了106K,那么他的用户量可能已经有300多万了。还有大家知道的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营大地老师于2023年更新录制,从Electron入门到Electron项目实战,手把手教学,零开始一步一步让你学会 Electron基础、 Electron模块、以及 Electron+Vue、Electron+React、Electron+Angular开发跨平台可以安装的桌面应用。

  

  Electron教程涉及的内容有Electron环境搭建、调试、Electron 运行流程、主进程渲染进程、Electron中使用H5的Api、Electron中使用Nodejs、以及Electron 中的模块remote模块、Electron主进程渲染进程通信、Electron渲染进程和渲染进程通信、BrowserWindow模块Menu模块shell 模块dialog、自定义关闭菜单、GlobalShortcut、托盘、网络通知、...等等。在学完Electron基础以及Electron Api以后讲解了一个Electron简易记事本代码编辑器项目,强化了前面的知识点。Electron简易记事本代码编辑器项目完成后讲了Electron+Vue、Electron+Angular、Electron+React的使用、还讲了如何配置Electron builder,以及使用Electron builder打包exe软件打包Mac(苹果电脑)的dmg软件并送Socket.io教程。Electron基础讲完后用前面学的东西打造了一款舆情监控系统(见最下面说明)。

 

 

 

 

 

 

 

 

 

 

 

Electron视频教程学前须知:

 

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

  

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

 

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

       

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

  

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

 

6.关于售后:教程主要包含的内容是 视频+课件 +源码+赞助群 ,关于教程中问题万一解决不了可以联系我们获取技术支持。

7.关于课程的组成: 教程先讲了Electron基础、Electron相关模块、 Electron-Vue3、Electron-React、Electron-Angular,然后又讲了如何把vue angular开发的舆情监控系统重构成electron舆情监控系统,所以课程由下面几部分组成。

 

1、Electron基础 Electron-Vue3、Electron-React、Electron-Angular【37讲

2、Vue舆情监控系统【48讲

3、Angular舆情监控系统【35讲

4、送的socket.io教程【3讲

  

 

Electron Electron-Vue Electron-React Electron-Angular跨平台系列教程:

  

01 Electron 跨平台桌面软件开发介绍 Electron环境搭建(8分31秒)

一、 Electron的介绍

二、 为什么要学Electron

三、 关于NW.js 和Electron介绍

四、 搭建Electron的环境

 
02 使用快速启动Demo搭建Electron项目、electron-forge创建Electron项目、Electron项目目录结构分析(17分17秒)

一、 安装Electron

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

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

四、 手动搭建一个electron项目

五、 开发工具中配置Eslint


03 手动搭建electron项目 以及 项目中配置eslint(19分36秒)

一、 手动搭建electron项目

二、 Electron项目中配置eslint


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

一、 Electron运行的流程

二、 Electron主进程和渲染进程

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

四、 Electron开启调试模式

 

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

一、 H5拖放api介绍

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

06  Electron 模块介绍、remove模块、通过BrowserWindow 打开新窗口 Content-Security-Policy(21分42秒)

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

二、 Electron remote 模块

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

四、 Content-Security-Policy


07 Electron中自定义软件顶部菜单、自定义右键菜单、绑定快捷键(31分31秒)

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

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

 三、 Electron自定义右键菜单


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

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

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

三、 渲染进程通知主进程执行主进程里面的方法

四、 主进程通知渲染进程执行渲染进程方法

五、 通过主进程渲染进程的通信改造右键菜单

 

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

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

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

 

10 Electron Shell 模块在用户默认浏览器中打开URL 以及Electron DOM webview 标签 自定义Menu导航改变webview url(22分6秒)

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

二、 Electron 自定义Menu导航改变Webview url

三、 Electron 加载Webview的几种方法

 

11  Electron dialog 弹出框 dialog同步方法异步方法(27分14秒)

一、 错误提示框dialog.showErrorBox  

二、 消息框dialog.showMessageBox 

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

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

 

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

 

13 通过nodeman模块配置Electron项目热加载【小小项目(二)】(11分38秒)

 

14 Electron简易记事本代码编辑器【小小项目(三)】 打开文件 保存文件(25分59秒)

 

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

 

16 Electron 简易记事本代码编辑器 设置菜单快捷键、打印文件、查找文件、退出APP【小小项目(五)】(18分30秒)

 

17 Electron 简易记事本编辑器 使用CodeMirror实现代码高亮(13分36秒)

 

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

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

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

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

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

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

 

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

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

  二、  Electron监听网络变化

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

 

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

 

21 Electron第三方模块electron-log的使用以及使用electron-log把日志保存到远程服务器(11分4秒)

     一、  第三方模块 electron-log 的使用

  二、  使用第三方模块 electron-log 把日志发送到远程服务器 

 

22 Electron-Vue3 Electron中集成Vue3 Vue3中使用Nodejs模块Electron模块 以及模块化创建顶部菜单(23分41秒)

     一、 Electron中集成Vue3

  、 Electron-vue3目录结构介绍

  三、 Electron-vue3中使用nodejs模块 electron模块 以及抽离顶部菜单

 

 23 Electron-Vue3 中集成Typescript 配置路由 配置Sass 配置Remote模块(23分41秒)

     一、 Electron-vue3集成ts

  、 electron-vue3中配置 scss

  三、 Electron-vue3中配置Remote模块

 

24 Electron-Vue3 Windows环境 正式打包项目  配置打包参数  配置应用信息(16分44秒)

     一、 Electron-vue3 配置打包参数

  、 Electron-vue3 打包参数详解

       三、 Electron-vue3 Windows环境 正式打包项目

 

25 Electron-Vue3 Mac环境 正式打包项目  配置打包参数 以及无开发者证书打包(10分21秒)

     一、 Electron-Vue3 Mac环境 正式打包项目

  、 Electron-Vue3 Mac环境 配置打包参数 

       三、 Electron-vue3 无开发者证书打包

 

26  Electron-Angular 创建项目 项目介绍 配置路由  Angular使用Nodejs模块Electron模块(28分43秒)

     一、 Electron-Angular项目创建

  、 Electron-Angular目录结构介绍

  三、 Electron-Angular中使用nodejs模块 electron模块 

  

27 Electron-Angular 创建顶部菜单 配置Remote模块(13分39秒)

     一、  Electron-Angular 创建顶部菜单

  、  Electron-Angular 配置Remote模块

 

28 Electron-Angular Windows Mac环境 正式打包项目  配置打包参数  配置应用信息(10分36秒)

     一、Electron-Angular 配置打包参数  配置应用信息

   Electron-Angular Windows Mac环境 正式打包项目

 

29 Electron-React 手动在React项目中集成Electron通过concurrently 和wait-on优化启动过程(17分49秒)

     一、 手动创建Electron-React项目

  、 通过concurrently 和wait-on优化启动过程

 

30 Electron-React React中使用nodejs模块 Electron模块 配置Remote模块(20分49秒)

     一、React中使用nodejs Electron模块

  React中配置Remote模块

 

31 Electron-React Windows Mac环境 正式打包项目  配置打包参数  配置应用信息(29分40秒)

      一、Electron-React 配置打包参数  配置应用信息

   Electron-React Windows Mac环境 正式打包项目

 

32 Electron-React Mac环境 正式打包项目  配置打包参数 以及无开发者证书打包(4分31秒)

     一、 Electron-React Mac环境 正式打包项目

  、 Electron-React Mac环境 配置打包参数 

       三、 Electron-React 无开发者证书打包

  

33 Electron 自定义拖拽导航 隐藏顶部菜单 隐藏关闭按钮、自定义关闭 最大化 最小化按钮(22分45秒)

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

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

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

 

34 Electron中集成Vue3舆情监控系统(16分11秒)

 

35 Electron-Vue3舆情监控系统布局优化 sheel模块打开外部浏览器、页面监听右键菜单(22分51秒)

 

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

 

37 Electron-Vue3舆情监控关闭项目退出登录 socket.io 异步通知服务器主动给客户端发送消息 实现 electron 消息通知 (20分37秒)

 

 

Electron+Vue3.x打造舆情监控系统

 

01 Vue3.x简介、搭建Vue3.x环境、创建运行Vue3.x项目、分析Vue3.x目录结构(17分41秒)

一、Vue3.x介绍

二、通过Vue-cli创建我们的项目

三、通过Vite脚手架创建我们的项目

四、Vue3.x 目录结构介绍

五、Vue3.x 开发工具以及插件配置


02 Vue3.x绑定数据、绑定html、绑定属性、循环数据(30分24秒)

一、Vue3.x定义数据绑定数据

二、v-html绑定html

三、v-bind绑定属性

四、v-bind动态参数

五、v-for循环数组

六、v-for循环对象


03 Vue3.x中的事件方法入门、模板语法模板中类和样式绑定(29分50秒)

一、Vue3.x中的事件方法入门

二、v-bind绑定Class

三、v-bind:style 绑定内联样式 


04 Vue3.x中的事件方法详解、事件监听、方法传值、事件对象、多事件处理程序、事件修饰符、按键修饰符(24分34秒)

一、监听事件

二、定义方法 执行方法  获取数据 改变数据

三、方法传值、方法的相互调用

四、事件对象

五、多事件处理程序

六、事件修饰符

七、按键修饰符


05 Vue3.x中Dom操作$refs 以及表单( input、checkbox、radio、select、 textarea )结合双休数据绑定实现在线预约功能(26分13秒)

一、监听事件

二、定义方法 执行方法  获取数据 改变数据

三、方法传值、方法的相互调用

四、事件对象

五、多事件处理程序

六、事件修饰符

七、按键修饰符


06 Vue3.x中使用JavaScript表达式 、条件判断、 计算属性和watch侦听(33分9秒)

一、Vue3.x模板中使用JavaScript表达式

二、 v-if  v-else  v-else-if  v-show

三、计算属性

四、计算属性实现数据的筛选

五、watch监听数据变化


07 Vue3.x 实现一个完整的toDoList(待办事项) 以及类似京东App搜索缓存数据功能【前面知识综合练习】(17分42秒)

一、Vue3.x中集成Sass/scsss

二、template标签的使用

三、Vue3.x 实现一个完整的toDoList(待办事项) 以及类似京东App搜索缓存数据功能


08 Vue3.x中的模块化以及封装Storage实现todolist 待办事项 已经完成的持久化(13分21秒)

一、Vue3.x中的模块化以及封装Storage

二、 Storage实现todolist 待办事项 已经完成的持久化


09 Vue3.x中的单文件组件 定义组件 注册组件 以及组件的使用(15分29秒)


10 Vue3.x父组件给子组件传值、Props、Props验证、单向数据流(26分12秒)

一、Vue3.x父子组件介绍

二、父组件给子组件传值

三、子组件通过Props接收父组件的数据

四、Props验证

五、单向数据流


11 Vue3.x父组件主动获取子组件的数据和执行子组件方法 、子组件主动获取父组件的数据和执行父组件方法(15分8秒)

一、Vue3.x父组件通过$refs主动获取子组件的数据和执行子组件方法

二、子组件主动$parent获取父组件的数据和执行父组件方法


12 Vue3.x组件自定义事件 以及mitt 实现非父子组件传值(24分48秒)

一、Vue3.x组件自定义事件

二、Vue3.x组件自定义事件实现子组件给父组件传值

三、Vue3.x组件自定义事件验证

四、vue3.x第三方插件mitt 实现非父子组件传值


13 Vue3.x自定义组件上面使用v-mode双休数据绑定 以及 slots以及 Prop 的Attribute 继承 、禁用 Attribute 继承(30分30秒)

一、自定义组件使用`v-model`实现双休数据绑定

二、自定义组件slots

三、Prop 的Attribute 继承 

四、禁用 Attribute 继承


14 Vue3.x中组件的生命周期函数(lifecycle)、 this.$nextTick、动态组件 keep-alive、Vue实现Tab切换(27分28秒)

一、Vue3.x中组件的生命周期函数

二、动态组件 keep-alive

三、this.$nextTick的使用

四、Vue实现Tab切换


15 Vue3.x中全局绑定属性、使用Axios和fetchJsonp请求真实api接口数据、函数防抖实现百度搜索(33分29秒)

一、Vue3.x中全局绑定属性

二、Vue3.x全局绑定Axios Storage

三、使用Axios和fetchJsonp请求真实api接口数据

四、调用百度真实api接口实现百度搜索、以及函数防抖


16 Vue3.x中的Mixin实现组件功能的复用 、全局配置Mixin(16分43秒)

一、Vue3.x中的Mixin

二、Mixin实现组件功能的复用

三、全局配置Mixin


17 Vue3.x Teleport、使用Teleport自定义一个模态对话框的组件(19分42秒)

一、Vue3.x Teleport

二、使用Teleport自定义一个模态对话框的组件


18 【Composition Api】Vue3.x Composition API setup ref reactive toRefs 详解(上)(23分8秒)


19 【Composition Api】Vue3.x Composition API setup ref reactive toRefs computed  watch watchEffect lifecycle详解(下)(35分19秒)


20 【Composition Api】Vue3.x Composition API  以及 Provider Inject(18分46秒)


21 【Vue3+Typescript】Vue3.x中集成Typescript 使用Typescript(上)(24分16秒)


22 【Vue3+Typescript】Vue3.x Composition API中使用Typescript(下)(22分2秒)


23 【Vue-Router】Vue3.x中的路由 路由配置(1)(15分37秒)


24 【Vue-Router】Vue3.x中的路由 vue动态路由 get传值  js跳转路由(18分30秒)


25 【Vue-Router】Vue3.x中的路由 路由模式、命名路由、路由重定向、路由别名(20分9秒)


26 【Vue-Router】Vue3.x中的路由 路由嵌套  父子路由(18分54秒)


27 【Vuex】Vuex 的使用 State、 Mutation 、mapState  实现多个页面共享状态(27分4秒)


28 【Vuex】Vuex 中的 State  Mutation Getters mapGetters Actions Modules(33分51秒)


29 【Vuex】Vuex 结合 Composition AP的使用(16分33秒)


30 【Vuex】Vuex Composition AP和非Composition AP中结合Typescript的使用(17分51秒)


31 【Vue+Antd】Vue3.x UI框架ant-design 组件库介绍 安装 使用(19分43秒)


32 【Vue+Antd】Vue3.x UI框架ant-design Layout布局 、路由配置、栅格系统实现Bootstrap官网首页布局(25分14秒)


33 【Vue+Antd】Vue3.x UI框架ant-design  input raido select checkbox  日期DatePicker的使用以及双向数据绑定获取表单数据(29分45秒)


34 【Vue+Antd】Vue3.x UI框架ant-design  Upload上传组件结合Nodejs后端实现图片上传(29分18秒)

 

 

 

35 【Vue项目实战】Vue3.x+ ant-design打造舆情监控系统 项目介绍、框架搭建、路由配置(27分10秒)


 

36 【Vue项目实战】Vue3.x中使用大数据可视化插件highcharts实现舆情报表数据统计(23分27秒)


 

37 【Vue项目实战】Vue3.x中舆情报告页面布局 日期组件 按钮组件  表格组件的使用(22分53秒)

 


38 【Vue项目实战】Vue3.x中舆情报告页面布局、Vue3+Ts中全局绑定Axios 、请求接口实现数据分页(26分20秒)

 


39 【Vue项目实战】舆情关键词页面、舆情报警页面布局(22分32秒)

 


40 【Vue项目实战】舆情监控登录页面制作、获取图形验证码、请求api接口实现登录(24分35秒)



41 【Vue项目实战】封装本地存储服务保存用户登录信息、 路由守卫、权限判断


 

42 【Vue项目实战】JWT教程_Nodejs+Vue+React基于JWT的权限验证视频教程(51分39秒)


 

43 【Vue项目实战】请求数据携带Jwt Token以及舆情关键词的增加 显示 (上)(17分44秒)



44 【Vue项目实战】请求数据携带Jwt Token以及舆情关键词的增加 显示 修改  删除(下)(16分26秒)


 

45 【Vue项目实战】舆情报警设置 以及 Jwt Token过期跳转到登录页面(19分34秒)

 

 

46 【Vue项目实战】舆情报告页面请求数据携带Jwt Token、自定义方法格式化日期并且按照日期筛选数据分页(21分45秒)

 

 

47 【Vue项目实战】请求Api接口实现舆情报表页面数据统计(调用接口数据生成highcharts动态报表 以及更新highcharts)(23分50秒)

 

 

 48 【Vue项目实战】Vue3舆情监控系统用Vue3中的Composition API重构(26分18秒) 

 

 

Electron+Angular10+Antd Ui框架 打造舆情监控系统

 

01 Angular介绍、安装Angular Cli、创建Angular项目  预编译器Scss Less css配置(14分52秒)
    一、 Angular介绍    
    二、 学习Angular必备基础
    三、 Angular环境搭建
    四、 Angular创建项目
    五、 Angular环境搭建以及创建项目的时候可能遇到的错误
    六、 Angular开发工具介绍


02 Angular目录结构分析、app.module.ts详解、以及Angular中创建组件、组件详解、 绑定数据(22分11秒)
    一、  Angular目录结构分析
    二、  app.module.ts、组件分析
    三、  Angular中创建组件
    四、  组件详解
    五、  绑定数据


03 Angular创建组件 声明属性的几种方式、ts定义属性、绑定数据、绑定属性、绑定html、数据循环、循环多维数组(34分9秒)
    一、  声明属性的几种方式private、protected、public
    二、  typescript基础语法
    三、  定义属性 绑定数据 绑定属性  绑定html
    四、  循环简单数组
    五、  循环多维数组

04 Angular 绑定数据、条件判断、加载图片、【ngClass】 【ngStyle】、Angular管道 、事件、表单事件、事件对象、双向数据绑定(45分)
    一、创建angualr组件    
    二、Angular绑定数据    定属性    
    三、数据循环  *ngFor    
    四、条件判断  *ngIf     
    五、 *ngSwitch    
    六、执行事件   (click)=”getData()”    
    七、表单事件    
    八、双向数据绑定    
    九、 [ngClass]、[ngStyle]    
    十、 管道    
    十一、Angular内置模块的使用


05 Angular中Dom操作 以及表单( input、checkbox、radio、select、 textarea )结合双休数据绑定实现在线预约功能(34分48秒)
    一、通过Angular Dom操作获取表单里面的数据
    二、双休数据绑定获取input、checkbox、radio、select、 textarea里面的数据
    三、checkbox可用于加入购物车数据筛选、radio可用于支付方式

06 Angular 实现一个完整的toDoList(待办事项) 以及类似京东App搜索缓存数据功能【前面知识综合练习】(34分57秒)

07 Angular中的服务 以及自定义服务 以及完善toDoList(待办事项案例)(27分6秒)
    一、Angular中的服务的用途
    二、Angular中定义使用服务
    三、定义一个缓存数据的服务缓存toDoList里面的内容


08 Angular中的Dom操作以及@ViewChild、Angular调用css3动画(侧边栏 actionSheet)(28分)
    一、Angular中通过原生JS获取Dom 生命周期函数介绍
    二、Angular 中通过 ViewChild获取DOM节点
    三、父组件通过ViewChild获取子组件的实例一个
    四、Angualr中调用CSS3动画实现侧边栏动画效果

09 Angular父子组件以及组件之间通讯
    一、 父组件给子组件传值-@input  子组件获取父组件的数据、执行子组件的方法 
    二、 父组件通过@ViewChild主动获取子组件的数据和方法    父组件获取子组件的数据、父组件执行子组件方法
    三、 非父子组件通讯     
    四、子组件通过@Output 结合事件驱动实现组件通讯

10 Angular中的生命周期函数--动态挂载销毁组件(22分2秒)
    一、constructor  (非生命周期函数)
    二、ngOnChanges()
    三、ngOnInit()
    四、ngDoCheck()
    五、ngAfterContentInit()
    六、ngAfterContentChecked()
    七、ngAfterViewInit()
    八、ngAfterViewChecked()
    九、ngOnDestroy()

11 Rxjs6.x异步数据流编程-Angular Rxjs快速入门教程(32分43秒)
    一、 Rxjs介绍    
    二、 Promise和RxJS 处理异步对比    
    三、 Rxjs  unsubscribe取消订阅    
    四、 Rxjs  订阅后多次执行    
    五、 Angualr6.x之前使用Rxjs的工具函数map filter    
    六、 Angualr6.x 以后 Rxjs6.x的变化以及使用    
    七、 Rxjs延迟执行
    八、 Rxjs把Dom事件转化成流

12 Angular中的数据请求 内置模块HttpClient实现(get post  jsonp  以及第三方模板axios请求数据(32分12秒)
    一、 Angular get 请求数据    
    二、 Angular post提交数据    
    三、 Angular Jsonp请求数据    
    四、 Angular中使用第三方模块axios请求数据    
    五、Angular内置模块HttpClientModule HttpClientJsonpModule 的使用

13 Angular中的路由 路由概述 配置路由 路由重定向 路由选中 默认路由(1)(20分3秒)

    一、Angular创建一个默认带路由的项目、路由模块分析
    二、Angular 配置路由、 默认路由
    三、Angular  routerLink跳转页面      
    四、Angular routerLinkActive设置routerLink默认选中路由    

14 Angular中路由传值(get传值、动态路由)以及通过js跳转路由(2)(26分53秒)
    一、Angular中get传值 以及获取get传值
    二、Angular 中动态路由 以及获取动态路由的值
    三、Angular 动态路由 js跳转路由
    四、Angular get传值 js跳转路由

15 Angular路由的嵌套 父子路由(3) (22分45秒)
    一、Angular路由的嵌套的用途
    二、Angular 中配置使用嵌套路由
    
16 Angular【无人点餐无人收银系统案例】路由配置、菜品列表制作、请求数据渲染二维数组、 动态路由传值 、绑定html【基础项目】(36分24秒)

17 Angular 中内置模块 以及 自定义模块(24分58秒)   
    一、Angular内置模块
    二、Angular中自定义模块的介绍、和用途
    三、Angular中自定义模块
    四、Angualr中自定义模块的使用

18 Angular 自定义模块以及配置路由模块懒加载(25分50秒)

    一、Angular自定义模块实现组件的懒加载
    二、Angular自定义模块中的路由以及父子路由
 

 

19【Ng-Zorro】 Angular UI框架Ng-Zorro 组件库介绍、安装、使用、注意事项 、按钮 、图标(19分20秒)

   一、 Angular10 UI库Ant Desigin介绍   
   二、 Angular10 UI
库Ant Desigin安装配置
   三、 Angular
10 UIAnt Desigin组件的使用

20【Ng-Zorro】Angular UI框架Ng-Zorro Layout布局 、路由配置、栅格系统实现Bootstrap官网首页布局(27分16秒)
 
21【Ng-Zorro】Angular UI框架 Ng-Zorro开发工具插件配置、 input raido select checkbox  日期DatePicker的使用以及双向数据绑定获取表单数据(25分33秒))

   一、 Input输入框   
   二、 Radio 单选框   
   三、 Checkbox复选框   
   四、 DatePicker日期   
   五、 Select 选择器   


22【Ng-Zorro】Angular UI框架 Ng-Zooro Upload上传组件结合Nodejs后端实现图片上传(24分43秒)
 
23【Angular实战项目】Angular+ Ng-Zooro打造舆情监控系统 项目介绍、框架搭建、路由配置、路由模块懒加载(29分52秒)


24【Angular实战项目】Angular中使用大数据可视化插件highcharts实现舆情报表数据统计(27分38秒)
 

25【Angular实战项目】舆情报告页面布局、日期筛选、列表分页 以及监听分页事件(20分24秒)

 

26【Angular实战项目】舆情关键词页面、舆情报警页面布局(21分44秒)

 

27【Angular实战项目】舆情监控登录页面制作、封装公共模块、请求api接口获取图形验证码、实现登录(33分52秒)

 

28【Angular实战项目】舆情监控登录、封装本地存储服务 路由守卫 权限判断(17分9秒)

 

29【拓展-JWT前后端教程】Nodejs+(vue、Angular、React) 基于JWT的权限验证前后端视频教程(40分)

 

30【Angular实战项目】请求数据携带Jwt Token以及舆情关键词的增加 显示 修改 删除(上)(20分10秒)

 

31【Angular实战项目】请求数据携带Jwt Token以及舆情关键词的增加 显示 修改 删除(下)(15分14秒)

 

32【Angular实战项目】舆情报警设置 以及 Jwt Token过期跳转到登录页面(21分27秒)

   一、 舆情报警页面设置
   二、 Jwt Token过期判断

   三、 重构Angular守卫 守卫中返回Promise

 

33【Angular实战项目】请求数据携带Jwt Token获取舆情报告页面数据、以及实现舆情报告页面数据分页(19分48秒)

   一、 请求远程api接口获取舆情报告
   二、 舆情报告无刷新分页

  

34【Angular实战项目】自定义管道格式化日期并且按照日期筛选数据分页(24分12秒)

   一、 自定义管道格式化日期
   二、 按日期筛选数据分页

 

35【Angular实战项目】请求Api接口实现舆情报表页面数据统计(调用接口数据生成highcharts动态报表 以及更新highcharts)(26分22秒)

 

【拓展】赠送Socket.io扩展教程:

 

01【拓展】Nodejs+Express 结合 socket.io的使用(16分26秒)



02【拓展】Socket.io跨域解决方案、Express+Socket.io多房间聊天 以及 同一桌点餐用户之间同步信息(29分12秒)



03【拓展】Socket.io中的命名空间 以及 egg.js中使用socket.io(32分22秒)

 

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舆情监控系统部分页面截图:

 

 

 

 

 

 

 

 

 此Electron跨平台桌面软件开发系列教程已在国家版权局备案登记,版权所有*翻版必究

 

部分证书展示) 

 

 

 

 

 

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

在线客服:点击这里给我发消息      点击这里给我发消息      有事联系我哦   

公安备案:鄂公网安备 42050202000392号  ICP备案证书号:鄂ICP备17020565号-1