上海工程技術大學交友網站的設計與實現

章周

摘要：在數字信息時代，每個大學都有自己的教學管理系統，該系統是將學生與學校之間建立聯系，但缺少了學生與學生之間聯系的橋梁，所以為了更好地幫助在校大學生更好地適應校園生活、結識同學、搜集信息。有必要設計針對學生的交友網站，該網站集學生論壇，用戶注冊登錄，失誤招領，尋人問事等功能為一體。采用ASP.NET平臺進行開發，數據庫采用Mongo dB，并部署至阿里云服務器，該網站在PC端和手機端都可使用。

關鍵詞：網站設計;ASP.NET;交友網站

中圖分類號：TP311 文獻標識碼：A

文章編號：1009-3044（2020）13-0105-03

1概述

在日新月異的網絡時代，信息技術的迅猛發展和廣泛、深入地應用，推動了各行各業的技術進步，同時也向高校提出了更高的要求，高校教育的迅速發展對教學手段和教育管理體系逐步網絡信息化的同時，校園學生生活也應該與時俱進，基于這種思考，我們本次創新項目開發這個上海工程技術大學交友網站，目的是使志同道合的人有共同奮斗的目標，讓彼此遇見有趣的靈魂，加強校園內學生的交流與溝通，同時分享在校園中的心情，留言等一點一滴，讓校園生活因此而多一點精彩與期待。

2需求分析

2.1功能需求分析

本網站為學生提供交流溝通的平臺，應具備以下幾種功能：

1）用戶注冊登錄功能

用戶注冊登錄功能是大部分網站平臺的基本功能之一，目的在于識別用戶，限制權限，方便完成后續功能，因此用戶名的注冊應保持唯一性。

2）個人資料設置功能

當用戶注冊并登錄成功后，可以進行資料完善（例如：頭像修改、個性簽名、聯系方式，姓名性別等設置）

3）論壇功能

網站論壇分為三個模塊，分別是：失物招領、交友信息、校園新聞模塊。學生可以在對應的模塊通過發帖來達到所需目的，只有注冊成功并且登錄的用戶才能進行發帖、評論等操作，論壇還設有管理員模式，用于管理論壇各項權限事務，以及過濾刪除不良帖子與評論。論壇功能也是該網站最為核心的功能。

4）主頁功能

主頁功能是該網站的門戶，學生用戶進入網站看到的第一個頁面就是主頁。隨著時代的進步，用戶對界面的要求越來越高，一個美觀的主頁直接影響了用戶體驗。所以我們的主頁設計也相對比較美觀。除此之外，還有關于網站的基本介紹，與問題反饋功能，用于幫助學生更好的使用本網站，并且幫助開發者收集問題，不斷維護和完善網站。

2.2非功能需求分析

1）美觀簡潔的用戶界面：一個網站擁有美觀的用戶界面不僅可以給用戶好的用戶體驗，也能讓用戶使用網站變得更加方便快捷。

2）實現高并發以及較短的響應時間：隨著用戶使用人數的增加，對網站服務器的要求越來越高，高并發可以使網站正常運轉，使數據與界面保持一致，而響應時長直接決定了用戶體驗。

3）用戶數據安全性：數據庫采用MongoDB數據庫，這是一種NoSql類型的分布式數據庫，以文檔的方式記錄每一條記錄，這樣能實現數據的高速讀取，而分布式的存儲更是加大了數據的安全性。此外，網站還采用了Hash加密的方式對用戶密碼進行加密。

3技術選型

3.1 ASP.NET

在Web開發的發展過程中，ASP.NET是一種較為主流的開發平臺，它為開發者提供了企業級應用所必需的全部服務，并且它還兼容多種公共語言（例如：Visual C#、Visual Basic等）。ASP.NET框架支持面向對象編程的思維模式，使得Web便于閱讀與維護，它開發出來的Web程序既支持PC端，也支持移動端，擁有高安全性的同時又減少開發成本。

3.2MongoDB

MongoDB作為NoSQL類型的數據庫，所謂NoSQL，就是指不使用SQL作為查詢語言，其數據存儲也不用采取很嚴格的表格模式，所以它具有高可拓展性，分布式計算，低復雜度關系，低成本等特點，數據的存儲采用Json格式，有很好的代碼親和性，因而在Web應用中大量使用。在一個初期網站，許多數據以及功能有待拓展與完善，而MongoDB可以很好地解決這一點。

3.3阿里云服務器

阿里云作為全球領先的云計算及人工智能科技公司，擁有先進的科學技術，服務于各行各業，業務拓展至200多個國家和地區，在云計算與云服務方面更是首屈一指。在這樣的強大背景下，選用阿里云服務器能實現高性價比，節省60%左右的成本投入。能實現高穩定性，有多重備份，秒級恢復，按需擴容等保障功能。數據更是安全可靠，阿里云有全球最大的網絡攻擊防御經驗，為用戶服務保駕護航。除此之外，阿里云還有一系列的云服務生態系統和金牌客服服務來幫助用戶云上作業。

4網站設計

4.1功能設計

用戶首先進入網站主頁，在該頁面，用戶可以了解網站的用途與基本功能。然后以游客身份進入校園論壇頁面，此時用戶可以進行瀏覽帖子的操作，但用戶要想進行發帖、評論、刪除、私信其他用戶等操作，必須先要注冊一個賬戶并登錄成功。具體功能結構如圖1所示。

4.2數據庫E-R圖設計

5網站實現

5.1網站主頁界面實現

網站主頁采用以圖片作為背景的設計，網站設計為簡約風格，界面元素相對較少，直接用一句話言簡意賅地表達了網站的功能，使得界面在維持美觀的基礎上方便用戶使用，網站域名的設計為websues.cn，采用了學校名字的縮寫，方便學生記憶使用。

網站的主頁功能同時支持PC端（圖3）和移動手機端，滿足不同用戶的使用環境需求。

5.2用戶登錄注冊界面實現

進人論壇頁面，用戶若要進行發帖、評論、回復、私信等功能，必須要進行用戶登錄。若用戶不存在，可先進行用戶注冊，在注冊過程中，還設有驗證，例如：用戶名必須大于3位數，密碼長度必須大于六位。注冊成功后即可登錄。（登錄界面如圖4，用戶注冊界面如圖5）

5.3論壇功能界面實現

論壇功能為本網站的核心功能，如圖6分為失物招領、交友信息、校園新聞三大模塊，學生可在對應的模塊進行發帖來達到自己的目的。如圖7所示為發帖界面，圖8則為發帖成功后進人到該帖子的界面，在該帖子中，其他用戶可進行評論。樓主則可進行回復和刪帖、編輯等操作。

5.4個人資料設置界面

如圖9所示為個人資料設置界面，完善資料可幫助他人更好地了解你，增加帖子的真實性與可信度。在該界面中，可實現頭像修改、資料完善、查看已發帖子、查看私信等功能。

6總結

通過該網站的建設，使得學生與學生之間有了直接溝通的橋梁，可以幫助學生們更好地了解學校，幫助新生更快適應大學生活，幫助學生找到自己合適的朋友或群體。

網站實現了較為簡潔美觀的界面，基本的核心功能也建設完成，但是仍然有需要完善的地方，例如：后期可以連接學校數據庫，用于學生身份的驗證，增強學生信息的真實性，并且可以使用學號，進行用戶登錄。隨著網站使用人數的增加，也會進行相應的功能拓展，例如：開設心情分享、圖書角、音樂角等模塊。讓學生在交友中更好的學習，學習中擴展自己的朋友圈。

至于技術層面，服務器的并發程度依然不夠全校學生同時使用，如果再加上游客瀏覽，則會出現服務器過載，導致用戶長時間得不到響應，所以后期網站完善也應努力擴大服務器的并發程度，服務于更多的用戶，給予他們更好的用戶體驗。