線上預(yù)覽:

移動端 http://8.146.211.120:8081/

管理端 http://8.146.211.120:8088/

小紅書憑借優(yōu)秀的產(chǎn)品體驗 和超高人氣 目前成為筆記類產(chǎn)品佼佼者
此項目將詳細介紹如何使用Vue.js和Spring Boot 集合uniapp
開發(fā)一個仿小紅書應(yīng)用，憑借uniapp 可以在h5 小程序 app等多端使用

技術(shù)棧

移動端 uniapp graceui
管理端 vue element
后臺 springboot springsecurity mybatisPlus tio-websocket

主要功能

• 筆記創(chuàng)建 編輯 發(fā)布
• 點贊筆記、評論
• 回復(fù)筆記、評論
• 私信、客服聊天
• 后臺筆記編輯 下架
• 后臺博主凍結(jié)
• 后臺客服系統(tǒng)
• 系統(tǒng)消息維護

思維導(dǎo)圖

項目展示

項目啟動

后臺運行環(huán)境

• jdk1.8
• mysql5.7
• redis

啟動步驟
1.下載pom文件依賴
2.導(dǎo)入項目中的sql
3.修改yml參數(shù)（端口號 數(shù)據(jù)庫名）
4.如果 mysql 報錯 order by和group by 執(zhí)行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文件可以正常運行

管理端前臺運行環(huán)境

• node v14.21.3
• elementui 2.15.14
• vue 2.6.14

啟動步驟
1.cd 根目錄的web文件夾下
2.執(zhí)行npm install下載依賴
3.執(zhí)行npm run dev啟動
4.修改.env.xx修改測試環(huán)境和正式環(huán)境端口
5.npm run build進行打包
6.如果出現(xiàn)lemon imui 依賴報錯 解壓根目錄下dist.rar文件夾到lemon imui根目錄下即可

移動端前臺
hbudiler 3.99
vue 3
移動端前臺使用了graceUi6.0 需授權(quán)后找我覆蓋文件

包結(jié)構(gòu)說名

后端

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

寫到最后

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