mon_star°的博客

学法普法专题法律知识答题活动小程序v3.0，基于云开发的答题活动小程序。本项目技术栈基于 ES2015+、WXML、WXSS、JavaScript 、微信原生 API和云开发，所有的请求数据都使用云数据库的小程序端SDK进行查询，提前了解和学习这些知识会对使用本项目有很大的帮助。

1）实现答题倒计时功能如果让你给一款答题小程序产品制定一个技术方案，比如实现答题倒计时功能，你会怎么做。通常，我们对于倒计时的普遍认知是设置一个定时器去实现的，在定时到期以后执行注册的回调函数。基于这个认识，我们看看具体是怎么实现的，或是实现方案有哪些。有的同学可能会选择使用setTimeout，看看他是怎么实现的。首先是定义一个countDown函数，里面主要是一个执行setTimeout的函数体，在setTimeout里执行countDown。

1）JavaScript-数组乱序数组乱序在实际开发过程中是可能碰到的，比如消防安全知识答题活动小程序中实现乱序抽题或者选项乱序。我们一开始可能会想到利用数组的sort方法，判断随机出来的0-1的值与0.5的大小，实现排序。上面的实现方法看起来很完美地实现了乱序的需求，但实际的效果如何我们还是要进行测试。但要实现真正意义上的乱序，这就要提到经典的洗牌算法Fisher–Yates_shuffle。简单的说：就是随机抽一个放到最后。把剩余的数继续抽，继续放到次后......依次执行。2）实现选项乱序。

消防安全知识答题活动小程序v4.1.0：1）支持多选题.wxml.js2)支持填空题.wxml.js。我提炼了典型的业务模型，搭建了最新版的优质的消防安全知识答题活动小程序。

前段时间太忙了，现在才有时间对一些活动进行复盘总结，这里先对其中一个答题抽奖活动进行复盘总结一下。遇到的一些问题、分析以及其解决方案。

若想在短期内，进行安全生产知识的传播，那么答题无疑是有效方式之一。答题活动小程序v3.0，基于微信原生小程序+云开发实现。主要包含六大功能模块页面，首页、活动规则页、排行榜页、答题页、结果页、答题记录页。适用于节能知识宣传、学法普法教育、消防安全知识宣传、交通安全答题、网络安全知识竞赛、安全生产知识学习、五四青年节答题活动、有奖答题等应用场景。

CloudBase CMS 是云开发推出的，基于 Node.js 的 Headless 内容管理平台，提供了丰富的内容管理功能。CloudBase CMS 基于模型配置，动态生成内容管理界面，无须编写代码即可使用，快速管理云开发中的业务数据。同时还提供了管理员和运营者的两套身份体系的权限控制。适用于需要为小程序应用增加一个运营管理后台的业务，例如基于该 CMS 可以快速为微信小程序“护网专题信息安全知识竞答”开发后台管理系统，进行题库管理、用户管理等内容管理。

微信云开发提供了多个基础能力，包括数据库、存储、云函数等。其中，云函数是一段运行在云端的代码，无需管理服务器，在开发工具内编写、一键上传部署即可运行后端代码。小程序内提供了专门用于云函数调用的 API。开发者可以在云函数内使用 wx-server-sdk 提供的 getWXContext 方法获取到每次调用的上下文（appid、openid 等）。技术要点。

网络安全知识答题活动小程序v3.0，基于云开发的答题活动小程序。本项目技术栈基于 ES2015+、WXML、WXSS、JavaScript 、微信原生 API和云开发，所有的请求数据都使用云数据库的小程序端SDK进行查询，提前了解和学习这些知识会对使用本项目有很大的帮助。

微信小程序云开发实战-答题积分赛小程序。

微信小程序云开发实战-答题积分赛小程序。

微信小程序云开发实战-答题积分赛小程序。

微信小程序云开发实战-答题积分赛小程序。

借势读书日，各行各业可举办“你的枕边书”、“精彩阅读时刻”等投票比赛。突出读书的重要性，彰显品牌格调与智慧。企事业单位，可举办世界读书日线上知识问答，结合答题后抽奖这一玩法，增强活动吸引力，扩大活动曝光率，进一步在社交圈裂变传播，扩大影响力。围绕“读书的意义”打造一个活动乐园，融合答题、投票、小游戏等多种营销玩法，满足用户多元化的需求，调动用户参与积极性。去读书，感受阅读的乐趣；去读书，延展未知的视界。去读书，读一本好书，是人生的另一趟旅程。：读书、知识、阅读、精神食粮、未来。

项目技术栈微信原生小程序+云开发。我这里主要使用了云开发能力中的小程序端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...

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

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

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

距离22考研初试还有60天，你的备考情况怎样了？应该如何冲刺？22年考研的考试时间快到了，大部分人开始了刷题模式，政治客观题是最重要的得分点，也是拉开差距的重要途径。大家要利用好碎片化时间进行刷题，节约整块的时间给其他学科。研究表明，单独看书一段时间后记住的内容的大约有原来的10%左右。单独做题练习，一段时间后会记住20%多。如果两者结合起来，加上反复刷题巩固，效率更加高。大家白天可以先学习背诵知识点，晚上在[考研刷题小博士]小.~程.~序进行刷题，检验学习成果并打卡。连续坚持60天即可，一

在做了考研政治刷题小程序、心理考研题库小程序、护理考研题库小程序后，我发现，都有这么一个需求，考研刷题小程序的收藏题目功能该如何实现。两个问题：Q1、研友在刷题过程中如果想收藏一道题目，怎么办？Q2、如果想收藏某一题，该如何去设计交互和实现这个功能？其实很早之前，【考研刷题小博士】这个小程序是去年的时候上线的，最近随着考研考试越来越近了，逐渐有不少新用户使用该题库小程序了。其实，收藏夹是刷题小程序中比较常见的其中一个核心功能，它对于辅助研友的刷题还是起到了一定的事半功倍的作用的。而我在设

上一篇，说到公基知识题库小程序之交付使用与功能点说明。其实，这客户想要做的，就是经营自己的题库小程序，然后盈利模式是，用户付费进行解锁题库答题的模式。这也是比较常见的一种知识付费模式。这一篇，整理一下，公基知识题库小程序之客户验收反馈与改进。客户Q:基本达到要求了，还有5个地方：1，选项未随机排序2，做完的题库不再在首页显示，3，我的-完成记录，点击可重新答题4，解锁后的题库“已解锁”，替换为“开始答题”，点击可直接答题5，“回答错误”提示更改为“回答错误，正

上一篇，说到需求分析与需求确定。其实，这客户想要做的，就是经营自己的题库小程序，然后盈利模式是，用户付费进行解锁题库答题的模式。这也是比较常见的一种知识付费模式。这一篇，整理一下，公基知识题库小程序之交付使用与功能点说明。功能点1:2.2 解锁后的题库应该显示为“题数/剩余”。如果全部完成，可删除列表；最好删除解锁页面，直接在题库列表页后面显示“题数/剩余”：按题库扣积分，客户可随便点击任意题库，做对一题扣除一分。2.3 单选判断点击选项后延时进入下一题，不能再点击“下一题”，多选题

活动背景瑜伽是一场修行，让处于愚笨状态的身和心通过体式和呼吸的联系更加晶莹剔透，让身与心的连结更加亲密无间。步入瑜伽的世界，就进入了一段健康、尊贵、喜悦的旅程。悟人生之道，境界的豁达，随意；悟生活之道，心的平和，宁静；瑜伽就是悟健康之道，身体的年轻，平衡。活动目的瑜珈是一种呼吸，冥想和形体运动的完美结合，包含了动(练筋、骨、皮)和静(练精、气、神)的养生键身的运动，它更是一种心灵疗法，可调整人们的内心活动，消除烦恼，清楚潜意识的垃圾，是一种减压和心灵美容的良方。瑜珈是集医学，运动学，