基于vue的实时交流聊天系统软件设计

目 录
1绪论 1
1.1现状分析 1
1.1.1国外现状： 1
1.1.2国内现状： 1
1.2选题背景及意义 1
1.2.1选题背景： 1
1.2.2选题意义： 2
2分析与设计 2
2.1可行性分析 2
2.1.1技术可行性： 2
2.1.2操作可行性： 5
2.1.3社会可行性： 5
2.1.4经济可行性： 5
2.2需求分析 5
2.3模块划分设计 6
2.4数据库结构设计 7
2.4.1E-R图： 7
2.4.2数据表： 7
2.5外观设计 12
3各功能模块的实现 18
3.1数据交互 18
3.2数据库连接 20
3.3登录、注册、修改密码、验证登录 26
3.4消息记录、置顶 30
3.5好友和群组列表、搜索 34
3.6广播 37
3.7上传 40
3.8动态 41
3.9桌面通知 45
3.10申请 47
3.11聊天 49
3.12群聊 52
3.13编辑信息 55
3.14裁剪头像 57
3.15背景 60
4总结 62
参考文献 64
致谢 65
附录 66
2.2需求分析
虽然我个人能力和时间都有限，但是网站还是要尽可能地实现其它聊天软件有的基本功能，预期要达到的功能有：使用邮箱登录注册以及修改密码、可以与好友单独聊天或者建群群聊、聊天可以发送文本、表情、图片等信息、可以根据号码搜索出用户或群聊进行操作、可以写动态给所有好友看并且可以评论和@好友、用户可以修改自己的4基本信息、修改网站的背景、本文转载自http://www.biyezuopin.vip/onews.asp?id=15029用户可以进行好友申请、申请加入群聊、拉好友入群之类的申请操作。

2.3模块划分设计
1、登录注册模块
（1）登录可以用账号或者邮箱登录
（2）使用邮箱发送验证码的方式注册
（3）使用邮箱发送验证码的方式修改密码
2、聊天模块
（1）分为单聊和群聊
（2）可以发送文本、表情、图片
（3）聊过天的用户和群聊保存到消息页面，方便下次聊天
（4）有拉黑功能
（5）可以给好友起备注，群聊可以设置名片
3、搜索申请模块
（1）根据号码搜索用户、群聊
（2）可以申请加入群聊和将好友或搜到的用户拉进群聊
4、动态模块
（1）发送动态后服务器发送数据通知好友
（2）好友申请、加群、发送消息等情况用户会被动接受数据并提示
5、用户信息模块
（1）添加修改性别、年龄、地区等基本信息
（2）可以让用户裁剪、修改头像
（3）向服务上传壁纸，个性化网站的背景