更新记录

0.01(2024-12-26) 下载此版本

1登录 2发布笔记 3查询笔记 4点赞收藏笔记 5留言(点赞)


平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.99 × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序 鸿蒙元服务
× × × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × ×

线上预览:

移动端 http://8.146.211.120:8081/

管理端 http://8.146.211.120:8086/

小红书凭借优秀的产品体验 和超高人气 目前成为笔记类产品佼佼者 此项目将详细介绍如何使用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 需授权后找我覆盖文件

包结构说名

后端 在这里插入图片描述

  • 目前后端功能基本能满足我们需求
  • 后续开发建立和system同级目录 进行功能开发即可

写到最后

代码地址 https://gitee.com/ddeatrr/springboot_vue_xhs

隐私、权限声明

1. 本插件需要申请的系统权限列表:

图片

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

用户登录信息 用于笔记发布 可以随意编辑

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问