引言:本人也是因为自己公众号需求所以从头入手学习小程序的开发。目前也只是实现了简单的留言功能,希望能和大家讨论发现更多的不足
github网址:https://github.com/igo312/Message-Board-of-WeChat
具体的与公众号绑定和模块介绍我都写在了github中呢,这里就写写存在的问题与心得呢
2020/8/28 更新
更新简介
- 添加了对留言的评论功能与点赞功能的完善
- 添加了对留言、留言评论删除功能的实现
- 完善了数据加载逻辑,保证了先获取数据再进行渲染
- 对组件高宽进行了重新设定
- 添加了更多功能选项,将评论、点赞、删除进行归纳
详细说明
1.对留言评论的逻辑实现
利用变量控制调用的函数,在记录中添加一个列表(leaveMessage
)保存评论记录,无论是在主留言评论还是对某一留言评论都会添加到留言记录中,时间排序为在列表末尾添加即从早到晚展现。在数据更新上,无论是添加评论还是在点赞上,都是直接利用update
更新整个数组
2.组件高宽的问题
组件高宽的问题主要为留言板在真机调试中比例不合适的问题=>
问题在于: rpx
作为基本单位,其定义是根据屏幕宽度实现自适应。这导致了在高度上其实不能做到真正的自适应,不同机型的长宽比例不同,dpr
只实现了宽度 的自适应。在问题的解决上,调用wx.systemInfoSync.windowHeight
来获取可使用屏幕高度,乘以一定系数来设定留言板的高度。
3. js控制wxss
js
不能直接控制样式,但能通过设置文本wxml
,利用数据绑定{{}}
实现控制样式如下面的代码
# javascript 的代码
var commentStyle:"height: 0px; bottom:-1200px;"
# wxml处的代码
"" class="" style="{{commentStyle}}" animation="">
接下来的目标
- 实现被评论后用户会得到被回复的消息
- 加速小程序的加载
问题与心得
-
Q:未来还会更新哪些功能呢?
A:会考虑在某条评论长按触发如选择、复制、删除自己评论的功能
-
Q:目前留言板还存在什么明显的问题呢?
A:目前留言板还有许多问题存在,如留言的排序顺序还是要斟酌的;在测试过程中可以发现有时候加载留言的速度较慢会让用户觉得没有人留言,这 是一个 很大的问题
-
Q:能简单介绍整个程序的实现流程么?
A:主要说说留言板的整个实现功能,用户进入小程序之后,程序会去云数据库寻找是否存在相应的集合,若存在则读取,不存在则进行创建并初始化一条评 论;评论以发布时间从最新到最迟进行排序(初始化评论的时间被设定为2021年,因此目前永远置顶)。用户在发布留言后会直接调用云函数将新发布的 内容与云数据库同步,但点赞的同步将在用户退出小程序后进行
个人小程序可以做留言板吗