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

项目介绍

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

快速链接

微信公众号:JavaDog程序狗
关注公众号,发送 chat ,无任何套路即可获得
【实战】SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目_第1张图片
或访问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
如需多个账户可自行注册

主要模块功能

【实战】SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目_第2张图片

️登录注册

  1. 用户可自主注册,并通过用户名密码进行登录
  2. 如忘记密码则可通过邮箱找回密码,但需要在配置文件中配置邮箱相关内容
    【实战】SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目_第3张图片

    消息

  3. 展示群组及好友聊天信息,并有消息提醒及未读标记
  4. 可通过上方放大镜进行搜索,或者扫一扫进行好友添加
  5. 点击查看聊天信息,可进行文字/图片/视频/语音等发送方式
    【实战】SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目_第4张图片
    【实战】SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目_第5张图片

‍‍好友

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

【实战】SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目_第6张图片
【实战】SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目_第7张图片

⛄群组

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

【实战】SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目_第8张图片

我的

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

【实战】SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目_第9张图片

️快速启动

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

前端支撑

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

启动前端

  1. 在chat-uniapp项目目录下执行

    npm install
  2. 在HBuilderX工具下运行,选择需要运行到哪个终端
    【实战】SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目_第10张图片3. 如需调整环境,请在/common/config/env.js修改环境变量

【实战】SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目_第11张图片

后端支撑

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

启动后端

  1. 开发工具内配置好,并将maven配置好,建议使用阿里云镜像
  2. 将chat-provider包下的/doc/SQL/db_chat.sql进行本地执行,并在application配置文件中修改数据库配置
    【实战】SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目_第12张图片
  3. 运行启动SpringBoot项目,如见到以下日志即为启动成功。

【实战】SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目_第13张图片

其他辅助

️‍♀️原型图

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

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

【实战】SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目_第14张图片

DB设计

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

【实战】SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目_第15张图片

版权说明

  • JavaDog Chat 采用 Apache License2.0协议
  • 代码可用于个人学习等,完全开源免费
  • 二次开发如用于毕设等二次售卖,未经审核视为侵权
JavaDog 狗屋地址
个人博客 https://blog.javadog.net
公众号 https://mp.weixin.qq.com/s/_vgnXoQ8FSobD3OfRAf5gw
CSDN https://blog.csdn.net/baidu_25986059
掘金 https://juejin.cn/user/2172290706716775
知乎 https://www.zhihu.com/people/JavaDog
简书 https://www.jianshu.com/u/1ff9c6bdb916
gitee https://gitee.com/javadog-net
GitHub https://github.com/javadog-net

你可能感兴趣的:(【实战】SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目)