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

李 勝,段元梅

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

0 引言

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

1 平臺的設計與實現(xiàn)

1.1 需求分析

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

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

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

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

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

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

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

1.2 總體設計

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

1.2.1 注冊

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

1.2.2 登錄

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

1.2.3 活動

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

1.2.4 分享

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

1.3 數(shù)據(jù)層設計

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

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

1.4 平臺功能的實現(xiàn)

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

1.4.1 注冊登錄功能

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

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

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

1.4.3 活動發(fā)布功能

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

1.4.4 平臺管理功能

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

2 測試

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

3 結語

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