介紹
一個使用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