看图猜成语游戏项目：小程序、管理后台与 Node.js 服务端

看图猜成语是一个将图片解谜与成语知识结合的休闲益智游戏项目，由玩家端、管理后台和服务端三部分组成。玩家根据图片中的线索选字猜成语，运营人员通过后台维护成语资料和关卡内容，服务端负责数据存储、关卡分发、进度记录与排行榜查询。

项目介绍

一张图片，可能藏着一个熟悉的成语，也可能带来一个意想不到的答案。游戏以“看图、联想、选字”为主要玩法，让玩家通过观察画面、理解线索和组合汉字完成挑战。

项目提供关卡列表、进度记录、提示和排行榜等功能。既可以沿着关卡逐步挑战，也可以回看已经解锁的关卡，在轻松的游戏过程中检验和积累自己的成语储备。答对后，还可以阅读成语解释、出处和示例。

对于内容维护，项目配套了成语字典管理、图片关卡管理和用户答题记录管理。关卡图片与成语知识分别维护，通过成语名称关联，方便持续补充题目和完善释义。

项目组成

组成	对应目录	主要用途
玩家端	idiom_game_miniapp	展示题目、选字答题、查看成语释义、关卡进度与排行榜
管理后台	admin/src/views/idiom	维护成语字典、图片关卡，查询和管理用户答题记录
服务端	server/app 下的 idiom 相关模块	提供管理接口与玩家接口，处理关卡、字典和进度数据

玩家端功能

看图选字，猜出四字成语

每道题目以图片作为线索，配合候选汉字供玩家选择。选中的汉字会依次填入答案位置，也可以取消选择、重新组合，直到找出正确答案。

逐关挑战，记录游戏进度

游戏展示当前关卡和已闯关数量，并提供关卡列表，方便查看关卡解锁情况、进入已解锁关卡或重新挑战。

答题之后，了解成语知识

答对题目后，游戏会展示对应成语的解释、出处与示例。玩家不仅能知道“答案是什么”，还能进一步理解这个成语的意思和使用场景。

提示辅助，帮助寻找思路

遇到暂时没有思路的题目时，可以使用提示功能，辅助补全答案。部分辅助交互涉及游戏金币或激励视频。

排行榜与分享

排行榜展示靠前玩家的闯关成绩，增加挑战的趣味。游戏也提供分享入口，方便把题目分享出去，一起讨论图片中的成语线索。

玩法说明

1. 进入游戏，开始当前关卡。
2. 观察图片中的人物、物品、动作或文字线索。
3. 从候选汉字中选择四个字，组成你认为正确的成语。
4. 答对后阅读成语解释、出处和示例，再继续下一关。

管理后台功能

管理后台采用表格列表和弹窗表单组织成语业务，方便运营人员维护内容、查询记录。

成语字典管理

用于维护游戏答题后展示的成语知识，支持新增、编辑、查询和删除。

• 维护成语名称、拼音、中文释义、历史典故与用法示例。
• 按成语名称搜索，并按创建时间、更新时间筛选。
• 分页浏览成语资料，查看内容及维护时间。

图片关卡管理

用于维护题目图片、答案和关卡顺序，支持新增、编辑、查询和删除。

• 配置成语名称和同义词成语字段。
• 通过素材选择器设置原图与压缩图，并在列表中预览图片。
• 设置关卡排序，维护“下架、通过、审核中”等状态。
• 按成语名称、状态和时间范围筛选关卡。

用户答题记录管理

用于查看玩家的总进度和单关记录，帮助了解玩家闯关情况。

• 按应用渠道、用户 ID、记录类型、成语名称和时间范围查询。
• 查看记录所属渠道、游戏关卡、通关状态和创建、更新时间。
• 区分总记录与关卡记录，并支持删除记录。

管理操作权限

成语模块的新增、编辑和删除等按钮接入了后台的权限指令，可随管理账号的权限配置控制操作入口。

服务端功能

服务端基于 Node.js 与 Egg.js 开发，使用 Sequelize 与 MySQL 管理数据。成语业务划分为关卡、字典和用户记录三个模块，分别提供管理后台接口和玩家端接口。

关卡数据与题目分发

为后台提供关卡增删改查，为玩家端提供分页关卡列表和单关详情。获取题目时，服务端会关联对应成语的字典资料，并生成随机干扰字，供玩家端组合成候选字区域。

成语知识查询

统一存储成语、拼音、释义、典故和示例。玩家端读取关卡时一并获得相关资料，用于答对后的知识展示；后台可以独立更新这些资料。

用户进度与通关记录

记录用户总进度及单关通关情况，首次获取进度时创建初始记录。接收玩家端的通关上报后，更新单关状态和相应总进度，并提供进度查询与重置接口。关卡列表结合用户记录返回解锁情况。

排行榜与应用渠道

排行榜按用户所在应用渠道查询总记录，默认按关卡进度降序排列，并关联玩家昵称、头像等展示信息。用户记录包含应用标识与用户标识，后台也可以按应用渠道筛选记录。

核心数据模块

数据模块	主要内容	作用
成语字典	成语、拼音、释义、典故、示例	提供题目对应的知识内容
图片关卡	成语名称、同义词字段、原图、压缩图、排序、状态	组织游戏题目和关卡顺序
用户记录	应用标识、用户、记录类型、关卡、通关状态	保存总进度与单关记录，支撑关卡展示和排行

三部分如何配合

1. 运营人员在管理后台录入成语知识，配置图片关卡与顺序。
2. 管理后台调用服务端接口，将资料写入数据库。
3. 玩家端请求题目，服务端返回图片、成语资料与随机干扰字。
4. 玩家完成答题后，客户端上报通关，服务端更新对应记录。
5. 玩家端查询进度与排行，管理后台查询答题记录，使用同一套业务数据。

项目特点

• 玩法直观：围绕图片和汉字展开，容易理解和上手。
• 边玩边积累：将猜词挑战与成语释义结合，增加知识趣味。
• 适合碎片时间：以单个关卡为单位，可以随时开始一段简短挑战。
• 进度清晰：通过关卡记录和排行榜，直观看到自己的挑战成果。
• 轻松的视觉风格：采用卡通图案、自然背景和木质题框，营造休闲的游戏氛围。
• 内容可维护：配套字典与图片关卡管理页面，方便补充题目和更新知识内容。
• 前后端分工清晰：玩家端负责交互，后台负责运营，服务端负责业务处理与数据存储。

适合哪些人

喜欢看图猜词、文字解谜和成语知识的用户，都可以通过这款游戏挑战自己的观察力与联想能力。它也适合在休闲时间独自闯关，或与朋友、家人一起讨论答案。

对于开发者和项目运营者，这套项目也提供了图片猜词类游戏的实现参考，覆盖玩家交互、内容维护、用户记录和接口开发等环节。

技术实现

层级	技术与组织方式
玩家端	uni-app、Vue 2；配置了微信小程序与 H5 页面，包含首页、答题、关卡列表、排行榜及登录模块
管理后台	Vue 3、TypeScript、Element Plus、Vite；成语页面与接口请求分别放在 views/idiom、api/idiom 下
服务端	Node.js、Egg.js；通过 Router、Controller、Service、Model 组织成语业务
数据存储	MySQL、Sequelize；维护成语字典、图片关卡和用户记录

成语业务的后台管理接口使用 /admin/idiom 前缀，玩家端接口使用 /api/idiom 前缀。后台与玩家端通过接口共享业务数据，内容维护和游戏交互可以分别迭代。

项目信息

项目	说明
项目名称	看图猜成语
项目类型	休闲益智 / 图片猜词 / 成语闯关
核心玩法	根据图片线索，选择汉字组成四字成语
玩家端功能	关卡挑战、进度记录、成语释义、提示、排行榜、分享
后台管理	成语字典、图片关卡、用户答题记录、管理操作权限
服务端能力	题目分发、成语查询、通关上报、进度管理、排行查询、应用渠道区分
技术栈	uni-app、Vue 2 / Vue 3、TypeScript、Element Plus、Node.js、Egg.js、Sequelize、MySQL

从一张图片开始，看看你能猜出多少成语。