基于MVC框架的大學(xué)生心理健康網(wǎng)站設(shè)計(jì)*

徐州醫(yī)科大學(xué)醫(yī)學(xué)信息與工程學(xué)院 王淋 王子純 左海維 周玥廷

大學(xué)生心理健康網(wǎng)站是連接大學(xué)生與心理咨師的重要橋梁?，F(xiàn)有大學(xué)生心理健康網(wǎng)站總體運(yùn)行情況良好,但在實(shí)時互動、內(nèi)容更新等方面仍存在不足。本文使用PHPStudy搭建平臺運(yùn)行環(huán)境,采用MVC框架對網(wǎng)站進(jìn)行規(guī)劃設(shè)計(jì),后臺使用MySQL進(jìn)行數(shù)據(jù)管理,搭建了一款便于操作的大學(xué)生心理健康網(wǎng)站。該網(wǎng)站包含新聞文章的閱覽、收藏、評論、系統(tǒng)留言、心理測試、查看系統(tǒng)通知等功能。測試結(jié)果表明,網(wǎng)站安全、高效,能滿足大學(xué)生的使用需求,對增強(qiáng)大學(xué)生心理健康有非常重要的意義。

大學(xué)生心理健康教育已經(jīng)成為高校乃至社會的熱點(diǎn)話題[1]。特別是在現(xiàn)有網(wǎng)絡(luò)時代,各種社交網(wǎng)站層出不窮,對大學(xué)生心理產(chǎn)生了不少負(fù)面影響[2-3]。有關(guān)于大學(xué)生因抑郁、焦慮、自閉等導(dǎo)致自殺的報(bào)道[4-5]。在當(dāng)下網(wǎng)絡(luò)環(huán)境下構(gòu)建新的心理健康教育模式已迫在眉睫[6]。近年來,研究者陸續(xù)展開了一些研究工作。林思勤等[7]采用RStudio軟件進(jìn)行心理網(wǎng)絡(luò)分析,發(fā)現(xiàn):外化心理問題對心理健康網(wǎng)絡(luò)結(jié)構(gòu)的影響較大,要高度注重對大學(xué)生自卑、焦慮、偏執(zhí)等心理癥狀的預(yù)防教育。佘艷云[8]利用卷積神經(jīng)網(wǎng)絡(luò)從上網(wǎng)行為序列中挖掘?qū)W生的上網(wǎng)模式,通過訓(xùn)練,在測試集中識別出有心理健康困擾的學(xué)生。心理健康網(wǎng)站作為實(shí)現(xiàn)心理健康教育網(wǎng)絡(luò)化的重要載體已經(jīng)得到了高校的高度關(guān)注。祝志敏等[9]通過Web 2.0技術(shù)構(gòu)建了支持個性化推送、多元交互的心理健康教育網(wǎng)絡(luò)平臺?？傮w來看,現(xiàn)有高校心理健康教育網(wǎng)站建設(shè)情況良好,但在互動聯(lián)系、宣傳普及等方面尚存在不足[10-12]。為此,本文采用PHPStudy軟件進(jìn)行運(yùn)行環(huán)境的搭建,利用MVC架構(gòu)對網(wǎng)站進(jìn)行規(guī)劃設(shè)計(jì),后臺使用MySQL進(jìn)行數(shù)據(jù)管理,搭建了一款大學(xué)生心理健康網(wǎng)站。本網(wǎng)站能滿足大學(xué)生心理咨詢的基本需求,對開展嶄新的心理健康網(wǎng)絡(luò)教育模式有重要推動作用。

1 網(wǎng)站分析

1.1 需求分析

(1)功能需求。大學(xué)生心理健康網(wǎng)站須滿足前端用戶使用需求和后臺的管理員管理需求。前端用戶能實(shí)現(xiàn)注冊登錄系統(tǒng)的功能,根據(jù)自身需求進(jìn)行賬號密碼的修改,以及新聞文章的閱覽、收藏、評論、留言、心理測試以及查看系統(tǒng)通知等功能。后臺管理員要實(shí)現(xiàn)的功能包括對新聞文章、心理測試、評論、通知等的管理。同時,保證用戶信息隱私,網(wǎng)站能正確、安全地運(yùn)行。

(2)性能需求。在運(yùn)行期間必須保證網(wǎng)站是可正常使用的,如給定時間范圍來更新、維護(hù)系統(tǒng),其他時間網(wǎng)站則正常運(yùn)行。網(wǎng)站必須能夠快速響應(yīng)操作人員的需求,及時完成信息的傳遞,且保證在傳遞大量信息時不會出現(xiàn)卡頓、死機(jī)等現(xiàn)象。當(dāng)前端用戶或者后臺管理員操作不當(dāng)時,系統(tǒng)能發(fā)出錯誤預(yù)警,并給出正確的操作提示。例如:當(dāng)用戶輸入密碼的賬號錯誤時,提示“賬號或密碼輸入錯誤”。此外,網(wǎng)站占用內(nèi)存不宜過大,以免影響其他軟件運(yùn)行。

1.2 系統(tǒng)流程

(1)登錄。登錄分為前端登錄和后臺登錄。普通用戶在前端登錄,管理員在后臺登錄,兩者的登錄流程均可用如圖1所示的登錄流程圖表示。

圖1 登錄流程圖Fig.1 Sign-in flow chart

(2)數(shù)據(jù)處理。用戶登陸后在前端或者后臺進(jìn)行功能操作。系統(tǒng)會自動識別該用戶的權(quán)限,如果用戶擁有讀取操作權(quán)限,則請求被成功處理,否則不予處理。網(wǎng)站數(shù)據(jù)讀取操作流程如圖2(a)所示。當(dāng)用戶登錄網(wǎng)站前端進(jìn)行注冊、評價、留言等操作時,以及后臺管理員添加新聞文章、發(fā)布通知、測試等操作時,數(shù)據(jù)會被錄入到數(shù)據(jù)庫,此過程給中的數(shù)據(jù)存儲流程如圖2(b)所示。

圖2 數(shù)據(jù)讀取及存儲流程圖Fig.2 Data extraction and storage flow chart

2 網(wǎng)站設(shè)計(jì)

在設(shè)計(jì)過程中,功能結(jié)構(gòu)設(shè)計(jì)和數(shù)據(jù)庫設(shè)計(jì)尤為關(guān)鍵和重要。

2.1 功能結(jié)構(gòu)設(shè)計(jì)

本網(wǎng)站功能可為兩大模塊:后臺的管理員管理模塊和前端的用戶操作模塊:

(1)管理員使用的功能包括:登錄、文章管理、留言管理、評論管理、通知管理、用戶信息管理、測試管理以及滾動屏管理。管理員用例圖如圖3(a)所示。

圖3 大學(xué)生心理健康網(wǎng)站用戶用例圖Fig.3 College student mental health website user case chart

(2)用戶使用的功能包括:注冊、登錄、修改個人信息、修改密碼、心理測試、瀏覽文章、評論留言、點(diǎn)贊收藏。用戶用例圖如圖3(b)所示。

2.2 數(shù)據(jù)庫設(shè)計(jì)

概念結(jié)構(gòu)設(shè)計(jì)是將需求分析的結(jié)果抽象為概念模型的過程,是數(shù)據(jù)庫設(shè)計(jì)的關(guān)鍵[13]。E-R模型是描述概念模型的重要工具。大學(xué)生心理健康網(wǎng)站的E-R圖的實(shí)體包括新聞文章、評論、測試、通知、用戶和管理員,具體如圖4所示。確定實(shí)體與實(shí)體、實(shí)體與屬性之間的聯(lián)系,可以方便構(gòu)建相應(yīng)的數(shù)據(jù)庫表。

圖4 大學(xué)生心理健康網(wǎng)站E-R圖Fig.4 College student nental health website E-R chart

數(shù)據(jù)庫表的設(shè)計(jì)是實(shí)現(xiàn)前端用戶各種功能以及后臺管理功能的重要環(huán)節(jié)。大學(xué)生心理健康網(wǎng)的管理系統(tǒng)包含很多數(shù)據(jù)庫表,包括用戶登錄信息表、留言表、通知表、文章信息表、滾動屏表等。

3 系統(tǒng)實(shí)現(xiàn)

3.1 網(wǎng)站前端

(1)首頁。用戶登陸后進(jìn)入網(wǎng)站首頁。在首頁,用戶可以看到首頁模塊、新聞區(qū)模塊、心理健康測試模塊、注冊模塊和登錄模塊。首頁設(shè)有滾動屏區(qū),其內(nèi)容每周更新一次。如圖5所示,在滾動屏下方設(shè)有精選內(nèi)容模塊,可以看到封面、文章標(biāo)題、摘要等內(nèi)容。點(diǎn)擊紅色按鍵“立即查看”即可閱覽。

圖5 精選內(nèi)容模塊Fig.5 Selected content module

(2)注冊及用戶信息修改模塊。如圖6(a)所示,在網(wǎng)站首頁點(diǎn)擊“注冊”,跳出注冊界面,用戶按照提示填寫用戶名、生日、郵箱、密碼等即可完成注冊。待管理員在后臺激活賬號,用戶即可正常登錄。此外,如圖6(b)、圖6(c)所示,用戶可以重置密碼或修改個人信息。

圖6 注冊模塊Fig.6 Sign-up module

(3)登錄模塊。登陸時只需填寫賬號和密碼。用戶輸入未經(jīng)激活的賬號或者錯誤的密碼,則會彈出錯誤提示。賬號和密碼均輸入正確方可登錄系統(tǒng)。登陸時可以點(diǎn)擊“記住我”就可以保存登陸時的賬號密碼,以便下次登錄。

(4)心理測試模塊。用戶在功能模塊中點(diǎn)擊“心理測試”可以進(jìn)行心理狀況自測。如圖7所示,用戶可以查看測試題的發(fā)布者、發(fā)布時間、所屬分類、收藏及點(diǎn)贊人數(shù)。用戶在完成測試后可得到一個估分及自我調(diào)節(jié)建議。

圖7 心理測試模塊Fig.7 Psychology test module

(5)新聞模塊。如圖8(a)所示,新聞下方顯示作者、發(fā)布時間、分類、瀏覽次數(shù)、收藏人數(shù)和點(diǎn)贊人數(shù)。用戶可以查看、評論、點(diǎn)贊及收藏?zé)狳c(diǎn)新聞。

(6)通知模塊。如圖8(b)所示,用戶點(diǎn)擊新聞用戶模塊下的“我的”,可以查看最新系統(tǒng)通知,通知消息中顯示通知時間和通知內(nèi)容。

(7)留言模塊。如圖8(c)所示,用戶可以在留言模塊“只言片語”進(jìn)行留言。其他用戶可以看到留言人的ID、留言內(nèi)容及留言時間。此外,管理員也可以回復(fù)用戶的留言。

圖8 新聞相關(guān)模塊Fig.8 News-related module

3.2 后臺管理

網(wǎng)站后臺管理主要是用于對網(wǎng)站前端的信息管理,以便前端網(wǎng)站內(nèi)容管理能夠得到及時更新和快速調(diào)整。網(wǎng)站后臺管理包括:新聞文章管理模塊、留言管理模塊、通知管理模塊、心理測試管理模塊和用戶信息管理模塊。

(1)新聞文章管理模塊。如圖9所示,管理員可以創(chuàng)建新聞文章。創(chuàng)建文章時須填寫文章標(biāo)題、標(biāo)簽以及選擇是否發(fā)布。對于優(yōu)秀文章或者熱點(diǎn)新聞可以放到首頁以便用戶快速閱覽。此外,管理員還可以刪除新聞文章。

圖9 新聞文章管理Fig.9 News article management

(2)留言管理模塊。如圖10所示,管理員可以在留言管理中查看用戶ID、留言內(nèi)容以及創(chuàng)建時間。管理員有權(quán)限刪除不當(dāng)言論。對于嚴(yán)重違規(guī)用戶,管理員可以作賬號封禁處理。

圖10 留言管理Fig.10 Comment management

(3)通知管理模塊。如圖11所示,管理員可以在通知管理模塊發(fā)布、刪除及修改通知消息。在發(fā)送通知時,管理員可以選擇給特定用戶或者所有用戶發(fā)送,默認(rèn)情況下通知對象為全體用戶。

圖11 通知管理Fig.11 Notification management

(4)心理測試管理模塊。管理員可以在內(nèi)容管理中管理心理測試內(nèi)容。管理員有權(quán)限根據(jù)反饋意見增加或者修改心理測試內(nèi)容。如圖12所示,將標(biāo)簽ID改為心理測試,選擇發(fā)布,并在下面的文本框里填入新的測試內(nèi)容就可以發(fā)布新的心理測試。

圖12 心理測試管理Fig.12 Psychology test management

(5)用戶信息管理模塊。后臺用戶信息管理模塊包含普通用戶信息管理和管理員用戶信息管理兩個模塊。管理員信息顯示的是序號、用戶名、郵箱、創(chuàng)建時間及更新時間。管理員信息管理包括信息添加、查詢、刪除等。如圖13所示,普通用戶信息顯示的是用戶ID、姓名、學(xué)號、郵箱、用戶賬號是否被激活、創(chuàng)建時間。用戶未主動激活或者發(fā)布了不良言論,賬號均會處于未激活狀態(tài)。

圖13 用戶信息管理模塊Fig.13 User information management module

4 測試分析

本網(wǎng)站的測試采用的是黑盒測試[14-15],包括網(wǎng)頁前端測試以及后臺管理功能的測試。測試結(jié)果如表1所示?？梢钥闯?網(wǎng)站各項(xiàng)功能都正常運(yùn)行,能夠?qū)崿F(xiàn)預(yù)期功能。

5 總結(jié)

針對現(xiàn)有大學(xué)生心理健康網(wǎng)站存在的互動不便、內(nèi)容更新滯后等不足,本文采用PHPStudy和MySQL搭建軟件開發(fā)設(shè)計(jì)環(huán)境,基于MVC架構(gòu)設(shè)計(jì)網(wǎng)站,開發(fā)了一款大學(xué)生心理健康網(wǎng)站。測試結(jié)果表明,網(wǎng)站運(yùn)行正常。本網(wǎng)站的不足之處是尚未實(shí)現(xiàn)與心理咨詢師的語音咨詢,此工作將會在后續(xù)研究中陸續(xù)展開。

引用

[1] 陳都河川.國內(nèi)外大學(xué)生心理健康研究現(xiàn)狀的對比以及啟示[J].教育現(xiàn)代化,2016(7):217-218.

[2] 吳漾,武俐,牛更楓,等.微信朋友圈使用對大學(xué)生抑郁的影響:負(fù)面社會比較和自我概念清晰性的作用[J].心理發(fā)展與教育,2020,36(4):486-493.

[3] 向康橋.被動性社交網(wǎng)站使用與青少年社交焦慮的關(guān)系:身體意象失調(diào)的中介效應(yīng)及其干預(yù)研究[D].武漢:華中師范大學(xué),2020.

[4] 巢傳宣.基于心理解剖的大學(xué)生自殺事件探析[J].江西社會科學(xué),2012(6):241-245.

[5] 趙玉.贛州市大學(xué)生心理壓力、積極心理資本與自殺意念的關(guān)系研究[J].醫(yī)學(xué)與社會,2019,32(7):103-106+114.

[6] Xue Han.Research on the New Mode of college students' mental Health Education under the Network Environment[J].Journal of Contemporary Educational Research,2020,4(8):79-82.

[7] 林思勤.大學(xué)生心理健康測評數(shù)據(jù)分析:基于心理網(wǎng)絡(luò)結(jié)構(gòu)視角[D].成都:西南交通大學(xué),2020.

[8] 佘艷云.基于校園大數(shù)據(jù)的高校學(xué)生心理健康問題識別算法研究[D].重慶:重慶大學(xué),2020.

[9] 祝志敏,李強(qiáng).基于Web2.0的大學(xué)生心理健康教育網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)[J].軟件導(dǎo)刊,2018,17(9):140-143.

[10] 陳漾.大學(xué)生心理健康測試系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D].廣州:廣東工業(yè)大學(xué),2017.

[11] 姜妍,雷鳴,吳柔嘉,等.高校心理健康教育的網(wǎng)絡(luò)平臺建設(shè)研究:以四川高校網(wǎng)站建設(shè)情況為例[J].2021,22(2):78-86.

[12] 盛鵬飛.高校開展網(wǎng)絡(luò)心理健康教育現(xiàn)狀的實(shí)證分析:基于對某省113所具有ICP備案高校網(wǎng)站的調(diào)查[J].安徽理工大學(xué)學(xué)報(bào)(社會科學(xué)版),2014,16(6):98-102.

[13] Ryan Stephens, Ron Plew, Arie D. Jones.SQL入門經(jīng)典[M].井中月,郝記生.譯.北京:人民郵電出版社,2011.

[14] 張喻平.黑盒測試中測試用例優(yōu)先級改進(jìn)算法分析[J].電腦知識與技術(shù),2020,16(2):91-92+98.

[15] 余慧敏,徐白,周楷林,等.動態(tài)軟件測試中的白盒測試和黑盒測試探討[J].電子測試,2018(8):58-59.