基于Vue 的校園活動社交平臺設計

李 勝,段元梅

(湖南科技學院 信息工程學院,湖南 永州 425199)

0 引言

社交類平臺分為社交網絡與社交媒體。社交網絡是指社交網絡服務;社交媒體是指互聯網上基于用戶關系的內容生產與交換平臺。本平臺的研究方向更偏向于社交網絡,一方面豐富了學生獲取信息的渠道,滿足了個性化的需求,另一方面,在滿足個性化需求的同時,能夠方便大學生隨時隨地搜索和發起任何自己感興趣的校園活動并參與其中。學生通過感興趣的校園活動積累經驗,提升自我價值[1]。

1 平臺的設計與實現

1.1 需求分析

現今社會信息傳送發展迅速,校園服務平臺應是數字化、網絡化學校下的一個重要分支,平臺的進步與全面發展便意味著服務范圍的擴大和服務水平的提高,這對大學生和建設綜合性服務校園都具有重大意義。為豐富校園生活,增進大學生互相之間的交流,提高學?；顒淤|量,本平臺打造了一個校園內溝通零成本的“校友圈”平臺[2]。

(1)用戶注冊:用戶通過填寫昵稱、學號、班級、性別、密碼、手機號注冊平臺賬戶,其中昵稱和學號是唯一的不可重復的,使賬號更有辨識度。

(2)用戶登錄:登錄是以用戶輸入注冊時填寫的昵稱或學號為賬號,以注冊時填寫的密碼為登錄密碼,進行用戶登錄操作。人性化地設計了忘記密碼的功能,可通過注冊時的手機號獲取驗證碼的方式重新設置密碼。

(3)活動發布:用戶可以在平臺編輯活動內容(可包含文字和圖片),也可以選擇發布的類型(班級活動、校級活動、個人活動),發布在本平臺的消息列表中。發布者可以在我的發布中找到自己的發布記錄,也可對自己的發布記錄進行刪除操作。

(4)活動列表:活動列表展示功能就是把所有在平臺發布的內容列表集合展示在分頁中,支持分類功能,可以讓用戶篩選自己想看的信息。用戶可點擊列表查看詳情,可以對自己感興趣的活動進行點贊和評論。

(5)創建與參與話題:創建話題就是創建一個人人都可參與討論的話題,指向性地引導大家參與某個話題的討論。話題創建時,話題不可與數據庫已存在的話題重復,且創建成功后,用戶將發布第一條帶這個話題的內容。用戶可以對此話題發表一些看法或者故事分享,讓整個平臺更有互動性。

(6)平臺管理:列表頁面頂部都提供了一個搜索框,讓用戶能精準地找到自己想看的信息。用戶可以對自己發布或參與的活動進行管理分類(類別分為校級、班級、個人),權限劃分功能只能由管理員進行分配,維護平臺的次序。

1.2 總體設計

平臺是從整體進行規劃和設計的,注冊和登錄是對賬號的管理,不可重名的設計體現了賬號的唯一性。對于主要功能的管理[3],平臺進行了3 個模塊的劃分:“活動”“分享”“我的”。

1.2.1 注冊

用戶若想要注冊一個賬號,需要擁有一個昵稱(不可與數據庫中已有的賬號昵稱重名)、學號(不能用數據庫中已注冊過的學號,并且學號是有且僅有12 位的數字)、班級、密碼(6～18 位的字符)、性別(男或女,默認男)、手機號(有且僅有11 位的數字)。

1.2.2 登錄

用戶需要使用注冊過的賬號密碼進行登錄,登錄賬號為注冊時填寫的昵稱或學號,密碼為注冊時的密碼;如果賬號密碼匹配不成功,則提示賬號密碼錯誤;如果用還未注冊的賬號登錄,則提示請先進行注冊。

1.2.3 活動

活動主要分為3 種類型:校級活動、班級活動和個人活動。在發布活動時需要進行類型的選擇,還需要設置一個標題(標題字數不能超過12 個字符)、一段內容(內容字數必須超過10 個字符)。

1.2.4 分享

分享主要也分為兩大類:一是分享生活,二是分享知識。分享生活可以是有趣的事、遇到的難題、失物招領等;分享知識可以是最近所學到的專業知識或者在學習過程中遇到的問題等。分享可以匿名發布,讓不敢表達的人慢慢地嘗試表達。

1.3 數據層設計

用戶實體概括了平臺用戶所有信息的集合,其中有用戶的賬號昵稱、學號、密碼等信息,其中用戶ID 是主鍵,賬號昵稱和學號為不可重復的屬性,性別為二值屬性(男或女),學號是關鍵信息,可代表賬號的唯一性[4]。

管理員實體主要為管理員登錄而創建的,只需要賬號和密碼兩個屬性,其中賬號為不可重復信息?；顒訉嶓w是一條活動信息的具體體現,必須要有一個活動ID 當主鍵,還需要與發布人的ID 進行關聯?；顒覫D 不能重復,一個活動ID 可以對應多個用戶ID(包括參與者),一個用戶ID 可以包含多個活動ID,形成了一個多對多的關系。話題實體是為用戶創建的話題專門建立的,每個話題都有一個話題ID 當主鍵,其中還包含話題的創建者信息以及創建時發布的內容。

1.4 平臺功能的實現

平臺功能主要分為注冊登錄功能、信息列表和詳情展示、活動發布功能和平臺管理功能。

1.4.1 注冊登錄功能

注冊模塊,用戶輸入個人相關信息,個人信息中的昵稱、性別、班級、學號、密碼、手機號是必填項,如其中一個未填寫就點擊注冊提交的話,會彈出提示,注冊失敗。如注冊成功后,數據將到后端進行相應處理后存儲至數據庫,同時前端頁面則返回至登錄頁。登錄模塊,用戶輸入賬號密碼,點擊登錄提交信息,后端搜索數據庫users 表查看是否存在該用戶,如果存在則驗證密碼是否正確。如不存在,則提示賬號不存在,請先注冊。

1.4.2 信息列表和詳情模塊展示

信息列表頁,進入頁面就是觸發查詢列表的接口/active/list,前端根據返回的對象進行信息展示,本頁面是按照發布時間排序顯示活動信息。信息詳情頁是通過點擊列表頁的某個活動信息所展示的,所以可以通過這個活動信息中包含的actId 搜索詳情信息,在前端加以展示。

1.4.3 活動發布功能

用戶輸入想要發布的相關內容(標題、類型、內容),其中標題、類型和內容是必填項,如有一項未填則發布失敗。發布時間是默認發布時系統的當前時間,所以用戶不需要輸入。發布成功之后提示——“發布成功”,并跳轉至列表頁。創建話題功能,用戶可以創建想要討論的話題;在發布分享時即可參與話題討論。創建成功之后提示“創建成功”,并跳轉至“我的”主頁。

1.4.4 平臺管理功能

新增管理員時,需要用戶輸入管理員相關信息(管理員賬戶、密碼),其中管理員賬戶、密碼是必填項,如其中一個未填寫就點擊注冊提交的話,會彈出提示——“新增失敗”;因為管理員賬戶是唯一的,所以在提交后會檢索數據庫中的admin 表,如果已經存在注冊的管理員,提示注冊失敗。

2 測試

本文對已實現的平臺功能根據測試用例進行了測試,測試結果表明各個模塊的功能均符合預期效果,數據庫也能正常連接,數據存儲也是正常,能在可視化的軟件NAVICAT 上查看數據的增刪改查。平臺可以正常運行,實現設計需求中的所有功能。

3 結語

本平臺設計并實現了校園信息網絡化,使學校社交方面的信息一目了然,打造成一個“校友圈”,讓用戶在校園內溝通零成本。該平臺包含用戶注冊和管理、用戶權限劃分與管理、活動管理、活動搜索、活動反饋、按班級管理團日活動和匿名發布話題分享等功能。