mon_star°的博客

安全知识答题小程序v3.0，它基于微信原生小程序+云开发实现。提炼了典型的业务模型，它可以帮助你快速搭建各种形式的答题软件产品。安全知识答题小程序这个软件架构是微信原生小程序+云开发。主要包含六大功能模块页面，首页、答题页、结果页、活动规则页、答题记录页、排行榜页。基于v2.0的基础上，进行了v3.0的迭代开发，包括界面以及功能升级，模块以及系统的拓展。我对v3.0的定位是，它是一个标准版，完全可以正式上线投入应用了。我对v2.0的定位是，它算是一个基础版，完全可以满足学习使用。

此去经年，又是一年立冬时节。回首过去，优质的消防安全知识竞答活动小程序v1.0刚出来，就收到了不少好评，我随即把源码分享出来。当时正值立冬，“雪花飘飘北风萧萧~”防火安全知识专项学习与竞答。

适用于交通安全答题、 消防安全知识宣传、 安全生产知识学习、答题活动、有奖答题等。主要包含六大功能模块页面，首页、答题页、结果页、活动规则页、答题记录页、排行榜页。11月是全国消防宣传月，主题是“抓消防安全、保高质量发展”，大家积极参与消防学习，提升安全意识和技能，共创平安家园。但是，还有的功能还可以再增加的，嗯嗯，展望下一个版本可以将它进一步完善吧。去年的时候，我就出了一个答题活动小程序v2.0，基于云开发的微信答题小程序。今年，我基于v2.0的基础上，进行了v3.0的迭代开发。

答题活动小程序v3.0，基于云开发的微信答题小程序，软件架构是微信原生小程序+云开发。主要包含六大功能模块页面，首页、答题页、结果页、活动规则页、答题记录页、排行榜页。适用于交通安全答题、 消防安全知识宣传、 安全生产知识学习、答题活动、有奖答题等。微信原生小程序+云开发版本v3.0已完成注册登录页题库学习错题集查看所有用户的答题记录-管理员查看其他用户的答题成绩以及答题情况-管理员题库管理（新增、查看、搜索、编辑、删除、导入、导出）-管理员题库列表条件筛选关键词搜索新增题目编辑题目下一个迭代计划版本v4下

你需要在本地安装微信开发者工具。本项目技术栈基于 ES2015+、WXML、WXSS、JavaScript 、微信原生 API和云开发，所有的请求数据都使用云数据库的小程序端SDK进行查询，提前了解和学习这些知识会对使用本项目有很大的帮助。

答题活动小程序v2.0，是一个微信小程序答题软件，它基于微信原生小程序+云开发实现。提炼了典型的业务模型，它可以帮助你快速搭建各种形式的答题软件产品。相信不管你的需求是什么，本项目都能帮助到你。

项目技术栈微信原生小程序+云开发。我这里主要使用了云开发能力中的小程序端SDK，说白了就是在javascript中就能直接操作数据库。本篇前言基于云开发的答题活动小程序v2.0的源码地址，以及手把手教你搭建答题活动小程序v1.0系列文章目录，均在【基于云开发的答题活动小程序v2.0，终于赶在11月最后一天完成了​​​​​​​​​​​​​​】这篇文章的底部。本篇主要结合实际的场景，譬如在答题活动小程序中，如何利用路由传参的方式，进而提高页面或者组件的可复用性。场景展示一图胜

微信原生小程序+云开发。我这里主要使用了云开发能力中的小程序端SDK，说白了就是在javascript中就能直接操作数据库。这里有带大家重温了一下，小程序页面的布局与样式，其实相当简单的。然后就是读取答题记录，并以列表的形式展示在页面上。

项目技术栈微信原生小程序+云开发。为什么选择微信原生小程序进行开发呢？因为能够直接应用它的云开发能力吖。我这里主要使用了云开发能力中的小程序端SDK，说白了就是在javascript中就能直接操作数据库。本篇前言基于云开发的答题活动小程序v2.0的源码地址，以及手把手教你搭建答题活动小程序v1.0系列文章目录，均在【基于云开发的答题活动小程序v2.0，终于赶在11月最后一天完成了】这篇文章的底部。项目需求此次的消防知识竞答活动，每人每天答题机会不限次数，成绩由高到低..

可以看到，云开发能力，真的极大地提升了开发效率。其实不仅仅是在答题小程序中，会存在这样或那样的需求，需要在题库中随机出题。还有上面提到的，如果进行抽奖活动，需要选出一名或多名幸运用户。实践证明，那么 sample ，就是最佳选择之一了。

项目技术栈微信原生小程序+云开发。为什么选择微信原生小程序进行开发呢？因为能够直接应用它的云开发能力吖。我这里主要使用了云开发能力中的小程序端SDK，说白了就是在javascript中就能直接操作数据库。本篇前言基于云开发的答题活动小程序v2.0的源码地址，以及手把手教你搭建答题活动小程序v1.0系列文章目录，均在【基于云开发的答题活动小程序v2.0，终于赶在11月最后一天完成了】这篇文章的底部。想必大家有个疑问，在上一篇，【基于云开发的答题活动小程序v2.0-首页设计与实现】这篇文

项目技术栈微信原生小程序+云开发。为什么选择微信原生小程序进行开发呢？因为能够直接应用它的云开发能力吖。我这里主要使用了云开发能力中的小程序端SDK，说白了就是在javascript中就能直接操作数据库。本篇前言基于云开发的答题活动小程序v2.0的源码地址，以及手把手教你搭建答题活动小程序v1.0系列文章目录，均在【基于云开发的答题活动小程序v2.0，终于赶在11月最后一天完成了】这篇文章的底部。这里对首页的代码进行简单的解读一下，v2.0的首页是在v1.0的首页的基础上进行改进的。

是的，你没听错没看错。这个，就是基于云开发的答题活动小程序，并且是v2.0版本！之前在做“手把手教你搭建答题活动小程序v1.0系列文章”的教程的时候，我就已经马不停蹄地在构思v2.0的迭代版本的内容，以及持续地投入时间和精力进行设计与开发搭建中了。终于！赶在11月最后一天！！完成了！！！答题活动小程序v2.0，主要包含六大功能模块页面，首页、答题页、结果页、活动规则页、答题记录页、排行榜页。接下来，我简单的归纳总结一下，分析一下技术要点，以及分享源码给大家。与君共勉。先看看效果吧

近来百无聊赖，遂抽空做了一个答题小程序的系列教程，以及分享源码，是用云开发搭建的微信答题小程序v1.0。界面截图该答题小程序大致如下图：结构层级主要程序由3个界面组成，分别是index，test以及result，结构层级如下图所示：index：包含开始答题界面的页面布局与样式，以及js逻辑；test：包含答题界面的页面布局与样式，以及js逻辑；results：包含答题成绩界面的页面布局与样式，以及js逻辑；app：全局配置文件，全局变量等；

11月是全国“119”消防宣传月，不少企事业单位都会举办消防安全知识竞答活动，因此我基于云开发搭建了消防安全知识答题活动小程序。接着，还写完了初阶的手把手教你搭建答题活动小程序系列文章，用以帮助初学者快速入门云开发。而这里再补充一篇搭建部署帮助文档，帮助你如何利用微信答题活动小程序v1.0的源码进行搭建云开发小程序。答题小程序界面一、准备工作搭建并部署上线这个答题活动小程序，需要先进行以下几步准备工作：1、首先注册微信小程序，主要是为了拿到AppID。这个是先决条

基于云开发的微信答题活动小程序v1.0，开开开源啦！！！这个答题小程序，技术栈是基于云开发的微信原生小程序。搭建教程系列文章11月是全国“119”消防宣传月，不少企事业单位会举办消防安全知识竞赛，因此我搭建了最新版的消防安全知识答题活动小程序。我不但快速地完成了设计与开发工作并部署上线交付使用，还写了手把手教你搭建答题活动小程序系列文章，用以帮助初学者快速入门云开发。感兴趣的可以去我主页翻看系列文章，这里就不一一列举出来了。答题小程序源码地址附上源码地址：uem/消防安全知识竞答

手把手教你搭建答题活动小程序系列，第一阶段为界面设计篇，分别描写了答题功能解读、以及页面搭建，含首页、答题页、结果页。第二阶段为功能交互与云开发篇，分别描写了实现页面间跳转功能、转发分享答题成绩功能、用云开发实现查询题库功能、将题目数据动态显示到答题页面、答题以及提交答卷到云数据库。上述那些文章，可以去我的主页翻看。而这一篇，则在结果页中实现从云数据库查询成绩，并展示在页面。软件架构：微信原生小程序+云开发戳源码地址，获取源码，版本持续迭代中...数据库字段解读可以看见，

手把手教你搭建答题活动小程序系列，第一阶段为界面设计篇，分别描写了如何搭建答题小程序界面。第二阶段为功能交互篇。而上两篇文章分别描写了，如何用云开发实现查询题库功能，以及将获取到的题目数据动态更新到答题页面。这一篇紧接着聊聊，如何实现完整的答题交互逻辑以及功能。软件架构：微信原生小程序+云开发戳源码地址，获取源码，版本持续迭代中...废话不多说，直接上代码。分步演示，手把手教你实现完整的答题交互逻辑以及功能。主要涉及答题、对错判定、系统自动判分、切换下一题、提交答卷、跳转到答

手把手教你搭建答题活动小程序系列文章，第一阶段为界面设计篇，分别描写了如何搭建答题小程序界面。现在已经进入第二阶段，功能交互篇。而上一篇文章描写了，如何用云开发实现查询题库功能。其实说白了就是相当于，前后端分离架构中的异步请求。这一篇紧接着上一篇，聊聊用云开发实现查询题库功能后要做的事情。通俗来说，就是拿到题目数据后，接着要干什么。软件架构：微信原生小程序+云开发戳源码地址，获取源码，版本持续迭代中...聊聊用户体验这里先插个题外话。用户体验好不好，真的重要吗？如何做

手把手教你搭建答题活动小程序系列文章，最前面的三章是界面设计篇，分别描写了如何搭建答题小程序的首页、答题页和答题成绩页。现在已经进入功能交互篇了，此为功能交互篇的第三章，如何用云开发实现查询题库功能。其实，说白了就是相当于，前后端分离架构中的发送异步请求。先看看官方文档怎么说，再看看我是怎么理解和怎么做的，希望大家能从中得到启发，然后找到适合自己的学习方法。软件架构：微信原生小程序+云开发戳源码地址，获取源码，版本持续迭代中...前期准备工作按照惯例，我们先看看官方文档怎么说

手把手教你搭建知识竞答小程序，系列文章前面的三章是界面设计篇，分别写了如何搭建答题小程序的首页、答题页以及答题结果页。现在进入到功能交互篇，此为功能交互篇的第二章，实现转发分享答题成绩功能。软件架构：微信原生小程序+云开发戳源码地址，获取源码，版本持续迭代中...项目效果图那么，实现转发分享答题成绩功能？其实很简单，千万不要被文档里密密麻麻的API所吓唬到。记住一点，不需要通读文档。我教你一个小窍门，“查文档技法——用到什么查什么”。手把手教小白学习开发小程序之如何查

手把手教你搭建知识答题小程序，系列文章前面的三章，分别描写了如何去搭建答题小程序的首页、答题页以及答题结果页。然而，界面设计篇将告一段落了，接下来将过渡到交互功能篇。软件架构：微信原生小程序+云开发戳源码地址，获取源码，版本持续迭代中...项目效果图首页答题页答题结果页那么问题来了，这几个页面是独立开来的，如何将所搭建的页面串联起来呢？也就是如何实现页面间的跳转？答案是，两个字，路由。路由的API首先，让我们来查阅一下微信小程序官方文档

手把手教你搭建知识竞答小程序系列，前面的两篇，分别写了如何搭建答题小程序的首页和答题页，今天就让我把答题结果页写写吧。软件架构：微信原生小程序+云开发戳源码地址，获取源码，版本持续迭代中...答题结果页布局<view class="page"> <view class="padding"> <view class='page-head'> <view class="page-title text-lg text-bo

念无与为乐者，就让我手把手教你搭建知识竞答小程序吧。为啥你的UI界面感觉乱？好看的答题考试小程序，实在是太稀缺了。软件架构：微信原生小程序+云开发戳源码地址，获取源码，版本持续迭代中...答题页布局<!--pages/test/test.wxml--><view class="page"> <view class="padding-top text-center"> 第<text class="text-bold text-x...

火灾事故重预防，无灾避难得安康。今天是“119”消防日，请大家注意用火用气用电安全，共同做好单位、家庭消防安全工作。接下来，就让我手把手教你搭建消防安全答题小程序吧。软件架构：微信原生小程序+云开发首页布局<image src="/image/bg.jpg" class="mw-bg"></image> <view class="mw-btn"> <view class="mw-answer"> <view catchtap="g

不破不立，分享源码。立过的flag，以立冬之名，分享优质的消防安全知识竞答活动小程序。介绍消防安全知识答题活动， 答题、 交通安全答题、 消防安全知识宣传、 答题活动、有奖答题应用场景11月是全国“119”消防宣传月，主题是“落实消防责任，防范安全风险”。不少单位会举办消防安全知识竞赛，因此我搭建了最新版的消防安全知识竞答小程序。帮助大家可以定期举办消防安全知识竞答活动，让大家了解火灾隐患，学习消防知识，预防火灾，认真贯彻消防法规。软件架构微信原生小程序+云开发安

通过答题来对消防知识进行宣传，起到对大家的教育作用。每人每天都有一次答题机会，适合长期性的学习，与知识传播。安全知识线上答题活动小程序，答题功能解读：答题功能1、直接使用模板后，便可以在【题库学习】栏目里面，进行模拟练习。支持多种题型。2、可以设置【答题解释】功能，让用户在答完题之后，看到错题解析，加固知识印象，进行相关学习。3、可设置【排行榜】功能，支持生成海报分享，用户在答题之后会根据成绩自动生成排名，可对排名前几的人发放奖励，使比赛更具趣味性和挑战性。4、可设置【抽奖】，支持答题后

活动背景11月是全国“119”消防宣传月，主题是“落实消防责任，防范安全风险”。不少单位会在近期举办消防安全知识竞赛，因此我搭建了最新版的消防安全知识竞答小程序。看看有哪些答题功能和玩法。答题玩法知识答题：通过答题来对消防知识进行宣传，起到对大家的教育作用。每日一答：每人每天都有一次答题机会，适合长期性的学习，与知识传播。有奖问答：通过奖品刺激，提高人们对于答题的热情与参与度，便于大家进行知识学习。总结秋冬季节是火灾高发时期，请大家积极参与消防活动，提升安全意识和技能。可以定