项目技术栈微信原生小程序+云开发。这里我主要使用云开发能力中的小程序端SDK。说白了就是用javascript直接操作数据库即可。本文前言基于云答题小程序v2.0的源地址,以及教大家搭建答题小程序v1.0的系列文章目录。在11月的最后一天及时完成]本文底部。在做这个答题活动的小程序的时候,有这样一个场景,就是当答题者答完问题,想查看自己的答题记录和历史成绩时,该怎么办呢?我们可以在首页添加一个按钮,通过页面路由功能跳转到答题记录页面。接下来就是开始搭建答卷页面,编写布局样式,获取数据了。实现过程1、首先需要编写前端页面。其实在原生小程序中,页面布局主要使用view和text两个标签,样式是通过css实现的。只是文件名的后缀分别是.wxml和.wxss。至于为什么。消防安全知识解答{{item.date}}2.从答题记录表中查询数据在上一篇文章中,我们已经讲过了建立一个数据表,用来存放答题记录。这里不再赘述,主要看连接云端数据库,获取答案记录集合的引用,发起请求获取。这里就不一一解释了,上一篇文章有??详细的解释。activityRecord.where({_openid:_.exists(true)}).orderBy('createDate','desc').get().then(res=>{console.log('[云数据库][应答记录]查询成功')console.log(res.data)})3.更新数据到页面显示这个可以通过调用官方的setData方法来实现。lethistoryList=[];data.forEach(item=>{item.date=this.formatTime(item.createDate)historyList.push(item)})//从逻辑层发送数据到视图层this.setData({historyList});可以看到,在更新视图之前,也就是拿到数据之后,我这里对数据做了一个处理。遍历数据,使用工具formatTime格式化createDate字段的日期。可以在真机上预览执行结果,也可以将代码上传到服务器,设置为试用版,然后查看执行效果。下面是本文的一个总结,带大家回顾一下小程序页面的布局和风格,其实还是挺简单的。然后阅读答案记录,并以列表的形式显示在页面上。下一篇文章重点介绍如何查询历史结果。