搜索
查看
编辑修改
首页
UNITY
NODEJS
PYTHON
AI
GIT
PHP
GO
CEF3
JAVA
HTML
CSS
搜索
小丑西瓜9
这个屌丝很懒,什么也没留下!
关注作者
热门标签
jquery
HTML
CSS
PHP
ASP
PYTHON
GO
AI
C
C++
C#
PHOTOSHOP
UNITY
iOS
android
vue
xml
爬虫
SEO
LINUX
WINDOWS
JAVA
MFC
CEF3
CAD
NODEJS
GIT
Pyppeteer
article
热门文章
1
灰色关联分析(MATLAB)_灰色关联分析matlab
2
kotlin 面试二十题_kotlin面试题
3
HarmonyOS应用/服务开发流程详解_harmonyos服务端开发
4
PIL转tensor 以及 Torch.new()方法使用记录 to_Tensor()和as_Tensor()的区别
5
辐射神经场算法——NeRF算法详解
6
深度学习(五十六)tensorflow项目_基于tensorflow深度学习的项目
7
ClickHouse 数据插入、更新与删除操作 SQL_clickhouse删除数据sql
8
PHP操作MySQL数据库详细指南_php连接mysql数据库四步
9
RV1103外设I2C与FPGA通信调试
10
vue打包后空白页和报错解决办法_打包后this is an about page
当前位置:
article
> 正文
如何实现一个漂亮的微信小程序朋友圈、表白墙、校内圈(小程序篇,附源码)_小程序开发 朋友圈动态页面
作者:小丑西瓜9 | 2024-03-21 08:17:44
赞
踩
小程序开发 朋友圈动态页面
一、软件功能分析
1、功能特点:不论是朋友圈、表白墙、校内圈还是社区类应用,都会有内容的发布、评论、点赞、分享、私信、个人信息认证等基础必备功能。
2、内容形式:纯文本内容、图片+文本内容、视频+文本内容。其中文本内容太长需要考虑折叠文本,图片展示考虑九宫格展示,一次图片发布数量限制为9张,视频通常限制在30s内。
二、小程序详细实现
1、主界面布局:采用三个tab页面,动态、发布和我的三个菜单,动态菜单用于展示所有人发布的内容,发布菜单用于发布图文信息,我的菜单用户个人相关内容信息维护。
2、动态页面的设计:动态页面是整个小程序的核心内容,展示形式尽量做到简洁美观,用户关注的重点内容要有突出。同时为了方便快速定位用户想要的关键信息,顶部设计有搜索区域,用于快捷搜索,同时针对每条动态,显示点赞、评论和分享数量,右下角设置有快捷删除本人发布内容和举报他们发布内容,主页面如下:
3、详情页面:在主页面点击某条动态后,跳转到详情页面,除了展示发布的内容外,可进行点赞、评论和分享操作,同时右下脚提供快捷举报和删除的弹框操作,页面如下:
4、个人主页:在首页中点击发布人头像,可进入到发布人个人主页,查看其发布的所有历史内容,同时可发送私信,页面如下:
5、搜索页面:在首页点击搜索区域,可跳转到搜索页面,对动态进行检索,页面如下:
6、发布页面:简洁风格发布图文信息,可单文本、单图片、文本+图片形式发布内容,页面如下:
7、个人中心内容:可查看自己所有的动态、私信、可进行身份认证、对应用进行意见反馈等,页面如下:
四、小程序
源码
获取方式
1、加QQ群:664197289
2、关注公众号:JeenWang 回复 101
声明:
本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:
https://www.wpsshop.cn/w/小丑西瓜9/article/detail/279655
推荐阅读
article
JAVA |
java
.lang.ClassNotFoundException: org.apach...
运行
flink
任务时遇到的问题Caused by:
java
.lang.ClassNotFoundException: ...
赞
踩
article
正规
方程
(
Normal
Equation
)_
正规
化
方程
...
在线性回归的梯度下降法当中,求损失函数J(θ)中θ的最优解是根据损失函数的斜率(梯度)来判断J(θ)是否收敛,需要多次迭...
赞
踩
article
uni
-
app
常用的
标签
注意事项_
uni
app
常用
标签
...
template
标签
和block
标签
的区别
uni
-
app
支持在 template 模板中嵌套 和 ,用来进行 列表渲染...
赞
踩
article
mac
下如何将
eclipse
添加
到
应用程序
列表
中...
将下载好的
eclipse
移动到/Applications目录中,然后按F4就可以看见
eclipse
的图标了。如果想让ec...
赞
踩
article
鸿蒙
开发
学习
笔记
-
黑马
(持续
更新
)_
黑马
鸿蒙
课程
笔记
...
鸿蒙
开发
学习
_
黑马
鸿蒙
课程
笔记
黑马
鸿蒙
课程
笔记
注:建议
学习
完:Java、Vue/React、J...
赞
踩
article
我
的
HarmonyOS
实战——
鸿蒙
系统
开发
入门学习...
1.为什么要学习
鸿蒙
开发
?
开发
者的角度:安卓操作
系统
连接外部设备时,发现,配对,连接,组合,验证每一步都不能少。连接上了...
赞
踩
article
Exception
in
thread
“
ma
in
“
java
.
lang
.NoClassDefFou...
错误原因缺少jar包jar包冲突解决方法先查看pom文件中是否引入了对应的依赖,如果没有的话,需要引入:特别注意!!!如...
赞
踩
article
10
.
v
-
for
循环
对象数组.
html
_
v
for
html
循环
数组...
<!DOCTYPE
html
><
html
lang="en"><head><m...
赞
踩
article
公司
安防
工程
简要介绍及
系统
需求分析...
从事安保监控领域的经验,在
系统
的功能要求、设备选型、施工控制、的硬件选择上,把
系统
的稳定性、安全性、可靠性放在第一位。海...
赞
踩
article
大学
学习
通
搜题
软件
推荐?七个不限次
的
公众号和
软件
分享啦 #
笔记
#其他#职场
发展
...
大学
生活中,选择适合自己
的
学习
工具能够提高
学习
效率,让
学习
更加轻松愉快。
大学
学习
通
搜题
软件
推荐?七个不限次
的
公众号和
软件
...
赞
踩
article
66、将同图片下
的
多个不同类别
的
xml
标注
文件
合并
成一个
xml
标注
文件
-
labelImg
格式...
基本思想:手中有一套抽烟
的
数据集是labelimg格式,但是没有人物
标注
的
数据集,因此使用自动化
标注
脚本将图片过滤一边,...
赞
踩
article
【b站咸虾米】
chapter1
&2_
uni
app
介绍与
uni
app
基础_新课
uni
app
零基础入门到...
为什么要学习
uni
app
?1、一套代码可以
打包
到不同的应用平台;一套代码编到十几个平台,这不是梦想。眼见为实,扫描以下二...
赞
踩
article
vue使用
axios
中的
post
请求
时, 如何将
json
数据改为
form
data
类型_
请求
方式是ap...
有些时候在用ajax发送
post
请求
时 ,数据如下图⬇️在使用
axios
时的默认
请求
如下图 ⬇️content-Type...
赞
踩
article
imazing2.17
.
16
还
可以
在
mac
上
运行移动端
ios
应用...
imazing2.17
.
16
是一款专业的苹果iOS设备管理器,强悍的性能远超iTunes,iMazing
可以
为您传输...
赞
踩
article
最小
二
乘法
的
拟合
原理_
最小
二
乘法
拟合
...
一.
最小
二
乘法
的
拟合
原理根据《数学指南》书中的解释:图2 《数学指南》中对
最小
二
乘法
的解释上面这段话,枯燥且无趣,大家...
赞
踩
article
ES
模糊
查询
(任意位置
模糊
)_
es
针对
字段
是
一个对象的
模糊
查询
...
编写目的总结一下实际项目开发中遇到的问题以及解决方法,也供其他伙伴们查看,交流。具体过程在elastic search7...
赞
踩
article
自
媒体
人必备
16
种
工具
大全
,
这些
工具
你值得拥有干货_
自
媒体
需要准备
的
工具
...
现在做个
自
媒体
太难了
,
什么
工具
都要掌握
,
什么
工具
都得知道。不知道
的
话别人就说你不专业
,
也是有点蛋疼。那么在日常生活当中
自
...
赞
踩
article
【数据
结构
】
二叉树
的
链式
结构
及实现...
设
二叉树
的
根节点所在层数为1,层序遍历就是从所在
二叉树
的
根节点出发,首先访问第一层
的
树根节点,然后从左到右访问第2层上
的
...
赞
踩
article
CUDA
安装
教程(超详细
Windows
版
)_
windows
安装
cuda
...
首先先按Win键 + R键,打开
Windows
命令运行框,并输入cmd回车(Enter)打开控制台命令窗口,输入nvid...
赞
踩
article
Android
侧滑
菜单栏实现:
DrawerLayout
+
Fragment
_
android
动态创建
侧滑
...
为了实现点击
侧滑
菜单选项时切换主界面内容,我们可以为ListView的点击事件绑定相应的操作。在
Android
开发中,侧...
赞
踩
相关标签
java
flink
机器学习
开发工具
harmonyos
学习
笔记
华为
编程语言
deveco studio
内核
scala
spark
网络
职场和发展
python
uni-app
微信小程序
vue.js
vue
axios
ajax
post请求
formdata