李雨 张俊

摘要：由于游戏直播的普及以及电竞产业的高速发展，为了增强电子竞技的影响力、促进电竞陪玩产业的发展。文章设计并实现了基于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—），男，四川乐山人，通信作者，助教，硕士，主要研究方向为大数据开发。