一個簡單的瘋狂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
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章