摘要：近年来，在互联网飞速发展的趋势下，智能手机已是人们日常生活中的必备之物，各种聊天APP层出不穷。同时，随着国民素质的提升，人们对聊天APP中的聊天环境也有了一定的需求。由此，各个聊天APP的聊天环境机制也开始不断的完善。

本设计实现了一个绿色聊天环境的APP。整个项目采用了PHPstorm、Webstorm作为开发环境，MySQL作为数据库管理平台；管理员后台页面采用HTML5技术，APP采用当今最实用的跨平台应用开发框架ReactNative进行开发；这两者的后台则采用PHP语言开发。其中主要功能包括：管理员管理APP用户的表情、举报等功能，APP用户添加好友、与好友聊天、发送图片、修改个人资料等功能。测试运行表明，后台部分流畅性好，管理员操作便捷，APP体验度高，基本能够满足一个用户在APP中的及时通讯功能。

关键词：即时通讯；热更新；兼容；

目录

摘要

Abstract

1 引言-1

1.1 课题背景-1

1.2 课题相关方法与动态-1

1.3 课题的现状与发展-1

1.4 课题开发的意义-2

2 相关技术的研究-3

2.1 React Native简介-3

2.2 jQuery简介-3

2.3 ThinkPHP简介-3

3 系统分析-4

3.1 可行性分析-4

3.2 需求分析-4

3.2.1 APP需求-4

3.2.2 性能需求-4

4 总体设计-5

4.1 设计目标-5

4.2 开发及运行环境-5

4.3系统模块图-5

4.3.1 模块介绍-6

4.4 用例图-6

4.5数据库设计-7

4.5.1 管理员表-7

4.5.2 后台菜单栏表-7

4.5.3 后台图标表-8

4.5.4 APP用户表-8

4.5.5 好友申请表-9

4.5.6 好友关系表-10

4.5.7 聊天记录表-10

4.5.8 好友分组表-11

4.5.9  token表-11

4.5.10 举报类型表-11

4.5.11 举报记录表-12

4.5.12 验证码记录表.13

4.5.13 验证码类型表.13

4.5.14 验证码模板表.14

4.5.15 等级表-14

4.5.16 等级记录表-15

4.5.17 禁用词汇表-15

4.5.18 禁用词汇记录表.16

5 系统的详细设计与实现-17

5.1 系统界面设计-17

5.1.1 后台首页-17

5.1.2 员工注册与登录-17

5.1.3 APP登录与注册-19

5.1.4 tabbar页面-20

5.1.5 更换头像与修改个人资料页面-21

6 系统测试-22

6.1 性能的测试-22

6.2 适配性的测试-22

7 问题及解决办法-23

结    论-24

参 考 文 献-25

致    谢-26