持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第10天，点击查看活动详情

调用云函数获取用户发布的数据

• 在cloudfunction文件中右击，点击创建node.js云函数，命名建议为get_release_data，获取发布数据， 然后再env中配置环境ID，自己的环境ID在云开发里

• 云函数js文件中的代码如下图所示

• 写完后记得右键云函数点击上传并部署所有文件

• 然后在index.js文件中使用云函数，获取数据

      let oldData=this.data.releaseData;
      let newData=oldData.concat(res.result.data)
      this.setData({
        releaseData:newData
      }) 
     })

这里使用了新旧数据的拼接，并且一次最多显示四条数据，等刷新后才可有下四条数据，newData=oldData.concat(res.result.data).

将数据展示

• index.wxml中的代码

          <image class="datailImv2" src="{{item.picture}}" style="width: 100%; height: 70%;"></image>
          <text class="detailTxt2">{{item.title}}</text>
          <van-tag type="success">微信：{{item.wxnum}}</van-tag>

上述的代码将商品的价格，名字，图片和详情描述都一一渲染到我们的wxml页面上了，并且都是通过wx-for循环渲染这些数据，大大方便了我们进行小程序的数据编写，这里的数据是之前发布页面所上传的数据，这里将他展示到主页面上。

• index.wxss中的代码

overflow: hidden;
text-overflow: -o-ellipsis-lastline;
text-overflow: ellipsis;
}

这里使用了文字超出显示为省略号，并且让描述商品的文字强制展示为两行，超出的展示为省略号，这个css代码在很多场景中都会用到，需要我们去记住，这些都是css中的基础知识。

至此，我们的发布功能就完全实现了