百木园-与人分享,
就是让自己快乐。

【实战】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.4 js工具库
mescroll-uni ^1.3.7 上拉加载下拉刷新插件
@uni-ui/code-ui ^1.4.8 二维码生成工具

👸启动前端

  1. 在chat-uniapp项目目录下执行
    npm install
    
  2. 在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

在这里插入图片描述

🤾DB设计

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

请添加图片描述

😊版权说明

  • 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

来源:https://www.cnblogs.com/javadog-net/p/17261327.html
本站部分图文来源于网络,如有侵权请联系删除。

未经允许不得转载:百木园 » 【实战】SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目

相关推荐

  • 暂无文章