搜索
查看
编辑修改
首页
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
浙政钉踩坑记录:真机调试-H5APP 不存在_gdt-jsapi
2
Flutter开发入门——Widget和常用组件
3
数据库连接池_c3p0.properties
4
3.vueuse-createFetch实现接口请求及其封装(代替axios)
5
AI 绘画工具 Stable Diffusion 本地安装使用_国内chilloutmix_niprunedfp32fix.safetensors 下载
6
mmsegmentation教程1:自定义数据集、config文件修改、训练教程
7
ping connect:网络不可达 /未知的服名称或服务_ping connect 网络不可达
8
Java使用ffmpeg实现从视频中提取音频 (mp4、mp3)_java 视频转音频
9
TensorFlow(1)——数据读取的三种方式_数据步中对应的读取模式有
10
Nginx访问本地静态资源文件,root,alias详解_alias只能访问本机
当前位置:
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
SpringBoot
引入
durid
时报错_
java
durid
1.1.
0
conside
报错...
错误信息如下:2
0
19-12-
0
1 15:36:11.
0
18 WARN 3
0
232 --- [ main] c.a....
赞
踩
article
Android
抽屉
式
布局
之利用
DrawerLayout
实现_虚拟
抽屉
模式
apk
...
原创文章,如有转载,请注明出处:http://blog.csdn.net/myth13141314/article/de...
赞
踩
article
机器学习之
逻辑
回归
,
代码
实现(附带
sklearn
代码
,
小白版)_
逻辑
回归
代码
...
逻辑
回归
是一个常用的二分类算法
,
能够提供预测类别的概率。通过求解损失函数来得到模型参数w
,
可以使用
sklearn
库进行代...
赞
踩
article
使用
cmd
创建
uniapp
项目
,
可以
通过
npm
命令
启动
项目
_
uniapp
可以
用
npm
启动
嘛...
拉取
uniapp
模版GitHub - dcloudio/uni-preset-vue: uni-app preset f...
赞
踩
article
鸿蒙
自定义
DrawerLayout
侧滑菜单
实现
原理_
鸿蒙
drawer
侧边
栏
实现
...
鸿蒙
自定义
DrawerLayout
侧滑菜单
实现
原理分析_
鸿蒙
drawer
侧边
栏
实现
鸿蒙
drawer
侧边
栏
实现
...
赞
踩
article
【工程师学算法】工程常用算法(一)——
最小
二
乘
法_
最小
二
乘
误差
函数
...
一个工程师能走多远,取决于他对数学工具掌握的深度。_
最小
二
乘
误差
函数
最小
二
乘
误差
函数
目录 1 ...
赞
踩
article
利用
Claude
3
on
Amaz
on
Bedrock
和
Streamlit
的“终极组合”,...
概述通过本文,您将学会如何利用
Streamlit
框架快速搭建前端交互界面。该界面将集成图像上传功能,让用户可以方便地...
赞
踩
article
用通俗易懂的方式讲解:
逻辑
回归
模型
及案例(
Python
代码
)_
python
逻辑
回归
代码
及详解...
逻辑
回归
也被称为广义线性
回归
模型
,它与线性
回归
模型
的形式基本上相同,最大的区别就在于它们的因变量不同,如果是连续的,就是...
赞
踩
article
【
OpenCV
+
Python
】
ret
,
frame
=
cap
.
read
()返回值含义&视频读取...
ret
,
frame
=
cap
.
read
()返回值含义:参数
ret
为True 或者False
,
代表有没有读取到图片第...
赞
踩
article
让
数字
人动起来
,
如何从
视频
里提取
动作
?#
Movmi
极大提高
制作
效率...
我创意想法挺多的
,
故事剧本都写了一大堆了
,
但是
制作
动画的成本太大
,
一直没机会将我的创意落地转化。#作为设计者
,
制作
绑定运...
赞
踩
article
箱形
理论
在
交易
策略
中
的
实战应用与优化...
对于短线操作来说,当价格接近
箱形
的
上界时,卖压较重,应卖出;
在
上升行情
中
,价格每突破新高价后,由于群众惧高心理,可能会回...
赞
踩
article
MacOS
系统使用
ESP8266
开发板
_
macos
esp8266
usb
连接 端口查看...
打开系统报告窗口,点击USB节点,可发现
ESP8266
设备。
ESP8266
开发板
连接成功。现在
开发板
LED灯闪烁。_ma...
赞
踩
article
前
端
传入数组 至
后
端
的
解决方案
(
Java
后
端
)_
前
端
传数组
后
端
用什么接收...
前台传入数组 至
Java
后台的
解决方案
环境需求:
前
端
:无
后
端
:spring mvc 其实我也是不知道其他mvc框架封装...
赞
踩
article
2024
最新GuitarPro8.
1
.
1
中文永久版
下载安装
激活图文教程_
guitarpro8
许可证
...
2024
新年刚刚过去,新的一年才刚刚开始,大家对打谱软件GuitarPro8的热爱,又重新拾起来了,所以今天给大家带来的...
赞
踩
article
Nsight
compute
远程
连接
不上_
nsight
compute
连接
...
显示connection failed关闭clash,vpn。_
nsight
compute
连接
nsight
comp...
赞
踩
article
最新
Android
安卓项目实现
微信
扫码
登录
_
android
微信
登陆
测试环境
...
刚做好简单的
微信
扫码
登录
功能分享_
android
微信
登陆
测试环境
android
微信
登陆
测试环境
...
赞
踩
article
AI
人工智能
开发
的
路径
有
三条
,最成功
的
是
机器
学习
技术:强化
学习
_ai研究
的
三条
途径...
https://www.toutiao.com/a6683382168732828174/2019-04-24 16:5...
赞
踩
article
实景剧本杀小
程序
文旅
儿童
亲子
户外
系统
搭建
开发
...
总之,实景剧本杀小
程序
文旅
儿童
亲子
户外
系统
搭建
开发
需要综合考虑多个方面,包括用户界面设计、游戏规则制定、安全措施、技术平...
赞
踩
article
基于
java
微信
小
程序
教室
实验室
预约
系统设计与实现_
教室
预约
小
程序
...
其他开发语言:html + css +
java
script。
小
程序
开发:
微信
开发者工具(MINA框架)后台环境:JDK1...
赞
踩
article
maven
项目
eclipse
目录
结构
浅析_
eclipse
创建
的
maven
项目
文件夹
结构
既有包又有文件...
使用
maven
管理java web
项目
时,我们往往会被
eclipse
上展示
的
目录
结构
所迷惑,明明有个Java Resou...
赞
踩
相关标签
SpringBoot
错误
android
抽屉式布局
机器学习
sklearn
逻辑回归
python
vue.js
javascript
侧边菜单
DrawerLayout
harmonyos
最小二乘法
最小二乘
算法
opencv
大数据
人工智能
编程语言
java
汇编
linux
运维