微信小程序
文章平均质量分 75
Huang_xianlong
这个作者很懒,什么都没留下…
展开
-
Vue3 封装组件库并发布到npm仓库
Vue3 封装组件库并发布到npm仓库原创 2023-11-23 14:48:09 · 1511 阅读 · 0 评论 -
基于物联网的智慧农业监测系统(前端界面有web端和微信小程序端)
农业是国民经济的基础,在国家经济发展中有着不可替代的重要作用。随着物联网技术的快速发展,智慧农业已成为了现代农业发展的新方向。基于此,本文设计并实现了一套基于物联网的智慧农业监测系统,系统采用ESP32作为主控板,并搭载多种传感器,实时采集与农作物生长环境相关的温湿度、光照强度、土壤湿度、二氧化碳浓度等环境参数,然后通过MQTT将采集的数据上传到巴法云物联网平台,最后通过Web端和微信小程序端实现对农业的远程监测和自动预警处理。该系统的实现促进了农业精细化、高效化管理,为现代智慧农业提供一种可行的解决方案。原创 2022-06-07 21:55:29 · 38216 阅读 · 10 评论 -
微信小程序--分包加载流程
微信小程序--分包加载流程1.为什么要分包小程序要求压缩包体积不能大于 2M,否则无法发布 实际开发中小程序体积如果大于 2M 就需要使用分包机制进行发布上传 分包后可解决 2M 限制,并且能分包加载内容,提高性能 分包后单个包的体积不能大于 2M 分包后所有包的体积不能大于 16M 2.分包形式常规分包 独立分包 分包预下载 3.常规分包1. 开发者通过在 app.json subpackages 字段声明项目分包结构 ...原创 2021-08-08 00:16:05 · 2312 阅读 · 0 评论 -
微信小程序--video组件实现视频弹幕功能
微信小程序播放视频有相应的组件来实现,我们只需要调用即可,video组件的部分参数如下图:完整参数见微信小程序官方文档PS:相关属性解析:danmu-list:弹幕列表 enable-danmu:是否显示弹幕 danmu-btn:弹幕按钮 controls:是否显示视频控件接下来是实现小程序视频实时弹幕功能,主要分为两个部分,播放视频和发送弹幕1. 播放视频视频video的wxml结构如下所示:<video class="video" id="danmuc...原创 2021-07-24 14:59:12 · 6618 阅读 · 3 评论 -
微信小程序--简易计算器
一、项目概述本文主要介绍了微信小程序的一个简易计算器的实现代码实例。实现的功能有:实现简单的加减乘除 删除 全部清空小程序页面目录如下:计算器页面如下:二、WXML文件编写首先我们对计算器页面进行设计,这里我们主要分为两部分,上部为结果显示,下部为按键部分分为操作数和操作符。计算器分为五行四列,采用弹性显示结构,横向显示。布局通过样式表操作,WXML代码如下:...原创 2021-07-19 21:33:11 · 18768 阅读 · 4 评论 -
微信小程序登陆注册功能实现
一、前言我们在开发小程序时,经常会用到登陆注册功能。小程序有为我们提供用户授权登陆的功能,但是这个功能只能获取用户的头像和昵称,我们通常需要的是实现小程序账号密码的注册和登陆,本文是一个简单的小程序登陆注册功能的开发。我们实现的功能有1. 账号密码登陆2.账号密码注册3.退出登陆二、原理讲解因为我们账号密码的注册,就是把用户设置的账号密码存到数据库里,登陆也是从数据库里取账号和密码来校验。所以我们必须要有数据库。如果用传统的数据库来做,比较麻烦,所以我们今天就借助小程序云开发数据库来做。三、原创 2021-07-14 14:43:17 · 20301 阅读 · 9 评论 -
微信小程序关闭调试器警告sitemap的解决办法
我们在微信开发者助手开发小程序时,在调试时经常会出现警告sitemap,多页面程序时点击页面一次出现一次警告sitemap,很影响其他数据的显示。下面是关闭警告sitemap的方法我们只需要打开project.config.json,在setting下面增加“checkSiteMap”: false 即可,如下图所示:...原创 2021-07-11 13:50:23 · 2165 阅读 · 0 评论 -
基于ESP32的智能家居控制系统-微信小程序界面
一、 课题研究意义、现状及应用分析1.1课题研究意义及现状目前,科学技术发展十分迅速,其渗透到各行各业以及生活的方方面面,室内设计和高科技结合便出现了“智能家居”。所谓智能家居就是以居住场所为平台,利用物联网、传感器、智能控制技术将各种家用电器联系起来,实现居住环境的智能化、自动化、人性化。通过语音控制、远程控制、预约控制、个性化设计、一键控制等功能进一步提高生活的舒适性、便利性、安全性。1.2应用分析具体而言,利用多种传感器监测室内温度、湿度、光线强度、烟雾浓度、室内是否有人等信息自动调整空调、加原创 2021-07-05 17:47:49 · 14530 阅读 · 7 评论 -
微信小程序展示弹窗的方式
微信小程序中展示弹窗有四种方式:showToast、showModal、showLoading、showActionSheet具体参数可参照微信开发文档1. wx.showToast<!-- index.wxml --><!-- wx.showToast(消息提示框) --><button bindtap="handleShowToast">ShowToast</button>// index.jsPage({ handleShowToas原创 2021-07-04 11:24:04 · 9279 阅读 · 0 评论 -
微信小程序slot插槽的使用方法---单插槽和多插槽
1. slot的简单介绍组件的插槽是为了让我们封装的组件更具有扩展性,让使用者可以决定组件内部的一些内容到底展示什么。例如购物网站中的搜索导航栏,他们都有相同的部分,我们可以保留它们相同的部分,只需要给他们不相同的部分定义一个插槽即可。2. 单个插槽的使用方法(1)封装组件,创建slot组components/my-slot/my-slot,并在my-slot.wxml中写好插槽的内容。<!--components/my-slot/my-slot.wxml--><view&g原创 2021-07-03 16:09:45 · 1718 阅读 · 2 评论 -
ESP8266连接DHT11收集数据上传微信小程序实现实时温湿度监测
ESP8266连接DHT11收集数据上传微信小程序实现实时温湿度监测一、原理讲解原理简述:利用发布订阅模式。第一步,先读取DHT11温湿度数值,第二步,新建主题,然后ESP8266往这个主题发送消息,第三步。小程序通过HTTP API接口获取数据。小程序控制原理:ESP8266订阅了一个主题,小程序往这个主题发控制消息,ESP8266就可以收到消息,就可以执行相关控制指令了(开/关函数)程序讲解:在本示例中,ESP8266 有两个角色,一个是temp(DHT11传感器数据)主题消息的发布者,ESP82原创 2021-05-09 22:19:57 · 4283 阅读 · 1 评论