兔兔答题是一款面向移动端答题前后端应用程序,可用于考试活动,企业内部考核,内部培训等考试刷题。

兔兔答题特点

  • 前端采用图鸟UI开发,支持编译到多端。支持 微信小程序公众号H5APP
  • 后端采用Go和PHP开发,支持高并发、高性能等业务场景。
  • 管理端采用Element UI、Vue3和TypeScript,为前端等下流行技术栈。
  • 数据库采用MySQL持久化数据存储,Redis作为缓存服务提高系统性能,为当前互联网热门技术栈。

前后端免费开源可商用

后端如何使用

配置后端地址

开发环境下,直接将.env.development.example复制或者重命名为.env.development,将文件内的VITE_APP_BASE_URL变量值改成你实际后端的API地址。
正式环境下,直接将.env.production.example复制或者重命名为.env.production,将文件内的VITE_APP_BASE_URL变量值改成你实际后端的API地址。

 

安装依赖

npm install

 

开发环境运行

npm run dev

 

构建线上包

npm run build

 

ESLint检测

npm run lint

兔兔答题个人版接口端

项目说明

项目是基于Laravel作为后端服务,uniapp作为前端服务。管理端使用的是Laravel-admin开发。

环境要求

  1. MySQL的版本必须>=5.7。
  2. PHP的版本必须是7.4。要求必须安装Redis、fileinfo扩展。
  3. Redis的版本没有特别的要求,强烈建议在7.0左右的版本,因为开发环境的版本就是7.0。
  4. NGINX作为web服务,没有特别的要求。
  5. 所有的图片都采用七牛云存储,后续会支持更多的存储方式,暂且只支持该方式。

部署流程

  1. 下面是一个简易的说明。很多人是比较喜欢宝塔部署项目。在添加域名的时候,将项目的根目录指向public目录。
  2. 配置好域名之后,一般会在public目录下生成一个.user.ini的文件,记得把这个文件的内容使用#给注释掉。
  3. 对于storage要进行读写权限。给775权限。
  4. 对于数据库配置,将项目中的rabbit_examp.sql文件导入到数据库中。然后去修改.env(将.env.example复制一份重命名为.env)文件的配置信息。
  5. 部署要之后用你的域名+rabbit/exam访问管理端。例如http://baidu.com/rabbit/exam。

 

兔兔答题个人版用户端

项目说明

用户端使用的是uniapp开发,UI框架是使用的图鸟UI。

依赖包安装

由于node的包非常大,所以提供源代码的时候就不提供第三方的依赖包,需要自己安装。在项目目录下执行npm i即可安装。

项目配置

  1. 域名配置,打开utils目录下的request.js文件,按照文件说明配置实际的API地址。
  2. App.vue里面的examUpdateTemplateId改成自己的微信小程序订阅模板id。
  3. 代码中有涉及到开发者的二维码图片,根据不同的地方替换成自己即可。
  4. 小程序配置,找到manifest.json文件,将下面的appid改成你自己的小程序appid。
"mp-weixin": {
    "appid": "wxd9f531131711833d",
    "setting": {
        "urlCheck": false,
        "minified": true,
        "postcss": true,
        "es6": true
    },
    "usingComponents": true,
    "LazyCodeLoading": true,
    "__usePrivacyCheck__": true
},

 

  1. uniapp开发引用配置。找到manifest.json文件,替换成自己实际的域名信息。
"name": "项目的名称,可以改成成小程序的名称",
"appid": "uniapp上创建一个用,会分配一个引用appid,填写到此处",
"description": "项目描述,也可以写成小程序的名称或者描述",
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。