該項(xiàng)目純軟件

目前是一個(gè)網(wǎng)站的形式來(lái)實(shí)現(xiàn)學(xué)習(xí)強(qiáng)國(guó)打卡，當(dāng)初設(shè)計(jì)是為了提高統(tǒng)計(jì)的準(zhǔn)確性，以及方便每周值日的同學(xué)觀看打卡情況，產(chǎn)生做這個(gè)系統(tǒng)的想法，目前已經(jīng)投入使用

系統(tǒng)架構(gòu)

系統(tǒng)架構(gòu)是基于MVC開(kāi)發(fā)模式拓展的，包括database數(shù)據(jù)層、model模型層、dao數(shù)據(jù)持久層、service業(yè)務(wù)邏輯層、controller/servlet控制器，各層次分工明確，降低層次耦合度。

顯示層 (View)

本系統(tǒng)采用B/S模式。多以jsp/html為主要的顯示頁(yè)面，為了滿足頁(yè)面UI的展示，AJAX數(shù)據(jù)交換為JSON格式。此層與控制層結(jié)合比較緊密，需要二者結(jié)合起來(lái)協(xié)同工作。

控制層

Controller層負(fù)責(zé)具體的業(yè)務(wù)模塊流程的控制，這樣不僅使程序結(jié)構(gòu)變得清晰，也大大減少了代碼量。

控制層主要用于響應(yīng)客戶端請(qǐng)求，每當(dāng)請(qǐng)求到系統(tǒng)時(shí)，控制層就會(huì)調(diào)用對(duì)應(yīng)的業(yè)務(wù)邏輯。請(qǐng)求分多種，如AJAX的數(shù)據(jù)請(qǐng)求、頁(yè)面請(qǐng)求、文件上傳、文件下載，控制層便會(huì)對(duì)應(yīng)地做出相應(yīng)的數(shù)據(jù)返回、頁(yè)面跳轉(zhuǎn)、流返回行為。

數(shù)據(jù)持久層

DAO層主要是做數(shù)據(jù)持久層的工作，負(fù)責(zé)與數(shù)據(jù)庫(kù)進(jìn)行聯(lián)絡(luò)的一些任務(wù)都封裝在此，DAO層的設(shè)計(jì)首先是設(shè)計(jì)DAO的接口，然后設(shè)計(jì)實(shí)現(xiàn)類。

各層聯(lián)系

DAO層，可以單獨(dú)開(kāi)發(fā)，互相的耦合度很低，完全可以獨(dú)立進(jìn)行，這樣的一種模式在開(kāi)發(fā)大項(xiàng)目的過(guò)程中尤其有優(yōu)勢(shì)，Controller，View層因?yàn)轳詈隙缺容^高，因而要結(jié)合在一起開(kāi)發(fā)，但是也可以看作一個(gè)整體獨(dú)立于前兩個(gè)層進(jìn)行開(kāi)發(fā)。這樣，在層與層之間我們只需要知道接口的定義，調(diào)用接口即可完成所需要的邏輯單元應(yīng)用，一切顯得非常清晰簡(jiǎn)單。

下圖為目前網(wǎng)站功能架構(gòu)

目前網(wǎng)站的架構(gòu)

登錄界面效果圖

碼云下載地址，直接點(diǎn)擊這里，這個(gè)代碼還是之前有bug時(shí)候的代碼，看懂里面代碼并作相應(yīng)的修改就會(huì)有很大的成長(zhǎng)。

這里代碼是使用以下軟件來(lái)進(jìn)行開(kāi)發(fā)的：開(kāi)發(fā)工具：MyEclipse10，數(shù)據(jù)庫(kù)：MySQL 5.1.32-community，圖形化界面數(shù)據(jù)庫(kù)操作：navicat，Java環(huán)境：jdk1.8.0_131（實(shí)際可能是jdk6，MyEclipse創(chuàng)建項(xiàng)目時(shí)候最高版本）

后來(lái)我用eclipse來(lái)開(kāi)發(fā)，在myeclipse里那個(gè)jdk6換成高版本，一堆叉叉，不換高版本jdk圖像處理那里請(qǐng)求的file類那些又沒(méi)有（具體沒(méi)有哪些類我忘記了，idea沒(méi)用過(guò)所以沒(méi)有用），反正看著就很不爽。或者兩種jdk存在，導(dǎo)致部分代碼出bug；像不執(zhí)行識(shí)別代碼什么的。

上述bug

• 打卡天數(shù)，到達(dá)99天的時(shí)候，加到100，就一直查99天的數(shù)據(jù)進(jìn)行修改

打卡天數(shù)的流程及實(shí)現(xiàn)思路

• 在積分錄入界面，填好分?jǐn)?shù)那些，或者上傳圖片等待識(shí)別，輸入框有內(nèi)容后，點(diǎn)擊上傳，打卡天數(shù)自增
• 打卡天數(shù)，個(gè)人設(shè)計(jì)是通過(guò)時(shí)間的比較來(lái)進(jìn)行實(shí)現(xiàn)的，注冊(cè)時(shí)候會(huì)自動(dòng)記錄注冊(cè)時(shí)間，接著打卡就通過(guò)與注冊(cè)時(shí)間作比較來(lái)計(jì)算打卡天數(shù)

三種情況：

1. 注冊(cè)當(dāng)天打卡
2. 注冊(cè)當(dāng)天沒(méi)打卡
3. 注冊(cè)后打過(guò)卡

• 具體應(yīng)結(jié)合代碼進(jìn)行看

bug出現(xiàn)的原因是當(dāng)時(shí)設(shè)計(jì)數(shù)據(jù)庫(kù)打卡天數(shù)時(shí)候，數(shù)據(jù)類型是varchar（255），然后大家到99天的時(shí)候，代碼總是判斷99為最大的天數(shù)。我也懶得改數(shù)據(jù)庫(kù)那里設(shè)計(jì)了，我個(gè)人解決這個(gè)bug的思路是（判斷里面的最新的打卡編號(hào)，因?yàn)榇蚩ň幪?hào)自增且數(shù)據(jù)類型為int）。寫(xiě)到這里，想到支部打卡天數(shù)的貌似也是varchar類型，這個(gè)我有空再改吧

心情

積分錄入界面

部署在服務(wù)器上的bug就精彩多了

1. 本地入數(shù)據(jù)庫(kù)沒(méi)問(wèn)題，服務(wù)器上傳中文入數(shù)據(jù)庫(kù)就亂碼（db.properties里面加useUnicode=true&characterEncoding=UTF-8，解決問(wèn)題）問(wèn)題解決鏈接

2. tomcat7版本 jdk只有1.7，圖像處理的那些算法不能用，如圖報(bào)錯(cuò)

   
   
   出現(xiàn)請(qǐng)求錯(cuò)誤圖

3. tomacat8版本終于可以了jdk1.8，結(jié)果錄入的感想全 ？？？？？（亂碼），一查發(fā)現(xiàn)tomcat8直接幫你處理好字符的問(wèn)題 直接默認(rèn)UTF-8，而我里面的方法為了tomcat7版本轉(zhuǎn)碼成ISO-8859-1。后面我決定不改代碼，因?yàn)閼校啻a要?jiǎng)h刪改改調(diào)試，于是決定直接浪費(fèi)tomcat8的美意，把編碼改成ISO-8859-1。問(wèn)題解決鏈接

4.最精彩部分莫過(guò)于這個(gè)了。我開(kāi)發(fā)用windows系統(tǒng)，存儲(chǔ)目錄路徑如圖 是正斜杠“\”

存儲(chǔ)目錄路徑

不改代碼存圖的路徑

服務(wù)器存儲(chǔ)路徑

待提升的地方

積分界面，關(guān)于打卡天數(shù)可加一個(gè)應(yīng)打卡天數(shù)來(lái)進(jìn)行與實(shí)際打卡天數(shù)作對(duì)比。這部分代碼方法其實(shí)我個(gè)人寫(xiě)了，但實(shí)際寫(xiě)在前端的時(shí)候出現(xiàn)了一點(diǎn)點(diǎn)小問(wèn)題，現(xiàn)在還不怎么想解決，先涼拌著（不知道咋解決）。

積分界面圖

這個(gè)網(wǎng)站其實(shí)可以轉(zhuǎn)化為微信小程序的形式進(jìn)行打卡，有能力的同學(xué)或者想要擁有這能力的同學(xué)可以借鑒我后端寫(xiě)的數(shù)據(jù)庫(kù)結(jié)構(gòu)、代碼啥的，或者直接將后端的方法鏈接微信小程序的界面來(lái)實(shí)現(xiàn)。大佬可以忽略，直接按需開(kāi)發(fā)

圖像處理我這里實(shí)現(xiàn)是使用別人提供的api，圖片數(shù)據(jù)根據(jù)支部的一些圖片還有自己實(shí)際手機(jī)的截圖，識(shí)別準(zhǔn)確率我個(gè)人覺(jué)得其實(shí)可以，識(shí)別速率寫(xiě)了延遲3s請(qǐng)求，真正體驗(yàn)有時(shí)需要反復(fù)上傳幾次才能識(shí)別出來(lái)（說(shuō)實(shí)話我還是挺不滿意的，沒(méi)有識(shí)別出來(lái)會(huì)返回上一位識(shí)別成功的同學(xué)的數(shù)據(jù)，這是由于我用了個(gè)中間變量來(lái)存儲(chǔ)數(shù)據(jù)，也算個(gè)bug待解決。當(dāng)時(shí)寫(xiě)到崩潰，終于解決識(shí)別存數(shù)據(jù)不入庫(kù)的方法，后面就有點(diǎn)懶不想寫(xiě)清空上位識(shí)別成功數(shù)據(jù)的代碼）

圖像處理這部分，有能力其實(shí)可以自己寫(xiě)，自己訓(xùn)練識(shí)別字庫(kù)，來(lái)提升識(shí)別率和準(zhǔn)確率（這部分是我目前不具備的能力），現(xiàn)在有些用戶用了自己的字體識(shí)別不出來(lái)，由于是用api，所以并不能解決這個(gè)問(wèn)題

可以加上會(huì)議簽到等功能，考勤匯總什么的就沒(méi)有那么辛苦，本人不是很想一個(gè)人完成這些所有功能，實(shí)在太累了，就交給后面的大佬來(lái)實(shí)現(xiàn)了

最后附上當(dāng)時(shí)想做成小程序的供需分析

（我分析了然后，為什么自己不做呢，是由于，我還不想花時(shí)間去研究get/post請(qǐng)求與小程序界面的鏈接，決定簡(jiǎn)化自己操作，用自己已知大部分的知識(shí)縮短開(kāi)發(fā)時(shí)間，所以就寫(xiě)了個(gè)網(wǎng)站）

微信小程序版

上述書(shū)于2020.11.03，若有補(bǔ)充后續(xù)再說(shuō)