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

以下是一个简单的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 的表,其中包含 namewish 两个字段,以存储愿望信息。

当然,以下是一个简单的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 表。

相关推荐
264玫瑰资源库10 分钟前
问道数码兽 怀旧剧情回合手游源码搭建教程(反查重优化版)
java·开发语言·前端·游戏
喝拿铁写前端21 分钟前
从圣经Babel到现代编译器:没开玩笑,普通程序员也能写出自己的编译器!
前端·架构·前端框架
HED27 分钟前
VUE项目发版后用户访问的仍然是旧页面?原因和解决方案都在这啦!
前端·vue.js
普if加的帕35 分钟前
java Springboot使用扣子Coze实现实时音频对话智能客服
java·开发语言·人工智能·spring boot·实时音视频·智能客服
拉不动的猪1 小时前
前端自做埋点,我们应该要注意的几个问题
前端·javascript·面试
王景程1 小时前
如何测试短信接口
java·服务器·前端
安冬的码畜日常1 小时前
【AI 加持下的 Python 编程实战 2_10】DIY 拓展:从扫雷小游戏开发再探问题分解与 AI 代码调试能力(中)
开发语言·前端·人工智能·ai·扫雷游戏·ai辅助编程·辅助编程
小杨升级打怪中1 小时前
前端面经-JS篇(三)--事件、性能优化、防抖与节流
前端·javascript·xss
清风细雨_林木木2 小时前
Vue开发网站会有“#”原因是前端路由使用了 Hash 模式
前端·vue.js·哈希算法
朝阳5812 小时前
Rust项目GPG签名配置指南
开发语言·后端·rust