基于微信小程序的电子竞技信息交流系统

目 录

1 绪 论 1
1.1课题研究背景 1
1.2设计原则 1
1.3研究内容 2
2系统关键技术 3
2.1 微信小程序 3
2.2微信Web开发者工具 3
2.3微信小程序API接口 3
2.4 WXML 、WXS、JS小程序编写语言 3
2.5 MYSQL数据库 4
3系统分析 5
3.1可行性分析 5
3.1.1 技术可行性 5
3.1.2经济可行性 5
3.1.3操作可行性 5
3.1.4法律可行性 5
3.2系统性能分析 6
3.3 系统功能分析 6
3.4用户体验需求分析 6
3.5系统流程分析 7
3.5.1注册流程 7
3.5.2登录流程 7
3.5.3添加留言流程 8
4系统设计 9
4.1系统设计要求 9
4.2系统开发流程设计 9
4.3系统结构设计 9
4.4数据库设计 10
4.4.1数据库E-R图设计 10
4.4.2数据库表设计 12
5 系统的实现 16
5.1 注册界面的实现 16
5.2 登录界面的实现 16
5.3 首页界面的实现 17
5.4 英雄界面的实现 18
5.5 比赛界面的实现 19
5.6 选手界面的实现 20
5.7 留言板界面的实现 21
6系统测试 23
6.1测试定义 23
6.2测试方法 23
6.3测试方案 23
6.4测试结论 24
7结论 25
参考文献 26
谢 辞 27

1 系统设计

4.1系统设计要求
（1）可用性。目标系统功能齐全，能够完全满足用户需求。
（2）可靠性。能连续准确的处理业务，有较强的容错能力。
（3）保密性。保证系统的物理安全、数据存储和存取的安全与保密、数据传输的安全与保密，做好使用人员的授权管理。
（4）可理解性。用户容易理解和使用该系统。
（5）可维护性和适应性。系统应易于修改、易于扩充、易于维护，能够适应业务不断发展变化的需要。
4.2系统开发流程设计
在开发本基于微信小程序的电子竞技信息交流平台时，首先进行需求分析，进而对系统进行总体的设计规划，设计系统功能模块，数据库的选择等，本系统的开发流程如图4-1所示

图4-1 系统开发流程图
4.3系统结构设计
系统的设计和划分是系统的核心研究问题，以确定整体结构和功能模块。该系统的结构化设计的思想，是自顶向下的方式将系统分成若干个子系统，以及反过来的子系统分成模块，其被划分成子模块，层划分各计算机可执行模块可迄今用作一个单独的程序。
本基于微信小程序的电子竞技信息交流平台结构图如图4-2所示。

图4-2 系统功能模块图
4.4数据库设计
一个好的数据库可以关系到程序开发的优劣，数据库设计离不开表结构的设计，还有表与表之间的联系，以及系统开发需要设计的数据表内容等信息。在进行数据库设计期间，还是需要多花时间进行考虑，最终设计出配套程序的数据库出来。
4.4.1数据库E-R图设计
本基于微信小程序的电子竞技信息交流平台采用的是MYSQL数据库，数据存储快，因为电子竞技信息交流平台，主要的就是对信息的管理，信息内容比较多，这就需要好好的设计一个好的数据库，分类要清楚，不能添加信息的时候，造成信息太过混乱，设计好的数据库首先就需要先把各个实体之间的关系表达明确，下面我们用E-R图来具体表示。
E-R图是一种描述显示数据类型间的关系的数据描述方法，E-R图可以完整地映射出现实模型的关系。E-R图中的三个最为重要的元素就是实体、属性、关系。E-R图即由这三点组成。本基于微信小程序的电子竞技信息交流平台的E-R图如下所示：
1、比赛信息实体E-R图如图4-3所示：

图4-3 比赛信息实体的E-R图
2、留言板信息实体E-R图如图4-4所示：

图4-4 留言板信息实体E-R图
3、游戏资讯信息实体图如图4-5所示。

图4-5 游戏资讯信息实体E-R图
4、收藏信息实体图如图4-6所示。

图4-6 收藏信息实体E-R图
5、选手信息实体图如图4-7所示。

图4-7 选手信息实体E-R图
6、英雄信息实体图如图4-8所示。

图4-8 英雄信息实体E-R图
4.4.2数据库表设计
本基于微信小程序的电子竞技信息交流平台采用MYSQL数据库，数据库的功能主要是存储网站中所有数据，以便进行操作。关于数据库中的数据表如下：
表 4-1 bisai比赛信息表
列名 数据类型 长度 允许空 说明
id bigint 20 否 编号
addtime timestamp 是 创建时间
zhanduimingcheng varchar 200 是 战队名称
saiqu varchar 200 是 赛区
zhanduijieshao varchar 200 是 战队介绍
duibiaozhaopian` varchar 200 是 队标照片
zhanduichengyuan longtext 是 战队成员
zhanduishuju longtext 是 战队数据
jinqibisai longtext 是 近期比赛’
thumbsupnum int 11 是 赞数
crazilynum int 11 是 踩数

表 4-2 messages留言板信息表
列名 数据类型 长度 允许空 说明
id bigint 20 否 编号
addtime timestamp 是 创建时间
userid varchar 200 是 留言人编号
username varchar 200 是 用户名
content longtext 是 留言内容
reply longtext 是 回复内容

表 4-3 news游戏资讯信息表
列名 数据类型 长度 允许空 说明
id bigint 20 否 编号
addtime timestamp 是 创建时间
title varchar 200 是 标题
introduction longtext 是 简介
picture varchar 200 是 图片
content longtext 是 内容

表 4-4 storeup收藏信息表
列名 数据类型 长度 允许空 说明
id bigint 20 否 编号
addtime timestamp 是 创建时间
userid bigint 20 是 用户编号
refid` bigint 20 是 收藏编号
tablename varchar 200 是 表名
name varchar 200 是 收藏名称
picture varchar 200 是 收藏图片

表 4-5 xuansho选手信息表
列名 数据类型 长度 允许空 说明
id bigint 20 否 编号
addtime timestamp 是 创建时间
mingcheng varchar 200 是 名称
suoshuzhandui varchar 200 是 所属战队
zhaopian varchar 200 是 照片
dangqianduanwei varchar 200 是 当前段位
dangqianfenshu int 11 是 当前分数
jinqibisaijilu longtext 是 近期比赛记录
xiangqing longtext 是 详情
thumbsupnum int 11 是 赞数
crazilynum int 11 是 踩数

表 4-6 yingxiong英雄信息表
列名 数据类型 长度 允许空 说明
id bigint 20 否 编号
addtime timestamp 是 创建时间
yingxiongmingcheng varchar 200 是 英雄名称
zhenming` varchar 200 是 真名
leixing varchar 200 是 类型
zhaopian varchar 200 是 照片
jinengjieshao longtext 是 技能介绍
beijingjieshao longtext 是 背景介绍
yingxiongjiqiao longtext 是 英雄技巧
thumbsupnum int 11 是 赞数
crazilynum int 11 是 踩数

2 系统的实现

5.1 注册界面的实现
没有账号的用户可进入注册界面进行注册操作，用户注册界面的运行效果如图5-1所示.

图5-1 用户注册界面
5.2 登录界面的实现
用户在登录界面可输入用户名和密码进行登录系统，系统登录界面的运行效果如图5-2所示.

图5-2 系统登录界面
5.3 首页界面的实现
用户进入首页界面可查看游戏资讯信息，首页界面如图5-3所示。

图5-3 首页界面
5.4 英雄界面的实现
用户在英雄界面可查看所有英雄信息，并可选择查看详情，英雄界面展示如图5-4所示。

图5-4 英雄界面
5.5 比赛界面的实现
用户在比赛界面可通过战队名称快速查询比赛信息，并可选择查看详情，比赛界面如图5-5所示。

图5-5 比赛界面
5.6 选手界面的实现
用户在选手界面可查看所有选手信息，并可选择查看详情，选手界面如图5-6所示。

图5-6 选手界面
5.7 留言板界面的实现
用户可进入留言板界面进行发表留言，留言板界面展示如图5-7所示。

图5-7 留言板界面