从零使用electron搭建桌面端可视化编辑器Dooring

2023-10-30

之前有朋友希望我基于H5-Dooring开发一款桌面端应用, 最近刚好有时间, 就花了小半天时间从零使用electron开发了桌面端的离线软件Dooring-electron.

因为之前用electron比较少, 今天刚好学了一下, 也基本把前后端打通了, 文末我会放dooring-electrongithub地址供大家参考学习. 如果大家有更好的方案, 可以随时和我讨论.

dooring-electron架构介绍

熟悉Electron的朋友也许知道, Electron继承了来自 Chromium 的多进程架构,这使得Electron在架构上非常类似于一个现代的网页浏览器。我们可以控制两种类型的进程:主进程和渲染器

每个 Electron 应用都有一个单一的主进程,作为应用程序入口。主进程在 Node 环境中运行,我们可以使用所有 Node 的能力。

那么主进程中我们可以做些什么呢? 主进程的主要目的是使用 BrowserWindow 模块创建和管理应用程序窗口

BrowserWindow 类的每个实例创建一个应用程序窗口,且在单独的渲染器进程中加载一个网页。 我们可从主进程用 window 的 webContent 对象与网页内容进行交互。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

从零使用electron搭建桌面端可视化编辑器Dooring 的相关文章

  • 为标签生成成员:我有什么理由应该这样做?

    我在这里读过另一篇文章 因此 如果可能的话 您不应该为标签生成成员 我想知道有什么潜力缺点到这会是 我说的好处是性能提高 对吗 还要别的吗 我有一个带有 100 个标签的 winform 应用程序 不产生成员有什么好处 还是只有在 Web
  • 如何根据“配置管理器”创建自己定义的常量?

    当我选择 调试 配置时 DEBUG常数处于活动状态 当我选择 释放 配置时 DEBUG常量处于非活动状态 我如何创建自己的配置 以便它们包含我自己定义的常量 基本上 我想要这样 如果我选择配置 FOOBAR 就会有一个常量FOO and B
  • Visual Studio:如何将图像资源存储为嵌入式资源?

    默认情况下 当您将图像 图标 位图等 作为资源添加到项目中时 该图像的构建行动被设定为None 这样做是因为图像神奇地存储在 resources 文件中 I希望将资源存储为嵌入式资源 我的原因无关紧要 但让我们假装这样我可以在里面看到它们R
  • 如何让 C/C++ 编译器在用户指定的路径中查找头文件

    我正在使用其他人编写的一个库 它有点基于 C 用于 C 使用 我认为 标头或源文件中使用的所有包含内容均采用 形式 而不是 即使它们不是标准库文件 我的编译器无法识别它们并返回错误 找不到文件 问题的示例位于以下标头中 ifndef ga
  • 更新 Visual Studio 2017 15.6.2 时出错

    我试图将 VS 2017 更新到 15 6 2 版本 像往常一样 VS 要求我更新安装程序 但是安装程序更新失败 现在 当我尝试再次启动 VS 更新时 收到以下错误消息 加载 vs installershell exe 时出错 主题中不存在
  • 从共享点下载文件

    我正在尝试从共享点下载文件 我有此代码并抛出错误代码 500 static void DownloadFile string serverFilePath Here goes my URL that open the file from a
  • 在 Visual Studio 2013 中进行备份的最简单方法是什么?

    我想对整个项目进行备份 我还需要重命名每个备份 我不喜欢复制项目文件夹并重命名文件夹和项目文件的方式 我已经尝试过这样做 http jasonfaulkner com VisualStudioExpressProjectBuildBacku
  • Visual Studio 参考在多项目环境中未被复制

    我在 VS 2010 中有一个解决方案文件 其中有多个项目 现在 我有一个对该 dll 调用 MySql Data Entity dll 的引用 例如 我在解决方案中设置了以下项目 域 引用MySql Data Entity dll Dom
  • Visual Studio 2015 中的 React 没有智能感知

    我没有看到任何 ReactJS 的智能感知 例如像这样的方法React createClass虽然我看到 references js文件位于根文件夹 这 references js文件有各种 React js 文件的帮助参考 我的react
  • Visual Studio 调试器 - 自动变量分配

    我正在开发一个多开发人员项目 正在开发的应用程序是通过启动器应用程序启动的 该应用程序传递登录用户 位置等参数 现在 当我调试应用程序时 我在代码上设置了一个断点解析输入参数 并将用户名变量分配给我的用户名等 我可以对这些值进行硬编码 但是
  • TFS - 删除本地文件后最新字段仍显示“是”

    在 TFS 源代码管理资源管理器中 即使我已删除所有本地文件 我的项目在最新字段中仍标记为 是 有没有办法重新评估该列 使其再次显示 未下载 如果您想从本地文件系统 例如使用 Windows 资源管理器 删除文件并将源代码管理资源管理器中的
  • 将对话框项分组到单个“组”(Visual Studio)

    我想创建一个对话框窗口来更改应用程序的设置 下面是 Adob e Reader 的屏幕截图 使用 Spy 后 我猜想 在右侧 所有控件 按钮 组合框 等 都属于 GroupBox 对于左侧TreeView控件中的每个类别 都有一个相应的Gr
  • “解决方案的源代码控制之间似乎存在差异......”

    我们在 Visual Studio 2005 和 TFS 中经常遇到此错误 任何人都可以帮助我们查明此消息的原因吗 完整的消息是 解决方案的来源之间似乎存在差异 控制有关某些项目的信息以及 项目文件 为了解决这个差异 有必要检查 项目文件并
  • 如何停止 Visual Studio 2022 向 dc.services.visualstudio.com 发送请求

    我今天安装了 vs 2022 当运行我的项目时 我突然发现所有这些请求都在我的 Web 前端中触发 https dc services visualstudio com v2 track 有谁知道为什么升级到 2022 后会突然开始发生这种
  • webstorm 无法识别“require”关键字

    我在用着WebStorm作为IDE 这是我的文件夹结构和安装的express js 但我的示例代码不知道require关键词 var express require express var app express app listen 13
  • 泛型类上的 DebuggerDisplay

    我在应用时遇到问题DebuggerDisplay泛型类的属性 DebuggerDisplay foo class Foo DebuggerDisplay Bar t class Bar
  • 在 Windows 上从源代码构建 PhantomJS-2

    我正在尝试基于这些在 Windows 8 1 x64 上从源代码构建 PhantomJS 2 的开发版本指示 https github com ariya phantomjs wiki PhantomJS 2 但是我收到以下错误 mingw
  • 更改 .cpp、.h 文件的 Visual Studio 默认路径

    我希望 Visual Studio 自动将我的 h 文件放入文件夹 ProjectPath include 中 并将我的 src 文件放入 ProjectPath src 中 这样 如果我使用 创建类向导 它会默认放置好路径 而无需更改文件
  • 如何在 VS 2013 的立即窗口中执行 LINQ 和/或 foreach?

    在调试过程中探测当前状态时 立即窗口是非常有用的工具 我了解到 通过使用问号 人们可以在那里做更多的事情 如图所示在这篇文章中 https stackoverflow com questions 32934635 execute metho
  • 如何从编译中排除 ASP.NET 网站代码隐藏文件?

    我正在重构一堆 ASP NET 页面 我想编译并测试我已经完成的那些 但是 Visual Studio 不允许我在非重构页面上运行存在编译错误的网站 如何暂时排除它们而不将它们从项目本身中删除 您可以通过某种配置来做到这一点吗 在 Visu

随机推荐

  • iOS系统语音识别-Swift

    基于Speech框架 实现语音识别转文字功能 系统要求 gt iOS 10 以下是在官方提供的Demo基础上稍作改动 目的有两个 实现连续不间断地语音识别 除非自己手动调用停止 报错自动重新启动 应用切后台后再次进入前台后语音可以正常使用
  • Garmin社招 -- 面试总结复盘

    最近一段时间在准备着Garmin的面试 就在前天得知我已被录用 心里的石头也就终于落地了 其实 我之前有写过华为OD社招的文章 主要介绍了华为OD社招的一些基本的步骤或是流程 但不管怎么样 我不建议朋友们直接进入普通的外包公司 如果没有更好
  • 借助国内ChatGPT平替+markmap/Xmind飞速生成思维导图

    系列文章目录 借助国内ChatGPT平替 MindShow 飞速制作PPT 借助国内ChatGPT平替 剪映 百度AIGC平台快速制作短视频 利用ChatGPT编写Excel公式 对比讯飞星火与ChatGPT对Excel公式的回答 文章目录
  • 【unbiased teacher for semi-supervised object detection复现】

    unbiased teacher for semi supervised object detection 配环境复现 配pytorch环境 安装detectron2 跑代码 配pytorch环境 搭建名为ubteachers的虚拟环境 c
  • Pikachu 通关笔记

    Pikachu 靶机练习 1 暴力破解 1 1 基于表单的暴力破解 1 2 验证码绕过 on server 1 3 验证码绕过 on client 1 4 验证码绕过 token 防爆破 2 Cross Site Scripting XSS
  • 安卓 android:setInputType()属性全面收藏!

    1 输入类型为没有指定明确的类型的特殊内容类型 editText setInputType InputType TYPE NULL 2 输入类型为普通文本 editText setInputType InputType TYPE CLASS
  • Unity 基础 之 OnMouse 简单实现 GameObject 和 UGUI 元素随着鼠标移动,拖动的效果

    Unity 基础 之 OnMouse 简单实现 GameObject 和 UGUI 元素随着鼠标移动 拖动的效果 目录 Unity 基础 之 OnMouse 简单实现 GameObject 和 UGUI 元素随着鼠标移动 拖动的效果 一 简
  • 分布式内存和分布式数据库

    分布式内存 memcached redis 分布式内存数据库 mangdodb redis hbase 12306分布式内存数据库 GemFire mapreduce spark scala Hbase
  • MySQL 表的 增删查改

    表的 CRUD 操作 一 新增 数据 Create 1 单行数据 全列插入 2 多行数据 指定列插入 二 查询 数据 Retrieve 1 全列查询 2 指定列查询 3 查询字段为表达式 4 别名 5 去重 distinct 6 排序 or
  • 假设一个登录页面,你会如何测试

    问题 假设是一个登陆页面 包括用户名 密码 登录 勾选框 注册 你会如何进行测试 1 功能测试 1 输入为空 点击提交 是否有错误信息 非空检查 2 输入正确的用户明 密码 点击提交 是否正确登录 正常登录 3 输入错误的用户明或者错误的密
  • C语言计算任意两日期之间天数

    今天复习了会Program in c 有道题目计算任意两个日期之间的天数 想了好久 最后写了一个很挫的程序 include
  • mybatis,中解决不进mapper,不报错 问题

    idea工具中spring boot使用 mybatis 中解决不进mapper 不报错 问题 在resources下的application properties 中配置 mybatis mapper locations classpat
  • 回归及相关模型

    线性回归模型 一元线性回归模型使用单一特征来预测响应值 拟合的最佳曲线通过最小化预测值和真实值之间的误差得到 多元回归模型利用多个自变量估计因变量 从而解释和预测因变量的值 优点 模型简单 部署方便 回归权重可以用于结果分析 训练快 缺点
  • C++的构造tips

    作者 匿名用户 链接 https www zhihu com question 30196513 answer 563560938 来源 知乎 著作权归作者所有 商业转载请联系作者获得授权 非商业转载请注明出处 C 难就难在 在C 中你找不
  • 如何将一个cpp文件放入到已有ROS工作空间中编译通过以及如何调用第三方库

    如何将一个cpp文件放入到已有ROS工作空间中编译通过以及如何调用第三方库 1 创建一个新的功能包 catkin create pkg 自定义ROS包名 roscpp rospy std msgs 2 helloworld 在src中添加你
  • 基于Matlab的无标度网络仿真

    基于Matlab的无标度网络仿真 无标度网络 Scale Free Network 是一种网络拓扑结构 其度分布服从幂律分布 即只有少数节点具有非常高的度 这种网络结构在许多实际系统中都有广泛的应用 如社交网络 互联网和生物网络等 在本文中
  • Springboot打Jar并扫码jar包下的Bean

  • Qt学习总结——飞机大战小游戏制作

    Qt学习总结 飞机大战小游戏制作 1 需求分析 这篇文章写于2020年暑假 完成学校实训项目之后 对自己的项目实践做了一个总结 回顾整个项目的制作过程 同时也复习一下Qt的相关知识 总结项目制作过程中出现的不足之处 如果有同学想尝试使用Qt
  • 深度强化学习系列(2): ERROR: GLEW initalization error: Missing GL version

    当深度强化学习之 6 中的环境安装好之后 一阵欣喜 觉得可以干大事了 于是激动的不行 迫不及待的想看效果 然而幸福来的太快就容易让人失望的越厉害 因此美好的事情总是值得多次磨砺 废话不说了 爆出的错误是这样的 Running trained
  • 从零使用electron搭建桌面端可视化编辑器Dooring

    之前有朋友希望我基于H5 Dooring开发一款桌面端应用 最近刚好有时间 就花了小半天时间从零使用electron开发了桌面端的离线软件Dooring electron 因为之前用electron比较少 今天刚好学了一下 也基本把前后端打