系统概述

兔兔答题是一套前后端完全开源的移动端答题系统。它涵盖了从前端界面到后端接口的完整实现,可用于搭建各类答题、考试、问卷等应用。系统采用主流技术栈,支持二次开发和功能扩展,是开发者快速构建答题平台的理想选择。

依赖包安装说明

由于Node.js的第三方依赖包体积非常庞大,因此源代码压缩包中不包含node_modules文件夹。开发者下载源码后,需要手动进入项目前端目录,在命令行中执行npm i命令,系统将自动根据package.json拉取所有必需的依赖模块。这是前端项目能够正常运行的前提,请务必完成此步骤。

运行环境要求

为确保系统稳定运行,后端环境需满足以下版本要求:

  • PHP版本:必须使用8.2.x版本。对于8.3.x及更高版本,开发团队尚未进行完整测试,因此生产环境不建议直接使用未经测试的高版本PHP,以免出现未知错误。

  • MySQL版本:必须使用5.7.x或更高版本。任何低于5.7.0的MySQL版本均无法支持本系统的数据表结构与查询语法,100%不可用。

  • Redis版本:没有严格的版本限制,但官方推荐使用7.0及以上版本,以获得更佳的性能与特性支持。

  • Node.js版本:由于管理端基于Vue3和Element Plus开发,Node.js版本推荐使用16.x或更高。生产环境部署时,建议将管理端代码编译打包为静态文件运行,以提升性能和稳定性。

安装与配置步骤

1. 域名接口配置
打开项目中的utils/request.js文件,根据文件内注释说明,将常量或变量中的API基础地址修改为实际部署的后端接口域名。此文件是前端所有网络请求的入口,配置错误将导致前后端无法通信。

2. 微信订阅消息配置
App.vue源码中找到examUpdateTemplateId变量,将其值替换为自己在微信公众平台申请的考试结果通知类订阅消息模板ID。此ID用于向用户推送答题完成状态。

3. 二维码素材替换
源码内预留了多处开发者相关的二维码图片,请根据实际运营需求,将对应位置的图片文件替换为自己的二维码素材。

4. 微信小程序AppID配置
打开项目根目录下的manifest.json文件,定位到mp-weixin节点,将appid字段的值修改为自己在微信公众平台注册的小程序AppID。可根据需要调整setting下的编译选项,如urlCheck(跳过域名校验)、es6(ES6转ES5)等。

5. Uniapp应用配置
同样在manifest.json文件中,需要对Uniapp相关字段进行自定义:

  • name:修改为项目名称,即小程序在手机端显示的名称。

  • appid:此处并非微信小程序的appid,而是DCloud Uniapp开发者中心创建应用后分配的Uniapp应用标识,用于云端打包等服务。

  • description:填写项目描述,通常可与小程序名称保持一致。

完成以上所有配置后,即可按照常规流程编译、预览并上传微信小程序代码。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。