关于小程序动态创建组件

关于小程序动态创建组件

首先我们来说一下为何要动态创建组件，小编在写微信小程序时，遇到了一个需求：从云端读取一个表，并且动态显示在小程序的页面上。那么问题来了，你不知道这个表有几组数据，也不知道里面具体每一组数据的内容，所以，动态创建组件在这里就发挥作用了
先放图

1.png

2.png

上图中，第一张图点击“刷新”，将会动态生成第二张图所示页面。下面来说一下是如何做到的

  刷新



(此处省略具体想要展现的内容)

这里主要是使用了微信小程序的wxml文件中的block组件跟wx:for语法，其中wx:for="{{list}}"用来循环数组，而list即为数组名wx:for-item="items" 即用来定义一个循环过程中每个元素的变量的

关于云端发送的python程序，这里使用的是python程序（websocket）发送，主要目的是模拟本地服务器，具体代码如下：

lab = [203,202,201]#实验室名称
        #温度、湿度、空气、人数，
        environment = [[101,102,103,104],[111,112,113,114],[121,122,123,124]]
        dictionary = dict(zip(lab,environment))
        dictionary = json.dumps(dictionary)
        await websocket.send(dictionary)

本文主要是提供一个思路，关于wx:for的具体使用网上有许多教程，如果有问题欢迎联系小编