一個簡單的瘋狂tip老闆年終獎的抽獎客戶端

介紹

一個使用vue-electron腳手架作的小小的客戶端demo,使用indexedDB永久存儲數據,一直都找不到本地存儲的一些應用場景,感受indexedDB,websql用於像electron跨平臺的嵌瀏覽器內核的應用很是合適,由於這些數據具備永久性、加密性和事務性,比較安全可靠。(如今不是快到過年的,小夥伴能夠利用這個項目瘋狂tip老闆年終獎[偷笑])vue

本項目使用

管理人員仍是抽獎人員的初始帳號和密碼都是admin,進入管理後,修改admin帳號後,admin的姓名做爲帳號,工號做爲密碼登陸,若是忘記密碼,能夠去C:UsersAdministratorAppDataRoaminglottery-platform刪除IndexedDB文件夾裏面的文件,以後的用戶名和密碼爲初始密碼adminlinux

yarn
yarn run dev //本地開發
yarn run win32 //打包32位window程序,win64-打包64位window程序,linux-打包linux程序 all-打包全部程序,yarn run build會根據你的系統進行打包

這是32位的window程序,有興趣的能夠下載玩玩,安裝時可能會給殺毒軟件攔截,添加信任便可。git

項目效果圖

樣式有點醜,沒有設計過。github

管理員登陸

管理員登陸

人員管理

人員管理

獎項設置

獎項設置

往期回顧

往期回顧

抽獎登陸

抽獎登陸

抽獎

抽獎

注意事項

  • 這是使用electron-builder打包,打包時可能下載相對文件失敗,到淘寶鏡像網站下載相對應的下載不了的文件。
  • 打包失敗有時候能夠刪除build下的舊的打包文件,執行
yarn build:clean

意義

本項目主要用於electron入門級別的,大神級別的請跳過(能夠娛樂娛樂)。項目主要集中在渲染進程,主線程如一些插件的使用幾乎沒有,入門級應該是夠的,要更深刻的要去官網多看看主線程,渲染進程的一些api,還有應用的一些插件。我的以爲,主線程充當橋樑的做用,經過渲染進程觸發主線程中的功能,認清楚這一點,使用electron起來就很是簡單了。web

項目地址: lottery-platform
相關文章
相關標籤/搜索