![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序开发
文章平均质量分 67
物联网客栈
物联网客栈专注做开源智能硬件,帮助您轻松完成毕设,小白找工作笔试、面试辅导。
展开
-
06-条件渲染
前言 上一节,我们使用简单数据绑定方式在WXML页面显示连接阿里云和订阅topic是否成功,本节,我们学习小程序的条件渲染,在上一节代码基础上增加一个条件判断,当小程序连接服务器成功并且订阅topic成功后,会在按钮下方显示一个成功图标。 一、基础知识 微信小程序的条件渲染使用wx:if来实现,满足条件的代码块才会被渲染,常用方法如下: (1) wx:if基本用法 框架中使用wx:if=“”来判断是否需要渲染代码块: <view wx:if="{{condition}}">满足条件判断</原创 2021-03-24 20:28:26 · 130 阅读 · 0 评论 -
05-数据绑定
前言 上一节,我们学习了如何连接阿里云并订阅topic,但是WXML页面什么也没做,本节,我们使用数据绑定方式渲染数据,将结果实时显示在主页面上。 一、基础知识 数据绑定指的是WXML 中的动态数据均来自对应 Page 的 data。通过修改Page中的data,小程序就可以自动渲染到WXML中显示效果。 数据绑定常见的类型如下: (1) 简单数据绑定 <view> {{ message }} </view> Page中给message赋值,直接在WXML中使用{{ }}方式获取渲原创 2021-03-08 11:08:14 · 140 阅读 · 0 评论 -
04-使用MQTT连接阿里云
前言 本节我们使用介绍的微信小程序连接阿里云服务器功能,这个功能主要是为了实现通过微信小程序来对设备进行监控。 一、基础知识 MQTT(Message Queuing Telemetry Transport,消息队列遥测传输协议),是一种基于发布/订阅(publish/subscribe)模式的"轻量级"通讯协议,该协议构建于TCP/IP协议上,由IBM在1999年发布。MQTT最大优点在于,可以以极少的代码和有限的带宽,为连接远程设备提供实时可靠的消息服务。作为一种低开销、低带宽占用的即时通讯协议,使其在原创 2021-03-08 11:02:35 · 999 阅读 · 0 评论 -
03-底部导航功能
前言 本节我们使用介绍的微信小程序底部导航功能,点击不同tab会显示不同页面,这个功能在实际项目开发中几乎是必备的。 一、基础知识 1.Tabbar 如果应用是一个多 tab 应用,可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页。 list属性是对象数组,每一项表示一个Tabbar项,其字段含义为 其他资料详见官网资料: https://developers.weixin.qq.com/miniprogram/dev/extended/weui/tabbar.ht原创 2021-01-13 17:09:28 · 255 阅读 · 0 评论 -
02-按钮点击跳转页面
前言 微信小程序是最近比较流行的一种新的页面交互工具,以其便捷的用户体验而备受瞩目,更重要的是开发成本低。 一、基础知识 微信的按钮是采用标签,它通过bindtap属性绑定点击事件。 二、步骤 1,新建工程 首先我们根据上一节建立的工程中,复制一个文件夹,创建一个页面,实际文件夹如下图: 2,修改代码 然后找到index.wxml,并将其中的代码修改为: <view class="container"> <button bindtap="goToPage">测试按钮</but原创 2020-12-30 16:59:12 · 905 阅读 · 0 评论 -
小程序开发环境搭建
前言 微信小程序是最近比较流行的一种新的页面交互工具,以其便捷的用户体验而备受瞩目,更重要的是开发成本低 一、基础知识 1.微信小程序简介 微信小程序是一种全新的连接用户与服务器的方式,它可以在微信内被方便地获取和传播,同时具有出色的使用体验。 2. 开发工具 官方开发工具链接: https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 二、搭建步骤 1.注册 在微信公众平台注册小程序,完成注册后可以同步进行信息完善和开原创 2020-12-30 16:36:47 · 851 阅读 · 0 评论