评论

#小程序云开发挑战赛#-CC交个朋友-余衫马

一个轻量简洁的图片社交小程序,愿你在这里能够找到分享的欢乐和志同道合的朋友。

一、应用场景

图片分享、社交聊天

二、目标用户

18岁以上的年轻群体

三、实现思路

首页

新用户点击上传或点击关注时会要求拉取用户信息并写入数据库

关注网友后可以进行了聊天:调用云函数获取聊天组id,跳转到聊天页面(要求传入聊天组的id)

聊天界面:监听加载这个组id的数据,对于图片,使用图片的展示方式


发现页

展示三个栏目:关注、附近、搜索

关注:查询我的我的关注的人的openid,再查询该用户的动态 

附近:查询我的城市,在用户表中搜索相同的城市的网友openid,再查询该用户的动态

搜索:根据输入的用户名,搜索用户表并把结果返回,以列表的形式展现

 

聊天列表页

(发起聊天的过程:AB用户互为陌生人时,当A用户点击与B的聊天,会调用云函数getPrivateChatGroupId得到一个groupId,同时会把A作为myopenid,B作为youropenid和组id写入数据库。建立双方聊天关系:用户B点击的这个新聊天,会自动往数据库中,写入B作为myopenid、相同groupid的数据)

聊天列表顶部会调用云函数getMyNewChatGroupId,展示陌生人发起的聊天组的个数,点击后进入新聊天列表页

列表展示已达成聊天关系(数据库中有A作为myopenid、B作为myopenid同一组号的两条数据)

 

我的页面

我的动态:查询当前用户发送的动态条数,并展示

我的关注:查询当前用户关注的网友数量,并展示

我的粉丝:查询当前用户作为被追随者的数量,并展示

 

个人相册:搜索当前用户曾经发送过的所有图片

发布动态:保存用户上传图文的文字信息


四、架构图

五、效果截图

底部导航-首页

用户页-取关

用户页-关注

用户页-查看用户动态

用户页-查看用户图片墙

用户页-私聊

发现页-关注

发现页-附近

发现页-搜索

底部导航-信息页面

我的关注页

我的动态

底部导航-我的页面

私聊-详情页

我的粉丝

我的相册

图片页-长按事件

图片页-下载到本地相册

完善信息页

发布动态页

六、功能代码展示

首页获取用户列表

用户页获取当前用户信息

上传图片到云储存

更新用户签名

获取聊天信息列表

拉取 我的页面 信息

获取我的粉丝信息

获取 我 的关注信息

提交用户完善的信息

获取 我 上传的图片

获取 我 的分享

图片详情页-下载图片

图片详情页-生成临时链接

发现页获取 我 关注的动态

发现页-获取 附近 的动态

发现页-搜索功能

聊天房间


七、作品体验二维码

八、团队简介

马建生:东莞理工学院2018级网络工程

一个爱搞创作的理工男罢了

邹烨:东莞理工学院2018级网络工程

一个明明可以靠颜值却选择靠实力的程序员,擅长编程竞赛、web后端开发、视频剪辑

最后一次编辑于  09-20  
点赞 2
收藏
评论
登录 后发表内容