線上預覽:

移動端 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 需授權后找我覆蓋文件

包結構說名

后端

• 目前后端功能基本能滿足我們需求
• 后續開發建立和system同級目錄 進行功能開發即可

寫到最后

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