此次是第一次接触小程序云开发,现在我来介绍我的小程序。
此次开发的应用场景是日常生活中图片的交互和共享,每台手机都有图库或是相册,但是他们分享交流的属性是不突出的,基于微信庞大的群众基础,图片的交互和共享不妨可以一个新的交流地点。
话不多说,
首页,我使用了openid云函数获取云数据库里面的用户信息列表,又使用了vant组件库里面的tabBar来简化用户的操作,方便用户直接操作照片。


两个按钮,拍照使用upload,照相机使用camara等api,通过button点击调用takephoto函数使用相应的api实现画面捕捉拍照。


接下来,就是用户界面,使用导航api可以获取该页面路径,以便获取用户的信息和相关图片。图片采用vant组件提供的row,col布局,而点击头像进入的信息页面则是采用group和cell,对照片进行适应处理


最后就是核心功能,照片的存储转发功能。基于vant提供的button等组件:1.使用小程序的自带api和qrcode云函数生成对应的链接和qrcode,2.下载到本地,3.使用callback云函数删除照片,并退回原界面。



该小程序还有些不完善的地方,界面布局也有不足之处,请多多指教。