基于.NET的海巖社區(qū)的設(shè)計(jì)與實(shí)現(xiàn)

韓采軒 趙慧婷 張 闖 李 瑩

(沈陽(yáng)工學(xué)院信息與控制學(xué)院，遼寧 撫順 113122)

1 系統(tǒng)功能

系統(tǒng)采用ASP.NET技術(shù)，C#語(yǔ)言結(jié)合SQL SERVER數(shù)據(jù)庫(kù)和JQuery，基于B/S三層架構(gòu)及MVC架構(gòu)進(jìn)行設(shè)計(jì)開發(fā)。系統(tǒng)擬實(shí)現(xiàn)用戶的登錄和注冊(cè)，投票，發(fā)起投票，用戶關(guān)注和評(píng)論，信息發(fā)布，用戶數(shù)據(jù)分析，動(dòng)態(tài)顯示隱藏DIV，懸浮效果，上傳下載圖片，舉報(bào)屏蔽用戶等五大模塊。本系統(tǒng)是聊天工具，意味著利用這個(gè)平臺(tái)可以進(jìn)行廣泛的交流和溝通。

2 系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)

(1)首頁(yè)登錄。當(dāng)未登錄用戶進(jìn)入本界面，查看用戶的發(fā)布信息和投票信息，如果想對(duì)別人的話題進(jìn)行評(píng)論回復(fù)、屏蔽舉報(bào)等操作，用戶必須登錄有效的用戶信息才能完成后面的操作。

(2)發(fā)起投票。此處的功能為已登錄的用戶在首頁(yè)下方的懸浮氣泡中點(diǎn)擊“發(fā)起投票”按鈕，進(jìn)入投票界面。在投票界面中提供圖片上傳、圖片描述、話題標(biāo)簽內(nèi)容，其中為用戶添加已有標(biāo)簽選擇，用戶也可以自定義標(biāo)簽。上傳圖片時(shí)只能上傳2張圖片。用戶提交后，跳轉(zhuǎn)用戶PK界面即可查看自己發(fā)布的投票信息。

(3)個(gè)人中心。此處的功能為已登錄的用戶通過(guò)點(diǎn)擊首頁(yè)右上角的頭像進(jìn)入，該界面顯示登錄者的粉絲數(shù)、我的關(guān)注等基本信息，同時(shí)可以對(duì)自己的粉絲進(jìn)行互粉。除此之外，用戶還可以在首頁(yè)點(diǎn)擊其他人的用戶頭像，進(jìn)入到其他用戶的個(gè)人中心界面，同樣提供粉絲數(shù)、我的關(guān)注等基本信息。

(4)消息通知。此處功能包括系統(tǒng)對(duì)用戶的提醒，系統(tǒng)對(duì)用戶的私信，以及對(duì)用戶的評(píng)論信息。

(5)評(píng)論與回復(fù)。此功能為已登錄用戶在首頁(yè)的PK界面和話題展示界面中，用戶對(duì)內(nèi)容的評(píng)價(jià)，用戶點(diǎn)擊“評(píng)論”按鈕，進(jìn)入評(píng)論界面，輸入評(píng)論的內(nèi)容點(diǎn)擊提交，即可將評(píng)論的內(nèi)容展示在該話題的下方，其他用戶可以查看該用戶的評(píng)論并回復(fù)。

(6)屏蔽與舉報(bào)。舉報(bào)功能用于當(dāng)用戶發(fā)現(xiàn)有違反社區(qū)規(guī)定的動(dòng)態(tài)時(shí)，可以通過(guò)此功能反饋給網(wǎng)站工作人員，工作人員可根據(jù)不同情況，對(duì)被舉報(bào)信息進(jìn)行刪除，或直接封禁發(fā)布違規(guī)信息的用戶。屏蔽功能用于用戶對(duì)某類信息不感興趣時(shí)，可使用此功能進(jìn)行屏蔽，以后不再出現(xiàn)此類信息。

(7)投票專區(qū)。用此界面展示發(fā)布投票用戶發(fā)布的投票，用戶可以查看投票界面所發(fā)布的帖子，點(diǎn)擊小海豚圖片，選出自己認(rèn)為好看的圖片，發(fā)布用戶可以根據(jù)投票的圖片所得的票數(shù)，選取票數(shù)最多的圖片作為最好的圖片，此功能解決了用戶的取舍問題。

(8)圖文發(fā)布。此處的功能為用戶進(jìn)行圖文發(fā)布，此功能用戶可以發(fā)布任何信息：分享快樂生活、幽默段子、傷心往事、個(gè)人經(jīng)歷、尋求幫助等。

(9)注冊(cè)。用戶在該界面輸入自己的基本信息，值得注意的是，每條用戶信息都需要驗(yàn)證，若不符合要求，系統(tǒng)會(huì)出現(xiàn)如不能空值，用戶名已存在等提示信息。用戶需要填寫正確的個(gè)人信息才能完成注冊(cè)。

(10)登錄。該功能為用戶已經(jīng)注冊(cè)成功后進(jìn)入的界面。用戶只需輸入正確的用戶名和密碼，系統(tǒng)會(huì)根據(jù)相應(yīng)的權(quán)限進(jìn)入到指定的界面模塊中。

(11)注銷。點(diǎn)擊首頁(yè)右上角用戶頭像下拉框的“注銷”按鈕，退出網(wǎng)站。

3 總結(jié)

技術(shù)上創(chuàng)新：本系統(tǒng)采用MVC架構(gòu)，使用JQuery和Html5的新特性，實(shí)現(xiàn)動(dòng)態(tài)顯示隱藏DIV和懸浮效果，技術(shù)上，本項(xiàng)目使用了前端的開源框架Vue.JS，通過(guò)引入這套框架，實(shí)現(xiàn)了數(shù)據(jù)的雙向綁定，從而在視圖層實(shí)現(xiàn)了數(shù)據(jù)動(dòng)態(tài)化展示和變更；后臺(tái)采用使用HTML Tables做數(shù)據(jù)源來(lái)創(chuàng)建圖表，將數(shù)據(jù)可視化。

應(yīng)用上創(chuàng)新：本系統(tǒng)在存儲(chǔ)方面采用了云端存儲(chǔ)并且對(duì)大量的流量數(shù)據(jù)進(jìn)行了大數(shù)據(jù)的計(jì)算，有自己個(gè)人的服務(wù)器，并且可以實(shí)時(shí)地更新數(shù)據(jù)庫(kù)中的數(shù)據(jù)信息、備份，使用者在通過(guò)授權(quán)之后可以實(shí)時(shí)并且在各個(gè)地方通過(guò)產(chǎn)品平臺(tái)可以查詢到自己個(gè)人收益以及需要的信息，在龐大的數(shù)據(jù)流量面前不會(huì)對(duì)使用者本地的內(nèi)存造成負(fù)擔(dān)，并且數(shù)據(jù)可以做到長(zhǎng)期保存。

本網(wǎng)站主打媒體社交，集合了即時(shí)通訊、博客和論壇3種社交方式于一身。取百家之長(zhǎng)，避百家之短，以文會(huì)友，結(jié)識(shí)和匯聚朋友，進(jìn)行深度交流溝通。給人以全新的體驗(yàn)，不一樣的設(shè)計(jì)。

本系統(tǒng)以瀑布流的形式展示消息。網(wǎng)站界面簡(jiǎn)潔優(yōu)美，操作直觀簡(jiǎn)單，無(wú)需專門培訓(xùn)即可正常使用。