二維碼教室課表系統(tǒng)設(shè)計(jì)與開發(fā)

1、    二維碼教室課表系統(tǒng)設(shè)計(jì)與開發(fā)    李特孫大松摘要： 現(xiàn)有的紙質(zhì)課表難以滿足高校師生對教室信息的獲取與管理的需求。設(shè)計(jì)一個基于二維碼掃碼技術(shù)、b/s結(jié)構(gòu)，運(yùn)用mvc設(shè)計(jì)模式，采取ssm框架設(shè)計(jì)實(shí)現(xiàn)的智能教室管理系統(tǒng)。實(shí)現(xiàn)了教室課表信息實(shí)時更新，提供了空閑教室查詢、教室活動查詢、教室預(yù)約、故障報(bào)修、教室管理等功能，解決了傳統(tǒng)教室信息獲取難這一問題，并就技術(shù)難點(diǎn)進(jìn)行了探討，系統(tǒng)良好實(shí)用性和創(chuàng)新性。關(guān)鍵詞：二維碼;ssm框架;教室課表;管理系統(tǒng)：tp311        ：a：1009-3044（2019）13-

2、0097-04abstract： the existing paper curriculum is difficult to meet the needs of teachers and students in the acquisition and management of classroom information. design a smart classroom management system based on qr code scanning code technology， b/s structure， mvc design pattern and ssm framework

3、 design. realize the real-time update of classroom class information， provide free classroom query， classroom activity query， classroom appointment， fault repair， classroom management and other functions， solve the problem of difficult access to traditional classroom information， and discuss technic

4、al difficulties， the system is good practical and innovative.key words： qr code; ssm framework; classroom schedule; management system信息化高速發(fā)展的今天，手工管理系統(tǒng)的方式已被信息管理系統(tǒng)取代。信息化技術(shù)也早已在高校教務(wù)管理有了成熟的應(yīng)用.但其中的教室管理在這方面建設(shè)仍有不足.如教室課表的展示，大多數(shù)高校仍使用紙質(zhì)課表張貼在教室門上，導(dǎo)致了無法實(shí)時更新不適應(yīng)課表調(diào)整，不能反映借用信息，不能查詢教室活動等一系列問題，給師生的日常使用帶來不便. 圍繞這些問題，本文設(shè)

5、計(jì)實(shí)現(xiàn)了一種整合教室資源信息并方便師生獲取的信息服務(wù)系統(tǒng)。1 問題背景設(shè)計(jì)開發(fā)系統(tǒng)的初衷是本人與同學(xué)在大學(xué)生活中切身體會到現(xiàn)有的教室紙質(zhì)課表的不便，主要體現(xiàn)在以下幾個情境：教室實(shí)際課表變更，但紙質(zhì)課表難以更新，造成困擾。提前選定自習(xí)的教室，但使用時發(fā)現(xiàn)教室被借用，造成不便。教室門口張貼的紙質(zhì)課表存在部分破損，更換時難以清除，造成不美觀。學(xué)校多姿多彩的學(xué)術(shù)、文娛活動，只能通過海報(bào)獲取，無法直觀地在教室上看到。為了提高教室的利用率，整合教室資源，為師生提供便利的服務(wù)這就是開發(fā)智能教室管理系統(tǒng)的目的。2 需求分析系統(tǒng)預(yù)期的主要使用者有學(xué)生、教師、教務(wù)管理人員、教室維護(hù)人員和系統(tǒng)管理員。學(xué)生與教師的功

6、能需求相似，為系統(tǒng)的普通用戶，僅能使用系統(tǒng)中無需權(quán)限的基礎(chǔ)功能并且無需登錄;其余角色為系統(tǒng)的管理用戶，除基礎(chǔ)功能外登錄后臺管理系統(tǒng)后能夠根據(jù)自身權(quán)限操作相應(yīng)功能。以下將從角色的角度詳細(xì)分析使用系統(tǒng)的功能需求。2.1 學(xué)生與教師使用系統(tǒng)的功能需求學(xué)生與教師無需登錄即可使用系統(tǒng)的基礎(chǔ)功能，包括查看教室課表，查詢空閑教室、教室實(shí)際用途等功能。學(xué)生與教師可對課程進(jìn)行檢索，根據(jù)課程名稱或授課教師模糊查詢。學(xué)生與教師在教室課表頁面可以查看由教務(wù)管理人員審批發(fā)布的教室借用信息與公告通知。學(xué)生與教師可以預(yù)約借用教室，借用時段該教室需為空閑狀態(tài)，最少提前三天申請，需要在申請網(wǎng)頁提交相關(guān)材料。學(xué)生與教師可以查詢教

7、室的基本信息。如座位數(shù)，多媒體設(shè)備，是否有空調(diào)等。學(xué)生可以進(jìn)行故障報(bào)修，選擇預(yù)先定義的故障類型并輸入說明即可。2.2 教務(wù)管理人員使用系統(tǒng)的功能需求教務(wù)管理人員需要登錄后才能使用后臺管理功能。教務(wù)管理人員可以設(shè)置賬戶的個人信息，如聯(lián)系方式與郵箱等。教務(wù)管理人員可以修改自己的后臺管理系統(tǒng)登錄密碼。教務(wù)管理人員可以審批教室的預(yù)約借用申請。2.3 教室維護(hù)人員使用系統(tǒng)的功能需求教室維護(hù)人員需要登錄后才能使用后臺管理功能。教室維護(hù)人員可以設(shè)置賬戶的個人信息，如聯(lián)系方式與郵箱等。教室維護(hù)人員可以修改自己的后臺管理系統(tǒng)登錄密碼。教室維護(hù)人員可以查看普通用戶提交的故障報(bào)修信息，并指派維修人員進(jìn)行維修。2.4

8、 系統(tǒng)管理員使用系統(tǒng)的功能需求根據(jù)以上從角色角度分析的功能需求，設(shè)計(jì)系統(tǒng)用例圖如下圖1所示。除以上按角色分析的功能需求外，系統(tǒng)為了在接收預(yù)約申請和故障報(bào)修時及時通知相關(guān)管理人員還需要實(shí)現(xiàn)消息推送功能;為了保證課程信息的及時有效還需要實(shí)現(xiàn)定時同步數(shù)據(jù)庫功能（從學(xué)校教務(wù)系統(tǒng)數(shù)據(jù)庫同步數(shù)據(jù)）。3 系統(tǒng)設(shè)計(jì)3.1技術(shù)選型及工具介紹根據(jù)當(dāng)今主流開發(fā)技術(shù)的發(fā)展，本系統(tǒng)選用java為服務(wù)端開發(fā)語言，使用mysql數(shù)據(jù)庫，tomcat作為服務(wù)端容器。系統(tǒng)具體開發(fā)時，采用ssm技術(shù)實(shí)現(xiàn)web框架，使用spring boot快速構(gòu)建并配置系統(tǒng)，具有穩(wěn)健易用的特點(diǎn)。為了提升系統(tǒng)開發(fā)速度，提高組件可復(fù)用性，減少各層之

9、間的耦合度與提升系統(tǒng)的穩(wěn)健性，安全性，系統(tǒng)的服務(wù)端開發(fā)與前端開發(fā)選用了一些主流成熟框架. 服務(wù)端選用了spring、springmvc、mybatis、mybatis等框架，前端采用了bootstrap、vue.js、axios等框架。此外，為了管理系統(tǒng)的開發(fā)進(jìn)度和依賴，使用了git版本控制工具和maven項(xiàng)目管理工具。3.2系統(tǒng)架構(gòu)系統(tǒng)架構(gòu)采用分層設(shè)計(jì)，自上而下分為前端ui、展示層、業(yè)務(wù)層、數(shù)據(jù)層、數(shù)據(jù)庫、運(yùn)行環(huán)境，如下圖2所示。展示層對外暴露模版引擎渲染后的網(wǎng)頁與restful接口.其中模板引擎主要負(fù)責(zé)渲染高頻訪問頁面中的重復(fù)部分（如教室課表信息），這部分信息在短期內(nèi)對所有用戶是相同的。再

10、結(jié)合頁面靜態(tài)化技術(shù)，可以提高網(wǎng)頁訪問速度，利于搜索引擎收錄與seo。而restful接口提供json格式的數(shù)據(jù)，前端通過ajax技術(shù)取得所需的數(shù)據(jù)即可更新局部頁面數(shù)據(jù)而無須刷新整個頁面，提高系統(tǒng)響應(yīng)速度。業(yè)務(wù)層在系統(tǒng)中的作用是處理業(yè)務(wù)相關(guān)部分的邏輯，包含了系統(tǒng)所需要的所有業(yè)務(wù)功能上的算法和計(jì)算過程，并與數(shù)據(jù)層和展示層進(jìn)行數(shù)據(jù)交互。數(shù)據(jù)層為業(yè)務(wù)層提供訪問位于持久化容器中數(shù)據(jù)的接口，在分層設(shè)計(jì)中，所有從介質(zhì)化讀取數(shù)據(jù)或?qū)懭霐?shù)據(jù)的工作都屬于這一層的任務(wù)。3.3 web技術(shù)框架前文介紹了系統(tǒng)的總體分層架構(gòu)設(shè)計(jì)，其中服務(wù)端web技術(shù)框架具體結(jié)構(gòu)則如圖3所示?？刂破鱟ontroller處于web技術(shù)結(jié)構(gòu)中

11、最外層，負(fù)責(zé)接受并處理用戶的請求，在這里使用了spring mvc框架，它通過核心類dispatcherservlet分發(fā)請求。模板引擎渲染的情況下，控制器接收分發(fā)的請求后把用戶請求的數(shù)據(jù)由業(yè)務(wù)邏輯層處理后封裝到model中，并返回到相應(yīng)的視圖進(jìn)行顯示。提供restful接口的情況下，則返回由對象轉(zhuǎn)換成的json字符串。兩種方式通過注解都可以方便地實(shí)現(xiàn)，前者通過controller注解標(biāo)記類，后者則通過restcontroller注解標(biāo)記類（或在方法上標(biāo)記responsebody）。然后通過requestmapping注解可以定義controller映射的url請求，spring mvc的co

12、ntroller不直接依賴httpservletrequest與httpservletresponse對象但可以在方法參數(shù)中簡便地獲取。3.4模塊分析按照需要實(shí)現(xiàn)的功能，系統(tǒng)分為前臺與后臺。前臺功能服務(wù)普通用戶，包含了查詢展示、預(yù)約借用、故障報(bào)修模塊;后臺功能服務(wù)管理人員，包含了教室管理、用戶管理、系統(tǒng)功能。模塊具體模塊設(shè)計(jì)如下圖4所示。4 功能實(shí)現(xiàn)4.1教室課表查詢功能實(shí)時課表查詢是本系統(tǒng)的基本功能，用戶通過本功能可以查詢?nèi)我饨淌业膶?shí)時課表信息，展示界面除了課程信息，教室借用、設(shè)備故障等情況也會有所反映?？紤]到用戶不同場景下使用的需求，本功能設(shè)計(jì)了多個查詢?nèi)肟凇?.1.1教室門牌教室的門牌是

13、學(xué)生與老師查詢教室課表的主要途徑，通過手機(jī)掃描門牌上的二維碼即可訪問該教室的課表頁面。這樣的教室門牌簡潔美觀，相比傳統(tǒng)的教室課表門牌，更有助于提升形象面貌以及便于師生使用。同時，綜合考慮成本及教室位置等因素，兩種教室門牌方案可以提供更靈活自由的選擇。見圖5圖6 。4.1.2網(wǎng)站直接訪問用戶查詢教室課表的另一途徑為訪問網(wǎng)站首頁，該途徑使用頻率可能沒有掃描教室門牌二維碼的頻率那么高，但解決了用戶查詢教室課表的空間限制，即使用戶不在教室旁邊，也能夠查詢到教室的課表信息，填補(bǔ)了掃碼途徑的不足之處。首頁如下圖7。3.2 教室課表展示教室實(shí)時課表采用表格展現(xiàn)，具有自適應(yīng)的特點(diǎn)，能夠隨顯示設(shè)備的寬度自動調(diào)整

14、，手機(jī)與電腦都能有較好的展示效果。頭部顯示教室名稱，教室座位等信息，并提供空教室查詢與故障報(bào)修的入口。標(biāo)題包含了教學(xué)周次與教室名稱，如：當(dāng)前第 12 教學(xué)周德正樓z3-101課表信息。具體效果如圖8：5 技術(shù)難點(diǎn)5.1多數(shù)據(jù)庫連接由于功能需求，系統(tǒng)除了連接本地的mysql數(shù)據(jù)庫之外還需連接學(xué)校教務(wù)系統(tǒng)的oracle數(shù)據(jù)庫。在spring boot集成mybatis的環(huán)境下，實(shí)現(xiàn)多數(shù)據(jù)庫連接的具體思路是為各個數(shù)據(jù)源編寫數(shù)據(jù)源配置類，在類中層級依次地注入各級依賴：datesource->sqlsessionfactory->datasourcetransactionmanager-&g

15、t;sqlsessiontemplate。最后使用mapperscan注解將sqlsessiontemplate交給對應(yīng)的mapper。在種情況下，不同數(shù)據(jù)源的mapper接口與xml映射文件需要分開在不同的包下存放。其中數(shù)據(jù)源的配置信息則存儲于應(yīng)用全局配置文件application.yml中，如下圖9所示。5.2定時任務(wù)系統(tǒng)具備定時執(zhí)行任務(wù)的特點(diǎn)，該特點(diǎn)主要用于定時同步學(xué)校教務(wù)系統(tǒng)數(shù)據(jù)庫到本地?cái)?shù)據(jù)庫。這也是保證系統(tǒng)所展示信息正確有效，及時更新的重要前提。為了實(shí)現(xiàn)定時任務(wù)功能，可以借助spring框架內(nèi)集成的spring- scheduling功能。使用方法為在需要定時執(zhí)行的方法頭部添加sch

16、eduled（cron表達(dá)式）注解。5.3 批量教室門牌打印掃描教室門牌二維碼是使用本系統(tǒng)的主要入口，因此實(shí)現(xiàn)批量打印教室門牌的功能至關(guān)重要。在后臺的教室管理頁面，可以選擇單張打印或批量打印。單張打印可在線打印，批量打印生成pdf文件供用戶下載打印。后者實(shí)現(xiàn)難度較高，在此著重介紹。實(shí)現(xiàn)思路為：預(yù)先使用google的zxing庫生成所有教室的二維碼并保存。接收到批量打印請求后首先遍歷生成單張pdf頁面，再將所有頁面拼接為一個pdf文件。單張頁面的實(shí)現(xiàn)思路為首先將html模板與model數(shù)據(jù)（教室名稱，對應(yīng)二維碼文件路徑），通過freemarker進(jìn)行渲染，渲染后的html流使用flying sa

17、ucer組件生成pdf頁面，具體實(shí)現(xiàn)流程如下圖10所示。6 總結(jié)教室是教學(xué)活動中師生最常用的場地，怎樣挖掘在教室載體上的信息，推送給相關(guān)學(xué)生，一直是現(xiàn)代教務(wù)信息研究的重點(diǎn)和難點(diǎn)，本系統(tǒng)大大解決了學(xué)生獲取空閑教室信息難的問題，同時也可對學(xué)校內(nèi)部利用教室開展的活動信息，一目了然，更好參與學(xué)校相關(guān)的教學(xué)、科研、娛樂活動。進(jìn)行了有效的教室信息資源整合并提供相關(guān)信息將有助于提高教室的使用率。同時方便師生享受快捷服務(wù)。接下來，系統(tǒng)將進(jìn)行學(xué)生相關(guān)數(shù)據(jù)信息采集，進(jìn)行大數(shù)據(jù)匹配，結(jié)合微信，自動推送相關(guān)復(fù)習(xí)教室、教室活動。參考文獻(xiàn)：1 孫大松.基于ssh架構(gòu)的畢業(yè)論文管理系統(tǒng)設(shè)計(jì)與研究j.電腦編程技巧與維護(hù)，20

18、14（19）：54-56.2 趙倩瑩. 基于移動終端的高校多媒體教室管理系統(tǒng)設(shè)計(jì)分析j. 數(shù)字技術(shù)與應(yīng)用，2017（1）：149，151.3 曹勁. 信息化建設(shè)下多媒體教室管理的新模式初探j(luò). 知音勵志，2016（15）：104.4 吳錦歡. 智能教室管理系統(tǒng)的研究與設(shè)計(jì)d.廣州：華僑大學(xué)，2016.5 郭慶林. 基于實(shí)時數(shù)據(jù)采集的本科高校多媒體智能教室綜合管理信息系統(tǒng)的分析與設(shè)計(jì)j. 電子測試，2016（11）：145-146.6 趙領(lǐng)杰，張振友. 基于ssh的教室信息管理系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)j. 電腦知識與技術(shù)，2016，12（11）：15-16.7 尤雨溪. vue.js教程與api文檔eb/ol. https：//v2/guide/.8 孫偉琴.tomcat與java web開發(fā)技術(shù)詳解m.北京：電子工業(yè)出版社，2009.9 williams h e.learning mysqlm.北京：北京大學(xué)出版社，2010.10 唐漢明.深入淺出mys