功能说明：
1)测量链接是远程数据库
2)打开留言板加载消息
3)新添加的评论显示在下面
设置弹出框、新添加的消息样式等的CSS代码
样式类型='文本/CSS '
#comments{
Margin:10px自动：
}
#post{
margin-top :10 px；
}
#comments p、
#post p{
line-height :30 px；
}
#comments p span{
Margin:4px
color : # BDB 8 b 8；
}
#message{
Position: absolute:
top : 40%；
Left: 100px:
Width: 200px
海特： 50px
background : # f 2 f 2 f 2；
Border: 1px solid
Border-radius: 3px:
line-height : 50 px；
文本-align :中心：
Display: none
}
/style
Html代码：
迪布
Div id='post '
H3文章评论/h3
p别名：/p
pin put type=' text ' class=' input ' id=' user '//p
p说明：/p
Ptextarea类=' input ' id=' txt ' style=' width :100%；Height:80px'/textarea/p
pin put type=' submit ' class=' BTN ' value='发布' id=' add '/p
div id=' message '/div
/div
Div id='comments'/div
/div
Js代码，加载消息
script type=' text/JavaScript ' src=' j；/脚本
Script type='text/javascript '
$(function() {
var comments=$(' # comments ')；
$。GETJSON(' DA；function(json) {
$。each (JSON，function (index，array) {
vart XT=' p strong ' array[' user ']'/strong:' array[' comment ']' span ' array[' adray]
commen(txt)；
})；
})；
//展示评论内容
$('#add ')。click(function() {
Var user=$('#user ')。val()；
Var txt=$('#txt ')。val()；
$。ajax({
Type: 'POST '
Url: 'comment.php '
Data: 'user=' user 'txt=' txt，
DataType : 'JSON '
Success: function(res) {
If==1) {
var str=' p strong ' RES . user '/strong:' RES . txt ' span刚/span/p '
commen(str)；
$('#message ')。show()。html(“发布成功！”)。fadeOut(1000)；
$('#txt ')。attr('value '' ')；
} else {
$ ('# message ')。show()。html)。fadeout(1000)；
}
}
})；
})；
})；
/脚本
Connect.php文件，用于连接到数据库
？嗯？PHP
$ host=' your db host
$ db _ user=' your db
$ db _ pass=' your db password
$ db _ name=' your db name
$ time zone=' Asia/Shanghai '
$ link=mysqli _ connect ($ host、$ db _ user、$ db _ pass)；//连接数据库主机
Mysqli _ select _ db ($ link、$ db _ name)；//选择数据库
Mysqli _ query ($ link，' set names utf 8 ')；//设置数据库编码格式
标头(‘内容类型：文本/html；charset=utf-8 ')；//设置头部样式
date _ default _ time zone _ set($ time zone)；//北京时间
Da，用于在打开网页时显示消息
？嗯？PHP
include _ once(' connect . PHP ')；//数据库连接
$ q=mysqli _ query ($ link，' select * from comments ')；//从数据库导入数据
while($ row=mysqli _ fetch _ array($ q)){
$ comments[]=array(' id '=$ row[' id ']，' user'=$ row ['user']，' comment
}
echo JSON _ encode($ comments)；以//JSON格式编码
Comment.php用于将新消息存储在数据库中，并在视图中显示
？嗯？PHP
include _ once(' connect . PHP ')；
//trim，返回字符串str删除前后空格字符的结果。如果未指定第二个参数，则会删除常规控件、制表符、换行符、回车符、空字节字符和垂直制表符
//HTMLspecialchars()函数将预定义的字符转换为html实体
$ user=htmlspecialchars(trim($ _ post[' user ']))；
$ txt=htmlspecialchars(trim($ _ post[' txt ']))；
if(empty($ user){
$ data=array ('code'=355，' message'='昵称不能为空！')；
echo JSON _ encode($ data)；
Exit
}
if(empty($ txt){
$ data=array ('code'=356，' message'='内容不能为空')；
echo JSON _ encode($ data)；
Exit
}
$ time=date(' y-m-d h : I 3360s ')；
$ query=mysqli _ query ($ link，' insert into comments (user，comment，addtime) values ('$ uses)
If ($查询){
$ data=array ('code'=1，' message'=' success '' user'=$ user，' txt'=$ txt)
echo JSON _ encode($ data)；
}
还有一个用于在数据库中创建comment的SQL命令
CREATE TABLE `comments '(
` id ' int(4)not null auto _ increment primary key，
“用户”varchar (50)、
Comment` varchar(200)、
Addtime` datetime not null
)engine=my isam character set utf 8 collate utf 8 _ unicode _ ci；