1基于人臉識別的考勤簽到小程序的設(shè)計與實現(xiàn)摘要學(xué)生上課的考勤簽到是一種大學(xué)課堂教學(xué)管理的重要手段和考核指標(biāo)。對比與傳統(tǒng)的考勤簽到模式，人臉識別的考勤簽到系統(tǒng)更加節(jié)省人力，更具高效性。人臉識別考勤簽到系統(tǒng)具有傳統(tǒng)簽到無可匹敵的優(yōu)勢，是最高效的簽到方式之一。近年來，許多基于深度學(xué)習(xí)的人臉識別算法取得了很好的進展，使得人臉識別簽到更具可行性。基于此，本文設(shè)計實現(xiàn)了一個基于人臉識別的考勤簽到系統(tǒng)。系統(tǒng)以微信小程序作為實現(xiàn)平臺，使用WXML+WXSS+JavaScript技術(shù)進行開發(fā)。系統(tǒng)分為教師端和學(xué)生端，教師端可以修改后臺服務(wù)器的簽到設(shè)置，用于開設(shè)學(xué)生簽到操作；學(xué)生端可以使用微信小程序?qū)釉品?wù)器上的人臉識別接口，實現(xiàn)人臉識別，再連接數(shù)據(jù)庫的系統(tǒng)設(shè)計完成后，對系統(tǒng)的各個功能進行測試，測試結(jié)果表明，系統(tǒng)完成了本畢關(guān)鍵詞：微信小程序，人臉識別，考勤簽到，深度學(xué)習(xí)北京理工大學(xué)珠海學(xué)院2020屆本科生畢業(yè)設(shè)計Classattendanceisanimportantmeansoindicatorofteachers'classroomefficiency.Comparedwiththetraditionalcheck-inmode,facerecognitionattendafacerecognitionalgorithmshavemadegoodprogress,makingfacerecogniticheck-insystem.ThesystemisdevelopedusingWXML+WXSS+JavaSstudentside,theteachersiandtheresultsshowedthatthesystemcompletedthepre-determinedfunctionsKeywords:Facerecognition,attendancesyste北京理工大學(xué)珠海學(xué)院2020屆本科生畢業(yè)設(shè)計北京理工大學(xué)珠海學(xué)院2020屆本科生畢業(yè)設(shè)計 11.1研究背景及意義 12國內(nèi)外研究現(xiàn)狀 22.1人臉識別研究現(xiàn)狀 22.2考勤簽到研究現(xiàn)狀 22.3本章小結(jié) 33需求分析 43.1考勤系統(tǒng)介紹 43.1.1系統(tǒng)概述 43.1.2系統(tǒng)的業(yè)務(wù)流程 43.2系統(tǒng)參與者 53.2.1教職工用戶 63.2.2學(xué)生用戶 63.3系統(tǒng)功能 63.3.1學(xué)生用戶功能 63.3.2注冊功能 73.3.3登錄功能 73.3.3修改個人信息功能 83.3.4簽到功能 93.3.5查看簽到記錄功能 3.4.1教職工功能 3.4.2注冊功能 3.4.3登錄功能 3.4.4修改個人信息功能 3.4.5開設(shè)簽到功能 3.4.6查看簽到功能 3.5數(shù)據(jù)需求 3.6功能需求 4系統(tǒng)的開發(fā)技術(shù)介紹 4.1微信小程序介紹 4.2.1WXML 4.2.4JSON 4.3.1微信小程序云函數(shù) 4.4服務(wù)器與數(shù)據(jù)庫 4.4.1微信小程序云函數(shù) 4.4.2微信小程序數(shù)據(jù)庫 錯誤!未定義書簽。5系統(tǒng)的設(shè)計與實現(xiàn) 5.3數(shù)據(jù)結(jié)構(gòu)設(shè)計 5.3.1邏輯結(jié)構(gòu)設(shè)計 5.3.2E-R模型圖轉(zhuǎn)化為關(guān)系模型 5.3.3關(guān)系模式規(guī)范化 5.3.4關(guān)系描述 北京理工大學(xué)珠海學(xué)院2020屆本科生畢業(yè)設(shè)計6運行結(jié)果 6.1未授權(quán)頁面 6.2登陸頁面 6.4教職工發(fā)布簽到 6.5學(xué)生開始簽到 6.6簽到成功 錯誤!未定義書簽。7總結(jié)與展望 7.1本文總結(jié) 7.2后續(xù)工作展望 2911.1研究背景及意義各大高校的擴招計劃和教育改革，讓絕大多數(shù)的青年學(xué)子都有機會進入校園，實現(xiàn)人生夢想。然而大學(xué)生從充斥著壓力，進軍高考的高中生活，進入了一個時間、空間自由支配的大學(xué)時期后，學(xué)生們的學(xué)習(xí)態(tài)度開始發(fā)生了變化，部分學(xué)生認(rèn)為只需要考好最后的考試，或者完成老師布置下的學(xué)習(xí)任務(wù)，就能完成課程拿到學(xué)分。這種懶散的學(xué)習(xí)態(tài)度，給大學(xué)生帶來了迷茫和困惑，與此同時逃課現(xiàn)象開始蔓延。學(xué)生的任務(wù)本來應(yīng)該是學(xué)習(xí)，而學(xué)習(xí)最好的方式就是認(rèn)真參加每一堂課。逃課現(xiàn)象已逐漸使得不少學(xué)校對老師發(fā)出指令，并將課堂的出勤率作為判斷教師教學(xué)質(zhì)量的標(biāo)準(zhǔn)之一，教師為了提高所教班級的出勤率，往往會實施課課點名的方案，以此來督促學(xué)生不遲到、不早退。這樣一來難免會加重了老師的負(fù)擔(dān)，老師即需要向?qū)W生傳授知識，又需要對學(xué)生完成考勤記錄。因而可知，一套高效的考勤簽到系統(tǒng)的開發(fā)極為重要?？记诤灥较到y(tǒng)的使用能夠使教師能夠更加專心與教學(xué)內(nèi)容上，能夠在一定程度上提高教學(xué)質(zhì)量，并且能夠提高考勤的效率和以及考勤的正確率，同時又能夠防止其他的同學(xué)代替該簽到的學(xué)生進行簽到的行為，人臉識別技術(shù)實現(xiàn)的考勤簽到系統(tǒng)，理論上能夠百分百的解決上述的全部問題。智能手機的廣泛普及，使得絕大多數(shù)的大學(xué)生都能夠擁有一臺屬于自己的手機。目前的智能手機較為流行的主要是iOS、Android、以及WindowPhone,由于操作系統(tǒng)的不同，導(dǎo)致許多應(yīng)用都需要開發(fā)不同的版本，來達(dá)到服務(wù)大眾的目的。顯然，想要使所有的學(xué)生使用同一個操作系統(tǒng)的手機是無法實現(xiàn)的，多平臺的開發(fā)也會增加更多的工作內(nèi)容。微信小程序能夠完美解決需要多平臺開發(fā)的問題，無論哪一種操作平臺(iOS、Android以及WindowPhone),都能夠支持微信的運行，通過微信小程序的開發(fā)也能夠?qū)崿F(xiàn)多平臺開發(fā)的目的。所以本次設(shè)計最終確定通過微信小程序平臺進行系統(tǒng)的開發(fā)。北京理工大學(xué)珠海學(xué)院2020屆本科生畢業(yè)設(shè)計12國內(nèi)外研究現(xiàn)狀2.1人臉識別研究現(xiàn)狀LFW(Labeledfacesinthewild)是一個在人臉識別研究領(lǐng)域比較有名的人臉圖像數(shù)據(jù)集合，其圖像主要從Yahoo!News上進行采集，多達(dá)13233張人臉圖片，在該數(shù)據(jù)集里包含了5749個人，并且其中有1680人是擁有兩幅及以上的圖像，4069人只有一幅圖像。幾乎所有的圖像都是同一態(tài)名為”Viola-Jones”的人臉檢測器得到的，在檢測到人臉圖像之后，圖片將被裁剪為固定大小，僅有少量的人臉圖像是從falsepositive中得到。在該數(shù)據(jù)集中的所有圖像均產(chǎn)生于現(xiàn)實場景(有別于實驗室場景),具備自然的光線，表情，姿勢和遮擋，且涉及人物多為公物人物，這將帶來化妝，聚光燈等更加復(fù)雜的干擾因素，因此，在該數(shù)據(jù)集上驗證的人臉識別算法，理論上更貼近現(xiàn)實應(yīng)用，這也給研究人員帶來巨大的挑戰(zhàn)。2018年，中國不少企業(yè)在國際人臉識別評估集LFW榜上有名，face++99.5%,商湯99.53%,騰訊99.65%,百度99.77%,中科奧森99.77%,中科云從99.5%,北京飛搜科技99.67%,顏鑒99.4%,宇泛智能99%,中國平安99.8%大華99.78%,海鑫99.68%等，這些都是基于國內(nèi)的，也可以看看國外提供的api,谷歌針對這個人臉識別數(shù)據(jù)集的分?jǐn)?shù)是99.63%,研究人員在使用LFW數(shù)據(jù)集以外的數(shù)據(jù)，對模型進行聯(lián)系，再使用模型進行刷分，人臉識別率都可以高達(dá)99以上的識別率[3]。對于日程生活學(xué)習(xí)的環(huán)境中，網(wǎng)絡(luò)上公開的人臉識別api是具有足夠的準(zhǔn)確度。2.2考勤簽到研究現(xiàn)狀荊洲等設(shè)計出基于人臉檢測的智能課堂點名系統(tǒng)，是集合了人臉識別技術(shù)、圖像處理技術(shù)、匯編語言、網(wǎng)站制作技術(shù)的綜合應(yīng)用，使網(wǎng)頁、數(shù)據(jù)庫、人臉檢測程序互聯(lián)，構(gòu)成一個完整的系統(tǒng)。該系統(tǒng)的研究與開發(fā)可以更加充分地利用課堂時間，以方便教師的教學(xué)，提高效率。系統(tǒng)操作界面簡單，檢索信息快捷，搜索方便。在多樣的活動出現(xiàn)，生活日漸豐富的今天，人們參加各種活動的同時難以避免地參與活動考勤和簽到。傳統(tǒng)的簽到方式有點名和自助簽名等，其缺點為耗時，易代簽，難以統(tǒng)計。隨著互聯(lián)網(wǎng)的普及，和人工智能服務(wù)設(shè)備的涌現(xiàn)，簽到系統(tǒng)也可以跟上時代發(fā)展的進程。隨著信息時代的到來，移動手機成為人們生活的必需品，用戶的日常需求豐富了移動應(yīng)用，觸及生活的方方面面。智能手機早已普及，而且微信也已經(jīng)成為裝機日用的必要軟件，深植于人們的生活習(xí)慣之中。在移動手機上的應(yīng)用中，微信受眾廣泛，頻頻被人使用?？紤]到大學(xué)生移動設(shè)備的高普及度和微信小程序的蓬勃發(fā)展，針對課北京理工大學(xué)珠海學(xué)院2020屆本科生畢業(yè)設(shè)計堂中的常有的點名環(huán)節(jié)，開發(fā)一個微信小程序不失為一個良好的辦法。2016年起微信發(fā)布了“微信公眾平臺小程序”,這是一種不需要進行下載安裝就能使用的“觸手可實現(xiàn)多種多樣的功能，在使用流暢的前提下，不會占用太多的手機內(nèi)存4。近年來大受歡迎的微信小程序，在微信平臺的支持下，其免下載，功能多樣，體積小的特點都使其越來越火爆。所以，憑借微信小程序開發(fā)的考勤簽到系統(tǒng)可以達(dá)到而課堂考勤作為最為常見的考勤活動之一，為了提高考勤效率，達(dá)到良好的實施效果，關(guān)于促進課堂教學(xué)的考勤制度的設(shè)計備受關(guān)注，同時利用各種新技術(shù)如藍(lán)牙、人臉檢測等的考勤系統(tǒng)的研究日益增多。在分析國內(nèi)點名系統(tǒng)研究狀況和微信小程序發(fā)展前景的基礎(chǔ)上，本文通過“微信小程序開發(fā)者工具”+“微信小程序云開發(fā)”設(shè)計一個考勤簽到小程序，用來進行課堂點名，能夠?qū)崿F(xiàn)準(zhǔn)確、方便、高效的學(xué)生考勤信息時代的到來，伴隨著信息技術(shù)的迅速發(fā)展，教育領(lǐng)域已經(jīng)進入”互聯(lián)網(wǎng)+”的階段。傳統(tǒng)的教學(xué)模式集成互聯(lián)網(wǎng)技術(shù)是高等教育改革創(chuàng)新的一條途徑，更加先進、多樣化、與時俱進的的教育教學(xué)模式正在形成。新時代背景下教學(xué)理念以及方法與互聯(lián)網(wǎng)技術(shù)等的相互融合，可使教學(xué)質(zhì)量和效率得到提升，激發(fā)學(xué)生學(xué)習(xí)的動力，本文旨在通過使用微信小程序?qū)崿F(xiàn)課堂上的點名過程，方便教師進行學(xué)生考勤結(jié)果的記錄和管理，減少教師浪費的時間，提高考勤效率，達(dá)到增加課堂效率的目的。北京理工大學(xué)珠海學(xué)院2020屆本科生畢業(yè)設(shè)計3需求分析3.1考勤系統(tǒng)介紹本課題設(shè)計實現(xiàn)一個微信上的考勤系統(tǒng)小程序，通過此程序可以實現(xiàn)課堂考勤和記錄信息的查看。初次登錄時，學(xué)生需要綁定自己的學(xué)號、姓名班級，教師賬號需要進行注冊，之后微信賬號自動登錄。在課程考勤表管理部分中，教師可添加相應(yīng)課程的考勤表并進行編輯；點名時，教師選擇課程考勤表與簽到時間，生成簽到鏈接。學(xué)生通過鏈接進入簽到界面，在滿足定位條件的情況下通過人臉識別進行簽到；最后實現(xiàn)對考勤記錄的查看。學(xué)生可以瀏覽參與課程的出勤記錄，教師可瀏覽自己所發(fā)布的3.1.2系統(tǒng)的業(yè)務(wù)流程點名系統(tǒng)小程序主要包括：用戶信息綁定，課堂考勤管理，簽到點名和考勤記錄瀏覽。如圖3.1為系統(tǒng)流程圖。靠北京理工大學(xué)珠海學(xué)院2020屆本科生畢業(yè)設(shè)計R承圖3.1系統(tǒng)流程圖初次登錄時，學(xué)生需要綁定自己的學(xué)號姓名、班級，教師賬號需要進行注冊，之人臉識別的情況下成功簽到，在小程序首頁瀏覽自己所在課程的簽到狀況，可以在個教師能夠修改自己的簽到設(shè)置，用于保證簽到的準(zhǔn)確性。發(fā)布簽到時，通過選擇相應(yīng)課程，定位教師位置，設(shè)置簽到的截止時間后推送鏈接給學(xué)生。在簽到結(jié)束后，能夠?qū)γ總€學(xué)生的簽到狀況進行修改。教師在簽到記錄頁面中選擇目標(biāo)課程后，顯示相應(yīng)課程缺勤的學(xué)生與缺勤次數(shù)，同時可瀏覽該課程最近三次的出勤情況。學(xué)生與教師均可在個人中心進行身份切換。3.2系統(tǒng)參與者該系統(tǒng)主要是用于各類高校間，教師記錄學(xué)生的出勤狀況。所以系統(tǒng)的主要參與北京理工大學(xué)珠海學(xué)院2020屆本科生畢業(yè)設(shè)計3.2.1教職工用戶教師是考勤過程的主要管理者。在簽到時，能夠發(fā)布簽到連接；在簽到結(jié)束后，教師還能夠查看各位學(xué)生到課情況。3.2.2學(xué)生用戶學(xué)生作為簽到過程中的主要簽到人員，首先需要注冊個人信息，把個人信息儲存在系統(tǒng)中，方可進行簽到，可以在考勤管理系統(tǒng)上查看自己的出勤記錄。學(xué)生用戶的主要功能包括簽到、查看課程信息、查看考勤。學(xué)生用戶主要有以下操作：登陸、注冊、修改個人信息、簽到、查看簽到記錄。如圖3.2為學(xué)生用戶功能圖。登陸登陸簽到學(xué)生圖3.2學(xué)生用戶功能圖北京理工大學(xué)珠海學(xué)院2020屆本科生畢業(yè)設(shè)計健本座星青人展重健本座星青人展重3.3.2注冊功能學(xué)生進行注冊操作，需要依次填寫姓名、班級學(xué)號等信息，在完成基礎(chǔ)信息填寫之后，還需提交臉部圖像信息，以完成注冊。注冊完成后的個人信息，會根據(jù)微信號進行一對一保存。當(dāng)再次進入該微信小程序后，只需要進行登陸操作，無需再次注冊。如圖3.2為學(xué)生注冊流程圖。重圖3.2學(xué)生注冊流程3.3.3登錄功能學(xué)生進入小程序后，需要進行登陸操作，根據(jù)微信號獲取，在小程序數(shù)據(jù)庫內(nèi)的個人信息。如圖3.3為登陸功能圖。北京理工大學(xué)珠海學(xué)院2020屆本科生畢業(yè)設(shè)計i授權(quán)成功是圖3.3登陸功能圖3.3.4修改個人信息功能從首頁進入修改頁面后，可以對個人信息進行修改，當(dāng)修改完成后，系統(tǒng)會確認(rèn)個人信息是否填寫正確，放可以點擊完成按鈕，完成修改操作。如圖3.4為學(xué)生修改蟲提交I圖3.4學(xué)生修改個人信息功能圖北京理工大學(xué)珠海學(xué)院2020屆本科生畢業(yè)設(shè)計3.3.5簽到功能學(xué)生簽到時，系統(tǒng)會判斷是否登陸、注冊，當(dāng)已經(jīng)完成登陸、注冊時，則開始臉部識別，在線獲取臉部圖像，與數(shù)據(jù)庫內(nèi)的臉部特征進行對比，若匹對失敗，則再次進行圖像獲取。匹對成功后，完成簽到操作。如圖3.5為學(xué)生簽到功能圖。中開始簽到是否登陸支再次獲取圖像簽到成功是否獲取圖像開始注冊開始登陸簽到失敗簽到失敗圖3.5學(xué)生簽到功能圖北京理工大學(xué)珠海學(xué)院2020屆本科生畢業(yè)設(shè)計3.3.6查看簽到記錄功能點擊查看按鈕，系統(tǒng)將以列表的形式顯示本人的簽到記錄，完成簽到記錄的查3.4.1教職工功能教職工用戶功能主要有注冊、登錄、修改個人信息、開設(shè)簽到、查看簽到的操作。如圖3.6為教職工功能圖。圖3.6教職工功能圖3.4.2注冊功能教職工進行注冊操作，需要依次填寫姓名、工號等信息，完成注冊。如圖3.7為教職工注冊功能圖。北京理工大學(xué)珠海學(xué)院2020屆本科生畢業(yè)設(shè)計注冊注冊是圖3.7教職工注冊功能圖3.4.3登錄功能教職工登陸功能圖與學(xué)生登陸功能圖相同，詳細(xì)請看圖3.3登陸功能圖。3.4.4修改個人信息功能在首頁，進入修改頁面后，對個人信息完成修改，系統(tǒng)會確認(rèn)個人信息是否填寫正確，點擊完成按鈕，完成修改操作。如圖3.8教職工修改個人信息功能圖。北京理工大學(xué)珠海學(xué)院2020屆本科生畢業(yè)設(shè)計提交圖3.8教職工修改個人信息功能圖3.4.5開設(shè)簽到功能教職工點擊開設(shè)簽到按鈕，開始設(shè)置簽到信息，選擇簽到所需簽到的班級，設(shè)置簽到的時間限制，點擊開始簽到，完成簽到的開設(shè)。如圖3.9為教職工開設(shè)簽到功能開設(shè)簽到如圖3.9教職工開設(shè)簽到功能圖3.4.6查看簽到功能點擊查看按鈕，系統(tǒng)將以列表的形式顯示所有學(xué)生的簽到記錄，完成簽到記錄的北京理工大學(xué)珠海學(xué)院2020屆本科生畢業(yè)設(shè)計3.5數(shù)據(jù)需求用戶在初次進入點名小程序時，系統(tǒng)獲取用戶的微信賬號信息后，進行學(xué)號和姓名的綁定或者切換為教師身份進行賬號的綁定。用戶信息中包括用戶的身份類型、綁定賬號以及賬號信息，課程信息中包括課程與對應(yīng)的教師數(shù)據(jù)，簽到信息包含發(fā)布的簽到條目數(shù)據(jù)以及簽到結(jié)束后添加的記錄狀況和時間等數(shù)據(jù)。3.6功能需求學(xué)生和教師兩個角色擁有不同的操作，而用戶則可以在兩個角色間進行切換。學(xué)生在進行簽到時，由教師發(fā)布的鏈接進入學(xué)生簽到界面，并且在后臺通過地圖接口，獲取學(xué)生現(xiàn)實的地理位置，使之與發(fā)布簽到時的地理位置進行匹對，最后一步在臉部識別正確，確保是學(xué)生本人的情況下，完成簽到。系統(tǒng)不允許學(xué)生更改綁定在微信上的學(xué)號，以防止學(xué)生通過更改學(xué)號實現(xiàn)代教師需要開設(shè)不同的班級，在對應(yīng)的班級中發(fā)布簽到連接，在發(fā)布前需要設(shè)置簽到要求(位置、時間)。由于簽到過程中存在種種意外狀況，所以簽到后的記錄不直接添加在數(shù)據(jù)庫中，需要由教師進行確認(rèn)。在發(fā)布簽到后，教師首頁會顯示進行中簽北京理工大學(xué)珠海學(xué)院2020屆本科生畢業(yè)設(shè)計4系統(tǒng)的開發(fā)技術(shù)介紹隨著信息時代的到來，移動手機成為人們生活的必需品，用戶的日常需求豐富了移動應(yīng)用，觸及生活的方方面面。智能手機早已普及，而且微信也已經(jīng)成為裝機日用的必要軟件，深植于人們的生活習(xí)慣之中。在移動手機上的應(yīng)用中，微信受眾廣泛，頻頻被人使用?？紤]到大學(xué)生移動設(shè)備的高普及度和微信小程序的蓬勃發(fā)展，針對課堂中的常有的點名環(huán)節(jié)，開發(fā)一個微信小程序不失為一個良好的辦法。相比于傳統(tǒng)的移動終端應(yīng)用，開發(fā)者進行微信小程序開發(fā)時，會發(fā)現(xiàn)手機客戶端應(yīng)用軟件開發(fā)與微信小程序開發(fā)是相類似的。甚至?xí)X得其開發(fā)系統(tǒng)的架構(gòu)更為簡單、快捷，歸根結(jié)底還是由于使用了更加簡單明了的頁面代碼，讓開發(fā)者感覺小程序整的開發(fā)文檔，開發(fā)人員可以迅速上手微信小程序開發(fā)。微信小程序為開發(fā)者提供了網(wǎng)絡(luò)、媒體、位置、界面、動畫等諸多API,開放了大部分功能，開發(fā)門檻相對較低，使得開發(fā)人員有廣闊的空間來實現(xiàn)各種各樣的的功小程序被一個描述整個程序的app對象和多個描述程序下不同頁面的page所構(gòu)成，小程序主體部分是app,整個小程序被小程序邏輯，小程序的公共設(shè)置，以及小程序公共樣式表，公共設(shè)置和公共樣式標(biāo)所共同構(gòu)成的。小程序每個頁面page由層設(shè)置并處理頁面所顯示的數(shù)據(jù)后，傳遞給視圖層，同時接收視圖層的事件，觸發(fā)反本文中的點名模塊客戶端使用小程序的框架進行開發(fā)。官方小程序框架為開發(fā)者提供了一系列基礎(chǔ)組件，分別是以下八大類：視圖容器、基礎(chǔ)內(nèi)容、表單、導(dǎo)航、多媒體、地圖、畫布以及客服會話，同時為有需要的開發(fā)者提供如媒體、文件、數(shù)據(jù)緩存、位置、設(shè)備、第三方平臺、開放接口等多種多樣的API,諸多功能的便利的實現(xiàn)方式，從而使開發(fā)者能夠進行快速高效的開發(fā)。WXML(WeiXinMarkupLanguage)是微信小程序開發(fā)框架設(shè)計中的一套標(biāo)簽語北京理工大學(xué)珠海學(xué)院2020屆本科生畢業(yè)設(shè)計數(shù)據(jù)綁定，在.wxml文件中如果需要輸出某對象的信息，利用雙大括號{{text}}這樣的格式來進行信息的綁定，我們只需要在js文件的data屬性中加上text代表的數(shù)據(jù)。如圖4.1為數(shù)據(jù)綁定圖。}列表渲染如圖4.2為列表渲染。S圖4.2.列表渲染W(wǎng)XSS(WeiXinStyleSheets)是一套樣式語言，用于描述WXML的組件樣式。與CSS相比WXSS擴展的特性有：尺寸單位以及樣式導(dǎo)入。的手機屏幕一律規(guī)定寬度為750rpx,屏幕寬度會有小程序內(nèi)部進行自適應(yīng)而調(diào)節(jié)。如表4.3為不同手機的手機尺寸單位換算表。表4.3不同手機的手機尺寸單位換算表設(shè)備rpx換算px(屏幕寬度/750)px換算rpx(750/屏幕寬度)北京理工大學(xué)珠海學(xué)院2020屆本科生畢業(yè)設(shè)計設(shè)備rpx換算px(屏幕寬度/750)px換算rpx(750/屏幕寬度}/人圖4.6結(jié)果圖過程而創(chuàng)建的計算機編程語言，頁面結(jié)構(gòu)主要由標(biāo)簽語言與腳本語言構(gòu)成。類似于封裝后的JS,WXS結(jié)合于WXML頁面。標(biāo)簽為”<wxs></wxs>”。例如，圖4.5和圖4.6分別為代碼圖和結(jié)果圖。array:[1,2,3,4,5,1,2,3,4]人--面有tMa》國都長專一千熱想，要環(huán)國數(shù)理中最的行奔護集-->for(vari=0;i<array.length;++i){})圖4.5代碼圖5北京理工大學(xué)珠海學(xué)院2020屆本科生畢業(yè)設(shè)計JSON,是一種輕量級的數(shù)據(jù)交換格式。由于JSON是以key-value的形式來表達(dá)數(shù)據(jù)，所以也表現(xiàn)出了JSON格式最大的優(yōu)點，便于人的閱讀和編寫；不需要通過特殊的開發(fā)工具，便可以輕易的看懂文件數(shù)據(jù)。由此微信小程序中的JSON,主要用于數(shù)據(jù)來改變頁面文件的路徑、通過改變window數(shù)組來改變窗口表現(xiàn)方式、設(shè)置網(wǎng)絡(luò)超時時間則是由networkTimeout數(shù)組來決定的、如果想開發(fā)多個不同Tab頁面的小程序，則可以通過設(shè)置tabBar數(shù)組來完成。4.3.1微信小程序云函數(shù)基于wx.cloud免鑒權(quán)機制，可以直接通過調(diào)用callFunction,來使用小程序開放接口的能力，包括調(diào)用login登陸函數(shù)、以及openapi所包含的開放數(shù)據(jù)等。4.4服務(wù)器與數(shù)據(jù)庫4.4.1微信小程序云函數(shù)微信給開發(fā)者提供一個云服務(wù)器，開發(fā)者能夠輕易的往云服務(wù)上推送自己編寫的云函數(shù)，無需將函數(shù)代碼寫在程序中，達(dá)到減少使用繁雜的后臺操作和企業(yè)用戶高額的維護成本的概念。開發(fā)者無需自行搭建服務(wù)器。在云端運行的代碼，微信私有安全通信協(xié)議，開發(fā)者只需實現(xiàn)業(yè)務(wù)邏輯。將代碼上傳至云函數(shù)服務(wù)器中，完成部署后，4.4.2微信小程序數(shù)據(jù)庫微信小程序數(shù)據(jù)庫為云數(shù)據(jù)庫，云數(shù)據(jù)庫有輕松部署，高可靠性以及低成本的優(yōu)勢。對于開發(fā)者而言，開發(fā)者無需進行數(shù)據(jù)庫的搭建，可以直接通過Http請求的方式直接連接數(shù)據(jù)庫。微信小程序的數(shù)據(jù)類型是JSON。5系統(tǒng)的設(shè)計與實現(xiàn)前端是使用wxui官方樣式框架，配合wxml+wxss+wxs實現(xiàn)。5.1.1wxui框架導(dǎo)入在工程目錄下，導(dǎo)入wxui.wxss文件，點解npm構(gòu)建，完成架構(gòu)的導(dǎo)入。選擇需要使用的樣式，在需要使用該樣式的page頁面中，加入配置。如圖5.1為weui-miniprogram配置圖。5.2.1登陸通過調(diào)用登陸接口wx.login,在返回值res中code,code是登陸憑證。通過憑證進而換取userlnfo用戶信息，userlnfo包含著用戶昵稱，用戶的頭像照片Url以及用戶性別等，openid是一個用戶在同一個微信小程序下的唯一id,openid同樣可以從userlnfo中獲取。如圖5.2為登陸代碼圖。var》url:'http://domain/minia圖5.2登陸代碼圖北京理工大學(xué)珠海學(xué)院2020屆本科生畢業(yè)設(shè)計5.3數(shù)據(jù)結(jié)構(gòu)設(shè)計5.3.1邏輯結(jié)構(gòu)設(shè)計點名小程序設(shè)計了用戶，學(xué)生，教師，簽到四個實體。用戶具有用戶信息和角色類型的屬性，教師的屬性有教師賬號、教師密碼，學(xué)生具有學(xué)號，姓名，照片的屬性，簽到有課程ID、學(xué)生id、截止時間等的屬性。5.3.2E-R模型圖轉(zhuǎn)化為關(guān)系模型如圖5.3為E-R模型圖轉(zhuǎn)化為關(guān)系模型圖。本N學(xué)姓名教圖5.3E-R模型圖轉(zhuǎn)化為關(guān)系模型圖5.3.3關(guān)系模式規(guī)范化在設(shè)計數(shù)據(jù)庫關(guān)系模式的過程中，每個表滿足第一范式的要求，數(shù)據(jù)庫表的每一列都是不可分割的基本數(shù)據(jù)項，同一列中不能有多個值，即實體中的某個屬性不能有多個值或者不能有重復(fù)的屬性。滿足第一范式的要求后，數(shù)據(jù)庫表中的每個實例或行必須可以被唯一地區(qū)，因此滿足第二范式。數(shù)據(jù)庫表中每一個非主屬性都不傳遞依賴5.3.4關(guān)系描述點名小程序的邏輯結(jié)構(gòu)通過繪制E-R圖，轉(zhuǎn)化為關(guān)系模式并規(guī)范化后，最終設(shè)計了用戶，學(xué)生，教師，簽到四個表，作為實現(xiàn)各種功能的基礎(chǔ)。用戶屬性為openid,號，openid賬號，密碼；簽到表屬性為學(xué)生id,課程id,簽到記錄，簽到定位，簽到截止時間，簽到累計；。如下表5.4為用戶表，表5.5為學(xué)生表，標(biāo)5.6為教師表，圖5.7為簽到表。北京理工大學(xué)珠海學(xué)院2020屆本科生畢業(yè)設(shè)計表5.4用戶表類型是否必須是否唯一是是是是是否否是是是表5.5學(xué)生表類型是否必須是否唯一是是是是否是北京理工大學(xué)珠海學(xué)院2020屆本科生畢業(yè)設(shè)計表5.6教師表類型是否必須是否唯一是是是是否是否否表5.7簽到表類型是否必須是否唯一是是是否是否是否是否否否是否是否北京理工大學(xué)珠海學(xué)院2020屆本科生畢業(yè)設(shè)計6運行結(jié)果考勤簽到小程序設(shè)計完成后，對其各功能進行運行測試，結(jié)果如下。6.1未授權(quán)頁面打開小程序，進入首頁，未進行微信授權(quán)，如圖6.1為未登錄界面。EAS==圖6.1未登錄界面6.2登陸頁面通過授權(quán)后，已獲得當(dāng)前微信的openid點擊登陸按鈕，進行登陸。登陸過程中，系統(tǒng)會根絕openid查找用戶信息。如圖6.2為登錄界面。北京理工大學(xué)珠海學(xué)院2020屆本科生畢業(yè)設(shè)計◎openicd:oN1cO5EaEWVOV我陸性冊排圖6.2已登錄界面如圖6.3和圖6.4分別注冊界面。<%◎姓6實重安圖6.3教職工注冊圖6.4學(xué)生注冊6.4已登陸注冊成功后，點擊登陸按鈕，即可完成登陸操作。如圖6.5和圖6.6分別為教職工和學(xué)生的已登陸界面。◎我是教師我是學(xué)生開始簽到-教職工開始簽到-學(xué)生圖6.5教職工界面圖6.6學(xué)生界面6.4教職工發(fā)布簽到開始發(fā)布簽到，需要選擇簽到班級，簽到開始時間以及簽到結(jié)束時間。如圖6.7為教師開設(shè)簽到?！尔悺尔愲娡ū本├砉ご髮W(xué)珠海學(xué)院2020屆本科生畢業(yè)設(shè)計取滿確定圖6.7教師開設(shè)簽到6.5學(xué)生開始簽到當(dāng)學(xué)生點擊鏈接，進入簽到頁面后，需要現(xiàn)場拍攝如圖6.8為學(xué)生簽到頁面北京理工大學(xué)珠海學(xué)院2020屆本科生畢業(yè)設(shè)計拍攝圖6.8學(xué)生簽到頁面6.6個人首頁頁面如圖6.9和圖6.10分別為教師個人頁面和學(xué)生個人頁面。修改個人信息課堂考勤瀏覽注銷◎修改個人信息查看簽到記錄注銷圖6.9教師個人頁面圖6.10學(xué)生個人頁面7總結(jié)與展望7.1本文總結(jié)本文主要內(nèi)容是關(guān)于一個微信平臺上考勤簽到系統(tǒng)小程序的設(shè)計與實現(xiàn)。微信小程序因其功能豐富，體積小等特點大受歡迎，基于微信的人臉識別考勤簽到設(shè)計旨在通過使用微信實現(xiàn)課堂上的點名過程，進行考勤結(jié)果的記錄和整理，從而減輕教師負(fù)擔(dān)，提高考勤效率。小程序的數(shù)據(jù)需求包括用戶信息，課程與對應(yīng)的教師數(shù)據(jù)，以及每個課程的名冊數(shù)據(jù)，簽到條目數(shù)據(jù)以及簽到記錄狀況等數(shù)據(jù)。功能需求上，點名小程序?qū)τ趯W(xué)生和教師兩個角色提供不同的服務(wù)，教師發(fā)布簽到，瀏覽簽到記錄。學(xué)生在進行簽到時，通過點擊教師分享的鏈接進行簽到界面，通過騰訊地圖接口實現(xiàn)定位距離與發(fā)布簽到時位置的檢測，并在臉部特征識別正確的情況下成功簽到。文章最后介紹了點名系統(tǒng)中用戶信息管理，課程考勤表管理，簽到點名，記錄瀏覽四個模塊的詳細(xì)設(shè)計與實現(xiàn)以及關(guān)鍵代碼。本文的微信點名系統(tǒng)小程序，雖然實現(xiàn)了學(xué)生簽到時對位置的限制和口令的使用，但仍然無法杜絕代簽現(xiàn)象。同時，教師需要手動設(shè)置簽到時間，耗費一定的時間和精力，對使用帶來不便，簽到記錄的查看不夠靈活，這些問題就是未來需要繼續(xù)完善的地方。針對上述缺陷，未來工作就是將生物特征識別技術(shù)與簽到時的條件檢測相結(jié)合，進一步阻攔代簽行為，對于添加課程與名冊的功能，可以嘗試實現(xiàn)與教務(wù)系統(tǒng)相連接自動代替教師發(fā)布簽到，補充簽到記錄的查詢功能使其使用方式更加靈活，記錄信息顯示更加詳細(xì)。北京理工大學(xué)珠海學(xué)院2020屆本科生畢業(yè)設(shè)計參考文獻(xiàn)[2]王崇善.基于深度學(xué)習(xí)的圖像特征提取[D].[3]岳亞.基于深度相機人臉與行人感知系統(tǒng)的設(shè)計與實現(xiàn)[D].2017.[5]張鵬.基于機器視覺的路產(chǎn)設(shè)施三維信息采集與處理技術(shù)研究[D].長安大學(xué).[6]JackieLee.從0開始搭建微信小程序(前后端)的全過程[J/OL].微信小程序/jackieleewelas/article/details/893[7]JavaMrSun.微信公眾號開發(fā)之獲取oppenid和用戶基本信息[J/OL].微信小程序/Java_Mrsun/article/details/808274withGaussianFace[J].ComputerencAutomaticAttendanceSystemforUniv[11]岳亞.基于深度相機人臉與行人感知系統(tǒng)的設(shè)計與實現(xiàn)[D].2017./dragondean/p/5921088.html,[14]儲久良.Web前端開發(fā)技術(shù)——HTML、CSS、J北京理工大學(xué)珠海學(xué)院2020屆本科生畢業(yè)設(shè)計致謝經(jīng)過幾個月的多次修改，今天終于在今天能將完整的作品展現(xiàn)出來給大家。在畢業(yè)設(shè)計期間我遇到了很多問題，非常感謝我的指導(dǎo)老師和同學(xué)們，在百忙之中幫助我解決遇到的技術(shù)難題，正是老師和同學(xué)們的幫助使我順利完成畢業(yè)設(shè)計，即將畢業(yè)感慨萬分，感謝學(xué)校這幾年的辛勤培育，使我不僅在學(xué)習(xí)上取得了巨大的進步還學(xué)到了很多生活中的知識，最后感謝該畢業(yè)設(shè)計所涉及的學(xué)者和他們的研究文獻(xiàn)。北京理工大學(xué)珠海學(xué)院2020屆本科生畢業(yè)設(shè)計電腦快捷知識大全F1顯示當(dāng)前程序或者windows的幫助內(nèi)容。F2當(dāng)你選中一個文件的話，這意味著“重命名”F3當(dāng)你在桌面上的時候是打開“查找：所有文件”對話框撤銷上一步的操作重做上一步被撤銷的操作SHIFT在放入CD的時候按下不放，可以跳過自動播放CD。在打開word的時北京理工大學(xué)珠海學(xué)院2020屆本科生畢業(yè)設(shè)計將當(dāng)前活動程序窗口以圖象方式拷貝到剪貼板CTRL+F4關(guān)閉當(dāng)前應(yīng)用程序中的當(dāng)前文本(如word中)CTRL+F6切換到當(dāng)前應(yīng)用程序中的下一個文本(加shift可以跳到前一個窗顯示前一頁(前進鍵)顯示后一頁(后退鍵)CTRL+TAB在頁面上的各框架中切換(加shift反向)F5刷新激活程序中的菜單欄F10執(zhí)行菜單上相應(yīng)的命令A(yù)LT+菜單上帶下劃線的字母關(guān)閉多文檔界面程序中的當(dāng)關(guān)閉當(dāng)前窗口或退出程序ALT+F4顯示所選對話框項目的幫助F1顯示所選項目的快捷菜單SHIFT+F10顯示多文檔界面程序的系統(tǒng)切換到上次使用的窗口或者如果當(dāng)前選擇展開了，要折疊或者選擇父文件夾左箭頭如果當(dāng)前選擇折疊了，要展開或者選擇第一個子文件夾右箭頭北京理工大學(xué)珠海學(xué)院2020屆本科生畢業(yè)設(shè)計在左右窗格間切換F6編輯本段可以使用Microsoft自然鍵盤或含有Windows徽標(biāo)鍵的其他任何兼容鍵盤的以捷鍵。顯示“查找：所有文件”WINDOWS+F編輯本段四、“我的電腦”和“資源管理器”的快捷鍵關(guān)閉所選文件夾及其所有父文件夾按住SHIFT鍵再單擊“關(guān)閉按鈕(僅適用于“我的電腦”)編輯本段五、使用對話框中的快捷鍵如果當(dāng)前控件是個按鈕，要單擊該按鈕或者如果當(dāng)前控件是個復(fù)選框，要選擇或清除該復(fù)選框或者如果當(dāng)前控件是個選項按鈕，要單擊該選項空格鍵單擊相應(yīng)的命令A(yù)LT+帶下劃線的字母在選項上向后移動SHIFT+TAB在選項卡上向后移動CTRL+SHIFT+TAB北京理工大學(xué)珠海學(xué)院2020屆本科生畢業(yè)設(shè)計如果在“另存為”或“打開”在“另存為”或“打開”對話框中打開“保存到”或“查閱”F4刷新“另存為”或“打開”選擇項目時，可以使用以下快捷鍵。目的快捷鍵插入光盤時不用“自動播放”“回收站”顯示“查找：所有文件”F3刷新窗口的內(nèi)容F5重命名項目F2兼容鍵這里運用Windows徽標(biāo)鍵和其他鍵的組合?？旖萱I目的將屏幕復(fù)制到剪貼板(包括鼠標(biāo)光標(biāo))將屏幕復(fù)制到剪貼板(不包括鼠標(biāo)光標(biāo))Windows徽標(biāo)+向上箭頭增加放大率Windows徽標(biāo)+向下箭頭減小放大率北京理工大學(xué)珠海學(xué)院2020屆本科生畢業(yè)設(shè)計切換粘滯鍵開關(guān)SHIFT鍵五次Alt+S快速回復(fù)Alt+C關(guān)閉當(dāng)前窗口Alt+H打開聊天記錄Alt+T更改消息模式Ait+J打開聊天紀(jì)錄Ctrl+A全選當(dāng)前對話框里的內(nèi)容Ctrl+FQQ里直接顯示字體設(shè)置工具條Ctrl+J輸入框里回車(跟回車一個效果)Ctrl+M輸入框里回車(跟回車一個效果)Ctrl+L對輸入框里當(dāng)前行的文字左對齊Ctrl+R對輸入框里當(dāng)前行的文字右對齊Ctrl+E對輸入框里當(dāng)前行的文字居中Ctrl+V在qq對話框里實行粘貼Ctrl+Z清空/恢復(fù)輸入框里的文字Ctrl+回車快速回復(fù)這個可能是聊QQ時最常用到的了Ctrl+Alt+Z快速提取消息最常用的快捷鍵F5刷新DELETE刪除TAB改變焦點CTRL+C復(fù)制CTRL+XCTRL+A全選CTRL+ZALT+F4關(guān)閉CTRL+Y--恢復(fù)ALT+TAB切換CTRL+F5強制刷新CTRL+W關(guān)閉CTRL+F查找Alt+1保存當(dāng)前表單Alt+2保存為通用表單Alt+A展開收藏夾列表資源管理器數(shù)字鍵盤的減號(-)折疊所選的文件夾數(shù)字鍵盤的加號(+)顯示所選文件夾的內(nèi)容數(shù)字鍵盤的星號(*)顯示所選文件夾的所有子文件夾向左鍵當(dāng)前所選項處于展開狀態(tài)時折疊該項，或選定其父文件夾向右鍵當(dāng)前所選項處于折疊狀態(tài)時展開該項，或選定第一個子文件夾北京理工大學(xué)珠海學(xué)院2020屆本科生畢業(yè)設(shè)計【窗口】顯示或隱藏“開始”菜單【窗口】+F1幫助【窗口】+D顯示桌面【窗口】+R打開“運行”【窗口】+E打開“我的電腦”【窗口】+F搜索文件或文件夾【窗口】+U打開“工具管理器”【窗口】+TAB在打開的項目之間切換輔助功能按右邊的SHIFT鍵八秒鐘切換篩選鍵的開和關(guān)按SHIFT五次切換粘滯鍵的開和關(guān)按“開始”—“運行”,或按WIN鍵+R,在『運行』窗口中輸入：(按英文字符順序排列)%temp%打開臨時文件夾.C:\DocumentsandSettings\用戶名所在文件夾...我的電腦appwize.cpl添加、刪除程序access.cpl輔助功能選項Accwiz輔助功能向?qū)mdCMD命令提示符commandCMD命令提示符chkdsk.exeChkdsk磁盤檢查certmgr.msc證書管理實用程序calc-啟動計算器charmap啟動字符映射表cintsetp倉頡拼音輸入法cliconfgSQLSERVER客戶端網(wǎng)絡(luò)實用程序clipbrd剪貼板查看器control打開控制面板compmgmt.msc計算機管理cleanmgr垃圾整理ciadv.msc索引服務(wù)程序dcomcnfg打開系統(tǒng)組件服務(wù)ddesharedxdiagdrwtsn32系統(tǒng)醫(yī)生devmgmt.msc設(shè)備管理器desk.cpl顯示屬性dfrg.msc磁盤碎片整理程序diskmgmt.msc磁盤管理實用程序dvdplayDVD播放器eventvwr事件查看器eudcedit造字程序explorer打開資源管理器fsmgmt.msc