今天老板大發(fā)慈悲蜘醋,發(fā)布了一項(xiàng)新規(guī)則胁塞,正常打卡一次,總時(shí)間增加半個(gè)小時(shí)压语。同學(xué)們喜大普奔啸罢,要知道我們被要求一周在實(shí)驗(yàn)室打卡滿70個(gè)小時(shí),要求是指定的時(shí)間段胎食,不是早上8點(diǎn)到晚上8點(diǎn)就算12個(gè)小時(shí)扰才。
助理姐姐心塞了,原以為用了釘釘就不需要她手工算時(shí)長(zhǎng)了厕怜,結(jié)果釘釘還是趕不上老板的需求變化之快啊衩匣。為了不讓這項(xiàng)規(guī)則作廢蕾总,程序員義不容辭的決定用代碼拯救大家。
已知條件
釘釘可以生成考勤報(bào)表(xls格式)琅捏,其中包括打卡總時(shí)長(zhǎng)生百,每次打卡的情況(正常、無午绳、遲到xxx分鐘置侍、早退xxx分鐘)
解析xlsx文件,計(jì)算出數(shù)據(jù)后拦焚,修改原文件
node-xlsx
這個(gè)包可以讀寫xlsx文件蜡坊,按照行列讀取為二維數(shù)組,考勤報(bào)表的格式是相對(duì)固定的赎败。讀取報(bào)表秕衙,生成姓名-總打卡時(shí)長(zhǎng)、正常打卡次數(shù)的對(duì)象僵刮,計(jì)算出姓名-最終打卡時(shí)長(zhǎng)
讀取据忘、修改、寫入后搞糕,原文件的著色勇吊,單元格合并效果會(huì)消失,所以光用node
處理文件還不夠窍仰,得有界面展示數(shù)據(jù)
electron
又能方便的繪制界面汉规,又能讀取文件,還不用搭服務(wù)器驹吮,作為前端针史,當(dāng)然要用Electron。慕名已久碟狞,正好用這個(gè)項(xiàng)目練練手啄枕。在github上根據(jù)文檔hello world了以后,就開始動(dòng)手族沃。
讀取文件
1.得到考勤報(bào)表文件位置原計(jì)劃提供“打開文件”按鈕和拖拽文件按鈕兩個(gè)方式频祝,但是打開文件的方法略麻煩,果斷選擇了官網(wǎng)上現(xiàn)有的拖拽文件打開的方法竭业。
2.解析xlsx文件在這一步體會(huì)到了Electron的神奇之處智润。在上一步中,交互行為的描述和在瀏覽器中基本完全一樣未辆,但是又不會(huì)有fakePath的情況發(fā)生。在這一步锯玛,直接require已經(jīng)通過npm安裝的node-xlsx包咐柜。addEventListener
和fs.readdirSync(pathName)
出現(xiàn)在同一個(gè)文件中兼蜈,感受次元壁擊破的神奇。接下來就能簡(jiǎn)單了拙友,用js畫界面什么的为狸,so easy。把bootstrap加上遗契,連css都不用操心了辐棒。
- bootstrap要求有jquery,本地安裝jquery以后牍蜂,
window.jquery = window.$ = require('jquery')
必須要有漾根。否則require的文件不存在于全局空間。
3.打包用electron-packager
這個(gè)npm包鲫竞,一行代碼就能打包出跨平臺(tái)程序辐怕。
electron-packager AttendElectron attend --platform=win32 --overwrite
這里遇到一個(gè)問題,就是自己安裝的npm包都沒有被打包進(jìn)來从绘,這是package.json
中dependencies
寫成了devDependencies
造成的寄疏。打包完,呈現(xiàn)在我面前的是一個(gè)300M的文件夾僵井,orz陕截,我的代碼只有4k而已啊。壓縮以后是90+M批什,自己內(nèi)部用一用农曲,就暫時(shí)到這里了。
遺留問題
1.打包
2.主進(jìn)程操作渊季,這里基本上都在操作渲染進(jìn)程朋蔫,沒有用到主進(jìn)程。打開文件那里還可以豐富下功能却汉。3.npm基礎(chǔ)不扎實(shí)驯妄,devDependencies
和dependencies
傻傻分不清楚
后續(xù)
助理表示壓縮文件解壓的時(shí)候報(bào)錯(cuò),無解合砂。于是打算把未壓縮的文件夾拷給她青扔,報(bào)錯(cuò):路徑名過長(zhǎng)。orz翩伪,所以解壓出錯(cuò)也是這個(gè)問題了微猖。解決方法:把打包后的resource\app
打包為asar
1.npm install asar -g
2.asar pack app app.asar
3.移除app文件夾
助理又表示能不能生成個(gè)excel表,不要著色缘屹,格式簡(jiǎn)單凛剥。于是又加了生成excel表的功能。期間還有很多細(xì)枝末節(jié)的糾纏轻姿,需求不明確的活干起來真是orz啊犁珠。=逻炊, =