基于PHP和MySQL实现的网页聊天系统

Camouflage

发布日期: 2021-05-28 12:26:08 浏览量: 291
评分:
star star star star star star star star star star_border
*转载请注明来自write-bug.com

一、网站总体设计

1.1 网站设计主题

.随着互联网的发展,使得通过网络实现人与人之间的联系沟通变得越来越重要。当你的朋友或者家人不在身边时,而思念的情感之浓,聊天软件更加方便;当你与同事共同探讨工作问题时,聊天软件更加方便。所以聊天软件很重要。为我们的生活提供了太多方便。

1.2 网站功能要求

1.2.1 网站功能结构图

设计一个简易的网页聊天软件。该系统将完成注册用户、用户登录、和添加好友、实现群聊,本系统的功能模块图如图 1-1 所示。

1.2.2 网站扩展功能

  • 实现删除用户
  • 完成用户个人详细资料添加

二、网站数据库设计

2.1 MySQL 介绍

MySQL 是一种关系型管理系统,关系数据库将数据保存在不同的表中,而不是将所有数据妨碍一个大仓库中,这样就增加了速度并提高了灵活性。

MySQL 所使用的 SQL 语言是用于访问数据库的最常用标准语言。由于其提价小、速度快、总体拥有的成本低,尤其是开源码这一特点,一般中小网站开发都选择 MySQL。

2.2 数据库详细设计

2.2.1 数据库设计

网页聊天系统,需要完成用户的登录注册,聊天信息缓存,用户信息。

2.2.2 数据表设计

2.2.2 用户表 chat_user

  • 表功能:保存用户登录和个人信息
  • 表结构

2.2.2 聊天信息表 chat_message

  • 表功能:保存用聊天内容
  • 表结构

2.2.3 表间关系

三、网站界面实现

3.1 Dreamweaver 介绍

Adobe Dreamweaver,简称“DW”,中文名称 “梦想编织者”,最初为美国公司开发 [1] ,2005 年被收购。DW 是集制作和管理网站于一身的所见即所得编辑器。利用对 、、等内容的支持,和可以在几乎任何地方快速制作和进行。

3.2 网站界面设计

3.2.1 登录界面

界面功能描述

完成用户的登录和注册

界面效果图

界面操作流程

部分核心代码

  1. header("content-type:text/html;charset=utf-8");
  2. $userName = $_POST['userName'];
  3. $userPwd = $_POST['userPwd'];
  4. clude_once("./Tools/phpTools.php");
  5. $sql = "select * from chat_user where userName = '$userName' and userPass = '$userPwd'";
  6. $arr = mysqli_excute_select($sql);
  7. if(count($arr) > 0) {
  8. header('location:./chat.php');
  9. session_start();
  10. $_SESSION['info'] = $arr[0];
  11. } else {
  12. echo "账号或者密码错误,请<a href='login.html'>重新登录</a>";
  13. }

3.2.2 登录界面

界面功能描述

群聊界面

界面效果图

界面操作流程

在输入框中输入需要发送的信息,然后点击发送。点击消息选择撤回

部分核心代码

  1. header('content-type:text/html;charset=utf-8');
  2. session_start();
  3. $userId = $_SESSION['info']['Id'];
  4. $messageContent = $_POST['messageContent'];
  5. include_once "./Tools/phpTools.php";
  6. $sql="insertintochat_message(user_id,content)values('$userId','$messageCont ent')";
  7. $arr = mysqli_excute_zsg($sql);
  8. var_dump($arr);
  9. if($arr > 0) {
  10. header("location:./chat.php");
  11. } else {
  12. echo "发送失败";
  13. }

3.2.3 登录界面

界面功能描述

所有用户界面

界面效果图

界面操作流程

查看所有的好友信息

部分核心代码

  1. <table class="table table-bordered table-striped">
  2. <thead>
  3. <tr>
  4. <th width='15%'>序号</th>
  5. <th width='15%'>姓名</th>
  6. <th width='15%'>密码</th>
  7. <th width='55%'>头像</th>
  8. </tr>
  9. </thead>
  10. <tbody>
  11. <?php
  12. header("contentg-type:text/html;charset=utf-8");
  13. include "./Tools/phpTools.php";
  14. $sql = "select * from chat_user";
  15. $arr = mysqli_excute_select($sql);
  16. // var_dump($arr);
  17. for($i=0; $i<count($arr); $i++):
  18. ?>
  19. <tr>
  20. <td><?php echo $arr[$i]['Id']?></td>
  21. <td><?php echo $arr[$i]['userName']?></td>
  22. <td><?php echo $arr[$i]['userPass']?></td>
  23. <td>
  24. <img src="./images/icon/<?php echo $arr[$i]['userIcon']?>" alt="">
  25. </td>
  26. </tr>
  27. <?php endfor;
  28. ?>
  29. </tbody>
  30. </table>
  31. </div>
  32. </body>

五、测试和总结

5.1 测试和调试

成功实现群聊

输入错误的用户密码后提示登录错误要求重新登录

5.2 系统存在的问题

由于本系统知识一个小课题作业,存在很多的不足,安全性,多用户的并发性,交互体验感不足,界面不够美化。

5.3 总结运用的技术

本系统主要运用的技术 PHP、JavaScript、MySQL、jQuery,文件上传。

5.4 收获及心得体会

PHP 吸收了、和的特点,利于学习,使用,主要适用于开发领域。PHP 独特的混合了、、以及自创的语法。它可以更快速地执行。用 PHP 做出的与其他的相比,是将嵌入到(下的一个应用)文档中去执行,执行效率较高;PHP 还可以执行后代码,编译可以达到和代码运行,使代码运行更快。

在完成这个课题的学习后,加深了我对与 PHP 技术的理解和运用能力,是自己学习了一门新的编程语言。

上传的附件 cloud_download 基于PHP和MySQL实现的网页聊天系统.7z ( 509.25kb, 6次下载 )
error_outline 下载需要11点积分

发送私信

你有那么好的年纪,为什么不笑得更好看些

11
文章数
14
评论数
最近文章
eject