javascript - 段落内的 PHP Echo 不适用于所有记录

Question

我有一个简单的表格，像这样；

<div class="formholder">
        <form action="column1.php" method="post">
        <input type="text" placeholder="URL:" name="url" required=""><br>
        <input type="text" placeholder="Job Title:" name="title" required=""><br>
        <input type="text" placeholder="Job Site & Additional Details" name="details"><br>
        <br>
        <input type="submit"><br>
        </form>
        </div>

然后该表单由包含以下 PHP 的 column1.php 处理；

<?php
$url = $_POST["url"];
$title = $_POST["title"];
$details = $_POST ["details"];
$timestamp =date('l jS \of F Y h:i:s A');
$text = "<a href='{$url}'>{$title}</a><br><br> ".($details)." <br> At: {$timestamp} <br><br><hr><br> \n";
$file = fopen("./data/column1.html","a+ \n");
 fwrite($file, $text);
 fclose($file);
?>

然后在页面上我要展示我用这个的提交；

 <p class="linktext"><?php echo file_get_contents("./data/column1.html"); ?></p>

我的 linktext 类的 CSS 是这样的；

.linktext {
    font-family: 'Roboto', serif;
    font-size: 1vw;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #FFFFFF;
    padding-left: 2vh;
    padding-right: 2vh;
    padding-bottom: 0.5vh;
    line-height: 1em;
}

@media only screen and (max-width: 500px) {
.linktext {
    font-family: 'Roboto', serif;
    font-size: 4vw;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #FFFFFF;
    padding-left: 1vh;
    padding-right: 1vh;
    padding-bottom: 0.5vh;
    line-height: 1em;
}
}

由于某些原因，第一个结果的回显效果很好，但是一旦发送了第二个提交，它就不会正确显示。

两次提交后包含响应的文件如下所示；

<a href='URL'>Job Title 1</a><br><br> Job Details <br> At: Thursday 30th of May 2019 10:33:47 PM <br><br><hr><br> 
<a href='URL'>Job Title 2</a><br><br> Job Details <br> At: Thursday 30th of May 2019 10:34:00 PM <br><br><hr><br> 

但是显示这个；

我不知道为什么这决定在其他地方不起作用，使用相同类型的表单，样式工作得很好。

任何帮助将不胜感激，因为我被卡住了。

Answer 1

此代码部分的一些注释:

$file = fopen("./data/column1.html","a+ \n");
fwrite($file, $text);
fclose($file);

属性 "a+\n" 无效。请改用 "a+"。在这里你只写。所以 "a" 是完美的。

你没有像这样的任何错误管理

$file = fopen("./data/column1.html","a");
if (!$file)
{
    // error handling
}
else
{
    fwrite($file,$text);
    fclose($file);
}

如果使用 file_put_contents() 代码会变得更短:

if ( file_put_contents( "./data/column1.html", $text, FILE_APPEND ) === false )
{
    // error handling
}