趙海波 梁聰

摘 要

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

關(guān)鍵詞

微信小程序;班務(wù)管理系統(tǒng);UI

中圖分類號： ?TP311.56;G647.4 ? ? ? ? ? ?文獻標(biāo)識碼： 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 現(xiàn)狀研究與背景探索

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

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

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

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

2 系統(tǒng)的設(shè)計與開發(fā)

（1）注冊登錄：數(shù)據(jù)流程如圖1所示。

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

（2）班費收支

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

（3）假期去向

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

（4）系統(tǒng)首頁：首頁的設(shè)計，功能圖標(biāo)使用Grid布局，并且在點擊的時候使用Navigator跳轉(zhuǎn)相應(yīng)的頁面。

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

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

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

3 總結(jié)

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

參考文獻

[1]張雪云，牟艷，張九博.基于微信小程序的電源監(jiān)測管理系統(tǒng)設(shè)計[J].計算機與現(xiàn)代化，2017（12）：102-106+111.

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

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

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

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