Electron中使用exceljs+Node模块编写

如何编写node模块

在Node.js中,一般会将代码合理拆分到不同的JavaScript文件中,每一个文件就是一个模块,而文件路径就是模块名。

导出

ini 复制代码
module.exports = {
  add,
  subtract
};

导入

javascript 复制代码
// main.js
const math = require('./math'); // 文件路径,可以省略.js扩展名
console.log(math.add(5, 3)); // 输出 8
console.log(math.subtract(5, 3)); // 输出 2

在electron中使用exceljs

首先在项目中安装exceljs

复制代码
npm install exceljs

引入excel

ini 复制代码
const ExcelJS = require('exceljs');

视窗管理

BrowserWindow模块是Electron应用程序的基础,并且它暴露了需要可以改变您浏览器窗口的外观和行为的API。

可以自定义标题、风格、样式等。

菜单管理

菜单分为:应用菜单、上下文菜单、Dock菜单、tray菜单

he same menu API is used for multiple use cases:

  • The application menu is the top-level menu for your application. Each app only has a single application menu at a time.
  • Context menus are triggered by the user when right-clicking on a portion of your app's interface.
  • The tray menu is a special context menu triggered when right-clicking on your app's Tray instance.
  • On macOS, the dock menu is a special context menu triggered when right-clicking on your app's icon in the system Dock.

最常用的就是应用菜单,可以使用menu构造函数构建,也可以使用模版方法Menu.buildFromTemplate构建菜单。

css 复制代码
const menu =Menu.buildFromTemplate(template)
Menu.setApplicationMenu(menu)

Electron小试牛刀

使用之前需要完成2步配置,缺一不可

1、使用激活码完成激活

2、配置用于存储网址和笔记的本地excel文件路径

编辑

激活步骤

关注微信公众号:blingbit

获取应用版本号,获取方法如下:

编辑

拿到版本号后,在微信公众号后台发送应用版本号即可获取激活码,然后按以下方式激活

在搜索框中按如下方式输入, 然后回车

注意:activate和激活码之间必须要有个空格

复制代码
activate xxxxxx

编辑

激活成功可以看到如下提示

编辑

配置文件路径

首先下载模版

编辑

下载之后,把excel文件放在你电脑本地的任意目录下

然后在系统中配置文件路径(必须是绝对路径),在搜索框中按如下格式输入 ,然后回车

注意:filepath和路径之间必须要有个空格

bash 复制代码
filepath /user/你的目录/benote.xlsx

编辑

恭喜你,到此,应用的所有设置已完成,可以使用应用的所有功能了。

核心功能介绍

搜网址

命令格式:ww {关键字}

编辑

搜笔记

命令格式 :nt {关键字}

编辑

搜全部

命令格式: {关键}

不带任何前缀,会同时搜索网址和笔记中的内容

编辑

搜copy历史记录

会把系统历史的copy记录展示出来

命令格式:hi

注意命令后面一定要带空格

选中某个下拉项之后,敲击enter键,即可完成复制

编辑

时间戳转换

支持时间戳和字符串时间之间互转

命令格式:ti {关键字}

编辑

编辑

编辑

翻译

命令格式:fa {关键词}

支持中英翻译

编辑

编辑

快捷键

1)cmd + shift + 空格 :唤起搜索应用窗口并聚焦搜索框

2)enter: 选中某个下拉选项后,敲击enter,直接完成复制

3)enter:搜素框中完成关键词输入后,敲击enter,开始搜索

结束

欢迎大家使用,多多交流

项目地址

github.com/anmei/justs...

欢迎关注

相关推荐
Qinana3 小时前
🚀 用低代码构建AI职业规划应用
前端·程序员·产品
Ebin3 小时前
Shopify 前端实战系列 · S02:Theme 实战进阶
前端
青衫码上行3 小时前
【JavaWeb学习 | 第二篇】CSS(1) - 基础语法与核心概念
前端·css·学习
残冬醉离殇3 小时前
🔥 什么?不用鼠标点击也能触发点击事件???前端工程师的认知塌了!
前端·javascript
重铸码农荣光3 小时前
从 DOM 渲染到代码优雅:ES6 字符串模板与 map 的实战指南
前端·html
前端小咸鱼一条3 小时前
14. setState是异步更新
开发语言·前端·javascript
jump6804 小时前
Cookie SessionStorage Localstorage的区别
前端
gustt4 小时前
JavaScript 字符串深度解析:模板字符串与常用方法详解
前端·javascript·代码规范