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

logo

JavaDog Chat v1.0.0

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

📚项目介绍

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

star uView shiro spring-boot mybatis-plus mybatis-plus license Apache 2.0

🎁快速链接

微信公众号:JavaDog程序狗
关注公众号,发送 chat ,无任何套路即可获得
image-1666937557673
或访问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
如需多个账户可自行注册

主要模块功能

请添加图片描述

🛳️登录注册
  1. 用户可自主注册,并通过用户名密码进行登录
  2. 如忘记密码则可通过邮箱找回密码,但需要在配置文件中配置邮箱相关内容
    请添加图片描述
🍭消息
  1. 展示群组及好友聊天信息,并有消息提醒及未读标记
  2. 可通过上方放大镜进行搜索,或者扫一扫进行好友添加
  3. 点击查看聊天信息,可进行文字/图片/视频/语音等发送方式
    在这里插入图片描述
    请添加图片描述
🧑‍🤝‍🧑好友
  1. 按照字母索引展示所有好友列表,并可通过放大镜搜索
  2. 通过右上角扫描二维码进行好友添加
  3. "我添加的"本人通过扫码或者搜索添加好友申请列表数据
  4. "添加我的"其他用户通过扫码或者搜索添加我本人申请列表数据
  5. 通过点击好友进行好有名片查看

在这里插入图片描述
在这里插入图片描述

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

在这里插入图片描述

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

请添加图片描述

🛠️快速启动

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

👍前端支撑
插件版本用途
uview-ui^2.0.31多平台快速开发的UI框架
uni-simple-router^2.0.7专为uniapp打造的路由器
moment^2.29.4js工具库
mescroll-uni^1.3.7上拉加载下拉刷新插件
@uni-ui/code-ui^1.4.8二维码生成工具
👸启动前端
  1. 在chat-uniapp项目目录下执行
    npm install
    
  2. 在HBuilderX工具下运行,选择需要运行到哪个终端
    在这里插入图片描述3. 如需调整环境,请在/common/config/env.js修改环境变量
    在这里插入图片描述
👍后端支撑
插件版本用途
jdk1.8java环境
lombok1.18.16代码简化插件
maven3.6.3包管理工具
druid1.1.24JDBC组件
hutool5.7.20Java工具类库
mybatis-plus3.4.1基于 MyBatis 增强工具
pinyin4j2.5.1拼音组件库
mysql8.0 / 5.7数据库
👦启动后端
  1. 开发工具内配置好,并将maven配置好,建议使用阿里云镜像
  2. 将chat-provider包下的/doc/SQL/db_chat.sql进行本地执行,并在application配置文件中修改数据库配置
    在这里插入图片描述
  3. 运行启动SpringBoot项目,如见到以下日志即为启动成功。
    在这里插入图片描述

🌀其他辅助

🏋️‍♀️原型图

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

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

在这里插入图片描述

🤾DB设计

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

请添加图片描述

😊版权说明

  • JavaDog Chat 采用 Apache License2.0协议

  • 代码可用于个人学习等,完全开源免费

  • 二次开发如用于毕设等二次售卖,未经审核视为侵权

JavaDog狗屋地址
个人博客https://blog.javadog.net
公众号https://mp.weixin.qq.com/s/_vgnXoQ8FSobD3OfRAf5gw
CSDNhttps://blog.csdn.net/baidu_25986059
掘金https://juejin.cn/user/2172290706716775
知乎https://www.zhihu.com/people/JavaDog
简书https://www.jianshu.com/u/1ff9c6bdb916
giteehttps://gitee.com/javadog-net
GitHubhttps://github.com/javadog-net
  • 3
    点赞
  • 24
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

JavaDog程序狗

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值