留言页面添加功能

1,留言添加功能前端展示

这里需要引入kindeditor编辑器,百度下载一个引进js文件如下:

<script src="kindeditor/kindeditor/kindeditor-all.js"></script>

并在内容里添加如下代码:(#content对应着id属性)

    <script>
                   KindEditor.ready(function(K) {
                       window.editor = K.create('#content',{
                           afterBlur:function(){this.sync();}
                       })
           
                   });
      </script>

即可,具体代码如下所示:

<!DOCTYPE html>
<html>
    <head>
        <title>留言板</title>
        <meta charset="UTF-8">
        <script src="kindeditor/kindeditor/kindeditor-all.js"></script>
    </head>
    <body>
        <div><h1>留言板</h1></div>
        <div>
            <form action="insertdb.php" method="post">
                标题:<input type="text" id="title" name="title"><br>
                内容:<br><span><textarea name="content" rows="13" cols="80" id="content"></textarea>
                <script>
                    KindEditor.ready(function(K) {
                        window.editor = K.create('#content',{
                            afterBlur:function(){this.sync();}
                        })
                    });
                </script>
                </span>
                <input type="submit" name="dosub" id="btn" value="上传留言">
            </form>
        </div>
    </body>
</html>

页面展示如下:

微信图片_20180308095345.png

2,提交请求处理

新建insertdb.php:

代码如下:

<?php
include './mysqli.php';
header('Content-type:text/html;charset=utf-8');
$tit=$_POST["title"];
$con=$_POST["content"];
$sql="insert into message(title,content) values('$tit','$con')";
if($mysqli->query($sql))
{
    echo "留言成功,3秒后跳转原页面";
}else{
    echo "留言失败,3秒后跳转原页面";
}
header("Refresh:3;url=message.php");

3,效果如下图所示:

gif5新文件 (18).gif

大家可以思考下如何用ajax无刷新页面来做添加功能?(下一节将介绍)

继续学习
||
<?php echo "留言添加功能";
提交重置代码
章节
笔记
提问
课件
反馈
捐赠

PHP留言板设计

高并发千万级数据库系统解决方案
  • 推荐课程
  • 评论
  • 问答
  • 笔记
  • 课件下载

有只猫吃很多

为什么我的输出之后是query($sql)) { echo "留言成功,3秒后跳转原页面"; }else{ echo "留言失败,3秒后跳转原页面"; } header("Refresh:3;url=message.php");这个呢老师

9小时前    添加回复 0

有只猫吃很多

请问html文件创建到哪个文件里呢?也是在根目录创建一个新的html文件吗

9小时前    添加回复 0

花姐

可是为什么只能发一条?第二条就插入失败

5年前    添加回复 0

木易

你数据表结构设计没让ID自增,所以后面的数据就无法写入

木易 · 2019-10-10 11:17

花姐

include './mysqli.php'; 这个文件在哪里?

5年前    添加回复 0

花姐

找到了,在上一节

花姐 · 2019-01-24 12:22

js代码怎么引进的?在哪里编写?怎么和PHP的代码合到一块儿?

5年前    添加回复 0

无名

百度下载kinkeditor,要用Git或者码云下载。下载好了里面有kindeditor-all.js,你在HTML页面里面src=你的这个js的路径就可以了。

无名 · 2018-12-19 15:47

yun

的Q我

5年前    添加回复 0

课件暂不提供下载,工作人员正在整理中,后期请多关注该课程~