[Java原创精品]基于Springboot+Vue的仿小红书博客论坛系统，社交媒体平台，含DFA敏感词过滤算法、Echarts统计图、瀑布流布局

是程序员泡芙

已于 2025-02-19 21:27:34 修改

阅读量1.3k

点赞数 30

分类专栏： Java精品原创项目文章标签： java spring boot vue 小红书博客论坛 echarts 毕业设计

于 2024-10-11 18:52:06 首次发布

本文链接：https://blog.csdn.net/2401_87324741/article/details/142860489

版权

Java精品原创项目专栏收录该内容

13 篇文章

订阅专栏

项目提供：完整源码 + 数据库sql文件 + 数据库表对应Excel文件

项目获取在最后。

本项目为小白向java教程系列。

1、项目功能描述

本项目为双角色，用户和管理员，用户使用前台，管理员使用后台。

1.1 注册

注册功能：填写用户名、密码进行注册。（“我已阅读同意《隐私政策》和《服务条款》”没有做后续，只是单纯有这样一行文字做模拟）

1.2 登录

登录功能：填写你所注册过的账号和密码进行登录。（“我已阅读同意《隐私政策》和《服务条款》”没有做后续，只是单纯有这样一行文字做模拟）

1.3 前台界面（用户）

本系统角色为普通用户、系统管理员双角色，用户使用前台功能，管理员后台管理系统。

1.3.1 首页

登录进入本系统，是所有帖子博客一览，以封面瀑布流形式展示，另可查看收藏量和发布人。

因为瀑布流不适合用分页，所以单独写了一个加载更多的方法。并且做了返回最上方的按钮。

点击“可爱头像”这个，弹窗做了仿小红书动画，会从这个博客的方位开至中间，显示该博客的内容、评论、收藏等。

评论是级联评论，回复的文本框会出现在该评论下方。

评论敏感词过滤（创新点）

在后台设置的敏感词中有“qq”这个词语，我在评论这个词的时候，会自动过滤为*。

收藏功能（细节较多）

当未收藏时，星星是空白状态，收藏成功后，会被填充。

再次点击收藏，取消收藏成功，星星再次变为空白

同时这个收藏也会同步在本身一览页面中显示，如图，“可爱的小狗旺财”这个是我收藏过的，会显示该用户收藏情况。

重点：本系统不只是图文博客，还可以是视频➕博客

可以进行进度条的拨动

可进行放大

可选择设置，进行下载、播放速度、画中画等

下载

播放速度

画中画

搜索，通过顶栏的搜索框，进行标题的搜索。

点击清除按钮即图指

会清空搜索内容，再次显示所有博客

1.3.2 发布博客

发布博客，在创作服务平台中可选择要上传的是图片还是视频

上传图片，对应图文内容。正常上传图片即可，内容采用wangEditor进行编辑。

上传视频，通过视频选择展览在外的封面。（重难点/创新点）

以小猫视频为例子，此时自动将视频第一帧裁截作为封面。

如果不想要这个，那么在下面视频的进度条处滑动选择你想要的某一帧，如图

此时是截取第六秒的画面作为封面。

正常填写标题、分类、内容，立即投稿后。

点击顶部系统图标，返回主页，可查看刚才发布的博客帖子

可正常查看该视频，只是封面不一样了。

1.3.3 个人中心

我的个人中心，上方为我的个人信息

可点击编辑资料，进行修改

我发布的笔记

我收藏的笔记

点击⭐️取消收藏

这个壁纸博客也就不会在我的收藏中显示了

同样在我的发布和收藏中，也能在外部显示我是否收藏这样的状态。

List<Integer> collectList = collectService.list(wrapper).stream().map(Collect::getItemId).collect(Collectors.toList());
Page<Blog> page = blogService.page(new Page<>(pageNum, pageSize), queryWrapper);
for (Blog blog : page.getRecords()) {
    blog.setIsCollected(collectList.contains(blog.getId()));
    blog.setCount(map.getOrDefault(blog.getId(),0L));
}

1.3.4 修改密码