Electron-vue实战-每日清单---04登录页面与开机自启动的实现

最新推荐文章于 2024-06-18 17:24:16 发布
最新推荐文章于 2024-06-18 17:24:16 发布
阅读量1k 收藏 29
点赞数 10
分类专栏： 程序员 文章标签： vue.js electron 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_83817653/article/details/137130326
版权

const winURL = process.env.NODE_ENV === ‘development’

? http://localhost:9080
file://${__dirname}/index.html
在Electron-vue中index.html对应的是index.ejs ！！！
第三步 加载页面

// 用主窗口去加载页面

mainWindow.loadURL(winURL)

到此为止，我们已经了解了Electron是如何加载页面的

下面的内容，需要了解vue！！！

下面我们开始制作登录页面，

第一步 创建文件以及文件夹

在renderer中创建一个名为layout的文件夹，并在此文件夹中创建login.vue文件.

第二步 使用element-ui实现如下页面

最低0.47元/天 解锁文章
2401_83817653
关注
  • 10
    点赞
  • 踩
  • 29
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
一篇文章带你使用 SpringBoot 实现自动登录时的安全风险控制
南淮北安的博客
09-24 2418
已经学习了： SpringBoot 配合 SpringSecurity 实现自动登录功能 知道了 Spring Boot 自动登录存在的一些安全风险，在实际应用中，我们肯定要把这些安全风险降到最低，今天就来和大家聊一聊如何降低安全风险的问题。 （1）持久化令牌方案 （2）二次校验 文章目录一、持久化令牌1. 原理2. 代码演示3. 测试4. 源码分析二、二次校验 一、持久化令牌 1. 原理 要理解持久化令牌，一定要先搞明白自动登录的基本玩法： SpringBoot 配合 SpringSecurity 实
Electron - 开机自启
dear_snow的博客
09-28 3026
开机自启的主要代码 在主进程文件中写入如下代码： // 获取可执行文件位置 const ex = process.execPath app.setLoginItemSettings({ openAtLogin: true, path: ex, args: [], }) 遇到的问题 打包安装后，重启电脑，发现自动启动的不仅仅有打包好的项目文件，还有electron的界面，相当于打开了两个应用？ 这怎么行，看了一下electron.exe的路径，发现竟然是node_modules中的e
electron-本地存储实现自动登录（sqlite3)
最新发布
qugeshenmominzi的博客
06-18 250
1.首次登录创建本地数据库->创建表->将数据存到表中->数据写入结束后将数据库写入加密文件->删除数据库文件。2.需要使用数据时将加密的数据库文件进行解密->创建数据库连接->进行数据获取操作->操作结束后将数据库文件加密后放入加密文件->删除数据库文件。
electron加入开机启动项
kucoll的专栏
12-22 2833
方式一：自带API app.setLoginItemSettings(); seehttps://newsn.net/say/electron-auto-launch.html 方式二：auto-launch https://newsn.net/say/node-auto-launch.html
第二章 Electron自定义界面(最大化、最小化、关闭、图标等等)
Etc.End的博客
05-21 6780
自定义导航其实很简单，只需要根据自己的需求去编写相对应的导航vue页面即可。UI组件的化根据自己的需求安装，这里我以element-plus为例。为了后续能够一次性完成代码的编写，把路由也一起安装了。在src/components下新建文件夹header，接着在header文件夹下创建index.vue文件，这里面除了Electron的API调用意外，还有一个重点就是-webkit-app-region: drag;
【操作系统】-同步互斥-【2020真题】-现有5个操作ABCDE......
vector的博客
12-06 7370
是一个非常常规的前驱后继问题 同步关系：ab完成c才能走，cd完成e才能走 互斥关系：无 同步关系：ab完成c才能走，cd完成e才能走 semaphore ac=0; semaphore bc=0; semaphore ce=0; semaphore de=0; void A() { while(true) { 执行操作 v(ac); } } void B() { while(true) { 执行操作
Electron项目中通过electron-vue + electron-builder + electron-updater实现远程更新（包含源码）
04-01
通过`electron-vue`，开发者可以在前端界面上使用Vue的全部功能，同时也能处理Electron的本地操作，如访问文件系统、操作菜单、处理系统事件等。 **2. electron-builder** `electron-builder`是一个强大的打包和...
electron-vue利用webpack打包实现多页面的入口文件问题
10-17
总结，通过理解 Webpack 的核心概念，配置多页面入口，以及正确地在 Electron 中创建和加载新窗口，我们可以成功地使用 `electron-vue` 和 `webpack` 实现多页面的应用。在遇到问题时，如内存溢出，可以通过调整 `...
electron-vue-vite:Electron、vue3、vite2、ant-design-vue2 整合
05-02
electron-vue-vite Electron + vue3 + vite2 + ant-design-vue2 整合 :bug: 已知问题 项目打包后仍有问题 待解决... 暂时通过集成 webpack 解决打包问题 How and Why 写这个 Demo 项目主要有两个目的 vue@3.x 发布了...
electron-vue 打包所需文件
03-23
Electron 实现这一目标的关键在于将 Chromium 浏览器引擎与 Node.js 运行环境集成，使得开发者能够同时处理用户界面和后端逻辑。 ** Vue.js 的角色 ** Vue.js 是一套用于构建用户界面的渐进式框架，它以简单易用、...
electron-vue开发桌面应用界面模板
11-01
标题中的“electron-vue开发桌面应用界面模板”指的是利用Electron和Vue.js框架构建的桌面应用程序的用户界面模板。Electron是一个用JavaScript、HTML和CSS构建跨平台桌面应用的开源库，它允许开发者使用Web技术来...
Electron开机自启动及electron自启动动态开关问题
热门推荐
k157507281的博客
08-19 1万+
最近正在用electron研究开机自启动的方法，走了不少弯路，现把electron开机自启动的方法记录下来，无需手动更改注册表： app.setLoginItemSettings(settings) settings (Object) openAtLogin Boolean (可选) - true在登录时启动应用，false 移除应用作为登录启动项默认为 false. openAsHidden...
electron+vue项目 Windows开机自启（vue 二）
qq_34533703的博客
05-10 926
electron+vue项目 Windows开机自启（vue 二）
【Electron-Vue】构建桌面应用（41）- Electron程序第一次启动时会有短暂的空白页面
chenqk_123的专栏
07-14 2012
使用Electron开发的时候，会发现安装后第一次启动会出现短暂的空白大概是1~3秒不等。起初是以为在创建窗口的时候会去加载html页面，在加上vue组件的渲染，导致在启动的时候会出现几秒的空白页面，然后渲染之后，就能正常显示。之后的下次启动也不会出现这种问题。如果是这样的话，应该是缓存才会出现第二次启动没有空白页面的情况。 在github的electron上看到了一个类似的问题，开发者给出的解释是： 他认为是Chrome的版本升级导致的问题，然后给出了一个变通的方式去解决这个问题。 解决办法就是：创建窗
electron 起步
「 虚幻私塾」
09-09 1775
比如酷狗音乐，导航是比较好看。做法是隐藏原生菜单，用自己的 html 代替。下面我们将原生菜单功能改为自定义菜单。首先通过frame// frame boolean (可选) - 设置为 false 时可以创建一个无边框窗口 默认值为 true。// 去除边框，菜单也不可见了})Tip: frame boolean (可选) - 设置为 false 时可以创建一个无边框窗口 默认值为 true接着在 html 页面实现自己的菜单。新建窗口span>
第二节 创建electron项目并启动
03-04 4716
有三种方式创建electron项目 git克隆 看配置文件 npm install安装依赖 npm start 脚手架electro-forge 手动创建_
Electron快速入门
路漫漫其修远兮，吾将上下而求索
06-29 3023
Electron是由GitHub众多开发者开发的一个开源项目，能够使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序。当然了，它也可以与vue和react相结合。前端的小伙伴们，学习它应该很快，是很容易上手的一门技术。文档编写不易，还请各位耐心观看。另外本人能力有限，如有不足之处，还请不吝批评指正！Electron 运行的main脚本的进程被称为主进程。在主进程中运行的脚本通过创建web页面来展示用户界面。一个 Electron 应用总是有且只有一个主进程。
electron-vue electron-log
12-15
electron-vue 是一个基于 electron 构建的 vue.js 框架。它结合了 vue.js 和 electron，可以让开发者使用 vue.js 的组件化开发方式来构建跨平台的桌面应用程序。使用 electron-vue 可以快速搭建 electron 应用的基础...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值