php代码|做一个简单的存储和读取（php存储数据）

1图片样式

<!-- 前端内容开始 -->
<p>
<li class="list-group-item"><span class="btn btn-danger btn-xs">
和  平  精  英 直 装：</span> <b id="tuijian-1"></b></li>
<li class="list-group-item"><span class="btn btn-success btn-xs">
王  者  荣  耀 直 装：</span> <b id="tuijian-2"></b></li>
<li class="list-group-item"><span class="btn btn-info btn-xs">
暗  区  突  围 直 装：</span> <b id="tuijian-3"></b></li>
<li class="list-group-item"><span class="btn btn-warning btn-xs">
刺 激 战 场 直 装：</span> <b id="tuijian-4"></b></li>
<li class="list-group-item"><span class="btn btn-warning btn-xs">
C M F 直 装：</span> <b id="tuijian-5"></b></li>
<li class="list-group-item"><span class="btn btn-danger btn-xs">
和  平  精  英 root：</span> <b id="tuijian-6"></b></li>
<li class="list-group-item"><span class="btn btn-success btn-xs">
王  者  荣  耀 root：</span> <b id="tuijian-7"></b></li>
<li class="list-group-item"><span class="btn btn-info btn-xs">
暗  区  突  围 root：</span> <b id="tuijian-8"></b></li>
<li class="list-group-item"><span class="btn btn-warning btn-xs">
和  平  精  英 端 口：</span> <b id="tuijian-9"></b></li>
<li class="list-group-item"><span class="btn btn-danger btn-xs">
和  平  精  英 苹 果：</span> <b id="tuijian-10"></b></li>
</p>
<script>
  var fileURLs = [
    "tuijian/tuijian-1.txt",
    "tuijian/tuijian-2.txt",
    "tuijian/tuijian-3.txt",
    "tuijian/tuijian-4.txt",
    "tuijian/tuijian-5.txt",
    "tuijian/tuijian-6.txt",
    "tuijian/tuijian-7.txt",
    "tuijian/tuijian-8.txt",
    "tuijian/tuijian-9.txt",
    "tuijian/tuijian-10.txt"
    
  ];

  var containers = document.querySelectorAll("[id^='tuijian-']");

  fileURLs.forEach(function(fileURL, index) {
    fetch(fileURL)
      .then(response => response.text())
      .then(content => {
        containers[index].innerText = content;
      })
      .catch(error => console.log("无法获取文件内容:", error));
  });
</script>
<!-- 前端内容结束 -->

<!-- 后端内容开始 -->
 <?php
$recommendations = [
    "和平精英直装：",
    "王者荣耀直装：",
    "暗区突围直装：",
    "刺激战场直装：",
    "C●M●F .直装：",
    "和平精英root：",
    "王者荣耀root：",
    "暗区突围root：",
    "和平精英端口：",
    "和平精英苹果："
    
];

for ($i = 1; $i <= 10; $i++) {
    ?>
    <form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
        <label for="tuijian-<?php echo $i; ?>"><?php echo $recommendations[$i-1]; ?></label>
        <input type="text" name="tuijian_<?php echo $i; ?>" id="tuijian-<?php echo $i; ?>" required>
        <input type="submit" name="submit_<?php echo $i; ?>" value="提交-<?php echo $i; ?>">
    </form>
    <?php
    // 检测是否有对应的提交按钮被点击
    if (isset($_POST["submit_{$i}"])) {
        $folderName = 'tuijian';
        $fileName = 'tuijian-' . $i . '.txt';
        $filePath = $folderName . '/' . $fileName;
        $content = $_POST["tuijian_{$i}"];

        // 只有在内容发生改变时才写入文件
        if (!empty($content)) {
            if (!file_exists($folderName)) {
                mkdir($folderName, 0777, true);  // 创建 tuijian 文件夹
            }
            file_put_contents($filePath, $content);
            echo "已成功写入 {$filePath}";
        } else {
            echo "未提供新内容，{$filePath} 文件未更新";
        }
    }
}
?>
<!-- 后端内容结束 -->