SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目

迷南。 2024-05-11 09:05 42阅读 0赞

![logo][]

## JavaDog Chat v1.0.0 ##

##### 基于SpringBoot+uniapp简单通讯聊天软件 #####

#### ?项目介绍 ####

JavaDog Chat 简单通讯聊天软件是基于SpringBoot+MybatisPlus+uniapp+uview+stomp等更多优秀组件及前沿技术开发，注释丰富，代码简洁，开箱即用，兼容H5+小程序+APP,及其适合入门学习！将想说却不敢说，相爱去不敢爱的思绪放置与此。

[ ![star][] ][_star_] [ ![uView][] ][_uView_] [ ![shiro][] ][_shiro_] [ ![spring-boot][] ][_spring-boot_] [ ![mybatis-plus][] ][_mybatis-plus_] [ ![mybatis-plus][mybatis-plus 1] ][_mybatis-plus_mybatis-plus 1_]  ![license Apache 2.0][]

#### ?快速链接 ####

微信公众号：**JavaDog程序狗**  
**关注公众号，发送 chat ，无任何套路即可获得**  
![image-1666937557673][]  
或访问[https://blog.javadog.net/archives/chat][https_blog.javadog.net_archives_chat]

#### ?体验地址 ####

**因二维码图被和谐，最好访问[https://blog.javadog.net/archives/chat][https_blog.javadog.net_archives_chat]进行扫码访问体验**

##### 1.网页H5 #####

> http://chat.javadog.net

##### 2.APP #####

> https://www.pgyer.com/javadog-chat

#### ?体验账号 ####

> 账号：18306390693  
> 密码：123456  
> 如需多个账户可自行注册

#### 主要模块功能 ####

![请添加图片描述][f9b525fdc15649b3855ba0de103bf5d1.png]

##### ?️登录注册 #####

1.  用户可自主注册，并通过用户名密码进行登录
2.  如忘记密码则可通过邮箱找回密码，但需要在配置文件中配置邮箱相关内容  
    ![请添加图片描述][b58d38fe569f4d00a9a18294ef0b220d.jpeg]

##### ?消息 #####

1.  展示群组及好友聊天信息，并有消息提醒及未读标记
2.  可通过上方放大镜进行搜索,或者扫一扫进行好友添加
3.  点击查看聊天信息，可进行文字/图片/视频/语音等发送方式  
    ![在这里插入图片描述][1878a814ad3c4a88baee8aa04a91acbf.jpeg]  
    ![请添加图片描述][d86f8398203a49b187b28e792c702ce4.png]

##### ???好友 #####

1.  按照字母索引展示所有好友列表，并可通过放大镜搜索
2.  通过右上角扫描二维码进行好友添加
3.  "我添加的"本人通过扫码或者搜索添加好友申请列表数据
4.  "添加我的"其他用户通过扫码或者搜索添加我本人申请列表数据
5.  通过点击好友进行好有名片查看

![在这里插入图片描述][3cbb51808e5c4bc58139e073894dfd9f.jpeg]  
![在这里插入图片描述][d3456eb0806440e58934af2af6b6613e.jpeg]

##### ⛄群组 #####

1.  按照字母索引展示所有群组列表，并可通过放大镜搜索
2.  通过右上角扫描二维码进行群组加入
3.  "新建群组"可根据所需进行群组的创建
4.  通过点击群组进行好有名片查看

![在这里插入图片描述][2dbef736836f4673be0a3cd6f336afdd.jpeg]

##### ?我的 #####

1.  点击头像进行头像修改
2.  "我的名片"展示本人所属二维码
3.  "修改密码"可进行密码重置
4.  "关于"展示本狗的博客是个webview跳转
5.  点击退出并退出当前账号

![请添加图片描述][7a9987314f5847a794e100870bb06593.jpeg]

#### ?️快速启动 ####

后端chat-provider推荐IDEA打开，前端chat-uniapp推荐HbuliderX打开。

##### ?前端支撑 #####

<table> 
 <thead> 
  <tr> 
   <th>插件</th> 
   <th>版本</th> 
   <th>用途</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>uview-ui</td> 
   <td>^2.0.31</td> 
   <td>多平台快速开发的UI框架</td> 
  </tr> 
  <tr> 
   <td>uni-simple-router</td> 
   <td>^2.0.7</td> 
   <td>专为uniapp打造的路由器</td> 
  </tr> 
  <tr> 
   <td>moment</td> 
   <td>^2.29.4</td> 
   <td>js工具库</td> 
  </tr> 
  <tr> 
   <td>mescroll-uni</td> 
   <td>^1.3.7</td> 
   <td>上拉加载下拉刷新插件</td> 
  </tr> 
  <tr> 
   <td>@uni-ui/code-ui</td> 
   <td>^1.4.8</td> 
   <td>二维码生成工具</td> 
  </tr> 
 </tbody> 
</table>

##### ?启动前端 #####

1.  在chat-uniapp项目目录下执行
    
        npm install
2.  在HBuilderX工具下运行，选择需要运行到哪个终端  
    ![在这里插入图片描述][889072787f3347d59b3dcf8a5252833f.png]3. 如需调整环境，请在/common/config/env.js修改环境变量  
    ![在这里插入图片描述][4b622a1654d44307926f837e4552beba.png]

##### ?后端支撑 #####

<table> 
 <thead> 
  <tr> 
   <th>插件</th> 
   <th>版本</th> 
   <th>用途</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>jdk</td> 
   <td>1.8</td> 
   <td>java环境</td> 
  </tr> 
  <tr> 
   <td>lombok</td> 
   <td>1.18.16</td> 
   <td>代码简化插件</td> 
  </tr> 
  <tr> 
   <td>maven</td> 
   <td>3.6.3</td> 
   <td>包管理工具</td> 
  </tr> 
  <tr> 
   <td>druid</td> 
   <td>1.1.24</td> 
   <td>JDBC组件</td> 
  </tr> 
  <tr> 
   <td>hutool</td> 
   <td>5.7.20</td> 
   <td>Java工具类库</td> 
  </tr> 
  <tr> 
   <td>mybatis-plus</td> 
   <td>3.4.1</td> 
   <td>基于 MyBatis 增强工具</td> 
  </tr> 
  <tr> 
   <td>pinyin4j</td> 
   <td>2.5.1</td> 
   <td>拼音组件库</td> 
  </tr> 
  <tr> 
   <td>mysql</td> 
   <td>8.0 / 5.7</td> 
   <td>数据库</td> 
  </tr> 
 </tbody> 
</table>

##### ?启动后端 #####

1.  开发工具内配置好，并将maven配置好，建议使用阿里云镜像
2.  将chat-provider包下的/doc/SQL/db\_chat.sql进行本地执行，并在application配置文件中修改数据库配置  
    ![在这里插入图片描述][3dd54fdf2cc4408fbc6fd7ddf03b116e.png]
3.  运行启动SpringBoot项目，如见到以下日志即为启动成功。  
    ![在这里插入图片描述][9a19208cf74b4a4280700f124ff35b39.png]

#### ?其他辅助 ####

##### ?️♀️原型图 #####

**本狗第一次画原型，请大佬勿喷**

> 项目路径下/doc/原型/chat.rp

![在这里插入图片描述][1248b0d43eec49b5b2ddee26c8a1e277.png]

##### ?DB设计 #####

> 项目路径下/doc/数据库设计/chat.pdm

![请添加图片描述][a7b5bd51fe2443b2a6189b533c9202e0.jpeg]

#### ?版权说明 ####

*  JavaDog Chat 采用 Apache License2.0协议
 *  代码可用于个人学习等，完全开源免费
 *  二次开发如用于毕设等二次售卖，未经审核视为侵权

<table> 
 <thead> 
  <tr> 
   <th align="center">JavaDog</th> 
   <th align="center">狗屋地址</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="center">个人博客</td> 
   <td align="center"><a href="https://blog.javadog.net" rel="nofollow">https://blog.javadog.net</a></td> 
  </tr> 
  <tr> 
   <td align="center">公众号</td> 
   <td align="center"><a href="https://mp.weixin.qq.com/s/_vgnXoQ8FSobD3OfRAf5gw" rel="nofollow">https://mp.weixin.qq.com/s/_vgnXoQ8FSobD3OfRAf5gw</a></td> 
  </tr> 
  <tr> 
   <td align="center">CSDN</td> 
   <td align="center"><a href="https://blog.csdn.net/baidu_25986059" rel="nofollow">https://blog.csdn.net/baidu_25986059</a></td> 
  </tr> 
  <tr> 
   <td align="center">掘金</td> 
   <td align="center"><a href="https://juejin.cn/user/2172290706716775" rel="nofollow">https://juejin.cn/user/2172290706716775</a></td> 
  </tr> 
  <tr> 
   <td align="center">知乎</td> 
   <td align="center"><a href="https://www.zhihu.com/people/JavaDog" rel="nofollow">https://www.zhihu.com/people/JavaDog</a></td> 
  </tr> 
  <tr> 
   <td align="center">简书</td> 
   <td align="center"><a href="https://www.jianshu.com/u/1ff9c6bdb916" rel="nofollow">https://www.jianshu.com/u/1ff9c6bdb916</a></td> 
  </tr> 
  <tr> 
   <td align="center">gitee</td> 
   <td align="center"><a href="https://gitee.com/javadog-net" rel="nofollow">https://gitee.com/javadog-net</a></td> 
  </tr> 
  <tr> 
   <td align="center">GitHub</td> 
   <td align="center"><a href="https://github.com/javadog-net" rel="nofollow">https://github.com/javadog-net</a></td> 
  </tr> 
 </tbody> 
</table>

[logo]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/11/b68fdb92ab0940909b2b004eb28dccd3.jpeg
[star]: https://img-home.csdnimg.cn/images/20230724024159.png?origin_url=https%3A%2F%2Fgitee.com%2Fjavadog-net%2Fchat-uniapp%2Fbadge%2Fstar.svg%3Ftheme%3Ddark&pos_id=img-DFTui5t2-1714285400731%29
[_star_]: https://gitee.com/javadog-net/chat-uniapp
[uView]: https://img-home.csdnimg.cn/images/20230724024159.png?origin_url=https%3A%2F%2Fimg.shields.io%2Fbadge%2FuView-2.x-blue.svg&pos_id=img-BnO4w535-1714285401031%29
[_uView_]: https://www.uviewui.com/
[shiro]: https://img-home.csdnimg.cn/images/20230724024159.png?origin_url=https%3A%2F%2Fimg.shields.io%2Fbadge%2Fshiro-1.3.2-pink.svg&pos_id=img-PE9l1y8w-1714285401305%29
[_shiro_]: https://shiro.apache.org/
[spring-boot]: https://img-home.csdnimg.cn/images/20230724024159.png?origin_url=https%3A%2F%2Fimg.shields.io%2Fbadge%2Fspring--boot-2.4.0-green.svg&pos_id=img-7uxxfyOA-1714285401633%29
[_spring-boot_]: http://spring.io/projects/spring-boot
[mybatis-plus]: https://img-home.csdnimg.cn/images/20230724024159.png?origin_url=https%3A%2F%2Fimg.shields.io%2Fbadge%2Fmybatis--plus-3.4.1-blue.svg&pos_id=img-2LqnvYLj-1714285401963%29
[_mybatis-plus_]: http://mp.baomidou.com
[mybatis-plus 1]: https://img-home.csdnimg.cn/images/20230724024159.png?origin_url=https%3A%2F%2Fimg.shields.io%2Fbadge%2Fhutool-5.7.20-dark.svg&pos_id=img-swMBp7gZ-1714285402281%29
[_mybatis-plus_mybatis-plus 1_]: http://hutool.cn/
[license Apache 2.0]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/11/bc5e63358dea4de280db1ea029f3bc4d.png
[image-1666937557673]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/11/3b8a179c56b84f09b33bf05b251f9515.png
[https_blog.javadog.net_archives_chat]: https://blog.javadog.net/archives/chat
[f9b525fdc15649b3855ba0de103bf5d1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/11/cc4134f78f9b4eb295d85c44950d9d9d.png
[b58d38fe569f4d00a9a18294ef0b220d.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/11/9bd1156bd0814c90bac5ee9afb8dc1a1.jpeg
[1878a814ad3c4a88baee8aa04a91acbf.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/11/320a8a7f56d14dbe9b52784750a5ff26.jpeg
[d86f8398203a49b187b28e792c702ce4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/11/ee499030ace64495ba0e1a1b8762c374.png
[3cbb51808e5c4bc58139e073894dfd9f.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/11/4dd59db09c4248ec9c8085a247f45b2c.jpeg
[d3456eb0806440e58934af2af6b6613e.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/11/b25258e911fd4130bd87c6e260837adb.jpeg
[2dbef736836f4673be0a3cd6f336afdd.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/11/5a2f86171b2f4ca4be385795e3235d34.jpeg
[7a9987314f5847a794e100870bb06593.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/11/cf0ae01cd541468da5fd94ff35f16737.jpeg
[889072787f3347d59b3dcf8a5252833f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/11/1c04b22495a84263ad63350d5fc82e7a.png
[4b622a1654d44307926f837e4552beba.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/11/ba9a53d8e4514260af0e35a95aeedaab.png
[3dd54fdf2cc4408fbc6fd7ddf03b116e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/11/4d83ac6cae10419bafc6905ed7ac334d.png
[9a19208cf74b4a4280700f124ff35b39.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/11/84a7fd6442ca4eaf891bbf8e0a051843.png
[1248b0d43eec49b5b2ddee26c8a1e277.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/11/d4ef094d2570445eb591c65ef1c0f6ae.png
[a7b5bd51fe2443b2a6189b533c9202e0.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/11/20688f88b28647f98748a0e1508cb305.jpeg