基于HTNL5实现的实时聊天室工具

person 匿名

发布日期: 2021-08-12 10:39:33 浏览量: 210
评分:
star star star star star star star star star star_border
*转载请注明来自write-bug.com

一、运行环境

运行环境 技术
系统环境 Linux/Mac OS/Windows
服务器 nodejs
数据库 mongodb/mysql
gulp插件 作用
gulp-sass sass文件编译
gulp-minify-css css文件压缩
gulp-jshint js语法检查
jshint-stylish js语法检查显示样式
gulp-uglify js文件压缩
gulp-concat 文件合并
gulp-rename 文件重命名
gulp-imagemin 图片压缩

二、功能模块

2.1 用户登录/注册模块

名称 功能
用户登录 实现用户登录
用户注册 实现用户注册
用户密码找回 实现密码找回

2.2 用户个人信息管理模块

名称 功能
个人信息查看 用户或好友对个人信息的查看
个人信息修改 用户对个人信息的修改(如,昵称、头像、生日等)
密码修改 用户登录密码的修改

2.3 消息模块

名称 功能
一对一消息收发 实现用户间一对一的消息收发(包括,文字、表情、图片)
群组消息收发 实现群组内消息的收发(包括,文字、表情、图片等)

2.4 文件收发模块(非图片的其他文件)

名称 功能
文件上传 实现文件的上传,并临时存储在服务器
文件下载 实现文件的下载

2.5 好友管理

名称 功能
添加好友 通过用户账户查找并添加好友
删除好友 对已添加的好友进行删除,并不再收取相应消息
好友分组 对好友进行分组(自定义分组名)

2.6 群组创建/解散模块

名称 功能
群组创建 实现创建群组(创建者即为管理员)
群组解散 创建者有权利解散群组

2.7 加入/退出群组

名称 功能
加入群组 用户通过群号申请加入群组
踢出群组 群管理员将群成员踢出群群组(强制退出)
退出群组 用户主动退出群组

三、安装数据库

  • 安装mysql

  • 设置用户,默认账户:root,密码:123456

    • 或在 routes\connection\mysqlPool.js 中修改
  • 创建数据库 create database HTML5Chat;

  • use HTML5Chat

  • 导入数据 source yourPath\HTML5Chat.sql

四、运行方式

  • 安装nodejs环境

  • 全局安装 gulp

    1. npm install --global gulp
  • 安装 node_modules

    1. cd h5Chat && npm install
  • 运行项目

    1. npm start
  • 查看运行结果
    地址:http://localhost:3000

上传的附件 cloud_download 基于HTML5的实时聊天工具的设计与实现.zip ( 28.14mb, 1次下载 ) cloud_download 01-项目部署.mp4 ( 41.70mb, 1次下载 ) cloud_download 02-功能介绍.mp4 ( 49.71mb, 1次下载 )
error_outline 下载需要11点积分
eject