張銀霞，閆佳莉，趙雪雯，周 晨

（北京聯(lián)合大學(xué)師范學(xué)院，北京 100101）

0 引言

近年來，中國高校的規(guī)模不斷擴(kuò)大，大學(xué)生的校園生活豐富多彩，也延伸出各種各樣的需求，比如：公共必修課學(xué)習(xí)中遇到難題和困惑，需要找尋更為專業(yè)的校友求助；學(xué)習(xí)、社團(tuán)活動等時間緊張時，需要請人幫忙代取快遞、食堂打飯等；校園尋求考研、考證、留學(xué)的同伴；勤工儉學(xué)的需求、二手物品交易或贈送需求等。

現(xiàn)代的大學(xué)校園里，隨處可見使用平板電腦、筆記本電腦的大學(xué)生，手機(jī)更是常見，幾乎人手一機(jī)。在大學(xué)校園張貼求助廣告的現(xiàn)象已不復(fù)存在，當(dāng)需要尋求幫助時，所有人都會想利用手機(jī)的便捷性、足不出戶就能達(dá)成愿望。

基于此現(xiàn)象，希望開發(fā)一款利用各類移動終端和網(wǎng)絡(luò)實現(xiàn)校園互助的系統(tǒng)，來滿足大學(xué)生大學(xué)校園生活的實際需求，為學(xué)生之間互助提供智能化的溝通交流平臺，最大化利用資源。因此，將本系統(tǒng)命名為“想你所想”校園互助系統(tǒng)。

1 系統(tǒng)分析與設(shè)計

1.1 系統(tǒng)功能結(jié)構(gòu)設(shè)計

基于當(dāng)前大學(xué)生校園生活實際需求，確定本系統(tǒng)的功能版塊有：“食堂超市”“幫我取”“幫我買”“幫我送”“幫我學(xué)”“幫我尋”“幫我售”和“系統(tǒng)管理”八大模塊。

“食堂超市”版塊功能：提供食堂和超市的物品清單，幫助用戶了解和選擇要購買的商品的詳細(xì)信息。

“幫我取”版塊功能：取快遞、取資料、取鑰匙、取衣服等事務(wù)處理。

“幫我買”版塊功能：買食堂飯菜、買超市物品、買飲品、買藥品等事務(wù)處理。

“幫我送”版塊功能：送文件、送禮物、送鑰匙等事務(wù)處理。

“幫我學(xué)”版塊功能：課程學(xué)習(xí)及復(fù)習(xí)的互助交流、資源共享等事務(wù)處理。

“幫我尋”版塊功能：失物尋主、主尋失物等事務(wù)處理。

“幫我售”版塊功能：閑置物品處置的事務(wù)處理。

本系統(tǒng)由客戶端和服務(wù)器端兩部分組成，可以接受三種用戶角色訪問，分別為：需求者、接單者、管理員。

以需求者身份訪問，主要實現(xiàn)“注冊”“登錄”“發(fā)布需求信息”“瀏覽物品”“用戶私信溝通”等功能。

以接單者身份訪問，主要實現(xiàn)訂單的查看及接單，回復(fù)用戶私信等功能。

以系統(tǒng)管理員身份訪問，主要實現(xiàn)從后臺管理頁面進(jìn)行超市食堂商品的增加、刪除、修改，用戶積分的增減，用戶信息的審核及刪除等功能。

需求者、接單者身份訪問實現(xiàn)的客戶端功能，主要是為了給用戶帶來比較便捷和舒心的使用感受，同時便于系統(tǒng)對于用戶信用的測評。

管理員身份訪問，主要通過后臺服務(wù)器端對用戶所發(fā)布的內(nèi)容進(jìn)行監(jiān)管，以及物品的上架，保證此系統(tǒng)安全的使用環(huán)境和物品信息的及時性，還可對信用較好、較活躍的用戶進(jìn)行增加積分的操作，以此來激勵用戶。

本系統(tǒng)的功能模塊間的組織結(jié)構(gòu)如圖1所示。

圖1 “想你所想”校園互助系統(tǒng)功能模塊組織結(jié)構(gòu)

1.2 系統(tǒng)開發(fā)使用的技術(shù)

考慮到大學(xué)生們有日常使用手機(jī)、平板電腦、筆記本電腦等移動終端的習(xí)慣，為增加更好的用戶體驗，使其隨時隨地隨意使用該系統(tǒng)，故在技術(shù)方面考慮將其開發(fā)成可以跨平臺、跨系統(tǒng)使用的軟件產(chǎn)品，不局限于僅能選擇運行在Android、IOS、Windows 單一系統(tǒng)下，達(dá)到一次開發(fā)多平臺應(yīng)用的效果。

因此，本系統(tǒng)選擇采用基于瀏覽器/服務(wù)器（Browser/Server，B/S）架構(gòu)的服務(wù)器端動態(tài)網(wǎng)站開發(fā)技術(shù)進(jìn)行開發(fā)，無需單獨安裝額外的APP，不消耗額外的移動終端的存儲空間，就可通過手機(jī)、平板電腦、移動電腦等終端的瀏覽器訪問使用該系統(tǒng)。

1.2.1 ASP.NET動態(tài)網(wǎng)站編程技術(shù)

創(chuàng)建動態(tài)網(wǎng)站的一種強(qiáng)大的服務(wù)器端新技術(shù)，隸屬于微軟.NET體系結(jié)構(gòu)，對.NET類庫具有全面訪問權(quán)限，基于Visual Studio 可視化開發(fā)環(huán)境、使用面向?qū)ο蟮某绦蛟O(shè)計語言、ADO.NET、服務(wù)器端控件開發(fā)交互式網(wǎng)站［1］。

1.2.2 面向?qū)ο蟮木幊陶Z言C#

C#簡單易用，面向?qū)ο蟪潭缺菾ava 還要高、是完全的面向?qū)ο螅粚嵤┝俗顕?yán)格的類型安全機(jī)制，可以進(jìn)行邊界、算術(shù)運算溢出檢查等；盡可能通過DLL來提高運行效率。

1.2.3 數(shù)據(jù)庫服務(wù)器SQL Server2012

SQL Server 2012 是為開發(fā)者提供的數(shù)據(jù)庫系統(tǒng)開發(fā)工具，主要的作用是對數(shù)據(jù)進(jìn)行保存［2］。它操作簡單、有良好的伸縮性、可跨越多種大型的處理器的服務(wù)器平臺使用，可以改善ASP.NET動態(tài)網(wǎng)站存儲數(shù)據(jù)的效率。

1.2.4 運行方式——響應(yīng)式網(wǎng)站

響應(yīng)式網(wǎng)站是一種網(wǎng)頁布局能夠兼容多個終端、適應(yīng)不同分辨率屏幕的網(wǎng)站，具有同一個后臺，多終端自動適應(yīng)的特點，不需再給每一種不同顯示器尺寸的設(shè)備重新制定一個網(wǎng)站版本。它具有使用便捷、應(yīng)用性強(qiáng)、可以獨立設(shè)計、與數(shù)據(jù)庫同步、設(shè)計方案靈活等優(yōu)點。

1.2.5 Bootstrap框架

Bootstrap 框架是采用HTML、CSS、JavaScript所編寫的前端開發(fā)架構(gòu)，由動態(tài)CSS 代碼Less所編寫而成，需要依賴于JQuery 才能正常執(zhí)行，支持響應(yīng)式布局，用于開發(fā)響應(yīng)式布局、移動設(shè)備優(yōu)先的Web 項目［3］。

Bootstrap 柵格系統(tǒng)是網(wǎng)格系統(tǒng)，主要是為將網(wǎng)頁設(shè)計分割為等寬的列，進(jìn)而利用序列數(shù)的概念進(jìn)行模塊化網(wǎng)頁設(shè)計。

1.2.6 CSS網(wǎng)頁布局

CSS 網(wǎng)頁布局一般分為頭部、導(dǎo)航菜單部分、網(wǎng)頁內(nèi)容部分、底部，涉及正常布局流、display屬性、彈性盒子、網(wǎng)格、浮動、定位、CSS 表格布局、多列布局等多種技術(shù)［4］。

1.2.7 HTML5

HTML5（hypertext markup language 5）是互聯(lián)網(wǎng)新一代標(biāo)準(zhǔn)，是構(gòu)建網(wǎng)頁內(nèi)容的一種語言描述方式，增加了對多媒體音視頻支持的＜audio＞、＜video＞標(biāo)簽，還具有智能表單、數(shù)據(jù)存儲、多線程等功能。

1.3 系統(tǒng)開發(fā)環(huán)境部署

本系統(tǒng)使用集成開發(fā)環(huán)境Visual Studio 2013，ASP.NET 服務(wù)端網(wǎng)站開發(fā)技術(shù)；采用的開發(fā)語言為C#、HTML5 等；采用的數(shù)據(jù)庫服務(wù)器為SQL Server 2012。

本系統(tǒng)客戶端運行方式：響應(yīng)式網(wǎng)頁。

本系統(tǒng)服務(wù)器端運行方式：電腦端動態(tài)網(wǎng)頁。

圖2 校園互助系統(tǒng)架構(gòu)

2 系統(tǒng)核心功能模塊的設(shè)計與實現(xiàn)

2.1 網(wǎng)頁響應(yīng)式布局的設(shè)計與實現(xiàn)

在本系統(tǒng)中，對于有統(tǒng)一顯示風(fēng)格的頁面，使用ASP.NET 的母版頁來設(shè)計。在母版頁中，使用Bootstrap 框架技術(shù)實現(xiàn)頁面的響應(yīng)式布局，實現(xiàn)的核心代碼如圖3～圖6所示。

圖3 標(biāo)簽中應(yīng)用Bootstrap布局文件的引用

圖4 標(biāo)簽中