update README.md.

Signed-off-by: 顽疲 <727869402@qq.com>

README.md

@@ -1,60 +1,86 @@
 
-**线上预览:** 移动端 [http://8.146.211.120:8081/](http://8.146.211.120:8081/) 移动端 [http://8.146.211.120:8086/](http://8.146.211.120:8086/)
+**线上预览:** 
+移动端 [http://8.146.211.120:8081/](http://8.146.211.120:8081/) 
+管理端 [http://8.146.211.120:8086/](http://8.146.211.120:8086/)
+![输入图片说明](preview/IMG_20250113_225729_e80d59885f_0.png)
+小红书凭借优秀的产品体验 和超高人气 目前成为笔记类产品佼佼者
+此项目将详细介绍如何使用Vue.js和Spring Boot 集合uniapp 
+开发一个仿小红书的城应用，凭借uniapp 可以在h5 小程序 app等多端使用
 
-java防小红书小红书项目 完成了 基本的笔记 点赞 回复 名片 关注 聊天等功能
+**技术栈**
-后台使用springboot 移动端使用uniapp 管理端使用vue element admin 
-即时通讯使用tio框架 聊天记录保存在本地
-## 思维导图
-![输入图片说明](preview/whiteboard_exported_image%20(1).png)
-## 项目展示
-![输入图片说明](preview/IMG_20250113_174319_240a07a218_0.png)
-## 项目启动
 
-**后台运行环境**
+**移动端** uniapp graceui
-- jdk1.8
+**管理端** vue element
-- mysql5.7
+**后台** springboot springsecurity mybatisPlus tio-websocket
-- redis
 
-**启动步骤**
+**主要功能**
-1.下载pom文件依赖
+- 笔记创建 编辑 发布
-2.导入项目中的sql
+- 点赞笔记、评论
-3.修改yml参数（端口号 数据库名）
+- 回复笔记、评论
-4.如果 mysql 报错 order by和group by 执行sql报错sql_mode=only_full_group_by问题解决
+- 私信、客服聊天
-```language
+- 后台笔记编辑 下架
-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';
+![首页](preview/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20241211134851.jpg)
+**笔记详情页**
+![笔记详情页](preview/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20241212110608.jpg)
 
-FLUSH PRIVILEGES;
+## 简单版思维导图
-```
+![思维导图](whiteboard_exported_image.png)
-5.打包 mvn clean package -Dmaven.test.skip=true 打包后jar文件可以正常运行
+## springboot_vue
 
-**管理端前台运行环境**
+正式开发前我们都需要一个完整的 可拓展性基础框架用于后续项目进行 这里我就把自己用的一套整合出来供大家学习使用
-- 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
+ 1. springboot框架的基本使用；
-vue 3
+ 2. jwt security的基本整合；
-移动端前台使用了graceUi6.0 需授权后找我覆盖文件
+ 3. mybatisplus 的使用 （基于瓷完成了前后端代码生成）；
+ 4. rabc框架的基本理解；
+ 5. vue环境的基本搭建 npm命令使用；
+ 6. element框架的整合；
+ 7. linux简单部署（这个后续我会结合脚本来进行）；
 
+## 我们将要做的系统的一个展示
+
+![系统演示](a5ce34cbfe774c9fbad8be527b869f3b.png)
+
+ 1. 动态路由 有了这个功能 前端就不用进行硬代码的配置 后台编辑即可 也可以快速的进行路由的改名和删除
+ 2. 多角色 基础动态路由 多角色就变的简单了 同时也更方便管理系统
+ 3. 多tab客户还是习惯像打开浏览器那也操作我们的系统 所以这个必不可少
 
 ## 包结构说名
 后端
 
  - 目前后端功能基本能满足我们需求
  - 后续开发建立和system同级目录 进行功能开发即可
+![后台包目录](07e05adbd0ad444c94dbff007c286782.png)
+前端
+![前台包目录](7107613a141f4739ad385773b0199aa9.png)
+
+## 程序的运行
+**后端**
+ 1. 导入pom文件进行依赖下载
+ 2. 修改yml数据源和缓存配置
+ 3. 运行AdminApplication 启动
+ 
+**前端**
+1. 执行npm install 下载依赖（下载慢可以执行） `npm conf set registry https://registry.npm.taobao.org`
+2. npm run dev进行系统的启动
+
+## 启动后截图
+**登陆**
+![登陆](b41683ee6b144da7afed88e485882213.png)
+**工作台**
+![工作台](9ab46710e8134feda151c12b282a931f.png)
+**菜单权限管理**
+![输入图片说明](3281c7e277534f11b7fb431afcf4b8b1.png)
+![输入图片说明](132ecc5b910049c5a970a32c42d9d069.png)
+
 
 ## 写到最后
 **代码地址** [https://gitee.com/ddeatrr/springboot_vue](https://gitee.com/xay12/springboot_vue)