自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

mon_star°的博客

优质小程序创作者

  • 博客(349)
  • 资源 (1)
  • 收藏
  • 关注

原创 【安全生产月】2023年全国安全生产月主题知识竞赛

今年6月是第22个全国“安全生产月”,主题为“人人讲安全、个个会应急”。2023年,全国“安全生产月”活动正式开启,我们一起通过主题宣传教育答题活动和主题海报,揭开全国“安全生产月”活动帷幕。安全生产知识竞答。

2023-06-07 15:50:51 5

原创 投票评选活动小程序的活动情况区域和投票区域实现

投票评选活动小程序的活动情况区域和投票区域实现。Grid 布局即网格布局,是一种新的 CSS 布局模型,比较擅长将一个页面划分为几个主要区域,以及定义这些区域的大小、位置、层次等关系。讲到布局,我们就会想到 flex 布局,甚至有人认为竟然有 flex 布局了,似乎没有必要去了解 Grid 布局。但 flex 布局和 Grid 布局有实质的区别,那就是 flex 布局是一维布局,Grid 布局是二维布局。

2023-06-07 10:54:52 2

原创 投票评选活动小程序的分享功能和背景音乐功能实现

投票评选活动过程中,需要转发分享出去,实现拉票的效果,那么就需要分享功能,不然怎么实现投票呢,其实这个是最具价值的功能之一。而背景音乐播放功能,只能算是提升用户体验的一个功能吧,极大的丰富了应用程序的功能和内容,锦上添花。

2023-06-06 14:46:24 237

原创 基于云开发搭建学法普法专题法律知识答题活动小程序v3.0

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

2023-06-02 14:05:44 55

原创 消防安全知识答题活动小程序v4.3.0

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

2023-05-30 14:19:25 249

原创 消防安全知识答题活动小程序v4.2.0

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

2023-05-30 11:12:53 10

原创 消防安全知识答题活动小程序v4.1.0

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

2023-05-29 14:49:19 201

原创 投票评选活动小程序怎么做

投票评选活动小程序怎么做,做一下笔记,记录一下分析、开发搭建的过程。

2023-05-29 13:14:52 637

原创 小程序云开发实战——从0到1开发网络安全知识答题积分赛小程序

1、注册一个小程序账号,主体类型可以选择个人,每个人都可以注册5个小程序账号。在注册成功后, 可使用小程序账号登录至微信公众平台,然后获取APPID。点击【开发管理】-【开发设置】,复制APPID。2、下载并安装微信开发者工具;如果你的是Windows64,则选【Windows64】;如果你的是Windows32,则选【Windows32】;如果你的是mac,则选【macOS】;安装成功后,双击打开微信开发者工具;3、拿到网络安全知识答题积分赛小程序代码包,并解压到文件夹;

2023-05-22 23:17:58 26

原创 如何导入运行答题小程序项目

当我们拿到源码压缩包的时候,如何导入运行答题小程序项目呢?让我们简单的看一看如何操作吧。

2023-05-21 16:41:58 16

原创 又一个2W+的答题抽奖活动,复盘复盘总结总结

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

2023-05-20 13:00:41 574 2

原创 全国节能宣传周知识答题活动

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

2023-05-20 11:17:42 186 2

原创 CMS搭建篇:内容模型配置-用户管理模型

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

2023-05-19 10:09:27 148

原创 CMS搭建篇:内容模型配置-题库管理模型

在添加【多行字符串】字段表单中,填写展示名称为“题干”、数据库字段名为“question”,是否必需为开启状态(表示在创建内容时,此字段是必填项),点击【添加】按钮;在添加【JSON对象】字段表单中,填写展示名称为“选项”、数据库字段名为“option”,是否必需为开启状态(表示在创建内容时,此字段是必填项),点击【添加】按钮;在添加【单行字符串】字段表单中,填写展示名称为“正确答案”、数据库字段名为“true”,是否必需为开启状态(表示在创建内容时,此字段是必填项),点击【添加】按钮;

2023-05-15 09:32:42 273

原创 CMS搭建篇:开通服务与初始化

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

2023-05-12 10:02:45 175

原创 接口联调篇:进入首页自动鉴权静默登录

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

2023-05-11 11:48:09 138

原创 基于云开发搭建网络安全知识答题活动小程序v3.0

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

2023-05-09 11:10:53 38

原创 接口联调篇:积分排名页实现积分由高到低排名功能

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

2023-05-08 10:07:15 18

原创 界面交互篇:答题页的答题逻辑交互开发

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

2023-05-07 09:39:49 440

原创 接口联调篇:答题页实现随机抽题、答题计算并更新积分等功能

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

2023-05-06 10:19:11 617

原创 接口联调篇:头像上传至云存储、用户信息保存到云数据库

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

2023-05-05 10:46:14 33

原创 数据库篇:初始化、建表、配置及调用

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

2023-05-04 09:20:26 466

原创 基于云开发搭建消防安全知识答题活动小程序v3.0

消防安全知识答题活动小程序v3.0,基于云开发的答题活动小程序。本项目技术栈基于 ES2015+、WXML、WXSS、JavaScript 、微信原生 API和云开发,所有的请求数据都使用云数据库的小程序端SDK进行查询,提前了解和学习这些知识会对使用本项目有很大的帮助。软件架构微信原生小程序后端云开发(数据库、云函数、存储)CMS后台管理系统。

2023-05-03 15:13:17 58

原创 数据库篇:表设计、创建编辑以及导出导入数据

微信小程序云开发实战-答题积分赛小程序系列。可以看到,这里类型提供了string、number、boolean、null、array、object、date、geopoint可选;后面把true、type、checked字段添加和完善后,点击【确定】按钮,即可添加了一条记录;比如,需要编辑question,那么鼠标悬浮到这一行,我们可以看到出现了编辑按钮和删除按钮;导出格式选CSV,字段填写如下,然后选择导出位置,点击【确定】按钮;

2023-05-03 10:07:49 723

原创 “五一”假期消防安全知识要牢记之消防安全知识答题活动

2.燃气一旦发生泄漏,一定要确保窗户打开,关闭燃气灶、燃气阀门,远离泄漏地点,联系燃气公司工作人员前来检查,如果关闭总阀还无法阻止漏气,千万不要在室内逗留,不要开灯和关灯,更不能使用明火。1.做好节前安全教育和节前安全检查,加强厂区、车间、施工现场、危化品存储等安全管理,认真开展风险管控和隐患排查整治,警惕违章作业。大家在观赏感受美好春色的同时,也要注意消防安全,千万不要忘记安全第一。1.节假日出行,要增强安全出行意识,自觉选择合法合规的交通工具,拒绝乘坐非法营运车辆、货车、农用车等交通工具出行。

2023-05-01 16:45:56 621

原创 五四青年节知识答题活动

基于优质的消防安全知识竞答活动小程序v2.0,进行快速搭建五四青年节知识答题活动。答题活动小程序v2.0,基于云开发的微信答题小程序,软件架构是微信原生小程序+云开发。主要包含六大功能模块页面,首页、答题页、结果页、活动规则页、答题记录页、排行榜页。适用于交通安全答题、 消防安全知识宣传、 安全生产知识学习、答题活动、有奖答题等。技术栈:微信原生小程序+云开发。

2023-04-30 21:16:38 11

原创 界面交互篇:答题页布局样式与逻辑交互开发

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

2023-04-30 12:12:49 680

原创 界面交互篇:答题成绩页布局样式与逻辑交互开发

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

2023-04-29 09:23:39 16

原创 界面交互篇:积分排名页布局样式与逻辑交互开发

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

2023-04-28 11:09:16 17

原创 界面交互篇:关于程序页布局样式与逻辑交互开发

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

2023-04-27 08:40:50 18

原创 界面交互篇:个人中心页布局样式与逻辑交互开发

微信小程序云开发实战系列-答题积分赛小程序。界面交互篇:个人中心页布局样式与逻辑交互开发。

2023-04-26 09:07:49 331

原创 五四奖章评选活动方案及模板分享

五四青年节是品牌与年轻人沟通、实现品牌年轻化的好时机。这时候,品牌们可以围绕“致敬年轻人”等主题开展线上投票活动。参选内容可以是趣味短视频的形式,鼓励追梦、畅想未来。企事业单位,可举办五四青年节线上知识问答,结合答题后抽奖这一玩法,增强活动吸引力,扩大活动曝光率,进一步在社交圈裂变传播,扩大影响力。青年节期间,全国各地都要举行丰富多彩的纪念活动,当然也少不了评优活动的开展,各行各业往往都会提前到4月份来做相关网络评议活动。五四奖章评选活动方案及模板分享。:五四、青年、奖章、评优。:H5宣传、投票、答题。

2023-04-25 21:33:50 9

原创 答题积分小程序云开发实战-界面交互篇:注册登录页布局样式与逻辑交互开发

模拟器通常默认展示的页面是首页,那么如果我们想切换到其他页面呢,那怎么办?我这里教给初学者三种方式,方便大家在搭建页面过程中,进行开发调试。

2023-04-25 09:17:20 37

原创 世界读书日线上知识竞赛答题活动方案及模板分享

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

2023-04-24 13:51:54 26

原创 答题积分小程序云开发实战-界面交互篇:首页页面布局样式与逻辑交互开发

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

2023-04-23 21:46:04 292

原创 答题积分小程序云开发实战-项目框架篇:页面框架初始化

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

2023-04-21 15:46:04 162

原创 基础篇:项目前期准备以及初始化

由于小程序项目必填项,以及后期会调用微信小程序的云开发接口等功能,需要获取小程序的 APPID。没有邮箱的话,先注册邮箱再回来注册小程序账号。在微信开放文档【开发】-【工具】-【下载】,根据自己的电脑系统,进行选择开发工具版本,然后下载,并进行安装;这里就不详细展开注册步骤了,很简单的,根据提示操作就行,3分钟就能注册好一个小程序账号。开发者工具,即为小程序的开发以及运行环境,帮助开发者简单和高效地开发和调试微信小程序。在模拟器底部的状态栏,可以直观地看到当前运行小程序的场景值,页面路径及页面参数。

2023-04-20 13:31:28 50

原创 基础篇:项目技术栈及其基础知识储备

你需要在本地安装微信开发者工具,即集开发编译运行环境于一体的工具。本项目技术栈基于 ES2015+、WXML、WXSS、JavaScript 、微信原生 API和云开发,所有的请求数据都使用云数据库的小程序端SDK进行查询,提前了解和学习这些知识会对使用本项目有很大的帮助。接下来,我们一起大致梳理一下,本项目需要用到的一些技术基础知识,所谓删繁就简三秋树。

2023-04-19 13:22:31 62

原创 答题积分小程序云开发实战-开篇:项目介绍以及效果图

我也看过不少的册子或者文章,大部分都很优秀,但也有的就长篇累牍,从时代背景讲起,复述各种基本概念、底层原理......嗯,看似很高级~但我阅读的时候,给我的感觉是,把你绕晕、把你劝退的感觉,相信大家都有同感,如图所示:但既然是教程,那就得有教程的样子,其本质应该是简单而直接的。尽可能的简单直白一点,让读者直接能获取到关键的有价值的信息。什么是关键有价值的信息,那就是我作为读者想要直接能获得的信息。“能用非技术的语言,简单的去描述一个复杂的技术问题,让一个初学者或者在校学生,甚至是门外汉都能够理解。

2023-04-13 09:34:00 350 2

原创 node 框架程序如何对 json 文件进行增删改查

主要为大家展示了“nodejs框架如何对json文件进行增删改查”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“nodejs框架。相信大家都有了一定的了解,希望分享的内容对大家有所帮助。想使用nodejs(koa)搭建一个完整的前后端,完成数据的增删改查,又不想使用数据库,那使用json文件吧。新增page一些查询参数,并在使用传入的参数取对应数据。

2023-03-30 10:01:59 105

漂亮的单页应用-企业类展示网站

企业类展示网站单页应用 视差功能 $( '#page_body_editor-wrapper .layout_bg.layout_bg_pc[data-effect="parallax"]' ).each(function (i, e) { new Parallax({ scrollBox: document, container: $(e).closest(".layout_group")[0], parallaxDom: ".layout_bg_pc", }).init(); }); 锚点功能 图片画廊功能 英文断行

2023-03-28

毕设项目-图书馆座位预约微信小程序

应用场景: “图书馆预约”是为了解决图书馆占座问题的预约性工具型小程序。用户只能在规定时间内预约当天座位,并需要按时签到/签退。如违纪,则该用户预约功能禁用1天。 目标用户: 去图书馆自习室的学生/社会人 开发思路: 1.利用云函数获取用户openID及定时更新数据库 2.利用云数据库存储自习室信息、座位信息、用户信息、意见反馈信息 3.利用云存储存储图片信息 4.页面逻辑在小程序代码中实现,具体分为以下页面: 在start页面中点击进入,对用户openid是否在数据库中进行判断,并做出相应做法。 在用户点击确认键后对数据库进行更新。 在点击签到/取消预约时判断是否超时。

2023-03-28

口罩给我-疫情知识趣味科普小程序

特性 本项目是一个微信小程序,需要在微信客户端中运行; 本项目用到了小程序云开发,用到了云函数和云数据库; 功能介绍 进入小程序后,点击开始答题,进入答题环节; 每道题有问题和对应的选项,每道题有且仅有一个正确答案; 点击选项即可回答问题,无论回答正确与否,都会有相应的提示解释说明。 完成答题后,最终会生成一张指定海报,用户可以选择保存,或者分享到朋友圈传播。 依赖 微信客户端(安卓、iOS、PC版) 微信开发者工具 小程序基础库2.8.0及以上 部署说明 前置准备工作 配置 gitee 码云SSH,用命令ssh -T git@gitee.com测试连通性; clone本项目到本地,等待进度完成; 注册一个微信小程序,成功后记录下该小程序的 appid。 导入本项目 找到微信开发者工具,选择工具界面左上角菜单栏的【项目-导入项目】,选择项目根目录下的/miniprogram文件夹导入; 导入时候记得填写刚刚注册号的小程序 appid,并创建并开启【小程序云开发】功能。 开发说明 目前该项目只实现了基础答题功能,海报生成结果的算法还不够完善,需要进一步优化。

2023-03-27

垃圾分类小程序项目源码

主要实现功能   小程序借助云开发的数据库,存储了大量常见的各类垃圾,可直接搜索查看垃圾所属的分类和相应的垃圾投放要求,也可以直接拍照识别出垃圾所属的分类(这里借助了,百度AI开放平台的图片识别功能来实现) 小程序部分页面 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述 这个小程序1.0版本我已经发布上线了,可以用微信扫下面的小程序码,直接查看实际效果 在这里插入图片描述 云数据库的设计 用准备好的数据,直接导入到建好的云数据表中 sort表,标志四种垃圾的分类: 在这里插入图片描述 product表,存储常见的垃圾分类: 在这里插入图片描述 commit表,存储用户提交的未知垃圾分类: 在这里插入图片描述 百度AI图片识别   利用百度AI图片识别,进行垃圾拍照识别分类,需要去百度AI开放平台官网,创建一个应用

2023-03-27

化妆品门店是一个基于微信小程序云开发 商品类小程序

一、整体效果 1、登陆页面: 为什么小程序还需要登陆页面,直接微信授权不就完了吗?这里我总结的两点: 1:云开发能够获得用户纯天然_openid,这个过程不需要用户授权。 2:这是商品类小程序,需要获取用户一些真实的信息。 登陆页面 2、首页 显示主页面整体的效果 首页 3、商品详情页 作为核心的展示页面、包括商品参数、服务、规格类型、相关参数、售后保障以及可加入购物车或者立即购买等功能; 详情页 详情页 4、购物车 主要功能包括:修改购物车数量、修改规格,可删除、可购买等; 在这里插入图片描述 5、个人中心 可查看物流信息、订单详情、修改地址、删除订单 个人中心 6、管理员 6.1管理员首页 前提是把自己_openid修改成自己的,可根据自己需求添加管理员。 在user页面修改个人_openid。 修改_openid 管理员菜单 6.2添加商品 包括图片上传保存到云数据库和云储存,并且显示已经出售的商品信息、可以管理商品状态。 添加商品 出售商品 6.3订单管理和修改商品 订单管理

2023-03-27

答题活动小程序v2.0

简介 答题活动小程序v2.0,基于云开发的微信答题小程序,软件架构是微信原生小程序+云开发。主要包含六大功能模块页面,首页、答题页、结果页、活动规则页、答题记录页、排行榜页。适用于交通安全答题、 消防安全知识宣传、 安全生产知识学习、答题活动、有奖答题等。 技术栈 微信原生小程序+云开发 当前版本 微信答题活动小程序,当前版本是v2.0 活动规则页 答题记录页 排行榜页 题库随机抽题 查询历史成绩 微信授权登录 获取微信头像和昵称等 首页、答题页、结果页 实现页面间跳转功能 实现转发分享答题成绩功能 实现用云开发实现查询题库功能 实现动态题目数据绑定 答题交互逻辑 切换下一题 提交答卷保存到云数据库集合 系统自动判分 答题结果页从云数据库查询答题成绩 界面 首页 微信授权登录 转发分享答题 答题页 结果页 转发分享成绩 活动规则页 答题记录页 排行榜页 安装教程 下载开发者工具 导入小程序项目 创建云开发环境 心得体会 找到你所能认识的最优秀的人,和他们一起做点事 世界上最聪明的人是借用别人撞的头破血流的经验作为自己的经验

2023-03-27

毕业设计项目-微信答题小程序

毕业设计项目-微信答题小程序

2023-03-09

纯前端实现答题小程序

纯前端实现一个在线答题小程序,内含试题数据(json格式)、首页考试入口(选择哪一套试题)、答题页(单选/多选)、结果页(评分、查看错题)。你可以选择接入云开发能力,或者其他后端能力。ps:非初学者慎入。

2020-08-07

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除