摘 要

随着近年来微信小程序基于微信庞大用户基数及其即开即用的便捷特性，其平均使用频率一直保持在一个较高的范围，契合当下互联网环境与广大群体碎片化时间利用的需求。微信小程序提供了简单高效的开发框架和丰富的组件及API，目前许多移动端游戏、网页游戏都在向微信小程序这一方向靠拢，因此将成熟的网页游戏谁是卧底移植到微信小程序上可以很好的完成对微信小程序的研究。

论文主要以微信小程序为研究对象，使用MVC模式，通过微信开发者工具进行前端开发，小程序的前端使用微信原生开发，通过WXML、WXSS、JavaScript编程语言实现。通过Java语言在Idea平台编译开发基于SSM框架的小程序后端。最终实现的谁是卧底小程序，客户端采用微信小程序，以此来完成系统的外观展示以及与用户之间的交互工作。服务端通过Java编写的后端完成对用户、游戏内活动等信息的处理计算。数据库选择MySQL，数据库的管理工具使用Navicat，前后端通过API接口进行数据交互。实现微信小程序谁是卧底游戏的构建，完成包括微信登陆、创建房间、加入房间、游戏内投票等功能。

在完成谁是卧底功能需求的基础上提高对用户的友好度，添加规则介绍按钮。同时优化界面，提高用户体验。

关键词：微信小程序；谁是卧底；Java；SSM

Abstract

In recent years, WeChat mini apps based on the huge user base of WeChat and its convenient characteristics of out of the box, its average frequency of use has been kept in a high range, which is in line with the current Internet environment and the needs of the fragmented time utilization of large groups.WeChat mini app provides a simple and efficient development framework and rich components and API. At present, many mobile games and web games are moving in the direction of WeChat mini apps. Therefore, the study on WeChat mini app can be well completed if the mature web games who are undercover are transplanted to WeChat mini app.

The thesis mainly takes the WeChat mini app as the research object, USES the MVC pattern, carries on the front end development through the WeChat developer tool, the front end of the applet USES the WeChat native development, realizes through the WXML, WXSS, JavaScript programming language.Through the Java language in the Idea platform to compile and develop small program based on the SSM framework back-end. The final realization of who is the undercover mini program ,the client USES WeChat mini app to complete the appearance display of the system and the interaction with users.The server completes the processing and calculation of users, in-game activities and other information through the back-end written in Java.MySQL is selected as the database. Navicat is used as the database management tool, and the front and rear end interact with data through API interface.WeChat small program who is the undercover game construction, complete including WeChat login, create a room, join the room, vote in the game and other functions.

On the basis of completing the requirements of who is the undercover function to improve user friendliness, add the rule introduction button.At the same time, optimize the interface to improve the user experience.

Key Words：mini apps；Who is the spy；Java；SSM

目 录

第1章 绪论 1

1.1 研究背景 1

1.2 国内外发展现状 2

1.3 研究内容 3

第2章 平台技术 4

2.1 前端技术 4

2.1.1微信开发者工具 4

2.2 SSM框架 5

2.2.1 定义 5

2.2.2 SSM框架优势 6

2.3 本章小结 6

第3章 需求分析 7

3.1 功能性需求分析 7

3.1.1 微信登录模块 7

3.1.2 搜索房间模块 7

3.1.3 创建房间模块 8

3.1.4 游戏内房间模块 8

3.2 非功能性需求分析 8

3.2.1 性能需求 8

3.2.2 安全性需求 8

3.2.3 可靠性需求 8

3.2.4 易用性需求 8

3.3 本章小结 9

第4章 系统设计 10

4.1 架构设计 10

4.2 系统功能模块设计 10

4.2.1 登录授权模块 11

4.2.2 搜索房间模块 11

4.2.3 创建房间模块 11

4.2.4 游戏内房间模块 12

4.3 数据库设计 12

4.3.1 用户表 13

4.3.2 管理员表 14

4.3.2 房间表 14

4.3.3 玩家表 14

4.3.4 惩罚表 15

4.3.5 词语表 15

4.4 接口设计 16

4.5 本章小结 17

第5章 系统实现 18

5.1 系统开发和运行环境 18

5.1.1 开发环境 18

5.1.2 运行环境 18

5.2 系统实现关键技术 18

5.2.1 OpenId授权 18

5.2.2 移动端设备适配 19

5.3 功能模块具体实现 20

5.3.1 登录授权页面 20

5.3.2 主界面 21

5.3.3 搜索房间页面 22

5.3.4 创建房间界面 24

5.3.5 游戏内房间界面 25

5.4 本章小结 26

第6章 系统测试 27

6.1 边界测试 27

6.2 兼容性测试 28

6.3 本章小结 29

第7章 总结及未来展望 30

7.1 总结 30

7.2 未来展望 30

参考文献 31

致 谢 32

第1章 绪论

本章将介绍论文的研究背景、微信小程序国内外发展现状及论文的研究内容与组织结构。

1.1 研究背景

微信小程序作为近年来移动端应用的热门，其无需下载，即开即用的服务模式令广大移动端用户有了全新的应用体验。当然很大一部分原因是基于微信庞大的用户基数以及其优秀的特性使得用户能很方便的利用零散时间进行休闲活动。据《2019微信年度数据报告》显示，微信月活跃账户数为11亿，同比去年同期增长6%。其中小程序的使用用户数为3亿。小程序打开的活跃高峰期为午饭前后和下班晚饭后，其中小游戏的打开活跃高峰时间为晚上八点，不同年龄段的人偏好的游戏类型也不同。比如青年人偏爱桌游棋牌类，青壮年喜欢经营类小游戏，老年人群体喜欢益智类的答题挑战游戏。男性用户通常更愿意分享游戏中所获取的成绩。

微信小程序火爆的背后，是其契合当下互联网环境与广大群体碎片化时间利用需求的体现。2017年末，以“跳一跳”为代表的微信小游戏在上线初期便得到了极大的好评，而后随着微信小游戏正式开放，小游戏数量已经超过7000 个，日活跃量超过1亿，市场规模达60亿，其地位已与端游，手游相媲美。人们可以随时随地的进行游戏，在空闲的几分钟，便可以进行一局游戏。相比较动则半小时以上的大型游戏来说，微信小游戏以其“省时省力”的突出特点而获得广大移动端用户的青睐。由此可以说微信小程序，是适应于当下人们生活模式的移动端应用。开发一款适合于休闲娱乐的小游戏，无疑会更加丰富人们的日常生活。