一、应用场景
图片分享、社交聊天
二、目标用户
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后端开发、视频剪辑
顶