当前位置：首页 > news >正文

php许愿墙代码包括前端和后端部分

news 2026/4/4 4:06:42

以下是一个简单的PHP许愿墙代码示例，包括前端和后端部分：

前端HTML代码（index.html）：

<!DOCTYPE html>
<html>
<head><title>许愿墙</title>
</head>
<body><h1>许愿墙</h1><form action="wishwall.php" method="post"><label for="name">姓名：</label><input type="text" id="name" name="name" required><br><br><label for="wish">愿望：</label><br><textarea id="wish" name="wish" rows="4" cols="50" required></textarea><br><br><input type="submit" value="提交"></form>
</body>
</html>

后端PHP代码（wishwall.php）：

<?php
// 获取提交的表单数据
$name = $_POST['name'];
$wish = $_POST['wish'];// 将愿望添加到文本文件中
$file = 'wishes.txt';
$currentDate = date('Y-m-d');
$newWish = "$name - $currentDate\n\n$wish\n\n";
file_put_contents($file, $newWish, FILE_APPEND);// 重定向到许愿墙页面
header('Location: index.html');
exit();
?>

以上代码实现了一个简单的许愿墙功能。用户在前端页面填写姓名和愿望，点击提交后，后端PHP代码会将愿望以文本形式追加到一个名为 "wishes.txt" 的文件中，并在页面上重定向到许愿墙页面。你可以根据需要自行调整代码，例如添加数据库存储、显示已提交的愿望等。

以下是添加数据库存储的PHP许愿墙代码示例：

前端HTML代码（index.html）：

<!DOCTYPE html>
<html>
<head><title>许愿墙</title>
</head>
<body><h1>许愿墙</h1><form action="wishwall.php" method="post"><label for="name">姓名：</label><input type="text" id="name" name="name" required><br><br><label for="wish">愿望：</label><br><textarea id="wish" name="wish" rows="4" cols="50" required></textarea><br><br><input type="submit" value="提交"></form>
</body>
</html>

后端PHP代码（wishwall.php）：

<?php
// 获取提交的表单数据
$name = $_POST['name'];
$wish = $_POST['wish'];// 将愿望添加到数据库中
$servername = "localhost";
$username = "your_username";
$password = "your_password";
$dbname = "your_database";// 创建数据库连接
$conn = new mysqli($servername, $username, $password, $dbname);// 检查连接是否成功
if ($conn->connect_error) {die("连接失败: " . $conn->connect_error);
}// 插入愿望数据
$sql = "INSERT INTO wishes (name, wish) VALUES ('$name', '$wish')";
if ($conn->query($sql) === TRUE) {echo "愿望添加成功";
} else {echo "添加失败: " . $conn->error;
}// 关闭数据库连接
$conn->close();// 重定向到许愿墙页面
header('Location: index.html');
exit();
?>

上述代码中，我们添加了创建数据库连接和将愿望插入到数据库中的代码。你需要将 $servername、$username、$password 和 $dbname 替换为你自己的数据库连接信息。同时，你需要在数据库中创建一个名为 wishes 的表，其中包含 name 和 wish 两个字段，以存储愿望信息。

当然，以下是一个简单的PHP代码示例，用于从数据库中检索并显示已提交的愿望：

后端PHP代码（wishwall.php）：

<?php
// 获取提交的表单数据
$name = $_POST['name'];
$wish = $_POST['wish'];// 将愿望添加到数据库中
$servername = "localhost";
$username = "your_username";
$password = "your_password";
$dbname = "your_database";// 创建数据库连接
$conn = new mysqli($servername, $username, $password, $dbname);// 检查连接是否成功
if ($conn->connect_error) {die("连接失败: " . $conn->connect_error);
}// 插入愿望数据
$sql = "INSERT INTO wishes (name, wish) VALUES ('$name', '$wish')";
if ($conn->query($sql) === TRUE) {echo "愿望添加成功";
} else {echo "添加失败: " . $conn->error;
}// 关闭数据库连接
$conn->close();// 从数据库中检索愿望并显示在页面上
$sql = "SELECT * FROM wishes";
$result = $conn->query($sql);
if ($result->num_rows > 0) {echo "<h2>已提交的愿望</h2>";echo "<ul>";while ($row = $result->fetch_assoc()) {echo "<li>";echo $row['name'] . " - " . $row['wish'];echo "</li>";}echo "</ul>";
} else {echo "暂无愿望";
}// 重定向到许愿墙页面或显示其他页面，根据你的需求进行修改。
header('Location: index.html'); // 可以修改为其他页面，如 'index2.html'
exit();
?>

在这个代码示例中，我们使用了一个简单的 <ul> 列表来显示已提交的愿望。你可以根据需要自定义显示的样式和内容。记得将 $servername、$username、$password 和 $dbname 替换为你自己的数据库连接信息，并确保数据库中已经创建了相应的 wishes 表。

php许愿墙代码包括前端和后端部分

相关文章：

php许愿墙代码包括前端和后端部分

PHP 刷新缓存区的问题！

Android Studio Giraffe-2022.3.1-Patch-3安装注意事项

【古月居《ros入门21讲》学习笔记】14_参数的使用与编程方法

Webpack 懒加载

深度遍历DFS（括号生成，二叉树所有路径）

Rational Arithmetic

文心一言4.0（ERNIE-Bot-4）申请方法及简单调用代码示例

年终好价节买什么好？这些数码好物闭眼入

webpack对项目进行优化

Python edge-tts库全部声音模型一览表

网络编程相关面试题

TCP_NODELAY与TCP通信效率

ZooKeeper的分布式锁---客户端命令行测试（实操课程）

工业4.0时代：图像识别驱动制造业智能生产的未来

ROS vscode使用基本配置

Android、ESP32、ESP8266的mqtt通信

Hive安装与配置

vuejs: 解决浏览器切换页面后setInterval计时器停止执行的问题

基于Web邮箱的邮件系统

大数据可视化

客户和采购都在用豆包、deepseek查资料，怎么才能让这些国内头部大模型在回答时优先推荐公司的产品？

【数据结构】线索二叉树之中序遍历线索化详解与实现

DuinoMemory：面向Arduino的轻量级嵌入式智能指针库

驾校招生断崖式下跌？这3个数据驱动的获客策略，让报名量翻倍

【AI工具】openclaw+离线模型

破解厂区防控难题：远程控制联网报警器的技术优势与应用实践

为什么你的Python AOT项目预算超支300%？2026成本控制策略失效的4个关键信号（附审计检查表）

Shell脚本进程锁机制解析

保姆级教程：在Linux上用Flume 1.7.0 + Spark 2.4.7搭建实时日志流处理管道