开源的答题小程序分享 ~ 今天群里摸鱼，看到有人分享一个不错的答题小程序，作为答题小程序产品的开发者，简单看了下，这个产品算是开源里面的良心作品，分享给大家 [图片] ~~ https://gitee.com/dabenbenyihao/online-test-applet 介绍在线考试小程序前端代码，全部开源！ 基于gitee上的exam进行二次开发，小程序端使用了colour-UI进行重新页面设计，集成腾讯地图、echarts等插件，进行成绩分析排名。 后端也是经过二次定制化开发，集成公司、部门权限管理；题目导入导出；随机试卷等一系列功能。 同时集成微信订阅消息、定时任务等。可在考试前一小时提前发送订阅消息提醒，考试完成后发送分数提醒，试卷公开后发送提醒等。 联系目前小程序已经发布，大家可以体验下，在学习的过程中遇到问题，可以咨询我 (备注好来自码云) 适用场景 1 ·企业招聘考试。候选人等候时面试可手机扫码参加笔试，系统实时生成结果，一个简单的考核就可让面试官提前了解候选人的能力 情况。在大规模校园聘会上公布考试地址，考生现场完成考试，现场出分，主办方可快速筛选合格考生参加面试，大大缩短招聘周期和成本。 2 ·员工晋升考核。员工专业技能是否达标，员工素质测评，安排一场考试即可对员工是否晋升进行有理的判断。全面电子化式考试， 可大大缩短员工考核周期与成本。 3 ·培训认证考试。培训机构结业认证考核，行业从业资格认证，能力认证考核等，题答答提供从考生报名到参加考试的全流程功能。 无限制题库刷题，错题训练，随机题序，答案解析，错题本重练，让刷题不止追求量，也有质的保障，帮助考生更熟练地掌握知识点， 提高考试通过率。 体验账号测试账号，密码（线上版本，请勿修改密码，谢谢！） 账号：student 密码：123456 在线体验小程序[图片] 小程序功能截图[图片] [图片] [图片] [图片] [图片] [图片] [图片] [图片] [图片] [图片] [图片] [图片] [图片] [图片] [图片] [图片] [图片] [图片] [图片] [图片] [图片] [图片] [图片] [图片] [图片] [图片] [图片] [图片] [图片] [图片]特点请扫码体验，截图只截取了部分功能，大量功能没有截取到 完整的考试系统，支持随机试题、加密试题、时段试题、班级试题、固定试题、任务试题正在开发中的调研问卷系统，满足日常调研需求知识分享系统，包含各种知识资料文件分享功能百问百答系统，解决日常简单问答需求考试分析系统，支持图表、排名、统计等分析功能。可以设置试卷是否公开、是否允许学员看分数。班级管理体系，支持多班级管理证书体系，支持及格生成证书通知体系，支持考试前通知，考完通知，成绩公布通知。基于微信订阅消息的通知体系各种题型体系，支持单选、多选、填空、问答、图片等多种形式题目，兼容数学公式开放式注册体系，支持注册验证，审核位置记录功能，支持记录考生位置信息，实时分析个人画像功能，支持根据个人使用记录进行实时分析全局搜索功能，可以实时搜索所有资料信息个性化推送功能，可以自定义推送图文信息下一步开发计划错题集问卷调研完善知识分享系统完善，加入文档简介考试分析系统完善，加入图表分析 ~ 开源的答题小程序分享

前言 在科技日渐发达的今天，我们越来越担心青少年过度使用电子产品的问题，然而在这种担心背后，却很少人关注到还有这样一个群体，他们就是无法正常使用电子产品的视障人群，特别是视障儿童。 阅读和交流是视障儿童早期干预的重要手段，只有正确的早期干预，才能让他们掌握个人的生存能力和学习能力，才能正常地融入校园、融入社会。这个小程序的灵感就源自一个为视障儿童录制有声书的志愿者活动。但是志愿者的人力是有限的、时间也是有限的，因此创作出来的阅读资源也是有限的，我们也没有可能用技术的方法，为他们提供长期且内容丰富的阅读资源呢？于是就有了这样一个项目。 [图片] 使用到的腾讯云AI能力 语音识别 语音合成 智能对话平台 OCR印刷体识别 [图片] 让交互更智能化、更人性化 针对视障儿童的特殊情况，我们设计了两个特殊的交互方式，包括4个手势指令（上下左右）和2种触摸反馈（长震动与短震动）。 [图片] 家长在儿童的小程序使用中扮演了重要的引导者和协助者的角色，针对家长自己录入故事的需要，小程序借助腾讯云AI的能力，提供了手动输入、语音输入、拍照识别三种方式，让家长录入长篇文字更高效。 [图片] 让内容更加安全、更加可靠 视障儿童，本质上还是未成年儿童，因此有一点不得不提，那就是内容方面的安全性，我们必须充分确保内容足够安全。对此，我们有以下两点举措： 接入微信小程序官方提供的文本内容安全接口（msgSecCheck），精准识别涉黄、涉政、涉恐文本，并进行拦截或文本替换。 联系腾讯智能对话平台（TBP），使用了专门为儿童语言特点设计的儿童闲聊机器人（Chitchat Bot for Children），在保证内容安全的前提下还增加了对话的趣味性。 更快使用上AI能力——小程序插件 通常，我们开发小程序时，如果要使用上腾讯云或其他互联网服务商的AI能力，都需要自己对照文档进行接入，其中通常还有一个相当麻烦的后端接口鉴权步骤。比如，以下几款小程序插件，能有效降低开发的门槛和开发的代码量： 微信同声传译——语音识别、语音合成 https://mp.weixin.qq.com/wxopen/pluginbasicprofile?action=intro&appid=wx069ba97219f66d99 腾讯智能对话平台TBP——机器人对话 https://mp.weixin.qq.com/wxopen/pluginbasicprofile?action=intro&appid=wx65f00fe52f504192 人工智能创造更多可能——科技向善 这个项目是将人工智能利用到为弱势群体服务的一个探索，关于这个项目的未来，我们也有一些设想和展望，希望它的存在能够帮助到更多的人： 增加更多类型的故事，质与量同步提升； 接入腾讯AI语义解析接口，进行意图成分、情感分析，让家长更好掌握孩子的情绪变化。

Tip:2021-05-21 测试了小程序图片长按识别个人微信码、群聊码、企业微信码可以直接添加。 须知：以下结果均在微信IOS最新版(8.0.2)测试所得!!! 视频号二维码 公众号内长按识别结果：可以 小程序内长按识别结果：不可以 小程序内webview(公众号文章)：不可以 小程序内webview(自定义H5)：不可以 小程序客服消息长按识别：可以 [图片] 个人赞赏码 公众号内长按识别结果：可以 小程序内长按识别结果：不可以 小程序内webview(公众号文章)：不可以 小程序内webview(自定义H5)：不可以 小程序客服消息长按识别：可以 官方回复小程序因策略调整不能识别：https://developers.weixin.qq.com/community/develop/doc/0008ea7edb8f4845c39be413456c00?highLine=%25E8%25B5%259E%25E8%25B5%258F%25E7%25A0%2581%25E8%25AF%2586%25E5%2588%25AB [图片] 个人微信号二维码 公众号内长按识别结果：可以 小程序内长按识别结果：不可以 小程序内webview(公众号文章)：不可以 小程序内webview(自定义H5)：不可以 小程序客服消息长按识别：可以 [图片] 个人收款二维码 公众号内长按识别结果：可以 小程序内长按识别结果：不可以 小程序内webview(公众号文章)：不可以 小程序内webview(自定义H5)：不可以 小程序客服消息长按识别：可以 [图片] 公众号（订阅号）二维码 公众号内长按识别结果：可以 小程序内长按识别结果：不可以 小程序内webview(公众号文章)：可以 小程序内webview(自定义H5)：不可以 小程序客服消息长按识别：可以 [图片] 小程序码 公众号内长按识别结果：可以 小程序内长按识别结果：可以 小程序内webview(公众号文章)：可以 小程序内webview(自定义H5)：可以 小程序客服消息长按识别：可以 [图片] 小商店码 公众号内长按识别结果：可以 小程序内长按识别结果：可以 小程序内webview(公众号文章)：可以 小程序内webview(自定义H5)：可以 小程序客服消息长按识别：可以 [图片] 企业微信码 公众号内长按识别结果：可以 小程序内长按识别结果：不可以 小程序内webview(公众号文章)：不可以 小程序内webview(自定义H5)：不可以 小程序客服消息长按识别：可以 [图片] 普通网址二维码 公众号内长按识别结果：可以 小程序内长按识别结果：不可以 小程序内webview(公众号文章)：不可以 小程序内webview(自定义H5)：不可以 小程序客服消息长按识别：可以 [图片]

所有配置安装文档配置好，能播放视频，就是使用JS控制播放的时候 报 “找不到playerid为txv1的txv-video组件”；我表示很不理解，官方文档最后特别说明，常见问题会出现这个问题，就是没有说明白问题在哪怎么处理，是否官方人本身就知道有这个错误而无法说清楚。别和我说什么自己检查自己的代码配置，我要是没检查几十遍就不会到这里来。直接上图吧！ [图片] [图片] [图片] [图片] [图片] [图片]

简单分享下 写这篇文章主要是想跟刚迈入编程这条水泥路的小程序新手开发人员一起交流交流的，因为咱也只是个开发小程序的菜鸟人员，技术帖咱是写不来了，就只能跟大家唠唠嗑了。 1. 开篇 接触微信小程序也有一年多了，在这一年多的时间里也写过五、六个小程序，最初接触小程序是因为我们想通过小程序，来推广运营公众号和扩展公众号功能。 之后的开发就完全是因为好玩和兴趣了吧！ 好玩？？？ 怎么玩？ 大一大二咱大家刚接触算法编程，或许对算法编程是这样的： [图片] [图片] [图片] [图片] 而且经常会听到学这到底干什么用的呀！ 好烦，这周数据结构又学了几个算法，二叉树？图？那行吧，咱就用这些个数据结构写个小程序吧！ 又或者我们玩了一些好玩的小程序，那行吧，咱也试着用我们学过的算法知识在小程序上也写一个吧？ 即使是些老掉牙的游戏，贪吃蛇、扫雷、连连看消消乐、成语接龙等等这些小游戏，实现后你还能在这些个游戏基础上发挥你的脑洞，进行创作改编。或许还能让你编个爆款小程序出来也说不定，是吧。 这些小游戏，小程序内部或多或少都用到了传说中的算法。 之所以选择用小程序来实现，还有一个最主要的原因就是小程序能够很轻易、很低调的就让我们秀一波。 小程序在真机上运行测试很容易，一个二维码就搞定，而且开发的小程序，不仅仅只是让我们本专业同学能够测测玩玩，还能够让更多非本专业的，好比你对象呀同学呀爸爸妈妈呀爷爷奶奶呀哥哥姐姐弟弟妹妹姑姑婶婶阿姨婆婆呀等等等等（只要他们有微信就行）都能够一起体验我们写的这些个小游戏呀。（o(∩_∩)o ） 所以在小程序开发过程中不仅学到了知识，还让我们见到了知识，玩到了知识，还能从中时不时的得到些个赞赏鼓励。你说这样子学习，你学不好才怪！ 小程序还可以是一个表白神器，花点心思写一个专属 Ta 的独一无二的小程序，只给你的 Ta 开放个权限，再送给 Ta 比你花多少钱买个什么礼物都珍贵，你说我说的在理不！所以，你说小程序开发好不好，爱情学习双丰收呀。 2. 案例 好吧，上面废话有点多，下面先放几个自己做的小程序聊聊，素材什么的都是自己花心思画的（丑不丑无所谓，自己看着舒服就行），而且写一款完完全全凭自己感觉设计出来的小程序会让自己更有成就感。 2.1 反义词消消乐 反义词消消乐这个就是去年参加微信小程序应用开发赛做的一个小程序，为了增加游戏趣味性也增加了多人对战的功能。 反义词的逻辑匹配算法其实很简单，后台字词数据表，表中每条数据存储正、反两词，因此拥有共同的id值（int类型），前端获取到数据后只需将每条数据进行简单分割处理，可以让正意思词的标记值等于+id，反意思词的标记值等于-id，这样我们就能通过两标记值相加为0，来判断字词是否匹配成功。 游戏内的所有逻辑都交给小程序来判断运转，后端只是用来实现数据的存取，中转和传输。多人中前后端是使用 WebSocket 通道进行实时双向通信的，确保游戏内所有消息能够快速同步。逻辑如下： [图片] 简单解释下上图，当用户点击匹配后，发送信号与后台建立websocket连接，连接成功后传回连接的websocket的id值即sid，前端打包用户数据，sid，用户状态，用户转态就是此时是否已经退出游戏，发送给后端，后端保存信息，放入用户匹配池中，当准备就绪后，传回前端，前端发送匹配请求，后端再次开始为用户分配房间号，之后判断实时监听判断分配的房间是否满足两人，满足即可开始游戏逻辑。当游戏开始后，前端与后端的处理逻辑为如下所示： [图片] 上图是表示游戏匹配过程中的逻辑，其中打包小程序端发送的游戏信息其实就是用户点击反义词数据的状态信息，有助于后台判断分数加减等情况。服务器端的定向广播游戏信息，就是将处理好的分数等情况广播发送给定向房间内的用户。 反义词小程序整体流程大致是这么实现，而分配玩家的逻辑可以是按随机，按先到先服务，又或者按指定条件（如胜率分段等）将玩家分配到一起。 [图片] [图片] 2.2 困住小星星 困住小星星这个小程序，其玩法是模仿日本游戏设计师TaroIto2007年制作的“黑猫”（ChatNoir）游戏，而我在将其成功围住之后放了一些彩蛋，具体内容嘛就不说了 (✿◡‿◡)，你们可以自己更改主题后随意发挥。 玩法就是游戏初始化墙的个数大概是9-13个之间。玩家需自己想办法点一个圈，目的就是要将其围住，不让她从边界跑掉即可。 小星星的寻路机制算法用到了最小路径和最大通路的算法，在每次寻路前先计算出各个非墙点的最小路径步数，以及最大通路步数，当最小路径步数相同时，就用最大通路步数来进行比较，最终找到最优路径，所以要想困住其实还是有点难的。 因为游戏中的地图是9*9，因此在最短路径算法中，其中点是（4，4），要计算到各边界的最短路径问题，可以从外往里开始计算。比如最外围，因为是边界，所以其路径长度为0，之后每往里一层，其路径长度就加1，直到到达主角位置。在不存在墙的情况下如下示： [图片] 最小路径： 其实要想计算出这个图的路径，我们不难发现，计算某个点的路径时（例如上图标红处），我们只需遍历找出每个点周围（即左、左上、右上、右、右下、左下）路径最小的值并加1，即是最终的最短路径长度。 如何实现？首先我们规定图中81个点初始path值可设为 -100，障碍物的path值可设为 100，边界path值可设为 0，主角位置可设为 999。之后再分别从四个大方向，即左上、右上、右下、左下这四个方向进行反复计算。 如何计算，以左上为例，左上计算即表示从左到右，从上到下，对各个点进行遍历。在遍历各点的同时，判断该点是否为障碍物，是则直接返回path的值为100，若该点为边界，则直接返回path的值为0。 如果都不是，则找出该点周围的6个点，并分别遍历周围的这6个点，判断这6个点的路径值，找出周围6个点路径的最小值min，min初值设为100。 如果筛选出来周围的点中存在没有计算过的点，即存在小于0的值，那需要等以后来计算他们的值，因此先不参与比较判断。而周围点的path值满足大于0的条件时，与min值比较，选出其中的最小值并赋给min，遍历完6个点后。当min值满足小于100的条件时，那么说明该点周围的最小值已经计算出来，直接将该点周围最小值路径值加1即为该点path值。 上面说的有点绕，直接上代码： [代码]calPath: function(location) { //计算路径 var row = location.row var col = location.col if (this.data.map_location[row][col] == 1) { //墙直接返回100 location.path = 100 return location.path } if (row == 0 || col == 0 || row == 8 || col == 8) { //边界直接返回0 location.path = 0 return location.path } var sixDir = this.calSixDir(location) //寻找周围的六个点 //遍历周围6个点，找出最小值 var min = 100 for (var i = 0; i < 6; i++) { if (sixDir[i].path >= 0) { // 存在点没有值，那需要等下次再来计算其值 var tmp = sixDir[i].path if (min > tmp) { min = tmp } } } if (min < 100) { location.path = min + 1 } else { location.path += 1 } return location.path }, [代码] 以此类推，从右上、右下、左下这三个方向进行计算，也都是相同的逻辑操作。 最大通路： 最大通路其实与最短路径的计算差不多，只是最大通路我们计算的是该点周围能走的个数，即寻找出该点周围6个点后，统计一下该点周围非墙的个数即可。因此计算时只需两个for循环遍历一遍图中所有点并分别计算一下即可。 [图片] [图片] 2.3 fly 拖鞋、摩斯密码 这个名字嘛fly 拖鞋，就是我随便取的。当时画素材的时候，就是随笔画了画涂了涂，看着有点像拖鞋就叫了 fly 拖鞋，这个游戏其实是用小游戏写的，游戏内容其实就跟fly bird一样。 开发这个游戏的过程中其实没用到什么算法，也没什么好说的。但用到了些物理知识，就是高中咱都学过的上抛与自由落体的公式，说这个就是想你知道写游戏的时候其实很经常用到物理知识。 这个摩斯密码，就是因为当时跟那谁谁谁聊起过摩斯密码，感觉那滴滴哒哒的也很神奇，而且又凑巧那天看到了个摩斯密码表，于是就照着那个表写了这个翻译器。所以用小程序写个小工具自己用还是很方便的。我觉得吧小程序是最适合自己写工具的，方便，而且干什么都行，就看你怎么用了。 [图片] [图片] 上面说那么多其实就想让学弟学妹们知道小程序可以这么玩。把我们所学的知识用可视化的形式体现出来，这可能比单纯的学习课本上的知识更有趣。 3.聊聊 小程序开发起来不会太难，在这个过程中其实也没有遇到太多大问题，遇到的bug无非就两种，要么语法错误，要么逻辑错误。 其实当遇到一个问题的时候，最好的解决办法就是官方文档了。这个真不是废话，很多时候遇到的bug其实就是我们对api的不熟悉，错用，用错而已，再不是，那就是咱自己代码逻辑错误了吧。 3.1 开发 开发个小程序的过程无非就这五个过程：问题—>分析—>设计—> 编码—>优化。 本人开发的心路历程首先就是自己要明白到底要开发个什么东西出来，之后便是去官方文档中简单查询下这些api，看看我们设计实现的这些个功能到底可不可行能不能实现。实现不了的，就换个思路看看有什么可替代的方案。 之后就是得想清楚，具体的实现步骤，实现逻辑，并分配好前后端的功能逻辑，之后再简单搭建小程序的整体框架，架构。我写的小程序其实大部分的实现逻辑都是在前端实现，后端我只是单纯的用来做些数据存取、中转等功能。 当然现在小程序的云开发，大大方便了我们，直接可以将数据放到云开发数据库上，用官方的原话讲就是一个既可在小程序前端操作，也能在云函数中读写的 JSON 数据库，而且这也大大简化了后台服务器的环境构建，运营维护等。可以减少很大的工作量。 最后再是动手编码实现我们的想法，将小程序的基础功能逻辑基本实现后，再慢慢的对其进行优化，完善。 其实我最喜欢就是完善和优化的这个过程，它能够让我很惬意的去设计、体验，将我们自己的小程序从粗糙的demo到精致的成品这个过程，是一件很有成就感的事。作出一个美美哒，精致的小程序，你就会连吃饭学习睡觉都感觉很舒畅。 3.2 收尾 最后总结就是，在开发过程中，可以先分析好功能逻辑，再开发个拥有主要功能的demo出来（先不管页面什么的设计有多难看），之后我们在这个demo的基础上一版版的优化修改，一步步迭代，最终成型。是的，小程序的开发就是这么容易，这么简单，这么好学，这么有趣。 还有就是要开发设计一个小程序其实不需要太多太复杂的功能，开发一个小程序的真谛就是简洁！ 不仅仅是界面简洁，操作简洁，其实最主要的就是功能简洁，这或许也就是小程序设计的初衷吧。 最后还有就是遇到问题咱们首先确定一下是不是语法错误，再看看是不是逻辑错误，再不是，可以去文档上看看找找原因，文档还没有就去开发者社区里搜搜，开发者社区还没有的话可以先在这里面提个问题，最后咱们再去百度google，查查看，如果还没有解决方案的话。 那没办法了，只能开大招了—— 小黄鸭调试法！ [图片] 在很久很久以前，有一个传说，传说中有一位程序大师，他随身携带了一只小黄鸭，每当在调试代码的时候会在桌上放上这只小黄鸭，然后详细地向鸭子解释每行代码…没了，这个传说就这么短，这就是传说中的小黄鸭调试发。 为什么呢？维基百科是这么解释的，小黄鸭调试法，又称橡皮鸭调试法，或者黄鸭除虫法，是在软件工程中使用的代码调试的一种方法，方法就是在程序调试，测试，除错过程中，操作人向小黄鸭耐心的解释每一行程序的作用，以此来激发灵感与发现矛盾 说白了就是回归带自己代码上，然后自言自语一翻。 你还别说，这个真管用，说出来更容易帮自己捋清楚思路，这个方法真的是屡试不爽，一直试一直爽！ 要是你有幸能够把问题解决好了，最好可以记录一下踩过的坑那是最好的了，如果你再善良一点那就来开发者社区中分享一波吧。不管问题多简单，你要知道比你懂的少的人还是有很多的，他们那些新新手可能更需要的是咱们这些菜鸟新手的帮助吧。 最后再说一句话： [图片]

- 需求的场景描述（希望解决的问题） 可以多选当前群聊的对话，复制并保存进小程序。 [图片] 目前是没法复制当前对话，只能转发。因为小程序是为了反馈问题，所以需要当前对话内容进行问题分析。如果手动依次复制很繁琐。 - 希望提供的能力 复制当前多选的对话内容

我接触小程序三个多月,编写了一个--PS抠图拼图--上线两个月，用户累计31000人，广告费赚了200多元，这些我就很知足了，没想到昨天接了一个订单，主动给价2.6万，让我给他开发一款带功能的小程序，让我欣喜万分。他说他找这个程序找了两个多月了，找了好几家软件开发公司，让他们给我开发一款带一键抠图的XX设计程序（处于对商家保密用xx代替），他们几家软件公司的人说，小程序不能开发抠图功能，他把我的小程给他们一看都傻眼了，当时闭口无言。我们现在已经成交，20天后我新给他开发的程序就会上线，此事万分真实。 从此我由衷地佩服微信小程序，他颠覆了苹果APP商店的垄断地位，跨系统小程序应用产生，让业余程序员也能赚到大钱，未来我准备建立一个小程序开发团队，让人真的知道，微信小程序无所不能。