小程序之云开发初体验

1、小程序之云开发初体验。完全基于云开发的小程序《甜蜜婚礼》。

婚期将近,本人亲自操刀制作了一款基于云开发的小程序“甜蜜婚礼”。也算是体验了下次小程序云开发,确实非常便捷。任何人都不在受限于域名和服务器,因为完全不需要这些东西,都能够快速的开发出一款可上线的小程序。“甜蜜婚礼”小程序已上线,欢迎大家扫码体验。

能送上祝福就更好啦。
小程序码

2、小程序效果图

在这里插入图片描述 在这里插入图片描述
在这里插入图片描述 在这里插入图片描述
在这里插入图片描述 在这里插入图片描述

3、源码

源码已上传至GitHub,可以的话,来个star呀!(^ _ ^)【传送门

4、注意

在使用云开发的时候,因为我们经常用到分页加载,这个地方有一个坑,请大家特别留意。

db.collection('friendMsgList').skip((pageindex - 1) * size).limit(pagesize).orderBy('msgtime', 'desc')

如上面的按照时间倒序,分页加载消息列表的数据。
limit 设置每页加载的大小。
skip 从指定序列后的结果开始返回,就是我们常说的数据偏移。
这里有一个坑,就是调试基础库版本小于2.3.0的时候,这个偏移值不能设置成0。这个应该是一个bug,升级到2.3.0就没有这个问题了。

5、我的云开发配置

5.1、点击云开发,开通进入设置界面

在这里插入图片描述

5.2、复制自己的环境ID,设置到app.js

环境id在这里插入图片描述

5.3、上传照片到云存储

因为我拍了5个场景的照片,所以新建了5个文件夹,分别上传了不同场景的照片。这个根据自己的情况来,全部传到一个文件夹也没关系。

可以访问的照片地址就是上传之后的 File ID,直接复制就行。
照片

5.4、创建json数据库

数据库表
我这里创建了5个集合。导出的 json 集合都在这里 【db_json】,可以自己下载修改后直接导入。

friendMsgList : 保存用户评论的表,就是朋友送祝福的。这个表添加好需要的字段就行(这个要注意一下设置访问权限)。

indexHunShaList :首页信息的一个表,我单独存了,可以查看相应的json,自己改改内容。

indexTitle:这个里面就放了一个启动页的文字,可以自己改。

inviteTab :这个里面存放了邀请函的信息,包括地址、经纬度等信息,自行修改再导入就行。

picListDetails :这个里面存的最多,就是照片列表信息了。包括照片地址、类型、类型名称、文字说明等。

6、结语

还有整整一个月就结婚啦。跟谈了7年多的女盆友也终于修成正果了。回过头想一想,这一路走过来,我真的欠她很多。因为我是真的不懂浪漫啊! 很感激这么多年都坚持了下来。
最后也祝愿所有同行们,家庭幸福、事业有成!

本人公众号,关注一波,共同交流吧。
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_28779083/article/details/88917160