一个简单的疯狂tip老板年终奖的抽奖客户端

介绍

一个使用 vue-electron 脚手架做的小小的客户端 demo，使用 indexedDB 永久存储数据，一直都找不到本地存储的一些应用场景，感觉 indexedDB，websql 用于像 electron 跨平台的嵌浏览器内核的应用非常合适，因为这些数据具有永久性、加密性和事务性，比较安全可靠。（现在不是快到过年的，小伙伴可以利用这个项目疯狂 tip 老板年终奖[偷笑]）

本项目使用

管理人员还是抽奖人员的初始账号和密码都是 admin，进入管理后， 修改 admin 账号后，admin 的姓名作为账号，工号作为密码登录 ，如果忘记密码，可以去C:UsersAdministratorAppDataRoaminglottery-platform 删除 IndexedDB 文件夹里面的文件，之后的用户名和密码为初始密码 admin

yarn
yarn run dev // 本地开发
yarn run win32 // 打包 32 位 window 程序，win64- 打包 64 位 window 程序,linux- 打包 linux 程序 all- 打包所有程序，yarn run build 会根据你的系统进行打包

这是 32 位的 window 程序，有兴趣的可以下载玩玩，安装时可能会给杀毒软件拦截，添加信任即可。

项目效果图

样式有点丑，没有设计过。

管理员登录

人员管理

奖项设置

往期回顾

抽奖登录

抽奖

注意事项

• 这是使用 electron-builder 打包，打包时可能下载相对文件失败，到淘宝镜像网站下载相对应的下载不了的文件。
• 打包失败有时候可以删除 build 下的旧的打包文件，执行

    yarn build:clean

意义

本项目主要用于 electron 入门级别的，大神级别的请跳过（可以娱乐娱乐）。项目主要集中在渲染进程，主线程如一些插件的使用几乎没有，入门级应该是够的，要更深入的要去官网多看看主线程，渲染进程的一些 api，还有应用的一些插件。个人觉得，主线程充当桥梁的作用，通过渲染进程触发主线程中的功能，认清楚这一点，使用 electron 起来就非常简单了。

项目地址：lottery-platform