weixin_45006076的博客

前言上一节，我们使用简单数据绑定方式在WXML页面显示连接阿里云和订阅topic是否成功，本节，我们学习小程序的条件渲染，在上一节代码基础上增加一个条件判断，当小程序连接服务器成功并且订阅topic成功后，会在按钮下方显示一个成功图标。一、基础知识微信小程序的条件渲染使用wx:if来实现，满足条件的代码块才会被渲染，常用方法如下：(1) wx:if基本用法框架中使用wx:if=“”来判断是否需要渲染代码块：<view wx:if="{{condition}}">满足条件判断</

前言上一节，我们学习了如何连接阿里云并订阅topic，但是WXML页面什么也没做，本节，我们使用数据绑定方式渲染数据，将结果实时显示在主页面上。一、基础知识数据绑定指的是WXML 中的动态数据均来自对应 Page 的 data。通过修改Page中的data，小程序就可以自动渲染到WXML中显示效果。数据绑定常见的类型如下：(1) 简单数据绑定<view> {{ message }} </view>Page中给message赋值，直接在WXML中使用{{ }}方式获取渲

前言本节我们使用介绍的微信小程序连接阿里云服务器功能，这个功能主要是为了实现通过微信小程序来对设备进行监控。一、基础知识MQTT（Message Queuing Telemetry Transport，消息队列遥测传输协议），是一种基于发布/订阅（publish/subscribe）模式的"轻量级"通讯协议，该协议构建于TCP/IP协议上，由IBM在1999年发布。MQTT最大优点在于，可以以极少的代码和有限的带宽，为连接远程设备提供实时可靠的消息服务。作为一种低开销、低带宽占用的即时通讯协议，使其在

前言本节我们使用介绍的微信小程序底部导航功能，点击不同tab会显示不同页面，这个功能在实际项目开发中几乎是必备的。一、基础知识1.Tabbar如果应用是一个多 tab 应用，可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页。list属性是对象数组，每一项表示一个Tabbar项，其字段含义为其他资料详见官网资料：https://developers.weixin.qq.com/miniprogram/dev/extended/weui/tabbar.ht

前言微信小程序是最近比较流行的一种新的页面交互工具，以其便捷的用户体验而备受瞩目，更重要的是开发成本低。一、基础知识微信的按钮是采用标签，它通过bindtap属性绑定点击事件。二、步骤1，新建工程首先我们根据上一节建立的工程中，复制一个文件夹，创建一个页面，实际文件夹如下图：2，修改代码然后找到index.wxml，并将其中的代码修改为：<view class="container"><button bindtap="goToPage">测试按钮</but

前言微信小程序是最近比较流行的一种新的页面交互工具，以其便捷的用户体验而备受瞩目，更重要的是开发成本低一、基础知识1.微信小程序简介微信小程序是一种全新的连接用户与服务器的方式，它可以在微信内被方便地获取和传播，同时具有出色的使用体验。2. 开发工具官方开发工具链接：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html二、搭建步骤1.注册在微信公众平台注册小程序，完成注册后可以同步进行信息完善和开