<xmp id="63nn9"><video id="63nn9"></video></xmp>

<xmp id="63nn9"></xmp>

<wbr id="63nn9"><ins id="63nn9"></ins></wbr>

<wbr id="63nn9"></wbr><video id="63nn9"><ins id="63nn9"><table id="63nn9"></table></ins></video>

【實戰】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

posted on 2023-03-27 13:56  JavaDog程序狗  閱讀(70)  評論(0編輯  收藏  舉報

導航

人碰人摸人爱免费视频播放

<xmp id="63nn9"><video id="63nn9"></video></xmp>

<xmp id="63nn9"></xmp>

<wbr id="63nn9"><ins id="63nn9"></ins></wbr>

<wbr id="63nn9"></wbr><video id="63nn9"><ins id="63nn9"><table id="63nn9"></table></ins></video>