开发在线答卷小程序的奖励
首先,让我谈谈为什么我开发了在线应答小程序?
9月,在小程序技术交流的微信小组中,一位朋友在下面扔了一个屏幕截图,以征求大家的意见。
这个小程序是一个在线应答小程序,对于没有UGC的个人来说完全可以。
实际上,在四,五层等小城市中,月薪3,000或4,000已经很不错了,它是被动收入,上床睡觉后的收入。
看到这些信息,我感到非常兴奋。我想每个人都会很兴奋。该项目于当晚在开发人员工具上初始化。
就像很多人一样,在接下来的一段时间里没有更多的信息。直到最近,我的一个朋友还是一家证券公司。我们一起吃饭时,我说下周末我要考试,这是第二次。我不知道我是否可以通过考试,因此我非常沮丧,因为如果证券公司未能通过证券从业资格考试,那么从原则上讲,它是不允许转换的。
晚上下班后,我开始设计数据库结构,问题信息表,科目表(以扩展其他资格考试),问题类型表(单选,多选,判断的维护) ,回答历史记录表,四个核心表就足够了。
接下来,我们进入小程序开发的主题
小程序采用框架
不使用第三方框架,不使用的本机框架,并且不引入UI组件库
该界面使用PHP YII2框架
小程序实现的功能

##当前,小程序实现的功能是:
选择主题以在线回答问题,您可以选择单个问题模式或列表模式来回答问题。答案结束时,分数回答过程将实时显示,并提示过去的操作。分数结束后在微信小程序上开发答题系统怎么样,您可以查看正确答案并回答历史记录查询,还可以查看问题的当前情况。
换句话说,作为在线应答系统,基本功能是闭环的。
小程序开发过程中遇到的问题
第一个问题:价值问题
使用多项选择题时,将使用以下两个表单组成部分
-
默认组件事件
wxml文件
{{item.value}}
js文件
Page({ data: { items: [ { name: 'USA', value: '美国' }, { name: 'CHN', value: '中国', checked: 'true' }, { name: 'BRA', value: '巴西' }, { name: 'JPN', value: '日本' }, { name: 'ENG', value: '英国' }, { name: 'FRA', value: '法国' }, ] }, radioChange: function (e) { console.log('radio发生change事件,携带value值为:', e.detail.value) } })
是的,使用的是官方示例代码。我们看到选择时,默认e ..只能接受一个字符串。当时遇到的第一个问题在这里。如果您选择了整个选项,是否可以仅使用{{JSON。(item)}}提取信息?当然不会,因为本地小程序本身不支持它。
您可以参考当时在社区中找到的特定解决方案
[您可以传递单选按钮之外的其他值吗? ]
解决方案是引入wxs。我以前看过正式文件。每次来这里都是因为我不知道它的作用和解决的问题。现在我明白了。如果您想进一步了解wxs,请移至以下两个文档
[微信小程序wxs的用途是什么? ]
[小程序中的精度计算问题]
第二个问题:如何每次选择10个问题
回答问题时,每次将显示10个问题。这10个问题是从当前主题问题库中随机选择的。如果问题库足够大,那么基本上每次您可以保证有10个问题。这些问题与先前的答案有所不同。
小程序的屏幕截图

代码路径
前端小程序代码,请移至下方
后端接口使用PHP。代码链接如下。由于我的几个小程序都使用此PHP服务,因此项目代码比小程序的PHP代码要多得多。
如果小心,数据库也可以在线登录。如果遇到问题,可以微信给我。
适用人群
该开放源代码适用于小型程序的初学者,并且在大学进行在线回答小型程序的毕业项目时可以用作参考。
扫描代码的经验
微信小程序搜索资格问题库或直接扫描代码