在线答题小程序

本文介绍了一款名为“答题优等生”的小程序,主要用于证券和基金从业人员的历年真题练习。小程序采用原生微信开发,后端使用PHP YII2框架。已实现的功能包括选择科目答题、答题历史记录查询等。文章讨论了开发过程中遇到的radio取值和随机选择10道题目问题,并提供了代码仓库链接供学习参考。
摘要由CSDN通过智能技术生成

项目概述
本文介绍的是一款能在小程序上刷题的工具类小程序,目前主要面向的用户是证券从业人员、基金从业人员,本小程序题库均来自历年真题。

小程序名字:答题优等生
在这里插入图片描述

小程序技术架构
小程序端未采用第三方框架,使用微信原生开发,未引入任何UI组件库

后端接口采用PHP YII2框架

目前小程序已经实现的功能有:
选择科目在线答题,答题可以选择单题模式还是列表模式
每种考试,可以选择科目,这样保持了考试、科目二级结构
答题历史纪录查询,可以查阅当时做题情况
从目前的功能实现来看,本小程序已完成了一个在线答题小程序的全闭环功能。
未来优化的几个地方在

答题结果页UI优化
答题环节的分享优化
开发小程序过程中遇到的问题
第一个问题:radio取值问题

在单选选择题的时候,用到以下两个表单组件

radio-group
https://developers.weixin.qq.com/miniprogram/dev/component/radio-group.html
radio
https://developers.weixin.qq.com/miniprogram/dev/component/radio.html

默认的radio组件事件

wxml文件

{ {item.value}}

js文件

Page({
data: {
items: [<

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 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、付费专栏及课程。

余额充值