基于微信小程序的高校后勤報修系統(tǒng)

肖智兵 王亮 王曉紅

摘 ?要：當(dāng)前社會進(jìn)入信息化時代，智能化校園的建設(shè)已成為高校關(guān)注的重點。針對目前高校學(xué)生和教職工在日常學(xué)習(xí)生活中遇到水電門窗等維修事件，開發(fā)了一款基于微信小程序的高校后勤報修系統(tǒng)，解決紙質(zhì)信息傳遞不及時的問題，盡可能避免因維修不及時導(dǎo)致的人員事故和傷亡。該系統(tǒng)微信端采用JS語言開發(fā)，數(shù)據(jù)庫使用MySQL，后臺服務(wù)端采用Java語言開發(fā)。

關(guān)鍵詞：智能化校園;微信小程序;后勤報修

中圖分類號：TP311.5 ? ? 文獻(xiàn)標(biāo)識碼：A 文章編號：2096-4706（2020）23-0130-04

University Logistics Repair System Based on WeChat Applet

——The Design and Implementation of Hubei Polytechnic Institute as an Example

XIAO Zhibing，WANG Liang，WANG Xiaohong

（Hubei Polytechnic Institute，Xiaogan ?432000，China）

Abstract：The current society has entered the era of information，the construction of intelligent campus has become the focus of attention in universities. In view of the maintenance events from water，electricity，doors and windows encountered by university students and staff in their daily study and life，a university logistics repair system based on a WeChat applet is developed to solve the timeliness problem of the paper information transmission and avoid the personnel accidents and casualties caused by failing to maintain facilities in time as possible as it can. The WeChat end of the system is developed with JS language，the database is developed with MySQL，and the background service end is developed with Java language.

Keywords：intelligent campus;WeChat applet;logistics repair

0 ?引 ?言

當(dāng)前社會已進(jìn)入電子信息化時代，很多高校在近些年開發(fā)了各種管理系統(tǒng)以方便管理日常教育教學(xué)活動。對于高校而言，后勤工作是一個日益繁重復(fù)雜但又不可輕忽的重要工作，后勤信息化管理對資源統(tǒng)一規(guī)劃和合理配置至關(guān)重要[1]，信息化不僅是高校對學(xué)生和教師的信息電子化管理，也應(yīng)包括學(xué)生和教師對高校管理過程中發(fā)現(xiàn)的問題即時反饋。

高校后勤信息化管理有一系列的國家政策指引?！吨袊逃F(xiàn)代化2035》中明確指出“要加快信息化時代教育變革，建設(shè)智能化校園，統(tǒng)籌建設(shè)一體化智能化教學(xué)、管理與服務(wù)平臺”;《加快推進(jìn)教育現(xiàn)代化實施方案（2018—2022年）》中提出“創(chuàng)新信息時代教育治理新模式，開展大數(shù)據(jù)支撐下的教育治理能力優(yōu)化行動，推動以互聯(lián)網(wǎng)等信息化手段服務(wù)教育教學(xué)全過程”。在互聯(lián)網(wǎng)時代，通過信息化手段管理后勤工作是非常有必要的，在建設(shè)智能化校園的同時，有助于管理者通過后勤信息實踐中形成的數(shù)據(jù)進(jìn)行大數(shù)據(jù)分析，以便為后勤決策提供支撐。本系統(tǒng)以湖北職業(yè)技術(shù)學(xué)院為例進(jìn)行設(shè)計與實現(xiàn)，部分實際數(shù)據(jù)來源于湖北職業(yè)技術(shù)學(xué)院官網(wǎng)。

1 ?系統(tǒng)過程建模

本系統(tǒng)使用者分為普通用戶和管理員兩類。普通用戶分為學(xué)生、教師、職工和維修四種，普通用戶主要在微信小程序上登錄并進(jìn)行報修的申請和處理;管理員登錄后臺管理系統(tǒng)，可以查看并管理后臺數(shù)據(jù)[2-5]。

圖1 ?高校后勤報修微信小程序過程建模

在高校后勤報修微信小程序中，學(xué)生或教職工可通過文字和圖片實時上報不同校區(qū)宿舍、辦公室、圖書館、食堂等地點發(fā)生的水電門窗、下水道等問題到系統(tǒng)后臺。維修師傅根據(jù)上報的信息選擇自己擅長維修方向的工單，維修完畢后拍照上傳到系統(tǒng)。上傳維修信息的用戶可以查看維修結(jié)果并給予評價，其過程建模如圖1所示。

2 ?小程序端功能

小程序端主要包含以下功能：登錄和身份驗證、更改個人信息、提交報修數(shù)據(jù)、展示校園風(fēng)采和聯(lián)系電話、查看報修信息、去維修、去評價等。下文進(jìn)行詳細(xì)說明：

（1）登錄和身份驗證：普通用戶在登錄高校后勤報修微信小程序時，會根據(jù)用戶唯一標(biāo)識openid獲取相應(yīng)的微信頭像、昵稱、所在城市等信息，為保證維修信息數(shù)據(jù)完整性，在提交報修信息前需進(jìn)行身份認(rèn)證，以教師身份認(rèn)證為例，如圖2所示。

進(jìn)行身份認(rèn)證時，每個角色需填寫的信息不同。學(xué)生需填寫真實姓名、聯(lián)系電話、性別、學(xué)校部門、所屬專業(yè)、所屬班級和個人學(xué)號;教師需填寫真實姓名、聯(lián)系電話、性別、學(xué)校部門、所屬專業(yè);職工需填寫真實姓名、聯(lián)系電話、性別、學(xué)校部門;維修師傅需填寫真實姓名、聯(lián)系電話、性別、維修類型。

（2）更改個人信息：當(dāng)某個人手機(jī)號碼或所屬專業(yè)等信息需要更新時，可以點擊更改信息按鈕進(jìn)入更新頁面，此頁面會自動帶入原個人信息，變更身份認(rèn)證時提交的角色類型不能重新選擇，其他數(shù)據(jù)可以更改后提交。

（3）提交報修數(shù)據(jù)：點開“我要報修”界面，出現(xiàn)申請人姓名和聯(lián)系電話。手動輸入故障地點、問題描述，并選擇至少一張問題圖片，點擊提交后，報修數(shù)據(jù)將出現(xiàn)在后臺、維修師傅界面和當(dāng)前申請人維修數(shù)據(jù)中。報修界面如圖3所示。

點擊“照相機(jī)”圖表調(diào)用addImage方法，將允許用戶從本地相冊或直接拍照獲取照片，其主要代碼為：

addImage：function（e）{

wx.chooseImage（{

count： 9，

sizeType：['original'，'compressed']，

sourceType：['album'，'camera']，

success：res=>{

const tempFilePath = res.tempFilePaths

console.log（tempFilePath）

this.setData（{

images：this.data.images.concat（tempFilePath）

}）

}

}）

}，

上傳的圖片默認(rèn)為縮略圖，若想查看原圖則需將圖片放大預(yù)覽，在imageShow方法中設(shè)置src為當(dāng)前圖片的HTTP路徑，srclist為當(dāng)前圖片所在HTTP路徑列表，具體代碼實現(xiàn)為：

imageShow：function（e）{

var src = e.target.dataset.src;

var srclist = e.target.dataset.srclist;

wx.previewImage（{

urls： srclist，

current：src

}）

}

（4）展示校園風(fēng)采和聯(lián)系電話：在報修首頁設(shè)置輪播圖區(qū)域循環(huán)播放湖北職業(yè)技術(shù)學(xué)院的校園風(fēng)采，輪播區(qū)域下方展示學(xué)校保衛(wèi)處報警電話、后勤保障處服務(wù)投訴電話，以及不同校區(qū)水電管理、公寓中心和飲食中心的負(fù)責(zé)人信息等數(shù)據(jù)，當(dāng)有特殊情況需要立即處理時，學(xué)生和教職工能方便快捷地找到對應(yīng)負(fù)責(zé)人解決問題。

（5）查看報修信息：在“需要維修”界面可以查看已報修但還未被維修的信息，默認(rèn)每頁顯示3條數(shù)據(jù)，上拉刷新最新數(shù)據(jù)，下滑界面觸底將加載下一頁數(shù)據(jù)，如圖4所示。

上拉刷新調(diào)用微信小程序自動生成的onPullDownRefresh方法，在刷新之前清空原有的列表，然后重新從數(shù)據(jù)庫中加載數(shù)據(jù)渲染到小程序界面。設(shè)置repairList為未完成的報修數(shù)據(jù)列表，repairDoneList為已完成的報修數(shù)據(jù)列表，getRepair List方法加載未完成的報修數(shù)據(jù)列表，getRepairDoneList方法加載已完成的報修數(shù)據(jù)列表，具體實現(xiàn)代碼為：

onPullDownRefresh： function （） {

this.setData（{

repairList：[]，

repairDoneList：[]，

}）

wx.showNavigationBarLoading（）

this.getRepairList（）

this.getRepairDoneList（）

setTimeout（（） => {

wx.hideNavigationBarLoading（）;

wx.stopPullDownRefresh（）

}， 2500）;

}

下拉觸底加載下一頁調(diào)用微信小程序提供的方法onReachBottom，由于此方法默認(rèn)觸底加載下一頁且只執(zhí)行一次，不符合多次下拉觸底加載多條數(shù)據(jù)的需求，解決辦法為此處在相應(yīng)WXML頁面中設(shè)置scroll-view觸底后觸發(fā)bindscrolltolower事件，再來調(diào)用onReachBottom方法即可。

（6）去維修：以維修師傅角色進(jìn)入“需要維修”列表頁面，每條數(shù)據(jù)右上角會出現(xiàn)“去維修”按鈕，進(jìn)入維修界面，維修師傅點擊“維修完成”后，可以寫備注信息并上傳維修后的照片。維修完成后，“需要維修”列表對應(yīng)原有數(shù)據(jù)消失，用戶可以在報修記錄中查看已完成的歷史工單，如圖5所示。

（7）去評價：用戶選中某個歷史工單“去評價”區(qū)域，出現(xiàn)評價彈框，可以輸入評價內(nèi)容和評分，其中評分默認(rèn)為5分，分值可以調(diào)整，如圖6所示。

3 ?后臺管理功能

后臺管理主要包含以下功能：管理員登錄、查看并管理普通用戶信息、查看指定時間范圍內(nèi)的維修工單信息、查看有哪些物品經(jīng)常被維修、查看維修師傅獲得的評價數(shù)據(jù)等。下文進(jìn)行詳細(xì)說明：

（1）管理員登錄：后臺管理系統(tǒng)不對外公開，沒有賬號注冊功能，管理員賬號在數(shù)據(jù)庫中設(shè)置，當(dāng)用戶名和密碼匹配時登錄成功。

（2）查看并管理普通用戶信息：管理員可以查詢學(xué)生、教師、職工和維修師傅提交的身份認(rèn)證信息，并能在后臺更新或刪除指定用戶的數(shù)據(jù)。當(dāng)刪除了指定用戶信息后，該用戶下次在微信小程序上登錄時需重新進(jìn)行身份驗證。

（3）查看指定時間范圍內(nèi)的維修工單信息：用戶在提交報修信息的時候會生成報修時間，維修師傅在維修完成后提交維修信息時會生成完工時間，用戶在維修完工后評價會生成評價時間。管理員可以根據(jù)報修時間、完工時間、評價時間分別進(jìn)行范圍篩選，查看在某個范圍內(nèi)的維修工單信息。

（4）查看有哪些物品經(jīng)常被維修：根據(jù)維修工單中“水”“電”“門”“窗”“燈”“桌椅”等關(guān)鍵字進(jìn)行模糊搜索，查看工單數(shù)量。若有某個關(guān)鍵字對應(yīng)的維修工單數(shù)量在某個時間范圍內(nèi)相對較多，則管理員應(yīng)該重點對待，查看是由于產(chǎn)品質(zhì)量問題還是由于年限久遠(yuǎn)需更換等問題，并給出相應(yīng)解決方案。

（5）查看維修師傅獲得的評價數(shù)據(jù)：每個身份認(rèn)證登記過的維修師傅，都能在后臺查看到其對應(yīng)的評價數(shù)據(jù)。根據(jù)提交維修信息的所有用戶評價分值求取平均值，以平均值作為依據(jù)可選出每個月或每季度最受歡迎的維修師傅。

4 ?結(jié) ?論

基于微信小程序的高校后勤報修系統(tǒng)經(jīng)過初步的測試和小范圍內(nèi)的試用，目前系統(tǒng)運行良好。下一步即將在校園內(nèi)進(jìn)行推廣使用，以替代原有的紙質(zhì)數(shù)據(jù)報修。本系統(tǒng)還存在一些不足之處，例如還沒有和微信公眾號進(jìn)行綁定并對關(guān)注公眾號的用戶發(fā)送模板消息，接下來對系統(tǒng)界面和功能設(shè)計等方面也要做進(jìn)一步完善，力爭為學(xué)校師生職工的工作和生活帶來更多便利。

參考文獻(xiàn)：

[1] 馬劉軍.高校后勤管理系統(tǒng)的設(shè)計與實現(xiàn) [D].西安：長安大學(xué)，2016.

[2] 彭帥，彭遨員，陳凰，等.基于微信小程序的校園服務(wù)平臺的設(shè)計與應(yīng)用 [J].電腦知識與技術(shù)，2019，15（10）：68-70.

[3] 王巍學(xué)，龔毅光，符嬌陽，等.基于微信程序?qū)Α靶@小黑板”平臺的開發(fā)應(yīng)用 [J].電腦知識與技術(shù)，2020，16（14）：120-121.

[4] 鞏小芳，李敏，高萬福.基于微信小程序的校園失物招領(lǐng)平臺的設(shè)計與實現(xiàn)——以甘肅農(nóng)業(yè)大學(xué)失物招領(lǐng)平臺為例 [J].農(nóng)家參謀，2020（4）：285.

[5] 張浩田，戚玫云，呂瑞雪.基于微信小程序的校園失物招領(lǐng)平臺建構(gòu) [J].內(nèi)蒙古科技與經(jīng)濟(jì)，2019（4）：80-81.

作者簡介：肖智兵（1992—），男，漢族，湖北孝感人，助教，碩士研究生，研究方向：軟件技術(shù)、微信小程序開發(fā)。