基于微信小程序的高校后勤報修系統

肖智兵 王亮 王曉紅

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

關鍵詞：智能化校園;微信小程序;后勤報修

中圖分類號：TP311.5 ? ? 文獻標識碼：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 ?引 ?言

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

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

1 ?系統過程建模

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

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

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

2 ?小程序端功能

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

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

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

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

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

點擊“照相機”圖表調用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）

}）

}

}）

}，

上傳的圖片默認為縮略圖，若想查看原圖則需將圖片放大預覽，在imageShow方法中設置src為當前圖片的HTTP路徑，srclist為當前圖片所在HTTP路徑列表，具體代碼實現為：

imageShow：function（e）{

var src = e.target.dataset.src;

var srclist = e.target.dataset.srclist;

wx.previewImage（{

urls： srclist，

current：src

}）

}

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

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

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

onPullDownRefresh： function （） {

this.setData（{

repairList：[]，

repairDoneList：[]，

}）

wx.showNavigationBarLoading（）

this.getRepairList（）

this.getRepairDoneList（）

setTimeout（（） => {

wx.hideNavigationBarLoading（）;

wx.stopPullDownRefresh（）

}， 2500）;

}

下拉觸底加載下一頁調用微信小程序提供的方法onReachBottom，由于此方法默認觸底加載下一頁且只執行一次，不符合多次下拉觸底加載多條數據的需求，解決辦法為此處在相應WXML頁面中設置scroll-view觸底后觸發bindscrolltolower事件，再來調用onReachBottom方法即可。

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

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

3 ?后臺管理功能

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

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

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

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

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

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

4 ?結 ?論

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

參考文獻：

[1] 馬劉軍.高校后勤管理系統的設計與實現 [D].西安：長安大學，2016.

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

[3] 王巍學，龔毅光，符嬌陽，等.基于微信程序對“校園小黑板”平臺的開發應用 [J].電腦知識與技術，2020，16（14）：120-121.

[4] 鞏小芳，李敏，高萬福.基于微信小程序的校園失物招領平臺的設計與實現——以甘肅農業大學失物招領平臺為例 [J].農家參謀，2020（4）：285.

[5] 張浩田，戚玫云，呂瑞雪.基于微信小程序的校園失物招領平臺建構 [J].內蒙古科技與經濟，2019（4）：80-81.

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