开源在线答题小程序后台搭建

很多人问我闯关答题小程序怎么管理内容,今天我将后台发出来介绍下:

本后台采用云cms开发,后台数据都掌握在自己手中,和网上的那些在线答题小程序系统不一样,他们的题库都掌握在平台手中。

本小程序个人均可搭建,云开发的免费额度已经够一部分人使用了,可以省去了很多服务器费用。

以下小程序后台显示:
在这里插入图片描述

可以看到后台显示很清楚,如果你想加入问题,点击新建按钮,修改内容就点击编辑按钮。

添加题库如下:
在这里插入图片描述

输入问题后,选项可以点击添加字段添加更多选项,选项内容系统是没有限制的,理论上一般也不可能有几十个选项吧!

输入选项后输入正确答案点击发布就添加好了。

修改问题内容如下:点击编辑按钮进行修改内容
在这里插入图片描述

如果你觉得输入麻烦,可电脑上将题库做成表格,可直接进行导入

题库导入:
在这里插入图片描述

可以看到上图,点击导入数据,弹出导入类型,表格是通过csv导入,点击导入就可以自己导入完成。

主要提醒:表格需要下载题库模板,方能正确导入。

最后总结:今天讲解了闯关答题题库添加、修改、导入操作,下期我们讲解答题红包奖励的设置。

开源地址:https://developers.weixin.qq.com/community/develop/article/doc/0004046f568298d05d1b4fcc65b013

  • 0
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个简单的在线小程序的代码示例,使用了微信小程序开发框架: 首页 index.wxml: ```html <view class="container"> <view class="title">欢迎来到在线</view> <view class="subtitle">共{{total}}</view> <view class="button" bindtap="start">开始</view> </view> ``` 首页对应的 JS 页面 index.js: ```javascript Page({ data: { total: 10, // 总数 }, start: function() { wx.navigateTo({ url: '../question/question', }) } }) ``` 目页面 question.wxml: ```html <view class="container"> <view class="title">{{question.title}}</view> <view class="options" wx:for="{{question.options}}" wx:key="index" bindtap="select"> <view class="option {{option.selected ? 'selected' : ''}}" data-index="{{index}}">{{option.text}}</view> </view> </view> ``` 目页面对应的 JS 页面 question.js: ```javascript Page({ data: { question: { title: '这是一道测试目', options: [ { text: '选项 A', selected: false, }, { text: '选项 B', selected: false, }, { text: '选项 C', selected: false, }, { text: '选项 D', selected: false, }, ], }, }, select: function(event) { const index = event.currentTarget.dataset.index; const options = this.data.question.options.map((option, i) => { if (i === index) { option.selected = true; } else { option.selected = false; } return option; }); this.setData({ 'question.options': options, }); }, }) ``` 以上是一个简单的在线小程序的代码示例,可以根据实际需求进行修改和扩展。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值