基于微信小程序的高校班務管理系統設計與實現

趙海波 梁聰

摘 要

伴隨著互聯網時代的到來，計算機技術的發展。人們的生活、工作方式發生了巨大的改變，引發了微信移動社交平臺在社會上的巨大影響力，更刺激了人們追求更加方便快捷的生活以及工作方式。微信小程序是人們追求方便快捷工作生活方式過程的一個作品，微信小程序是一種基于微信移動端的“輕量級移動應用”，主要是它依賴微信移動客戶端，使用的時候，只在微信客戶端運行，不需要額外下載其他應用。以高校校園為例，平時很多事情都是通過上級到下級傳達指令，然后逐級向上反饋信息的過程，學生的節假日離校去向統計，一般是通過輔導員向班上的學生發出統計信息的指令，然后學生向班委反饋信息，班委收集好信息后，整理向輔導員反饋最終的信息。利用微信小程序能更方便、快速且準確的實現這一過程。

關鍵詞

微信小程序;班務管理系統;UI

中圖分類號： ?TP311.56;G647.4 ? ? ? ? ? ?文獻標識碼： A

DOI：10.19694/j.cnki.issn2095-2457.2020.07.091

Abstract

With the advent of the Internet era and development of computer technology，huge changes have taken place in people's lives and working methods， which has triggered the huge influence of WeChat mobile social platforms in society and stimulated people to pursue more convenient and efficient ways of living and working.WeChat Mini Program is a work of people pursuing a convenient and fast working lifestyle.WeChat Mini Program is a "lightweight mobile application" based on WeChat mobile terminal.The reason for this is that it mainly relies on WeChat mobile client.In our daily life，WeChat plays an important role in our lives.

Key Words

WeChat mini program;Management system;UI

1 現狀研究與背景探索

在很多高校中，學生與教師在辦公方面的互動是很普遍的，例如傳統的自動化辦公系統（OA）、教務管理等系統，一般情況來說，這些系統都是部署在學校內部的服務器，只有在學校指定的網絡下才能進行訪問，即校園局域網，對于很多學生來說，網絡條件的限制，使用起來很不方便。

微信小程序使用的特點總結起來可以用兩個詞語概括：“方便”和“快捷”。在有限的手機內存中，人們不希望安裝很多應用到手機里，微信小程序剛好提供了不需要安裝的便利性，在移動網絡發達的今日，使用微信小程序僅需要從互聯網加載一些必要的小文件即可，從而提升用戶的體驗感。在大部分高校中，手機是不限制使用的。學生可以使用手機去學習、辦公和娛樂。幾乎每個大學生手機里都安裝了一個微信APP，都有一個微信賬號。

本項目就是通過小程序去實現學生與教師的辦公交互，通過微信應用加載小程序，使用小程序輸入自己的一些信息，通過后臺服務器對數據的存儲以及調用，教師以及學生都很方便的查看輸入的數據。比如說學生去向信息表的收集，只需要學生通過微信小程序端的輸入以及提交，數據傳送到服務器的數據庫中，教師可以訪問數據庫獲得學生的數據，并從數據庫中導出可視化的數據表來輔助查看班級動態。同樣的，班級費用的收入與支出實現也是通過類似的手段：班費管理者將收集的費用使用數據來存入數據庫，然后其他學生通過小程序訪問數據庫的方式，查看班費的收入以及支出的詳細信息，這樣就能將班費的收支情況隨時供同學們查詢。

微信小程序中，設置一個按鈕，在按鈕對應的JavaScript文件中寫一個方法，通過這個方法，將包含data的request請求，發送到服務端的PHP，在微信官方開發文檔中請求的方法是wx.request。PHP文件存在于服務器上，它主要的功能有連接數據庫，執行SQL語句，將執行的結果返回到小程序。

2 系統的設計與開發

（1）注冊登錄：數據流程如圖1所示。

注冊時需要填寫的數據有用戶名和密碼兩個字段。微信小程序連接數據庫時候，通過JavaScript文件交互連接有SSL認證的域名的服務器端，調用PHP執行數據庫SQL指令的操作，并返回相對應的數據，供小程序端使用。

（2）班費收支

班費管理員將收支記錄的數據，使用小程序輸入并提交寫入云數據庫寫入，普通同學請求數據庫的數據，數據庫返回需要的數據。設計用戶數據庫的時候需要設置班費管理員的權限。

（3）假期去向

教師將任務分配到各個同學，學生使用先前注冊的賬號登錄系統，按照自己實際情況，把去向信息填寫完整。數據寫入數據庫中，方便教師查看。

（4）系統首頁：首頁的設計，功能圖標使用Grid布局，并且在點擊的時候使用Navigator跳轉相應的頁面。

（5）注冊與登錄：登錄以及注冊頁面使用了類似的布局，只不過二者連接的PHP不同，因此實現兩種功能。注冊過程，連接數據庫并且判斷所注冊的用戶名是否存在，如果存在則拒絕寫入新的用戶名并且返回提示用戶名已經存在。點擊登錄時，對應的登錄JavaScript文件則判斷輸入的賬號與密碼是否與數據庫已經存在的賬號密碼相同，如果不符合，即提示賬號或密碼錯誤，如果賬號密碼驗證成功，則寫入storage緩存登錄成功的數據信息，以便后面其他頁面需要的時候讀取，起到session的作用。

（6）登記去向：學生填寫信息。其中“姓名”、“學號”兩個字段會從緩存數據中讀取用戶名，然后從數據庫獲取姓名顯示。“離校時間”、和“預計返校時間”是學生自己選擇，把這些數據完整的交由網絡傳輸，送到數據庫并且寫入。

（7）查看去向表：方便學生查看去向表的填寫歷史信息，根據學生的賬號自動從數據庫獲取。列表可以顯示這個賬號所填寫過的去向信息，點擊詳細可以查看更多信息以及做本次假期去向的信息的修改，提交時，數據庫使用更新語句進行操作。

3 總結

本項目開發的高校班務管理系統微信小程序雖然已經完成，但是仍然是處在原型初級階段，還需要后期的優化和完善改進。需要完善的功能主要有：小程序的后臺管理，增加新模塊可以直接在后臺操作，而不用在微信公眾平臺更新推送代碼。頁面的優化，原型初級階段的頁面還是比較粗糙，可以利用第三方工具以及微信自身的更多UI設計方法進行優化改造。微信小程序在高校中的應用不僅僅如此，在接下來的拓展功能上，充分合理利用微信小程序的新開發技術，為高校師生的工作和生活再添便利。

參考文獻

[1]張雪云，牟艷，張九博.基于微信小程序的電源監測管理系統設計[J].計算機與現代化，2017（12）：102-106+111.

[2]張嘉琳，江鋒，張耀曾.基于微信小程序的師生項目管理系統設計[J].辦公自動化，2018，v.23;No.373（08）：39-41.

[3]戴麗麗，朱妤.基于微信小程序的課堂考勤管理系統的設計與實現[J].電腦知識與技術，2018，v.14（19）：61-63.

[4]周滿滿，權朝臣.基于微信小程序的校園地圖設計與開發[J].信息與電腦（理論版），2019，420（02）：135-136.

[5]安一飛，陳峰，鄭企森，et al.基于微信小程序的校園一體化服務平臺的設計與開發[J].電子技術與軟件工程，2019，155（09）：74.