实战丨借助云开发搭建专属技术博客小程序 (2)

从数据库取出评论的数据,循环遍历每一条父评论,如果有子回复也一并循环。这里每一条评论的唯一标识是用户的openId,那么我们可以用这个做一些事情,如:可以判断如果是自己的评论是不能回复的。

<view wx:if="{{commentList.length>0}}"> <view> <text>评论交流</text> <view></view> </view> <block wx:for='{{commentList}}' wx:key='*this' wx:for-item="itemfather"> <view> <view> <view> <image src="http://www.likecs.com/{{itemfather.avatarUrl}}"></image> <label>{{itemfather.nickName}}</label> </view> </view> <view> <text>{{itemfather.comment}}</text> <view> <text>{{itemfather.create_date}}</text> <text data-item="{{itemfather}}" bindtap='clickFatherConter' wx:if="{{openid != itemfather._openid}}">回复</text> </view> </view> <view> <block wx:for='{{itemfather.childComment}}' wx:key='*this'> <view> <view> <view> <image src="http://www.likecs.com/{{item.avatarUrl}}"></image> <text>{{item.nickName}}</text> </view> </view> <view wx:if="{{item.flag==2 }}"> <text>回复</text> <text>{{item.opposite_nickName}}</text> <text>{{item.comment}}</text> </view> <view wx:if="{{item.flag==1}}"> <text>{{item.comment}}</text> </view> <view> <text>{{item.createDate}}</text> <text data-item="{{item}}" data-id="{{itemfather._id}}" bindtap='clickChildrenConter' wx:if="{{openid != item.openId}}">回复</text> </view> </view> </block> </view> </view> </block> </view>

▌项目运行

1. 下载源码

在github上将代码下载到本地:

https://github.com/husanfeng/hsf_blog.git

2. 环境准备

(1)下载小程序开发工具;

(2)注册appid;

(3)使用小程序开发工具导入下载的代码,填入自己注册的AppID。

3. 云开发准备

(1)开通云开发功能。

实战丨借助云开发搭建专属技术博客小程序

(2)创建测试环境和生产环境。

实战丨借助云开发搭建专属技术博客小程序

4. 修改环境ID

(1)修改app.js中的环境ID为自己的环境ID。

实战丨借助云开发搭建专属技术博客小程序

(2)修改所有云函数中的环境ID为自己的环境ID。

实战丨借助云开发搭建专属技术博客小程序

5. 云函数部署

(1)右键云函数目录,点击在终端中打开,执行npm install。

(2)右键执行上传并部署:所有文件。

6. 构建npm

(1)勾选使用npm模块。

实战丨借助云开发搭建专属技术博客小程序

(2)点击顶部功能栏,执行构建npm。

7. 执行编译

▌发布注意事项

小程序现在审核也是越来越严谨了,为了不让大家在审核道路上走弯路,我把我的一些经验分享给大家。

在微信公众平台上为小程序选择正确恰当的服务类目,例如博客类的小程序就可以选择教育信息服务。

如果你的小程序需要账号密码登录,提交审核时需要提交一个账号和密码,而且这个账号不能是测试账号,不能出现测试数据。

提交审核的版本首页需要有数据展示,例如:博客小程序你需要发布一篇或者多篇文章。

文章内容不能存在敏感内容。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zyydyw.html