基于.NET的海巖社區(qū)的設計與實現

韓采軒 趙慧婷 張 闖 李 瑩

(沈陽工學院信息與控制學院，遼寧 撫順 113122)

1 系統(tǒng)功能

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

2 系統(tǒng)設計與實現

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

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

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

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

(5)評論與回復。此功能為已登錄用戶在首頁的PK界面和話題展示界面中，用戶對內容的評價，用戶點擊“評論”按鈕，進入評論界面，輸入評論的內容點擊提交，即可將評論的內容展示在該話題的下方，其他用戶可以查看該用戶的評論并回復。

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

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

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

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

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

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

3 總結

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

應用上創(chuàng)新：本系統(tǒng)在存儲方面采用了云端存儲并且對大量的流量數據進行了大數據的計算，有自己個人的服務器，并且可以實時地更新數據庫中的數據信息、備份，使用者在通過授權之后可以實時并且在各個地方通過產品平臺可以查詢到自己個人收益以及需要的信息，在龐大的數據流量面前不會對使用者本地的內存造成負擔，并且數據可以做到長期保存。

本網站主打媒體社交，集合了即時通訊、博客和論壇3種社交方式于一身。取百家之長，避百家之短，以文會友，結識和匯聚朋友，進行深度交流溝通。給人以全新的體驗，不一樣的設計。

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