推广 热搜:   公司  中国  行业  快速  企业  设备  未来  上海  技术 

【答题】在线答卷-答题系统的微信小程序开发流程详解

   日期:2025-01-03     移动:http://www78564.xrbh.cn/mobile/quote/28745.html

用死记硬背的方法学习的学生,面对桌上堆积成厚厚的书本,是否感觉鸭梨山大呢,想着教育却面临着学习成本不小问题,是否感觉各种不便呢,如果对编程代码有感兴趣,不妨试试做一个自己的在线答题系统,这里可以用微信小程序项目来实现哦。

【答题】在线答卷-答题系统的微信小程序开发流程详解

制作思路,将书上讲得各种的重点,摘录下并写到一个文档中,然后经过构建脚本处理,生成一个题库,放到一个托管题库文件的站点中,用小程序去请求后台获取题库

例如项目名称为,然后选择以下,再确定创建

  • AppID 使用自己的测试号
  • 不使用云服务
  • Javascript - 基础模板

在小程序首页上,创建三个页面,通过底部的选项卡来管理

在项目下有个文件,可以修改配置,在这里添加页面底部的选项卡,如下代码

 

修改后点击保存,开发工具会自动创建好底部选项卡对应的三个页面文件

看看第一个页面,文件位置在

这个页面用于展示各种科目,和最近更新的信息

 

页面用上面的三个自定义组件即可完成布局,它们分别是

  • carousel 轮播图
  • grid-menu 格子菜单
  • group-list 分组列表

看看第二个页面,文件位置在

这个页面用于展示用户的最近,或选择打开查看过的题目

列表项是一个文件夹,点击展开,可显示里面的文件列表
这个页面只用了分组列表组件,类似手风琴组件的效果

看看第三个页面,文件位置在

用于展示自己的,答题及格的结果,和总成绩

这个页面用的是一个为用户名片组件,还有一个分组列表组件展示成绩

其它如内页,多分支页面,以及多页面,都可以放到分包中

可按需加载,减少小程序加载时间

接下来,创建一个分包,需要在配置文件添加一个分包信息,代码如下

 

点击保存后,开发工具会在项目下自动创建一个分包文件夹

在分包文件夹中,创建一个选题列表页面,文件在

页面用到了一个搜索框,还有一个自定义组件展示列表

在分包文件夹中,再创建一个答题页面,文件在

页面布局是用了表单组件:多个输入组件组合的,并不复杂
答题页面可以有 单选题,多选题,填空题
在标题栏更新倒计时

上面的页面都讲完了,有自信可以做出一个一样的来,但是,页面的数据都是从哪里来的呢

当然是从远程服务器获取的,可以想象它是用浏览器访问网络信息,需要先知道它的访问地址

在文件中添加请求的数据方法,代码如下

 

请求方法和微信小程序的API 用法是一致的
只是有一点不同,应换成资源文件名(包括路径)
如果想改用自己的题库,把其中链接替换成自己管理的gitcode项目地址即可

继续在文件中添加点击方法,用于打开答题页面,代码如下

 

上面所讲得两个方法写好了,在其它的页面上就可以调用这个方法,加载数据和打开答题页面

后台数据都放在这里的,点此 resource_mp_answer 查看,可以看到数据都是json文件

数据放在托管的网站Gitcode中,可方便之后的管理和维护,无须花费租个服务器,降低了成本

由于数据默认是公开的,放在托管的网站中任何人都能访问和复制
所以,私有的数据(项目)是不能公开访问和使用的,设置简单

温馨提示

托管网站是用于托管代码的,不知道后期会不会限制托管资源(可能认为是漏洞,暂时目前它是仍可使用的

就写到这里,看到这里,读者对答题的实现思路是否清晰了呢

有小程序开发基础的话,自己可以尝试实现一个吧

关于题库资源的整理
在读学生有可能很需要实现用这个辅助学习,边学边更新学习资料,就当记学习笔记一样使用,考前复习
这对在校教师也很有帮助吧,毕竟个人的力量有限,教师可以组织让多个学生一起参与共建一个题库资源,共享题库资源,提高学习效率,对考试有信心。

动图中有删减,仅部分展示

关于项目源码,已放在资源类别下,需要找一找,点此查找 答题-小程序-项目源码,(在手机上访问可能找不到,请用电脑浏览器查看),请放心下载,感谢支持。

本文地址:http://www78564.xrbh.cn/quote/28745.html    迅博思语 http://www78564.xrbh.cn/ , 查看更多

特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。


相关最新动态
推荐最新动态
点击排行
网站首页  |  二维码  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  粤ICP备2023022329号