一、应用场景

图片分享、社交聊天

二、目标用户

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后端开发、视频剪辑