成工校園APP的設計與實現

胡永泉+曾麗娜

摘 要：成工校園APP采用Web APP開發方式，前端采用Ionic框架，后臺采用Node.js，數據庫采用MySQL，在學校已有平臺上進行擴展。系統將校園各個平臺進行集中，除了為學生提供新聞資訊、校園百科、成績查詢、一卡通服務等常規功能外，還創新推出生活服務類、微信微博消息推送等功能，為全體學生提供隨時、隨地、隨需的移動信息服務。該系統在試運行階段得到了學生的一致好評，在很大程度上推動了學校的數字化、信息化建設。

關鍵詞：Web APP 移動校園 數字化 信息服務

中圖分類號：TN91 文獻標識碼：A 文章編號：1672-3791（2017）11（a）-0034-02

2015年，教育部發布了利用現代信息技術和網絡技術建設數字化校園的指導意見，在十二屆全國人民代表大會三次會議上，李克強總理提出“互聯網+”行動計劃，數字化、信息化建設成為社會發展和經濟發展的必然趨勢[1]。

成都工業學院作為一所面向未來的現代化大學，信息化平臺建設具有一定的局限性。目前學院使用的校園信息門戶主要是基于PC端，存在靈活性不高、地點局限性大等缺點，在此背景下，成工校園APP應運而生。成工校園APP順應時下廣泛使用的移動互聯，應用采用Web APP開發方式，借助WiFi網絡或運營商網絡，為學生提供全方位的服務，有助于全校學生交流互動和日常生活，進而促進學院數字信息化建設和整體發展。

1 相關技術

1.1 Ionic

Ionic是一個用來開發混合手機應用的移動開發框架，特點是使用標準的HTML、CSS和JavaScript，是一款熱門的跨平臺的前端框架，采用Ionic可快速構建高效、擴展性強的應用程序[2，3]。

1.2 Node.js

Node.js是封裝了Google Chrome V8引擎于Chrome JavaScript平臺建立的框架，Node.js使用事件驅動，非阻塞I/O模型而得以輕量和高效，用于方便搭建響應速度快、易于擴展的網絡應用[4，5]。

2 系統設計

2.1 總體設計

為方便系統應用、擴展以及管理維護，成工校園APP系統分為兩部分：成工校園APP客戶端和系統后臺管理維護。移動校園客戶端提供了給學生的全部服務；系統后臺管理則是通過瀏覽器登錄，對系統進行管理。成工校園APP以數字化校園系統為基礎平臺搭建而成，系統采用分層體系結構，各層之間通過接口通信，耦合度較低，具有極大的擴展性和可維護性。

2.2 數據庫設計

成工校園APP數據庫在現有的數字化校園系統的基礎上進行擴展，APP通過接口訪問學校數據庫，實現系統與目前正在使用的教務系統、一卡通服務系統、圖書館系統的無縫連接，既減少了開發和維護的成本，也保證了兩套系統內容的實時性和數據的一致性。成工校園APP數據庫主要表結構的E-R圖如圖1所示。

3 系統實現

3.1 Node.js連接數據庫

3.2 系統功能模塊實現

根據需求分析，成工校園APP客戶端包括用戶管理、新聞資訊、校園百科、教務查詢、一卡通服務、圖書館、校園論壇、生活服務、個人應用九大模塊，其中特色模塊為生活服務和個人應用。

（1）生活服務模塊實現。

生活服務模塊主要為學生日常生活提供便利服務，包括失物招領和跳蚤街。失物招領模以圖片和簡要信息的方式對丟失的物品進行展示。點擊圖片進入物品詳細信息介紹界面，以便用戶更加準確地確認物品信息。跳蚤街是為學生進行日常用品求購或出售提供交流平臺，學生可隨時將閑置的物品通過平臺發布到跳蚤街，系統會根據用戶設置的需求動態推送物品。與此同時，買方和賣方之間可通過平臺進行實時交流，進而促成商品的交易。

（2）個人應用模塊實現。

該模塊最大的特點就是用戶可根據自己的需求動態添加常用的功能，如勤工儉學、公務保修、考研資訊等。平臺提供等應用都是根據本校學生的興趣愛好所開發，指向性高。且彼此相互獨立、定期更新。學生可通過該模塊實現私人訂制，實時關注自己感興趣的信息。

4 結語

本文介紹了成工校園APP的設計與實現過程，通過該系統的使用，學生可以方便在不同移動終端（手機、iPad等）進行信息的綜合查詢，并可根據自身興趣愛好私人訂制客戶端功能模塊，及時了解校園動態。成工校園APP將多個孤立的信息系統整合到移動端平臺，提供一站式信息服務，從而解決孤立“信息島”問題，在很大程度上促進了學校的新型信息化建設。

參考文獻

[1] 劉歡，盧蓓蓉，馬晨輝.淺析高校校園移動應用開發[J].武漢大學學報：理學版，2012（S1）：171-174.

[2] 朱凱南，李艷平，申閆春，等.基于Ionic和Cordova的跨平臺移動APP的研究與應用[J].電腦知識與技術，2016，12（1）：119-121.

[3] 鄧慧琴.Ionic框架開發移動App-自定義登錄加密插件[J].齊齊哈爾大學學報：自然科學版，2017，33（1）：9-13.

[4] 王金龍，宋斌，丁銳.Node.js：一種新的Web應用構建技術[J].現代電子技術，2017，38（6）：70-73.

[5] 沈昕.基于Node.js及Mongodb的在線學習測試系統設計[J].無線互聯科技，2015（4）：30-32.