基于web的電競陪玩系統的設計與實現

李雨 張俊

摘要：由于游戲直播的普及以及電競產業的高速發展，為了增強電子競技的影響力、促進電競陪玩產業的發展。文章設計并實現了基于web的電競陪玩社交系統。該系統使用SSM框架，采用大數據分析、FastDFS文件存儲、異步信息傳輸等技術，實現了綜合商城、充值下單、動態廣場、陪玩服務、電競直播等功能。

關鍵詞： WEB;SSM框架;電競直播;網站設計;JSP

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

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

1 研究背景

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

2 系統關鍵技術

2.1 JSP 技術

JSP動態技術是一種網絡動態管理網頁的訪問技術，JSP設計的目的在于更加方便在JSP中編寫靜態HTML，不必每一行HTML代碼都用println語句輸出[2]。

2.2 SSM 框架

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

2.3 MySQL數據庫體系

MySQL是由微軟公司設計開發的數據庫信息管理系統，廣泛應用于Web上的數據存儲。MySQL具有免費、對中型以上系統性能優越、系統較小、用戶易操作等眾多特點與優勢。

3 系統需求分析

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

3.1 功能性需求

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

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

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

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

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

3.2 非功能性需求

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

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

3）完整性：用戶訂單數據要確保其完整性。

4 系統主要功能模塊設計

4.1 分類分區

對于陪玩平臺來說，大型游戲的忠實用戶都是其潛在用戶，但對于用戶來說，除了自己喜愛的游戲外，其他游戲并不重要。因此，平臺一方面要接納不同游戲的用戶，另一方面也要區分他們。在構建分類分區版塊時，讓用戶可以根據自己的喜好來進行選擇游戲[4]。分類導航欄關鍵代碼及實現圖如圖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 個人中心

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

page（{order： function（e） {

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

4.3 充值下單

用戶如果需要陪玩服務，可以通過購買平臺的虛擬貨幣，下單電競陪玩服務。充值下單關鍵代碼和實現圖如圖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 電競直播

用戶可以在平臺中觀看電競直播，或者可以自己進行電競直播。電競直播關鍵代碼和實現圖如圖4所示。

rtmp{server {listen 1935;

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

5 結束語

目前，SSM框架是網站開發的常用框架，借助FastDFS文件存儲、異步信息傳輸等技術，能夠有效地應對網絡流量的沖擊，提供良好的文件存儲服務。文章構建了電競陪玩社交網站，能夠促進電競產業的發展，增強電競的知名度[5]。

參考文獻：

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

[2] 高祝宇，韓頌雨，楊明，等.基于Spring MVC的氣象預警信息Web系統設計與實現[J].計算機與網絡，2020，46（12）：61-63.

[3] 宋清卿.前后端分離Web系統下一種訪問控制方法的設計與實現[J].計算機時代，2020（5）：23-26.

[4] 代小艷.基于Web系統下高校日語教師個人知識管理系統的構建與開發[J].自動化技術與應用，2020，39（4）：46-48，65.

[5] 廖西.基于SSH2框架的Web系統綜合研究[J].計算機產品與流通，2020（4）：146.

【通聯編輯：代影】

收稿日期：2021-05-26

基金項目：攀枝花學院大學生創新創業訓練計劃項目（項目編號：2020cxcy072）

作者簡介：李雨（2000—），男，四川南充人，學士，主要研究方向為軟件工程;張俊（1993—），男，四川樂山人，通信作者，助教，碩士，主要研究方向為大數據開發。