基于web的電競陪玩系統(tǒng)的設(shè)計與實現(xiàn)

李雨 張俊

摘要：由于游戲直播的普及以及電競產(chǎn)業(yè)的高速發(fā)展，為了增強(qiáng)電子競技的影響力、促進(jìn)電競陪玩產(chǎn)業(yè)的發(fā)展。文章設(shè)計并實現(xiàn)了基于web的電競陪玩社交系統(tǒng)。該系統(tǒng)使用SSM框架，采用大數(shù)據(jù)分析、FastDFS文件存儲、異步信息傳輸?shù)燃夹g(shù)，實現(xiàn)了綜合商城、充值下單、動態(tài)廣場、陪玩服務(wù)、電競直播等功能。

關(guān)鍵詞： WEB;SSM框架;電競直播;網(wǎng)站設(shè)計;JSP

中圖分類號：TP311.5 ? ? ? ?文獻(xiàn)標(biāo)識碼：A

文章編號：1009-3044（2022）05-0064-02

1 研究背景

隨著游戲直播的普及與電競產(chǎn)業(yè)的高速發(fā)展，平臺應(yīng)滿足用戶們的需求：在觀看直播中學(xué)習(xí)游戲技巧，可與主播互動聊天和用戶下單陪玩等功能。因為電競陪玩產(chǎn)業(yè)起步較晚，行業(yè)發(fā)展尚不成熟，因此著力建設(shè)開發(fā)一款基于web的電競陪玩社交系統(tǒng)能極好地滿足用戶的游戲體驗與娛樂消費(fèi)需求。大力宣傳電競行業(yè)優(yōu)越的資源，為廣大的電競用戶提供快捷的電競信息服務(wù)，進(jìn)而促進(jìn)電競行業(yè)與直播行業(yè)信息一體化建設(shè)，對其發(fā)展決策提供參考數(shù)據(jù)，刺激電競經(jīng)濟(jì)的發(fā)展[1]。

2 系統(tǒng)關(guān)鍵技術(shù)

2.1 JSP 技術(shù)

JSP動態(tài)技術(shù)是一種網(wǎng)絡(luò)動態(tài)管理網(wǎng)頁的訪問技術(shù)，JSP設(shè)計的目的在于更加方便在JSP中編寫靜態(tài)HTML，不必每一行HTML代碼都用println語句輸出[2]。

2.2 SSM 框架

SSM框架集由三個開放源代碼框架集成：Spring，SpringMVC和MyBatis。Spring是用于測試驅(qū)動工程理想的framework。pringMVC核心是Servlet DispatcherServlet，Spring主要通過DispatcherServlet實現(xiàn)了Servlet。MyBatis是一個持久層框架，MyBatis的操作圍繞一個SQLSessionFactory實例進(jìn)行，MyBatis可以使用巨大的磁盤空間存儲相當(dāng)量的數(shù)據(jù)[3]。

2.3 MySQL數(shù)據(jù)庫體系

MySQL是由微軟公司設(shè)計開發(fā)的數(shù)據(jù)庫信息管理系統(tǒng)，廣泛應(yīng)用于Web上的數(shù)據(jù)存儲。MySQL具有免費(fèi)、對中型以上系統(tǒng)性能優(yōu)越、系統(tǒng)較小、用戶易操作等眾多特點與優(yōu)勢。

3 系統(tǒng)需求分析

基于web的電競陪玩社交系統(tǒng)主要是為游戲用戶提供陪玩下單、電競直播、游戲分類、添加好友等功能。

3.1 功能性需求

1）分類分區(qū)：在主頁中設(shè)置分區(qū)功能，并將LOL、王者榮耀、第五人格等游戲分別設(shè)置到不同模塊中，讓用戶可以選擇自己喜歡的游戲。

2）個人中心：申請通過平臺認(rèn)證審核后成為主播，主播可以在線接單陪玩。直播能夠查看收到的禮物、紅包、接單記錄等。用戶能在個人中心查看自己的下單記錄消息。

3）充值下單：用戶可以通過購買平臺虛擬貨幣，進(jìn)入陪玩信息界面，然后查看陪玩信息并下單。

4）電競直播：提供電競賽事直播，主播可在直播平臺收到用戶打賞。

5）游戲陪玩服務(wù)：用戶們可以通過游戲陪玩的功能區(qū)找到其他可以和自己一起玩游戲的用戶，當(dāng)然也可以發(fā)布陪玩服務(wù)，找到其他有同樣需求的用戶，然后可以一起玩游戲。

3.2 非功能性需求

1）友好性：系統(tǒng)頁面美觀友好，用戶操作簡單方便，用戶使用門檻低。

2）安全性：保障用戶登錄及后臺數(shù)據(jù)安全，防止數(shù)據(jù)信息被竊取或修改，確保系統(tǒng)的安全性。

3）完整性：用戶訂單數(shù)據(jù)要確保其完整性。

4 系統(tǒng)主要功能模塊設(shè)計

4.1 分類分區(qū)

對于陪玩平臺來說，大型游戲的忠實用戶都是其潛在用戶，但對于用戶來說，除了自己喜愛的游戲外，其他游戲并不重要。因此，平臺一方面要接納不同游戲的用戶，另一方面也要區(qū)分他們。在構(gòu)建分類分區(qū)版塊時，讓用戶可以根據(jù)自己的喜好來進(jìn)行選擇游戲[4]。分類導(dǎo)航欄關(guān)鍵代碼及實現(xiàn)圖如圖1所示。

function on change（i） {

childSort = document.all（"child" + i）;

if（childSort.style.display == "none"）{

childSort.style.display="";}else{ childSort.style.display="none";}

}

4.2 個人中心

個人中心版塊中最主要的是申請成為主播，通過平臺認(rèn)證審核后，主播才可以在線接單陪玩。主播需要查看收到的禮物、紅包、接單記錄等。用戶需要在個人中心查看自己的下單記錄消息，構(gòu)建個人中心板塊使用戶能夠更好地管理與查看自己的信息。個人中心關(guān)鍵代碼和實現(xiàn)圖如圖2所示。

page（{order： function（e） {

wx.navigateTo（{url： ‘/pages/order/order’，}） }}）

4.3 充值下單

用戶如果需要陪玩服務(wù)，可以通過購買平臺的虛擬貨幣，下單電競陪玩服務(wù)。充值下單關(guān)鍵代碼和實現(xiàn)圖如圖3所示。

function get（index） {

var count = document.getElementById（"count"）;

if（index == 1） { money = 60; } else if（index == 2） { money = 300; } else

if（index == 3） { money = 600; } else if（index == 4） { money = 1000; } else

if（index == 5） { money = 2000; } else if（index == 6） { money = 6000; } else

{ money = 10; }count.value = money; ? ?}

4.4 電競直播

用戶可以在平臺中觀看電競直播，或者可以自己進(jìn)行電競直播。電競直播關(guān)鍵代碼和實現(xiàn)圖如圖4所示。

rtmp{server {listen 1935;

application live {live on; record off; allow play all;} } }

5 結(jié)束語

目前，SSM框架是網(wǎng)站開發(fā)的常用框架，借助FastDFS文件存儲、異步信息傳輸?shù)燃夹g(shù)，能夠有效地應(yīng)對網(wǎng)絡(luò)流量的沖擊，提供良好的文件存儲服務(wù)。文章構(gòu)建了電競陪玩社交網(wǎng)站，能夠促進(jìn)電競產(chǎn)業(yè)的發(fā)展，增強(qiáng)電競的知名度[5]。

參考文獻(xiàn)：

[1] 梁弼，張紫桂，熊倫.一種輕量級的多層Web應(yīng)用架構(gòu)研究及使用[J].陜西科技大學(xué)學(xué)報，2020，38（4）：166-171.

[2] 高祝宇，韓頌雨，楊明，等.基于Spring MVC的氣象預(yù)警信息Web系統(tǒng)設(shè)計與實現(xiàn)[J].計算機(jī)與網(wǎng)絡(luò)，2020，46（12）：61-63.

[3] 宋清卿.前后端分離Web系統(tǒng)下一種訪問控制方法的設(shè)計與實現(xiàn)[J].計算機(jī)時代，2020（5）：23-26.

[4] 代小艷.基于Web系統(tǒng)下高校日語教師個人知識管理系統(tǒng)的構(gòu)建與開發(fā)[J].自動化技術(shù)與應(yīng)用，2020，39（4）：46-48，65.

[5] 廖西.基于SSH2框架的Web系統(tǒng)綜合研究[J].計算機(jī)產(chǎn)品與流通，2020（4）：146.

【通聯(lián)編輯：代影】

收稿日期：2021-05-26

基金項目：攀枝花學(xué)院大學(xué)生創(chuàng)新創(chuàng)業(yè)訓(xùn)練計劃項目（項目編號：2020cxcy072）

作者簡介：李雨（2000—），男，四川南充人，學(xué)士，主要研究方向為軟件工程;張?。?993—），男，四川樂山人，通信作者，助教，碩士，主要研究方向為大數(shù)據(jù)開發(fā)。