springboot vue uniapp 仿小红书 1:1 还原（含源码演示）

原创已于 2025-07-15 01:54:09 修改 · 2.9k 阅读

22 ·

CC 4.0 BY-SA版权

文章标签：

#spring boot #vue.js #uni-app

于 2025-01-13 23:23:14 首次发布

java仿写小红书专栏收录该内容

21 篇文章

订阅专栏

线上预览:

移动端 http://8.146.211.120:8081/

管理端 http://8.146.211.120:8088/

小红书凭借优秀的产品体验和超高人气目前成为笔记类产品佼佼者
此项目将详细介绍如何使用Vue.js和Spring Boot 集合uniapp
开发一个仿小红书应用，凭借uniapp 可以在h5 小程序 app等多端使用
在这里插入图片描述

技术栈

移动端 uniapp graceui
管理端 vue element
后台 springboot springsecurity mybatisPlus tio-websocket

主要功能

笔记创建编辑发布
点赞笔记、评论
回复笔记、评论
私信、客服聊天
后台笔记编辑下架
后台博主冻结
后台客服系统
系统消息维护

思维导图

在这里插入图片描述

项目展示

在这里插入图片描述

项目启动

后台运行环境

jdk1.8
mysql5.7
redis

启动步骤
1.下载pom文件依赖
2.导入项目中的sql
3.修改yml参数（端口号数据库名）
4.如果 mysql 报错 order by和group by 执行sql报错sql_mode=only_full_group_by问题解决

SELECT @@GLOBAL.sql_mode;
SELECT @@SESSION.sql_mode;

set @@GLOBAL.sql_mode='STRICT_TRANS_TABLES,NO_ZERO_IN_DATE,NO_ZERO_DATE,ERROR_FOR_DIVISION_BY_ZERO,NO_ENGINE_SUBSTITUTION';
set @@SESSION.sql_mode='STRICT_TRANS_TABLES,NO_ZERO_IN_DATE,NO_ZERO_DATE,ERROR_FOR_DIVISION_BY_ZERO,NO_ENGINE_SUBSTITUTION';

FLUSH PRIVILEGES;

5.打包 mvn clean package -Dmaven.test.skip=true 打包后jar文件可以正常运行

管理端前台运行环境

node v14.21.3
elementui 2.15.14
vue 2.6.14

启动步骤
1.cd 根目录的web文件夹下
2.执行npm install下载依赖
3.执行npm run dev启动
4.修改.env.xx修改测试环境和正式环境端口
5.npm run build进行打包
6.如果出现lemon imui 依赖报错解压根目录下dist.rar文件夹到lemon imui根目录下即可

移动端前台
hbudiler 3.99
vue 3
移动端前台使用了graceUi6.0 需授权后找我覆盖文件