劉蘇磊 呂佳 洪一鳴 吳敬通 郝國慶 馮磊 陳薇

摘? 要：為了實(shí)現(xiàn)學(xué)校同學(xué)之間更方便、更快捷地進(jìn)行網(wǎng)上交流和相約一起運(yùn)動(dòng)的目標(biāo)，所以設(shè)計(jì)了基于Web socket技術(shù)的聊天系統(tǒng)開發(fā)的“校園聊吧”網(wǎng)站。它一方面通過互聯(lián)網(wǎng)時(shí)尚便捷的特點(diǎn)，使得同學(xué)之間的交流更多，所能收獲的友誼越多;另一方面又是一種新的促進(jìn)運(yùn)動(dòng)的方法，使同學(xué)之間可以通過一起運(yùn)動(dòng)相識(shí)。該項(xiàng)目源自學(xué)生的真實(shí)項(xiàng)目，源于生活，旨在為大學(xué)生提供便捷的運(yùn)動(dòng)交友平臺(tái)，最終完成“校園聊吧”平臺(tái)設(shè)計(jì)開發(fā)與推廣，做到運(yùn)動(dòng)、交友相結(jié)合，提供方便快捷的校園生活。

關(guān)鍵詞：聊吧? 好友? C#? ASP.NET? Visual Studio? SQL Server

中圖分類號(hào)：TP393 ? ?文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1672-3791（2019）10（a）-0004-02

1? 項(xiàng)目背景

網(wǎng)絡(luò)聊天室是在一個(gè)網(wǎng)站中，供許多人通過文字與符號(hào)進(jìn)行實(shí)時(shí)交談、聊天的場所，它是一個(gè)向整個(gè)因特網(wǎng)開放的地方?！癊時(shí)代”的到來，給人們提供了各種便利。隨著“互聯(lián)網(wǎng)+”的興起和普及，這種網(wǎng)絡(luò)時(shí)代帶來的交流形式也在被越來越多的人所接受。

信息時(shí)代的來臨，大環(huán)境下人們的交流變得快捷而又頻繁。校園內(nèi)人員廣泛，身份多樣，良好的溝通交流，可以促進(jìn)學(xué)生之間的信息共享，學(xué)習(xí)的進(jìn)步，身心的健康。加上很多學(xué)生入學(xué)后，想?yún)⒓由缃换顒?dòng)認(rèn)識(shí)新同學(xué)和新朋友，來豐富自己的校園生活和經(jīng)歷，但卻苦于沒有很好的平臺(tái)供于查詢。通過該項(xiàng)目，一方面給大學(xué)生提供便捷的交友平臺(tái)，另一方面將不同的學(xué)生、不同的興趣愛好進(jìn)行分類，從而實(shí)現(xiàn)對號(hào)入座式的匹配功能。學(xué)生可以根據(jù)自己的興趣愛好選擇自己的匹配項(xiàng)目，這樣一來，每個(gè)學(xué)生就能匹配到與自己興趣愛好相同，并且志同道合的朋友。

2? “校園聊吧”的開發(fā)與技術(shù)實(shí)現(xiàn)

現(xiàn)如今，人們通過網(wǎng)上聊天系統(tǒng)交流已經(jīng)成為一種普遍存在的現(xiàn)象，而在Internet應(yīng)用系統(tǒng)中，網(wǎng)上聊天系統(tǒng)也是一項(xiàng)非常具有代表性的內(nèi)容。但是，在享受交流方便的同時(shí)，如何對聊天內(nèi)容進(jìn)行保存以及怎樣將在服務(wù)器與用戶之間高效地傳遞、共享聊天信息，也是一項(xiàng)亟待解決的問題。就目前而言，聊天內(nèi)容以文本形式、對數(shù)據(jù)庫、Application對象的利用是最常見的3種聊天內(nèi)容保存方式，無論是在保存方法、過程還是開發(fā)難以程度上來看，3種方式都不存在非常顯著的區(qū)別。

ASP.NET是一款非強(qiáng)大的網(wǎng)絡(luò)程序，可以在服務(wù)器端構(gòu)架，其原因在于，它的建立是基于通用語言的編程框架。ASP.NET在開發(fā)ASP.NET程序時(shí)，可以通過對HTML編輯器或者其他的編程工具的使用完成。Microsoft Visual Studio在設(shè)計(jì)過程中充分考慮到程序開發(fā)效率問題，可以將設(shè)計(jì)、開發(fā)、編譯、運(yùn)行都集中在一起。目前，ASP.NET的編程模型共有兩個(gè)：一個(gè)是Web Form，而另一個(gè)就是Web Service。

分析兩種模型，Web Form模型主要用于對以form為基礎(chǔ)的具有強(qiáng)大功能的網(wǎng)頁，在對常用的界面元素進(jìn)行制作時(shí)，可以通過對內(nèi)嵌的服務(wù)器軟件進(jìn)行使用完成。而Web Service可以提供服務(wù)器遠(yuǎn)程服務(wù)的方法，具有唯一性，也就是說，是NET才具備的。這種模型使得不同服務(wù)器、客戶與服務(wù)之間的數(shù)據(jù)交互存在較大的可能性，數(shù)據(jù)形式以XML或者HTTP為主。在Web Service提供服務(wù)時(shí)，不會(huì)受到語言、組件模型編寫、平臺(tái)不同的限制。

“校園聊吧”以C#為后臺(tái)語言，用ASP.NET輔助;采用SQL Server 2014數(shù)據(jù)庫技術(shù)，解決SDK集成后遺留的問題;在package中使用Utils工具、http網(wǎng)絡(luò)請求封裝、Common公用的調(diào)用方法封裝、weight自定義UI布局。采用CSS、Photoshop、FIREWORKS等工具設(shè)計(jì)出美觀、友好的界面。該網(wǎng)站采用Visual Studio 2015開發(fā)，HBuilder、SQL Server 2014等提供后臺(tái)支持，賬號(hào)的注冊驗(yàn)證等功能完整實(shí)現(xiàn)。

“校園聊吧”設(shè)計(jì)的制作網(wǎng)頁部分包括用戶注冊、用戶登錄、公共聊天室、用戶私聊、校園愛心榜、校內(nèi)新聞6個(gè)主要部分。

網(wǎng)站界面實(shí)現(xiàn)如下。

2.1 注冊界面

注冊界面由navbar、form、input以及Button這4個(gè)部分組成，input的功能在于對將要輸入的內(nèi)容進(jìn)行提示，form功能在于對用戶賬號(hào)、密碼進(jìn)行獲取，并將驗(yàn)證賬號(hào)、新創(chuàng)建賬號(hào)信息發(fā)送。

2.2 登錄成功后界面

界面內(nèi)容主要有用戶賬號(hào)、所在院系、專業(yè)班級、興趣愛好和用戶的個(gè)人標(biāo)簽。

2.3 主頁界面

這個(gè)界面由導(dǎo)航欄、搜索框、用戶信息以及交友、運(yùn)動(dòng)、愛心、新聞4個(gè)模塊組成，用戶可以在此頁直接選定模塊信息，然后進(jìn)入該模塊界面查看相關(guān)模塊的實(shí)時(shí)信息。

3? “校園聊吧”項(xiàng)目優(yōu)勢

當(dāng)今社會(huì)，互聯(lián)網(wǎng)在人們工作、學(xué)習(xí)、生活中的重要性愈發(fā)凸顯。幫助人們快速地獲取想要的信息，實(shí)現(xiàn)與朋友之間的交流，而且在網(wǎng)絡(luò)技術(shù)水平不斷提升的帶動(dòng)下，各種功能型的網(wǎng)站也越來越多，但HTML網(wǎng)頁靜態(tài)化限制了人們的交互目標(biāo)，各種交互式網(wǎng)頁技術(shù)的出現(xiàn)，使得網(wǎng)站的功能愈發(fā)強(qiáng)大。

現(xiàn)階段，網(wǎng)上聊天系統(tǒng)提供了一個(gè)快捷、方便的交流平臺(tái)，讓人們的交流更加方便。現(xiàn)代化的網(wǎng)絡(luò)技術(shù)水平逐漸提升，且網(wǎng)絡(luò)資源也越來越多，在此基礎(chǔ)上，加強(qiáng)網(wǎng)絡(luò)聊天系統(tǒng)的管理水平，在促進(jìn)學(xué)生情感交流有效性提升的同時(shí)，加快建設(shè)信息校園的建設(shè)。

“校園聊吧”為用戶提供了便捷的交流渠道，該網(wǎng)站系統(tǒng)的設(shè)計(jì)目標(biāo)是建立一個(gè)功能多樣性的聊天系統(tǒng)，并以瀏覽器、服務(wù)器方式的功能作為研發(fā)基礎(chǔ)，用戶在發(fā)送消息時(shí)，通過瀏覽器完成，接收信息的用戶可以直接在界面中讀取信息，同時(shí)在服務(wù)器端還將顯示所有的在線用戶，服務(wù)器對信息進(jìn)行有關(guān)處理并向適當(dāng)?shù)挠脩舭l(fā)送，不同用戶之間的聊天可以通過Internet完成。這個(gè)網(wǎng)站的建立為學(xué)生之間的交流提供了便捷性，建立了一個(gè)基本功能豐富的網(wǎng)絡(luò)聊天系統(tǒng)，比如注冊、聊天等。

按照上述形式制作的通信軟件具備及時(shí)性，以互聯(lián)網(wǎng)為媒介，不需要對其他客戶端軟件進(jìn)行安裝，既可以通過互聯(lián)網(wǎng)網(wǎng)站平臺(tái)進(jìn)行溝通對話。用戶只要能夠上網(wǎng)，就可以通過網(wǎng)頁聊天系統(tǒng)跟志同道合的人（群）即時(shí)交流。一般在網(wǎng)頁聊天系統(tǒng)里可以建立不同興趣標(biāo)簽的房間，用戶可以選擇感興趣的標(biāo)簽進(jìn)入?yún)⑴c聊天。

在設(shè)計(jì)上全面考慮了用戶的使用需求，活潑清新的界面設(shè)計(jì)、簡單實(shí)用的功能操作，以及全網(wǎng)頁化的操作習(xí)慣，帶給用戶全新的互聯(lián)網(wǎng)體驗(yàn)，免去安裝客戶端的繁瑣。用戶僅利用普通的PC機(jī)，基于現(xiàn)有的互聯(lián)網(wǎng)環(huán)境下，便可輕松實(shí)現(xiàn)實(shí)時(shí)通信。

用戶在該網(wǎng)站中選擇模塊進(jìn)入，可以選擇發(fā)布不同類型的匹配，同學(xué)尋找共同興趣愛好的伙伴。系統(tǒng)會(huì)給出一個(gè)匹配人數(shù)的上限，在匹配人數(shù)滿員之后，將這些人帶入一個(gè)聊天室，實(shí)現(xiàn)實(shí)時(shí)語聊的功能，同學(xué)們可以在這個(gè)聊天室內(nèi)約定好一起出行的時(shí)間及地點(diǎn)。這樣不僅解決了大學(xué)生交友困難這一問題，同時(shí)可以尋找到志同道合的伙伴，大大提升了校園交友的水平。

參考文獻(xiàn)

[1] 劉朋.基于Web的高校教務(wù)實(shí)驗(yàn)選課系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[M].北京：清華大學(xué)出版社，2012.

[2] 李應(yīng)偉，姚素霞，景麗.ASP.NET數(shù)據(jù)庫高級編程（C#篇） [M].北京：清華大學(xué)出版社，2004.

[3] 木林森.C#和ASP.NET程序設(shè)計(jì)教程[M].北京：清華大學(xué)出版社，2002.

[4] 石志國，劉冬梅，陳上.ASP.NET應(yīng)用教程[M].北京：清華大學(xué)出版社，北京交通大學(xué)出版社，2005.

[5] 第3章：ASP.NET方向軟件測試工程師實(shí)踐準(zhǔn)備[EB/OL].https：//www.docin.com/p-313832872.html.

[6] 張容銘.JavaScript設(shè)計(jì)模式[M].北京：人民郵電出版社，2015.