html+php+mysql实现留言板功能

大家好，今天小编来为大家解答html+php+mysql实现留言板功能这个问题，很多人还不知道，现在让我们一起来看看吧！

2）打开留言板并加载留言

3）下方显示新添加的消息

css代码，用于设置弹出框和新增的消息样式等。

样式类型=’文本/css’

评论{

边距：10px自动；

}

邮政{

边距顶部：10px；

}

#评论p，

#发布p{

行高：30px；

}

#评论p跨度{

边距：4px；

颜色：#bdb8b8;

}

信息{

绝对位置：

顶部： 40%；

左： 100px；

宽度： 200px；

高度： 50px；

背景： #f2f2f2;

border: 1px实线；

边框半径： 3px；

行高： 50px；

文本对齐：居中；

显示：无；

}

/风格

html代码：

分区

div id=’帖子’

h3文章评论/h3

p昵称：/p

输入类型=’文本’ 类=’输入’ id=’用户’ //p

p评论内容：/p

ptextarea class=’input’ id=’txt’ style=’width:100%; height:80px’/textarea/p

pinput type=’提交’ class=’btn’value=’Post’ id=’add’ //p

div id=’消息’/div

/div

div id=’评论’/div

/div

加载消息的js代码

脚本类型=’text/javascript’ src=’js/jquery.js’/script

脚本类型=’文本/javascript’

$(函数() {

var comments=$(‘#comments’);

$.getJSON(‘data.php’, function(json) {

$.each(json, 函数(索引， 数组) {

var txt=’pstrong’ + array[‘user’] + ‘/strong：’ + array[‘comment’] + ‘span’ + array[‘addtime’] + ‘/span/p’;

评论.append(txt);

});

});

//显示评论内容

$(‘#add’).click(function() {

var user=$(‘#user’).val();

var txt=$(‘#txt’).val();

$.ajax({

输入： ‘发布’,

url: ‘评论.php’,

data: ‘用户=’ + 用户+ ‘txt=’ + txt,

数据类型： ‘JSON’,

success: 函数（res）{

if (res.code==1) {

var str=’pstrong’ + res.user + ‘/strong:’ + res.txt + ‘span/span/p’;

评论.append(str);

$(‘#message’).show().html(‘发布成功！’).fadeOut(1000);

$(‘#txt’).attr(‘值’, ”);

} 别的{

$(‘#message’).show().html(res.message).fadeOut(1000);

}

}

});

});

});

/脚本

connect.php文件，用于连接数据库

?php

$host=’你的数据库主机’;

$db_user=’你的数据库’;

$db_pass=’你的数据库密码’;

$db_name=’你的数据库名称’;

$timezone=’亚洲/上海’;

$link=mysqli_connect($host,$db_user,$db_pass);//连接数据库主机

mysqli_select_db($link,$db_name);//选择数据库

mysqli_query($link,’SET names UTF8′);//设置数据库编码格式

header(‘Content-Type: text/html; charset=utf-8’);//设置页眉样式

date_default_timezone_set($timezone); //北京时间

data.php，用于打开网页时显示消息

?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’=$row[‘comment’],’addtime’=$row[ ‘添加时间’]);

}

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’]));

如果（空（$用户））{

$data=array(‘code’=355,’message’=’昵称不能为空！’);

回显json_encode($data);

出口；

}

如果（空（$txt））{

$data=array(‘code’=356,’message’=’内容不能为空’);

回显json_encode($data);

出口；

}

$time=date(‘年月日H:i:s’);

$query=mysqli_query($link,’插入评论(user,comment,addtime)values(‘$user’,’$txt’,’$time’)’);

如果（$查询）{

$data=array(‘code’=1, ‘message’=’成功’,’user’=$user , ‘txt’=$txt);

回显json_encode($data);

}

另外还有在数据库中创建注释的sql命令

创建表`评论`(

`id` int(4) NOT NULL 自动增量主键，

`用户` varchar(50),

`注释` varchar(200),

用户评论

代价是折磨╳

哇！这个教程看起来很不错啊，我一直想自己建一个留言板网站，现在终于有了一个方向了！感觉学习一下 html、php 和 mysql 应该是很有帮助的。

    有12位网友表示赞同！

闲肆

这篇文章写得真棒，清晰易懂！以前对这些技术有点了解，但没有机会深入研究。看这个教程正好能加深理解，有机会一定要试试啊！

    有9位网友表示赞同！

等量代换

留言板功能确实很实用啊，特别是对于网站互动来说很有必要！不过感觉学习 html、php 和 mysql 需要时间和耐心，需要找个合适的教材好好巩固一下基础知识。

    有7位网友表示赞同！

米兰

实现留言板，需要用到这么多技术？感觉有点复杂吧。如果只想要一个简单的留言板功能，会不会有更简洁的方法呢？

    有8位网友表示赞同！

青瓷清茶倾城歌

我之前也试过用 bootstrap 开发留言板，但效果不太理想，这个教程好像更专业一些，有机会再学习看看！不过我还是比较喜欢使用现成的留言板插件，比较省心快捷。

    有20位网友表示赞同！

别悲哀

这个教程的代码写的真好理解，注释也很详细。对于初学者来说真的是最佳选择啊！希望将来也能像这样写出自己的 php 代码！

    有14位网友表示赞同！

温柔腔

HTML 还是OK的，PHP 我也有点接触过，但 MYSQL 就比较陌生了。感觉还是需要花些时间学习一下，这个教程刚好可以给我一些参考方向。

    有15位网友表示赞同！

艺菲

说起来现在很多网站都有留言板功能啊，我觉得它很有用了，可以方便地让用户交流互动。学习一个简单的留言板，说不定也能锻炼编程能力！

    有10位网友表示赞同！

入骨相思

这篇文章内容很丰富，涵盖了非常多的细节。想要打造一个功能完整的留言板，确实需要好好学习 html、php 和 mysql ，感觉有点吓人啊…

    有7位网友表示赞同！

淡写薰衣草的香

我更喜欢用 wordpress 搭建网站和使用插件实现留言板的功能，感觉简单易用。这个教程看起来比较专业，适合有一定编程基础的人来学习吧。

    有14位网友表示赞同！

纯真ブ已不复存在

终于找到一个讲解html+php+mysql的留言板教程了！之前一直自己摸索，现在看看这篇文章，可以避免很多错误操作，希望能学成功！

    有16位网友表示赞同！

终究会走-

感觉这个技术栈有些复杂啊，我更倾向于直接使用现成的留言板插件，省事又节省时间。不过学习一下编程基础也有一定的必要性，也许以后会尝试自己实现留言 board 的功能。

    有17位网友表示赞同！

打个酱油卖个萌

我一直想学 HTML 和 PHP, 这篇博客正好解决我的一些疑惑，现在有了目标了，一定要把这个留言板完成！

    有6位网友表示赞同！

岁岁年年

这个教程的讲解很详细，图文并茂，对于想要学习 html、php 和 mysql 的同学来说非常有帮助。学习编程其实就是不断实践和积累经验啊！

    有9位网友表示赞同！

还未走i

感觉网站的功能很多都依赖于 php 和 mysql, 自己动手实现留言板功能，能让我更深入地理解这些技术的应用场景！

    有18位网友表示赞同！

不离我

终于找到一个能够帮我的博客做留言板的教程了！以前一直想让用户留下评论，现在可以开始了！虽然技术栈有点复杂，但我相信自己一定能够搞定！

    有15位网友表示赞同！

命该如此

这个教程真的太棒了！我一直在学习php 和 mysql, 终于可以把它们应用到实际项目中了！有了这个留言板功能，我的网站肯定会在用户群体中更受欢迎！

    有13位网友表示赞同！