ajax与php web开发01.docx

ajax与php web开发01.docx

《ajax与php web开发01.docx》由会员分享，可在线阅读，更多相关《ajax与php web开发01.docx（10页珍藏版）》请在冰豆网上搜索。

ajax与phpweb开发01

实现步骤——Ajax聊天

（1）连接Ajax数据库，并用下面的代码创建表chat：

CREATETABLEchat

（

chat_idint（11）NOTNULLauto_increment,

posted_ondatetimeNOTNULL,

user_namevarchar（255）NOTNULL,

messagetextNOTNULL,

colorchar（7）default'#000000',

PRIMARYKEY（chat_id）

）;

（2）在Ajax文件夹下，创建新文件夹chat。

（3）从下载代码中将palette.png文件复制到chat文件夹下。

（4）我们将创建一个由服务器功能开始的应用。

在chat文件夹下，创建文件config.php，并把数据库配置代码加到此文件里（改变这些变量值来匹配配置）。

php

//定义数据库连接数据

define（'DB_HOST','localhost'）;

define（'DB_USER','ajaxuser'）;

define（'DB_PASSWORD','practical'）;

define（'DB_DATABASE','ajax'）;

?

>

（5）现在加入标准错误处理文件error_handler.php：

php

//设置用户错误处理方法为error_handler

set_error_handler（'error_handler',E_ALL）;

//错误处理函数

functionerror_handler（$errNo,$errStr,$errFile,$errLine）

{

//清除所有已经生成的输出

if（ob_get_length（））ob_clean（）;

//输出错误消息

$error_message='ERRNO:

'.$errNo.chr（10）.

'TEXT:

'.$errStr.chr（10）.

'LOCATION:

'.$errFile.

',line'.$errLine;

echo$error_message;

//阻止处理任何其他PHP脚本

exit;

}

?

>

（6）创建文件chat.php并加入下面代码：

php

//参考包含Chat类的文件

require_once（"chat.class.php"）;

//取回执行的操作

$mode=$_POST['mode'];

//默认情况下最后的id是0

$id=0;

//创建一个新的聊天实例

$chat=newChat（）;

//如果操作是SendAndRetrieve

if（$mode=='SendAndRetrieveNew'）

{

//取回用来添加一个新消息的作用参数

$name=$_POST['name'];

$message=$_POST['message'];

$color=$_POST['color'];

$id=$_POST['id'];

//检查是否我们有合法的值

if（$name!

=''&&$message!

=''&&$color!

=''）

{

//把消息传递到数据库

$chat->postMessage（$name,$message,$color）;

}

}

//如果操作是DeleteAndRetrieve

elseif（$mode=='DeleteAndRetrieveNew'）

{

//删除所有已存在的消息

$chat->deleteMessages（）;

}

//如果操作是Retrieve

elseif（$mode=='RetrieveNew'）

{

//获取客户取回的最后消息的id

$id=$_POST['id'];

}

//清除输出

if（ob_get_length（））ob_clean（）;

//发送Headers阻止浏览器缓存

header（'Expires:

Mon,26Jul199705:

00:

00GMT'）;

header（'Last-Modified:

'.gmdate（'D,dMYH:

i:

s'）.'GMT'）;

header（'Cache-Control:

no-cache,must-revalidate'）;

header（'Pragma:

no-cache'）;

header（'Content-Type:

text/xml'）;

//从服务器取回新消息

echo$chat->retrieveNewMessages（$id）;

?

>

（7）创建文件chat.class并加入下面代码：

php

//加载配置文件

require_once（'config.php'）;

//加载错误处理模块

require_once（'error_handler.php'）;

//包含服务端聊天功能的类

classChat

{

//数据库处理

private$mMysqli;

//构造函数打开数据库连接

function__construct（）

{

//连接到数据库

$this->mMysqli=newmysqli（DB_HOST,DB_USER,DB_PASSWORD,

DB_DATABASE）;

}

//析构函数关闭数据库连接

publicfunction__destruct（）

{

$this->mMysqli->close（）;

}

//截去包含消息的表

publicfunctiondeleteMessages（）

{

//建立增加一个新消息到服务器的SQL查询

$query='TRUNCATETABLEchat';

//执行SQL查询

$result=$this->mMysqli->query（$query）;

}

/*

postMessages方法向数据库中插入消息

-$name代表post消息的用户的名称

-$messsage是post的消息

-$color包含用户选取的颜色

*/

publicfunctionpostMessage（$name,$message,$color）

{

//转换变量数据，以便安全地将它们添加到数据库

$name=$this->mMysqli->real_escape_string（$name）;

$message=$this->mMysqli->real_escape_string（$message）;

$color=$this->mMysqli->real_escape_string（$color）;

//建立增加一个新消息到服务器的SQL查询

$query='INSERTINTOchat（posted_on,user_name,message,color）'.

'VALUES（NOW（）,"'.$name.'","'.$message.

'","'.$color.'"）';

//执行SQL查询

$result=$this->mMysqli->query（$query）;

}

/*

retrieveNewMessages方法提取已经发送给服务器的新消息

-$id参数由客户端发送，而且它是客户端接收到的最后一个消息的id

通过$id从数据库获取最近的消息，并利用XML格式返回给客户端。

*/

publicfunctionretrieveNewMessages（$id=0）

{

//转换变量数据

$id=$this->mMysqli->real_escape_string（$id）;

//组成取回新消息的SQL查询

if（$id>0）

{

//取回比$id新的消息

$query=

'SELECTchat_id,user_name,message,color,'.

'DATE_FORMAT（posted_on,"%Y-%m-%d%H:

%i:

%s"）'.

'ASposted_on'.

'FROMchatWHEREchat_id>'.$id.

'ORDERBYchat_idASC';

}

else

{

//第一次加载仅仅从服务器取回最后50个消息

$query=

'SELECTchat_id,user_name,message,color,posted_onFROM'.

'（SELECTchat_id,user_name,message,color,'.

'DATE_FORMAT（posted_on,"%Y-%m-%d%H:

%i:

%s"）ASposted_on'.

'FROMchat'.

'ORDERBYchat_idDESC'.

'LIMIT50）ASLast50'.

'ORDERBYchat_idASC';

}

//执行查询

$result=$this->mMysqli->query（$query）;

//建立XML响应

$response='

xmlversion="1.0"encoding="UTF-8"standalone="yes"?

>';

$response.='';

//输出清除标志

$response.=$this->isDatabaseCleared（$id）;

//检查看我们是否有任何结果

if（$result->num_rows）

{

//在所有取来的消息间循环来建立结果消息

while（$row=$result->fetch_array（MYSQLI_ASSOC））

{

$id=$row['chat_id'];

$color=$row['color'];

$userName=$row['user_name'];

$time=$row['posted_on'];

$message=$row['message'];

$response.=''.$id.''.

''.$color.''.

''.$time.''.

''.$userName.''.

''.$message.'';

}

//尽快关闭数据库连接

$result->close（）;

}

//完成XML响应并返回它

$response=$response.'';

return$response;

}

/*

isDatabaseCleared方法查看自从上次访问服务器后数据库是否被清空。

参数包含最后从客户端接收的消息的id。

*/

privatefunctionisDatabaseCleared（$id）

{

if（$id>0）

{

//通过检查其id号比客户的最后id号小的行数，我们检查看是否一个截去操作同时//被执行

$check_clear='SELECTcount（*）oldFROMchatwherechat_id<='.$id;

$result=$this->mMysqli->query（$check_clear）;

$row=$result->fetch_array（MYSQLI_ASSOC）;

//如果一个截去操作发生了，白色书写板需要被重新设置

if（$row['old']==0）

return'true';

}

return'false';

}

}

?

>

（8）创建文件get_color.php并加入下面代码：

php

//图片文件的名字

$imgfile='palette.png';

//加载图片文件

$img=imagecreatefrompng（$imgfile）;

//获得用户单击点的坐标

$offsetx=$_GET['offsetx'];

$offsety=$_GET['offsety'];

//获取单击的颜色

$rgb=ImageColorAt（$img,$offsetx,$offsety）;

$r=（$rgb>>16）&0xFF;

$g=（$rgb>>8）&0xFF;

$b=$rgb&0xFF;

//返回颜色代码

printf（'#%02s%02s%02s',dechex（$r）,dechex（$g）,dechex（$b））;

?

>

（9）现在开始处理客户端了。

先创建文件chat.css并加入下面代码：

body

{

font-family:

Tahoma,Helvetica,sans-serif;

margin:

1px;

font-size:

12px;

text-align:

left

}

#content

{

border:

DarkGreen1pxsolid;

margin-bottom:

10px

}

input

{

border:

#9991pxsolid;

font-size:

10px

}

#scroll

{

position:

relative;

width:

340px;

height:

270px;

overflow:

auto

}

.item

{

margin-bottom:

6px

}

#colorpicker

{

text-align:

center

}