我又又又开发了一个网站! FF-Minimalist-Wallpapers项目

904 阅读3分钟

1. 技术栈

先说一下技术栈吧

  1. 前端: React, Js, Semi-Design组件库, Axios,Vite 等等
  2. 后端: Python, Flask, Jwt, PyMySQL,PyJWT,qrcode等等
  3. 数据库: Mysql
  4. 三方服务: 七牛云图像存储sdk. 讯飞图像合规sdk.

大概就这些了.

2. 项目介绍

接下来,我们就介绍一下该项目是什么吧.

FF-Minimalist-Wallpapers 是一个精美简约用户友好的在线壁纸平台,专注快速响应用户需求,提供个性化壁纸服务。平台不仅具备图片上传、下载、点赞、收藏等基础功能,还融入了高级特性,如图片数据分析用户个性化设置等.

当然除此之外, 我还引入了社交系统, 比如我们常用的发帖,评论,点赞,话题参与,热点话题,热门作者,用户之间的关注,查看用户的作品和喜欢等等.

之所以考虑加入了社交模块, 不仅可以很好好活跃平台的气氛, 同时对于用户想要找一张xxxx的图片,也可以直接发帖求助等等.

3. 项目模块展示

3.1 壁纸模块

  • 精美壁纸的上传与下载
  • 个性化的收藏与点赞系统
  • 智能标签分类
  • 强大的搜索功能
  • 二维码分享功能

3.1.1 壁纸广场:

在这里你可以进行关键字搜索匹配想要的壁纸, 也可以根据点击下方的类别,查看想要的壁纸.

默认首页返回的壁纸 是按照热度进行返回的 热度 = 下载量 * 3 + 点赞量 * 2 + 收藏量 * 1

image.png

image.png

3.1.2 查看壁纸详情

在这里你可以查看壁纸的信息

  1. 图片名字, 描述, 上传时间, 上传人, 壁纸大小. 下载量, 喜欢量, 收藏量.
  2. 你可以进行喜欢, 收藏, 下载,生成在线二维码,生成链接等操作
  3. 你也可以点击发布者的头像 进入他人主页.
  4. 点击图片可放大查看
  5. 更多操作可以继续探索.

image.png

image.png

3.1.3 壁纸上传:

左边上传图片, 右边填写相关信息.

image.png

3.2 社交模块

  • 社区互动广场
  • 多级评论系统
  • 话题讨论功能

3.2.1 正常帖子

输入内容 , 选择图片 , 发布

image.png

发布成功

image.png

3.2.2 带话题的帖子

点击 + 号 创建一个话题, 再点击 # 号 选择刚刚创建的话题, 输入帖子内容 or 图片 , 点击发送 该帖子成功参与话题

1. 创建话题 image.png

2. 选择话题 image.png

3. 发布带话题的帖子

image.png

4. 查看话题下的帖子 单击话题即可进入话题详情页

image.png

5. 也可以查看热门话题

image.png

3.2.3 点赞 评论 等操作

这些基础的功能都有 增删改查 哈哈哈

image.png

3.3 用户模块

3.3.1 注册登录

image.png

3.3.2 个人中心

在该页面你可以查看自己的 上传,点赞,收藏的图片, 浏览历史还没有开发

可以查看 自己的 关注, 粉丝的数量, 查看关注列表 和粉丝列表 还没有开发

支持个人背景自定义更换,信息编辑等操作

image.png

资料更改

image.png

背景 头像 自定义

image.png

3.3.3 访问他人主页

这个应该有个关注按钮的, 忘记了, 后续会开发补充上

image.png

4. 项目其他补充

  1. 项目的图片存储使用七牛云存储服务, 同时配置了CDN加速 以及 图片上传压缩等功能
  2. 项目采用必须登录之后 才可使用发帖, 上传壁纸等功能.
  3. 项目兼容手机端显示, 支持暗黑亮白主题切换

1.jpg