Electron桌面端开发(开发一个闹钟【完结】)

碰磕Timer

首发:CSDN碰磕，分享自己的学习日志

---

晴

---

学无止境

---

2022/6/10

---

介绍

基于Electron+Layui桌面端开发的一款闹钟

项目结构

css----样式
img----背景图
js-----主进程与js文件等等…
layui—Layui的包
out----即打包成功后的文件夹

index.html—首页
dsj.html—倒计时页
myinfo.html–个人信息页
icon.ico——–应用图标

安装运行教程

1. cd 当前目录(到当前文件目录下)
2. npm install(安装依赖包)
3. electron . (运行)
   3-1：或者运行out文件夹下—碰磕Time-win32—‘碰磕Time’.exe

如何打包

//win10打包electron-packager . 碰磕Time --platform=win32 --arch=x64 --out=./out --icon=./Tal.ico --app-version=0.01 --overwrite --electron-zip-dir=…/

• –out打包完后存放地址
• –icon 应用图标
• –app-version应用版本号
• . 应用名称

功能介绍

采用layui进行丰富界面

1. 首页
   

首页主要是对当前时间的展示以及闹钟的展示(删除)
2. 添加闹钟

添加闹钟数据是存在本地的
3. 关于作者

主要是对作者的一些介绍以及推广
5. 提醒功能

闹钟到了会进行弹窗提醒
6. 倒计时功能

相当于闹钟详情页，进行一个读秒操作，时间过期会显示已失效

参与贡献

1. 作者本人
   热爱学习，最终使用Electron巩固自己的学习成果
   2.难度体系:简单
   3.目的:做一个闹钟可以很好的进行一个提醒作用!

技术栈

• layui
• electron
• js
• html
• css

项目地址(git)

https://gitee.com/Beanbao/pengke-timer
我已上传至gitee🤭