金雪莉，梁天愛(ài)，戚廣術(shù)

（廣州番禺職業(yè)技術(shù)學(xué)院 建筑工程學(xué)院，廣東 廣州 511483）

0 引言

近幾年，大量共享學(xué)習(xí)空間在高校內(nèi)建成并投入使用，共享學(xué)習(xí)空間可以供學(xué)生們學(xué)習(xí)、討論、協(xié)作、開(kāi)展會(huì)議等，滿足了大部分學(xué)生的學(xué)習(xí)模式和學(xué)習(xí)需求，還包括部分社交功能，因此十分受學(xué)生喜愛(ài)，但是在使用過(guò)程中逐漸暴露出使用時(shí)間段過(guò)于集中、場(chǎng)地使用效率低、管理缺失等一系列問(wèn)題，如何有效解決這些問(wèn)題，讓高校的教學(xué)資源能夠更加充分地得到利用，就成為高校共享學(xué)習(xí)空間管理的一大難題[1-3]。

針對(duì)共享學(xué)習(xí)空間在使用過(guò)程中出現(xiàn)的這些問(wèn)題，本文基于微信小程序功能設(shè)計(jì)了共享學(xué)習(xí)空間預(yù)約管理系統(tǒng)，根據(jù)高校閑置學(xué)習(xí)空間的不同功能，錄入不同區(qū)域的座位預(yù)約信息，基于微信小程序的方便快捷的優(yōu)點(diǎn)，解決高峰期學(xué)習(xí)空間使用公平性，提高學(xué)習(xí)空間利用率。

1 系統(tǒng)設(shè)計(jì)框架

1.1 系統(tǒng)需求分析

學(xué)習(xí)空間的設(shè)計(jì)，是從高效利用高效資源、培養(yǎng)學(xué)生善于學(xué)習(xí)的角度出發(fā)[4-5]。通過(guò)前期調(diào)研與實(shí)地調(diào)查確定學(xué)習(xí)空間的設(shè)置與使用時(shí)間，構(gòu)建預(yù)約系統(tǒng)，方便學(xué)生提交預(yù)約申請(qǐng)，也方便管理員進(jìn)行環(huán)境監(jiān)督與用戶管理。

學(xué)生用戶可以通過(guò)該系統(tǒng)查看前后三天學(xué)習(xí)空間的預(yù)約情況，并根據(jù)自己的實(shí)際情況進(jìn)行申請(qǐng)與使用。在預(yù)約時(shí)間前的一個(gè)小時(shí)內(nèi)進(jìn)行簽到，并履行學(xué)習(xí)空間使用守則。

管理員可以在后臺(tái)瀏覽所有申請(qǐng)記錄，并對(duì)異常的記錄進(jìn)行違規(guī)登記操作。除此之外，管理員可以在后臺(tái)上傳用戶的基本信息，以確保申請(qǐng)用戶已注冊(cè)登記，并確保用戶來(lái)源可靠。

1.2 開(kāi)發(fā)框架

本系統(tǒng)主要分為供學(xué)生使用的微信小程序以及后端、供管理人員使用的管理前后端。在微信小程序的編寫(xiě)上利用Taro框架結(jié)合React開(kāi)發(fā)。微信小程序的后端選用java語(yǔ)言開(kāi)發(fā)，Mysql存儲(chǔ)數(shù)據(jù)，安全框架選用Shiro，開(kāi)發(fā)框架選用比較熟悉的Spring Boot框架及其擴(kuò)展組件以及使用MyBatis-Plus來(lái)簡(jiǎn)化開(kāi)發(fā)、提高效率。通過(guò)Token進(jìn)行數(shù)據(jù)交互避免客戶端頻繁向服務(wù)端請(qǐng)求、查詢用戶名和密碼并進(jìn)行對(duì)比，小程序登錄成功后會(huì)將后端返回的JWT保存在微信小程序的本地存儲(chǔ)文件中，等下一次打開(kāi)小程序時(shí)直接讀取JWT實(shí)現(xiàn)自動(dòng)登錄。管理人員使用的前后端在人人開(kāi)源后臺(tái)管理的基礎(chǔ)管理框架上添加本系統(tǒng)所需要的功能。這是一套簡(jiǎn)單通用的前后端分離后臺(tái)管理系統(tǒng)，前端基于vue、element-ui構(gòu)建開(kāi)發(fā)，實(shí)現(xiàn)后臺(tái)管理前端功能，后端主要采用了Spring Boot + Druid +Shiro + SLF4J + Mysql。代碼管理方面采用社區(qū)版的Gitee為代碼托管服務(wù)器，代碼的交付使用git Flow工作流模式。

1.3 系統(tǒng)需求及設(shè)計(jì)

圖1 預(yù)約管理系統(tǒng)組成

2 模塊分析及頁(yè)面設(shè)計(jì)

2.1 模塊分析

（1）用戶信息模塊：通過(guò)管理員直接從后臺(tái)導(dǎo)入的用戶數(shù)據(jù)后，用戶可以直接通過(guò)選擇學(xué)校，輸入學(xué)號(hào)和固定密碼進(jìn)入預(yù)約系統(tǒng)。首次登錄預(yù)約系統(tǒng)需同時(shí)填寫(xiě)用戶更具體的個(gè)人信息如手機(jī)號(hào)碼和班級(jí)全稱，重新設(shè)置密碼。

（2）預(yù)約功能模塊：進(jìn)入預(yù)約系統(tǒng)后，有學(xué)習(xí)空間的座位概覽圖，用戶可根據(jù)個(gè)人情況預(yù)約不同時(shí)段的不同座位。白色狀態(tài)為未預(yù)約，紅色狀態(tài)為鎖定座位，綠色狀態(tài)為暫離座位。

（3）后臺(tái)管理模塊：用戶根據(jù)預(yù)約的時(shí)間和座位提前十五分鐘在系統(tǒng)中輸入固定密碼進(jìn)行簽到。此時(shí)系統(tǒng)開(kāi)始學(xué)習(xí)計(jì)時(shí)，并對(duì)用戶的學(xué)習(xí)情況進(jìn)行監(jiān)督。若有遲到早退等不良記錄，直接計(jì)入用戶個(gè)人使用記錄中，并時(shí)時(shí)提醒用戶此為違規(guī)行為。在管理員端，管理員可以實(shí)時(shí)查看當(dāng)前系統(tǒng)中的使用情況，及各用戶的申請(qǐng)情況，對(duì)系統(tǒng)反饋的違規(guī)情況進(jìn)行處理，對(duì)異常情況進(jìn)行判斷。

（4）簽到管理模塊：用戶成功預(yù)約成功后，系統(tǒng)將自動(dòng)發(fā)送一組固定簽到碼，并用于提前簽到管理。

2.2 頁(yè)面設(shè)計(jì)

（1）起始及登錄界面：進(jìn)入預(yù)約系統(tǒng)登錄界面時(shí)，用戶首先需選擇所在學(xué)校并填寫(xiě)學(xué)號(hào)和管理員所設(shè)置的固定密碼。此時(shí)，微信小程序需讀取用戶個(gè)人的微信賬號(hào)信息，包括頭像等。

（2）座位預(yù)約頁(yè)面：進(jìn)入預(yù)約系統(tǒng)后，用戶可直觀地看到當(dāng)前學(xué)習(xí)空間座位的使用情況：白色座位表示當(dāng)前座位無(wú)人使用，紅色座位表示當(dāng)前座位使用中，綠色座位表示當(dāng)前該用戶處于暫離狀態(tài)。用戶點(diǎn)擊白色座位將彈出確認(rèn)預(yù)約的提示信息，確認(rèn)用戶將預(yù)約某時(shí)段某座位，并將預(yù)約系統(tǒng)的相關(guān)使用規(guī)則發(fā)送至用戶。（3）個(gè)人信息頁(yè)面：用戶可以在此界面中查看自己的學(xué)習(xí)記錄和違約記錄，并接受來(lái)自管理員的消息，同時(shí)可以修改自己的個(gè)人信息及修改登錄密碼等。

圖2 起始及登陸界面

圖3 座位預(yù)約頁(yè)面

圖4 個(gè)人信息頁(yè)面

3 結(jié)語(yǔ)

本系統(tǒng)根據(jù)高校閑置學(xué)習(xí)空間的不同功能，錄入不同區(qū)域的座位預(yù)約信息。用戶可以根據(jù)自己的需求提前兩天申請(qǐng)預(yù)約，并加入了查看預(yù)約、取消預(yù)約和賬號(hào)密碼修改等輔助功能。后臺(tái)管理系統(tǒng)可以根據(jù)用戶的申請(qǐng)進(jìn)行設(shè)定權(quán)限的審批，對(duì)于違反使用規(guī)定的用戶，管理員有權(quán)將此類用戶拉入黑名單并進(jìn)行違規(guī)提醒，大大規(guī)范了共享學(xué)習(xí)空間的使用。經(jīng)過(guò)前期開(kāi)發(fā)者與用戶、管理員不斷測(cè)試完善各項(xiàng)功能，該系統(tǒng)能夠一定程度上地滿足學(xué)校內(nèi)各類用戶的使用需求，提升共享學(xué)習(xí)區(qū)域使用效率。