基于小程序实现背单词单词对战程序设计源码分享

# 单词天天斗程序源码解析 该项目已经完全使用 typescript 重构，优化所有代码，精简无用功能，修复兼容最新的微信 API，新版本代码库：[https://github.com/arleyGuoLei/wechat-app-words-pk](https://github.com/arleyGuoLei/wechat-app-words-pk) 该项目已经完全使用 typescript 重构，优化所有代码，精简无用功能，修复兼容最新的微信 API，新版本代码库：[https://github.com/arleyGuoLei/wechat-app-words-pk](https://github.com/arleyGuoLei/wechat-app-words-pk) 该项目已经完全使用 typescript 重构，优化所有代码，精简无用功能，修复兼容最新的微信 API，新版本代码库：[https://github.com/arleyGuoLei/wechat-app-words-pk](https://github.com/arleyGuoLei/wechat-app-words-pk) 最新版本的部署文档点我：[http://words-pk-deploy.i7xy.cn/](http://words-pk-deploy.i7xy.cn/) --- ## 下面 👇🏻 为该仓库的文档，建议直接使用 👆🏻 的代码，文档更加完善，功能更加稳定 > 基于“微信小程序” + “云开发”实现的单词对战小程序，支持**好友对战**、**随机匹配**、**人机对战**三种对战的形式，含四级核心词、四级大纲词、六级核心词、六级大纲词、考研真题核心词、考研大纲词、小学必备词、中考大纲词、高考大纲词、雅思大纲词、商务词汇等多种单词书。 **该项目适用于**： - **毕业设计**：文档齐全、难度合适、技术广度大、业务闭环，含项目解析教程；使用微信小程序云开发，无需搭建服务器/环境等，无后序成本；注意项目上手需要的基础包含：`HTML`、`CSS`、`JavaScript`，另外需要看一下[微信小程序开发者文档](https://developers.weixin.qq.com/miniprogram/dev/framework/) - **运营恰饭**: 小程序日UV1000，即可日收入100 (微信广告收入)；项目业务闭环，可以自己开发更多功能；裂变模式丰富，好友对战、提示卡、挑战模式群分享等。云开发有一定免费额度，恰小饭无其他服务器成本 ~ 不错的副业项目 - **学习小程序**：代码封装性强，使用了微信小程序常用API，小程序云开发上手；文档齐全 ## 在线体验  ## UI截图          ### 需求概述  ### 单词对战模式 #### 对战业务需求解析 单词对战的游戏核心为：**随机生成**一定数量的单词列表的单选题类型题目，题目文本为该单词，有 4 个随机中文释义的选项，其中仅有一个为正确释义，双方用户一起选择释义，正确率高且速度快的用户获得对战胜利。 单词对战游戏分为**好友对战**、**随机匹配**、**人机对战**三种对战的形式，均通过上述游戏核心的方式进行对战。 #### 对战设置 用户还可以对以下对战信息进行自定义设置 - 对战的单词书，用户可以选择自己想要背诵的**单词类型**，包含四级核心词、四级大纲词、六级核心词、六级大纲词、考研真题核心词、考研大纲词、小学必备词、中考大纲词、高考大纲词、雅思大纲词、商务词汇等多种单词书，亦可以选择随机单词书模式，则将从所有的单词中进行随机抽取； - 设置每一局**对战的单词数目**为以下任意一种：8、 10(默认)、 12、 15、 20 - 设置切换下一题是否自动播放**单词发音** - 设置错词是否加入到**生词本** - 开始和错词的时候是否**震动** - 设置默认是否播放**背景音乐**，游戏中也可以随时关闭/开启背景音乐 #### 其他细节优化 - 加入`正在对战过程中`、`对战已结束`、`房间已满`等非正常类型房间，做出相应的交互提示，然后跳转至首页 - 在对战过程中任意用户**退出游戏**或掉线，则结束本局游戏，进行对战结算 - 对战结束后，房主可以选择**再来一局**，当房主创建好再来一局的房间后，另外一个用户可以选择再来一局，加入继续对战 - 在对战过程中，选择错误的单词或使用**提示卡**选择的单词，自动加入到用户**生词本**，用户可以在生词本中进行复习 - 加入**倒计时机制**，每一个单词的对战周期为 10s，超时则判断为错选 #### 完整对战流程图  ### 词汇挑战模式 #### 词汇挑战模式业务解析 词汇挑战的核心为：获取随机的一个单词作为单选题题目文本，包含四个中文释义选项，其中一个为正确答案，选择错误则失败，选择正确再获取随机单词，循环下去。 #### 挑战复活机制 在词汇挑战的过程中，如果选择错误，可以有两次**复活**机会 - 首次复活：通过**分享小程序**获得复活机会 - 第二次复活：通过观看一个 15s 之内的**广告**获得复活机会 - 当第三次选择错误，显示**再来一局**，从零开始记录分数 #### 其他 - 词汇挑战每正确一个词，得分增加 100 分 - 当挑战失败的时候，如果挑战分数高于历史最高分数，则修改历史最高分数为当前分数，用于排行榜排行 - 可以使用提示卡进行选择 #### 完整挑战流程图  ### 其他功能 #### 生词本 - 用户可以在生词本中查看在单词对战模式、词汇挑战模式中选择错误的单词 - 可以查看单词及单词释义、播放单词发音、删词生词 - 在设置中可以一键清空所有生词 #### 学习打卡 - 当在单词对战模式中，当天对战局数超过 5 局且胜利局数超过 2 局，则打卡成功 - 可以在在打卡页面查看当日进度，可以查看历史的打卡日历 #### 排行榜 - 排行榜包含词力值、词汇挑战分数、签到天数等排名信息 - 每类排行版显示前 20 名的排名头像和昵称以及分数 - 显示自己当前类目下的排名以及分数 #### 用户相关 - 数据库应记录的用户数据包含：昵称、头像、对战局数、胜利局数、选择的单词本、词力值 - 词力值机制：在单词对战模式、单词挑战模式中，每局对战都可以获得相应的词力值分数，作为用户的经验值 #### 其他 - 建议反馈：用户可以在小程序中，反馈意见，然后再后台可以查看用户留言 - 打赏作者：用户可以在小程序中，通过扫码的形式，对小程序进行打赏 - 小程序友情链接：可通过当前小程序跳转至作者的其他小程序中 - 小程序中加入部分广告，不影响用户体验 ## 团队组成 整个项目的**产品方案**、**UI 设计**、**开发**、**测试**、**上线运营**等皆一个人**独立完成**。 ## 技术方案 ### 设计 设置使用**sketch**完成，设计稿上传至`蓝湖`，作为数据标注。 #### 蓝湖链接 链接：[https://lanhuapp.com/url/qe2Dl](https://lanhuapp.com/url/qe2Dl) 密码: ydIX #### 设计图源文件     下载链接: [https://pan.baidu.com/s/1KsZjvlTUbtyYFDcVCy91lg](https://pan.baidu.com/s/1KsZjvlTUbty