聊天室Web程序

     最近两天在做一个简单的聊天室程序，涉及到了jquery的Ajax的无刷新更新页面、php连接mysql数据库、mysql的简单操作以及mysql和mysqli的区别。

     我是在APPServ的Web环境下做的，使用这个环境的好处是所有建立web网页的组件都已经集成进去了，这样就可以忽略构建网页的其他组件的安装，而专注于网页整体的布局和功能的实现，便于新手如我这样的菜鸟的学习。

     步骤包括这么几步：

     1、html、css创建聊天室的外形框架，如下图所示。

     2、JS要做两个方面的工作：1）提交用户聊天信息，然后处理服务器端返回的聊天信息，将信息实时呈现出来；

                                         2）每隔一定时间发起查询数据库中聊天记录的请求，然后处理服务器端返回的聊天信息，将信息实时呈现出来，这是为了使聊天能够进行，但是保存在数据库中的信息是有限的，只能刷新一部分。刷新时间影响聊天记录的延时时间，同时还与网络等速度有关。

     3、使用Mysql建立数据库、建立表格。

     4、服务器端使用php语句查询数据库，并将结果生成

    具体：

   1、聊天室的外形框架。使用html和css即可，需要注意的是css的属性中的聊天显示记录的内容溢出设置，overflow：auto，其其他可选选项有hidden、visible、scroll、inherit

     2、客户端的Js需要两个方面的功能，第一是：定时刷新，使用自定义的函数updateMsg来实现

function updateMsg(){  $.post("./php/backend.php",{time:timestamp},    function('#loading').remove();//移除loading消息，等待提示    addMessages('updateMsg()',4000);//每隔4秒，读取一次}

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：聊天室Web程序

关键词：web