基于微信小程序的的工院校園助手系統設計

秦晨陽 孫飛 鄧天峰 盧東方

摘要：互聯網和信息傳播技術的迅速發展，為加速學院與學生交流現代化帶來了許多便利。本文設計了一套基于微信小程序（Mini Program）的數字化的，以學生與校園的聯系為核心的系統，該系統以學生為核心，建設起一條架設在云端的學生與校園連接的樞紐。用戶可以通過小程序端來實現查看校園周邊環境，校內媒體推薦，以及學院官方的查詢功能等。系統運行結果表明，方案切實可行，具有一定的實用價值。

關鍵字：微信小程序，數字化校園，Java

作者簡介：秦晨陽，男，湖北棗陽人，本科在讀。研究方向：計算機應用。

通訊作者：盧東方，男，湖北仙桃人，碩士研究生，副教授。研究方向：計算機檢測、物聯網應用。Email：93323822@qq.com。

基金：長江大學工程技術學院2019年大學生創新創業訓練計劃項目（S201913245008）

1、前言

數字化校園建設是學校一項基礎性、長期性和經常性的工作，是學校建設和人才培養的重要組成部分。當前信息技術飛速發展，對學校教育產生了巨大沖擊，從教育環境、教育模式到教育理念、教育目標，都在這場沖擊中發生著變革。根據自身發展的需要，順應信息技術的發展潮流，采用先進的信息技術來構建數字化校園，是各個學校應當順應時代邁出的重要一步。數字化校園工程又是建設開放性一流學校的標志性工程，是學校改革與發展戰略不可缺少的組成部分，數字化校園建設不僅僅是實現教學、科研、管理及服務手段的現代化，更重要的是人才培養的觀念和教育理念的異常深刻變革。以互聯網為基礎，搭建起學生與校園更好的交流通道，是信息經濟條件下學校發展的大勢所趨勢。

2、系統功能設計

2.1、系統軟件設計

這個項目小程序使用的微信自己開發 MINA 框架，提供了視圖層描述語言，WXML 和 WXSS 以及基于JavaScript的邏輯層框架，并在視圖層與邏輯層間提供了數據傳輸和事件系統，可以讓開發者可以方便的聚焦于數據與邏輯上。通過wx.getLocation（OBJECT）獲取當前的地理位置、速度接口wx.openLocation（OBJECT），此接口可以實現一個自定義的位置展示，而且可以實現多個位置點同時顯示到地圖上。比如：周邊的XXX在通過地圖的形式展示。map組件-controls實現地圖內的交互場景，點擊地圖右下方的控件執行回到當前的位置。當然也可以換成學校內部或者附近的餐飲、娛樂、醫院等。系統設計框圖如圖1所示。

程序各模塊功能介紹如下：

（1）校園精準導航模塊

此模塊主要是用于解決新生剛進入校園或者其他不熟悉校園的人進入學校之后對于學校內的各條線路以及各個建筑位置不清楚等情況而設計的。為了簡便直接的使用戶能夠了解校園概況和快速到達某處地點，設計的有三個功能：

一是規劃路線功能：通過獲取當前位置和智能AI算法計算出最優最佳的路線，指引用戶快速到達目的地，并且提供多條路線供選擇。二是標注主要建筑功能：能夠標注出校內各個建筑的詳細位置以及介紹。三是展現整體布局功能：能夠 將學校整體布局直觀的展現出來，用戶可以滑動縮放來查看校園整體或局部的布局。

（2）校內活動推薦模塊

鑒于學校有著豐富的各種活動以及社團等，特意設計了此模塊。可以幫助用戶更快的融入豐富多彩的校園。主要功能有指引新生報到功能：能夠對新生入學以及到各個地方報到進行細致化的指引。活動推廣功能：對于學校里的社團各種活動、會議以及學校組織的講座等推廣傳播。會提醒各類其它的注意事項，例如學校發的通知，處分通告等。重要事項提醒功能：對于學生的期末考試、四六級考試、考研等學生參加了的官方考試進行提前通知。同時也可以直接在此小程序上直接查詢課表，成績，學分，績點等。

（3）校外環境介紹模塊

針對于不熟悉學校周圍情況的用戶，小程序可以告知用戶周邊的各類場所，

針對于學校周邊吃喝住行等地方的詳細位置及介紹。以及介紹市區附近的景點，博物館等適合大學生游玩的場所，方便出行游玩。還能夠附帶提醒學生出行所需要的東西和需要注意的地方

2.2、系統軟件設計

此小程序由Springboot框架結合微信自己開發 MINA 框架設計而成。系統后端程序采用Java語言編寫，使用了Springboot框架，實現了前后端分離，程序的Mapper和Service層實現數據的存儲和業務邏輯，再由小程序實現前端和服務器之間的數據交互。在小程序的視圖渲染上采用了響應式開發技術，適用于各種不同屏幕尺寸的終端。小程序使用的微信自己開發的 MINA 框架，提供了視圖層描述語言，WXML 和 WXSS 以及基于JavaScript的邏輯層框架，并在視圖層與邏輯層間提供了數據傳輸和事件系統，可以讓開發者可以方便的聚焦于數據與邏輯上。用戶首先通過小程序端獲取所在位置，此后便可以使用各類的導航和推薦功能。用戶登錄之后就可以獲取到自己的各類信息，如學分，績點等，實現數字化校園現代化和智能化，方便廣大學子。開發環境如下圖2所示。

2.3、系統運行原理

本系統主要以Springboot框架為核心，再合理規劃小程序頁面上的各個按鈕，輸入框等的布局，將完整的后端打包成可以直接運行的jar包，放在遠程服務器上，通過服務器連接至各個用戶終端上。定位功能可調用微信小程序自身的接口實現，基本的地圖以及導航功能則調用騰訊地圖的sdk。用戶登錄后則會與學校的官方后臺接通，從而進行查詢等操作。而每次用戶登錄后，都會將個人信息保存在數據庫中，方便了用戶以后的使用。

3、系統測試

首先，將程序打包上傳到遠程服務器上，模擬用戶進行定位，導航，登錄，查詢等操作，查看各項功能再打開相應頁面，進行功能測試。為了方便用戶查看導航結果，將解析后的道路說明渲染到小程序頁面，以圖和表格的形式展示給用戶。此外，與學校官方相關的查看課表功能，能夠在用戶登錄后，主動的獲取到該生的課表并作以展示，主界面如下圖3所示。

查看成績功能在用戶登錄后即可查看，并能計算出各科目的學分。

4、結語

本次項目的研究的主題是以用戶定位和線路規劃以及提示構建的微信小程序系統。智能手機現在是非常普遍的，幾乎人手一部，而微信又是大家生活中離不開的軟件。通過手機定位，用戶可以非常方便的了解自己所處的位置，小程序通過GPS獲取到用戶的位置之后，以及用戶輸入的目的地，可以通過后臺算法快速的結合多種復雜的路況推薦出最優線路，后期還可以加入AI算法可以更加的智能。而小程序的后臺通過json，wxml，wxss與服務器相連接，可以使處理各種突發事件更加的靈活，后臺的擴展性也更強。同時還可以基于此小程序打造出一個web app項目，可以使此面向于廣大學生的小程序項目服務于更多的莘莘學子們。小程序開發完成投入使用后，可以有效的和微信公眾號進行打通，使小程序能夠傳播的更廣，更便捷服務于學生群體。對我們來說，小程序可以大大降低成本，并且可以獲得更優質的體驗，而且依附微信生態，可以與微信的整個生態完美的結合，讓更多的學生去使用。

參考文獻

[1] 羅時飛.精通Spring[M].電子工業出版社，2016

[2]劉春華.基于HTML5的移動互聯網應用發展趨勢[J].移動通信，2017（09）：64-68.

[3] 譚云松，史燕.SpringBoot技術詳解[J]. 計算機時代， 2016，（03） .