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

简介: JavaDog Chat v1.0.0 是一款基于 SpringBoot、MybatisPlus 和 uniapp 的简易聊天软件,兼容 H5、小程序和 APP,提供丰富的注释和简洁代码,适合初学者。主要功能包括登录注册、消息发送、好友管理及群组交流。

JavaDog Chat v1.0.0


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


📚项目介绍

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

🎁快速链接

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

或访问
https://javadog.net/archives/chat

🌱体验地址

因二维码图被和谐,最好访问https://javadog.net/archives/chat进行扫码访问体验

1.网页H5

http://chat.javadog.net

2.APP

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

🍓体验账号

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

主要模块功能

🛳️登录注册

  1. 用户可自主注册,并通过用户名密码进行登录
  2. 如忘记密码则可通过邮箱找回密码,但需要在配置文件中配置邮箱相关内容

    🍭消息

  3. 展示群组及好友聊天信息,并有消息提醒及未读标记
  4. 可通过上方放大镜进行搜索,或者扫一扫进行好友添加
  5. 点击查看聊天信息,可进行文字/图片/视频/语音等发送方式

🧑‍🤝‍🧑好友

  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协议

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

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

目录
相关文章
|
8月前
|
人工智能 小程序 搜索推荐
【一步步开发AI运动APP】十二、自定义扩展新运动项目2
本文介绍如何基于uni-app运动识别插件实现“双手并举”自定义扩展运动,涵盖动作拆解、姿态检测规则构建及运动分析器代码实现,助力开发者打造个性化AI运动APP。
|
JSON 自然语言处理 前端开发
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
765 72
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
|
9月前
|
存储 小程序 Java
热门小程序源码合集:微信抖音小程序源码支持PHP/Java/uni-app完整项目实践指南
小程序已成为企业获客与开发者创业的重要载体。本文详解PHP、Java、uni-app三大技术栈在电商、工具、服务类小程序中的源码应用,提供从开发到部署的全流程指南,并分享选型避坑与商业化落地策略,助力开发者高效构建稳定可扩展项目。
|
11月前
|
人工智能 小程序 前端开发
小程序、网站 vs. APP:成本差异究竟在哪里?技术栈如何决定项目上限?优雅草卓伊凡
小程序、网站 vs. APP:成本差异究竟在哪里?技术栈如何决定项目上限?优雅草卓伊凡
746 0
小程序、网站 vs. APP:成本差异究竟在哪里?技术栈如何决定项目上限?优雅草卓伊凡
|
前端开发 Java Shell
【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
1015 20
【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
|
Dart 前端开发 容器
【07】flutter完成主页-完成底部菜单栏并且做自定义组件-完整短视频仿抖音上下滑动页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【07】flutter完成主页-完成底部菜单栏并且做自定义组件-完整短视频仿抖音上下滑动页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
557 18
【07】flutter完成主页-完成底部菜单栏并且做自定义组件-完整短视频仿抖音上下滑动页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
|
Dart 前端开发 Android开发
【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
535 4
【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
|
移动开发 JavaScript Windows
uni-app的H5适配全面屏
记录一下如何在用uni-app开发h5时适配全面屏
1261 0
uni-app的H5适配全面屏
|
8月前
|
缓存 移动开发 JavaScript
如何优化UniApp开发的App的启动速度?
如何优化UniApp开发的App的启动速度?
1436 139

热门文章

最新文章