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

时间:2021-10-07 01:04:55

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

JavaDog Chat v1.0.0

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

????项目介绍

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

????快速链接

微信公众号:JavaDog程序狗关注公众号,发送 chat ,无任何套路即可获得

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

或访问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入门学习的聊天小项目

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

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

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

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

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

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

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

????️快速启动

后端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
  1. 在HBuilderX工具下运行,选择需要运行到哪个终端 3. 如需调整环境,请在/common/config/env.js修改环境变量
????后端支撑

插件

版本

用途

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配置文件中修改数据库配置
  3. 运行启动SpringBoot项目,如见到以下日志即为启动成功。

????其他辅助

????️♀️原型图

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

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

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

????DB设计

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

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

????版权说明

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

JavaDog

狗屋地址

个人博客

https://blog.javadog.net

公众号

https://mp.weixin.qq.com/s/_vgnXoQ8FSobD3OfRAf5gw

知乎

https://www.zhihu.com/people/JavaDog

gitee

https://gitee.com/javadog-net

GitHub

https://github.com/javadog-net