Php 评论系统-创建帖子并将其显示在第1页

在网上有很多脚本供评论系统使用。但我觉得很困惑。当我们想要定制它时，它就像一个洞

我想创建自己的简单评论框，用户可以在其中发表评论

这是我进入帖子的空间：

伙计们，我将把整个系统放在github上，这也有助于其他人学习。需要帮助

更新1： php-用于数据库

<?php

$con = mysqli_connect('127.0.0.1:3306', 'root', 'root', 'test');
if (mysqli_connect_errno()) {
    echo "Failed to connect to MySQL: " . mysqli_connect_error();
}

$query= "select * from user_record where id=1660546353";

$result = mysqli_query($con,$query);


//build html format as you need it..
while($row = mysqli_fetch_array($result)){

echo '<div class="comment">'.$row ['name'].'<img src="'.$row ['picture'].'"/></div>';
}
?>

---

最好使用jquery。你可以做的是将你的文本区域放在div标记内，然后你可以动态更改div的位置。每次按下submit按钮时，使用javascript更改div标记的名称。然后你可以使用我在net中找到的最适合你的问题的jquery代码。当你发布新注释时，请使用旧的波斯特将顺理成章地向下移动，我们正在交换他们的位置

$('.div2:parent').each(function () {
$(this).insertBefore($(this).prev('.div1'));
});

---

如果您需要任何澄清，请让我知道。

最好使用jquery。您可以做的是将您的文本区域放在div标记内，然后您可以动态更改div的位置。每次按下提交按钮时，使用javascript更改div标记的名称。然后您可以使用我在net中找到的最适合您的jquery代码问题。当你发布新的评论时，旧的评论会顺理成章地向下移动，我们正在交换它们的位置

$('.div2:parent').each(function () {
$(this).insertBefore($(this).prev('.div1'));
});

---

如果您需要任何澄清，请告诉我。

如果您使用的是jquery，请使用此代码

HTML

添加帖子

Javascript

<script type="text/javascript">
$(document).ready(function(){

$('#submit').on('click',function(){
 var commentdata=$("message").val();
  $.ajax({
        type: "POST",
                     data:{ 
            comment: commentdata
                },
        url: "ajax.php",
        success: function(data, textStatus){
            //alert(data);
            $("#commentsholder").append(data);
            }
        },'html');
   });
});
</script>

$（文档）.ready（函数（）{
$（“#提交”）。在（'单击'，函数（）上{
var commentdata=$（“消息”）.val（）；
$.ajax({
类型：“POST”，
数据：{
注释：commentdata
},
url:“ajax.php”，
成功：功能（数据、文本状态）{
//警报（数据）；
$（“#commentsholder”）。追加（数据）；
}
}，'html'）；
});
});

在ajax.php中

//insert comment into database.
//get the user content who are posting it.
<?php

$con = mysqli_connect('127.0.0.1:3306', 'root', 'root', 'test');
if (mysqli_connect_errno()) {
    echo "Failed to connect to MySQL: " . mysqli_connect_error();
}

$query= "select * from user_record where id=1660546353";

$result = mysqli_query($con,$query);


//build html format as you need it..
while($row = mysqli_fetch_array($result)){

echo '<div class="comment">'.$row ['name'].'<img src="'.$row ['picture'].'"/></div>';
}
?>

//将注释插入数据库。
//获取发布内容的用户内容。

---

就这样。。如果您使用的是jquery，那么应该可以使用该代码

HTML

添加帖子

Javascript

<script type="text/javascript">
$(document).ready(function(){

$('#submit').on('click',function(){
 var commentdata=$("message").val();
  $.ajax({
        type: "POST",
                     data:{ 
            comment: commentdata
                },
        url: "ajax.php",
        success: function(data, textStatus){
            //alert(data);
            $("#commentsholder").append(data);
            }
        },'html');
   });
});
</script>

$（文档）.ready（函数（）{
$（“#提交”）。在（'单击'，函数（）上{
var commentdata=$（“消息”）.val（）；
$.ajax({
类型：“POST”，
数据：{
注释：commentdata
},
url:“ajax.php”，
成功：功能（数据、文本状态）{
//警报（数据）；
$（“#commentsholder”）。追加（数据）；
}
}，'html'）；
});
});

在ajax.php中

//insert comment into database.
//get the user content who are posting it.
<?php

$con = mysqli_connect('127.0.0.1:3306', 'root', 'root', 'test');
if (mysqli_connect_errno()) {
    echo "Failed to connect to MySQL: " . mysqli_connect_error();
}

$query= "select * from user_record where id=1660546353";

$result = mysqli_query($con,$query);


//build html format as you need it..
while($row = mysqli_fetch_array($result)){

echo '<div class="comment">'.$row ['name'].'<img src="'.$row ['picture'].'"/></div>';
}
?>

//将注释插入数据库。
//获取发布内容的用户内容。

---

就这样。。它应该会起作用

您可以使用这种方法，我希望这将有助于您：-

在文本区域或小提琴中的文本输入上方没有注释时，放置一个隐藏的块（

ul

）

<ul id="comments" style="display:none"></ul>

<lable>Add post </lable><br>
<textarea  id="cmntinput" rows="4" name="Addpost" cols="50" placeholder="Add post"> </textarea>
<input id="submitbtn" type="submit" value="share"> </input>

如果您想在新添加的注释中显示用户名、日期等，请使用php为您准备整个字符串

$output="<li id='cmnt'><ul><li id='name'>".$data['name']."<li id='content'>".$_POST['input']."</li></ul></li>


     //$data[] is the array to store user information that you have retrieved about user

$output=“
”$data['name']。“
”。$\u POST['input']。”
//$data[]是存储您检索到的有关用户的用户信息的数组

---

并将其作为对ajax成功的回应，添加到

ul#comments

您可以使用这种方法，我希望这将对您有所帮助：-

在文本区域或小提琴中的文本输入上方没有注释时，放置一个隐藏的块（

ul

）

<ul id="comments" style="display:none"></ul>

<lable>Add post </lable><br>
<textarea  id="cmntinput" rows="4" name="Addpost" cols="50" placeholder="Add post"> </textarea>
<input id="submitbtn" type="submit" value="share"> </input>

如果您想在新添加的注释中显示用户名、日期等，请使用php为您准备整个字符串

$output="<li id='cmnt'><ul><li id='name'>".$data['name']."<li id='content'>".$_POST['input']."</li></ul></li>


     //$data[] is the array to store user information that you have retrieved about user

$output=“
”$data['name']。“
”。$\u POST['input']。”
//$data[]是存储您检索到的有关用户的用户信息的数组

---

---

并将其作为ajax成功的回应，添加到

ul#comments

您对我们的期望？让我给您代码5分钟。@Karimkhan HorseSMith的意思是确保您使用或其他形式的防注射保护。PDO使用起来更好。

如何向下显示

从这个角度看，你的意思是它应该像聊天室一样，在最后一个页面的下方添加新的MSagesone@Karimkhan使用jquery。易于实现。我与你共享了一个代码。你对我们有什么期望？让我给你5分钟的代码。@Karimkhan HorseSMith的意思是什么确保使用或其他形式的防注射保护。PDO使用起来更好。

如何向下显示

从这个角度看，你的意思是它应该像聊天室一样，在最后一个页面的下方添加新的MSagesone@Karimkhan使用jquery。很容易实现。我和你共享了一个代码。非常感谢。让我来执行！请看我问题中的更新。我加了那部分。给出错误：

警告：第10行/opt/lampp/htdocs/cb/karim/ajax.php中的非法字符串偏移“name”警告：第10行/opt/lampp/htdocs/cb/karim/ajax.php中的非法字符串偏移“picture”

@karimkan您刚刚编写了查询，但没有运行查询。。那么你应该使用这些信息。@Karimkhan我已经编辑了你的问题和连接部分，看一看。。也请阅读本教程，您将更好地理解它@Karimkhan我们没有在ajax.php中添加注释，现在您应该对它做一些研究：）它非常简单。。想一想……非常感谢。让我来执行！请看我问题中的更新。我加了那部分。给出错误：

警告：第10行/opt/lampp/htdocs/cb/karim/ajax.php中的非法字符串偏移“name”警告：第10行/opt/lampp/htdocs/cb/karim/ajax.php中的非法字符串偏移“picture”

@karimkan您刚刚编写了查询，但没有运行查询。。那么你应该使用这些信息。@Karimkhan我已经编辑了你的问题和连接部分，看一看。。也请阅读本教程，你会更好地理解它。