如何实现一个漂亮的微信小程序朋友圈、表白墙、校内圈（小程序篇，附源码）

JewWang

已于 2022-05-25 10:30:25 修改

阅读量4.1k

点赞数 5

分类专栏：微信小程序开发教程小程序系列自研实战项目文章标签：微信小程序朋友交友

于 2022-04-28 11:49:33 首次发布

本文链接： https://blog.csdn.net/wjwj1203/article/details/124469955

版权

18 篇文章 4 订阅

订阅专栏

3 篇文章 2 订阅

订阅专栏

2 篇文章 0 订阅

订阅专栏

1、功能特点：不论是朋友圈、表白墙、校内圈还是社区类应用，都会有内容的发布、评论、点赞、分享、私信、个人信息认证等基础必备功能。
2、内容形式：纯文本内容、图片+文本内容、视频+文本内容。其中文本内容太长需要考虑折叠文本，图片展示考虑九宫格展示，一次图片发布数量限制为9张，视频通常限制在30s内。

1、主界面布局：采用三个tab页面，动态、发布和我的三个菜单，动态菜单用于展示所有人发布的内容，发布菜单用于发布图文信息，我的菜单用户个人相关内容信息维护。
2、动态页面的设计：动态页面是整个小程序的核心内容，展示形式尽量做到简洁美观，用户关注的重点内容要有突出。同时为了方便快速定位用户想要的关键信息，顶部设计有搜索区域，用于快捷搜索，同时针对每条动态，显示点赞、评论和分享数量，右下角设置有快捷删除本人发布内容和举报他们发布内容，主页面如下：
3、详情页面：在主页面点击某条动态后，跳转到详情页面，除了展示发布的内容外，可进行点赞、评论和分享操作，同时右下脚提供快捷举报和删除的弹框操作，页面如下：
4、个人主页：在首页中点击发布人头像，可进入到发布人个人主页，查看其发布的所有历史内容，同时可发送私信，页面如下：
5、搜索页面：在首页点击搜索区域，可跳转到搜索页面，对动态进行检索，页面如下：
6、发布页面：简洁风格发布图文信息，可单文本、单图片、文本+图片形式发布内容，页面如下：
7、个人中心内容：可查看自己所有的动态、私信、可进行身份认证、对应用进行意见反馈等，页面如下：