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

这篇具有很好参考价值的文章主要介绍了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 表。文章来源地址https://www.toymoban.com/news/detail-768091.html

到了这里,关于php许愿墙代码包括前端和后端部分的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 前端和后端交互方式

    前端和后端交互一般通过HTTP请求和响应来进行。前端通过浏览器向后端发送请求,后端收到请求后进行处理并返回响应,前端接收响应后进行相应的处理。具体的交互方式如下: AJAX:前端通过JavaScript发起异步请求,向后端发送数据并接收响应,然后在页面上动态更新数据。

    2024年01月21日
    浏览(29)
  • 前端分页和后端分页

    分页可以在前端或后端进行,具体取决于项目的需求和实现方式。以下是前端分页和后端分页的一些特点和适用场景: 前端分页 : 特点 :前端分页是指在前端(浏览器端)对数据进行分页处理,即一次性获取所有数据,然后在前端进行分页展示和切换。 优点 :减轻了服务

    2024年04月10日
    浏览(64)
  • 前端和后端分别是什么?

      从技术工具来看: 前端:常见的 html5、JavaScript、jQuery... 后端:spring、tomcet、JVM,MySQL... 毕竟,如果这个问题问一个老后端,他掰掰手指可以给你罗列出一堆的名词来,比如设计模式、数据库优化、框架、JVM、网络编程...... 从简单描述来看: 前端:入门简单,先易后难,

    2024年02月09日
    浏览(35)
  • 前端和后端交互数据类型转换

    页面是男/女 后端pojo类以及数据库中是Integer 0/1  怎么样很方便地转化? ----枚举转化-- 在web开发中有时会使用枚举作为参数,而前端在调接口时就会出现传错或者传空导致后端拿不到枚举类型。在这里就使用反序列化@JsonDeserialize 这里是对枚举进行反序列化,所以首先编写一个

    2024年03月26日
    浏览(40)
  • 前端和后端解决跨域问题的方法

    目前很多java web开发都是采用前后端分离框架进行开发,相比于单体项目容易产生跨域问题。  后端接收到请求并返回结果了,浏览器把这个响应拦截了。 浏览器 基于同源策略,如果请求的网页和当前的服务 不是同源的 ,并且发送的是 XHR (XMLHttpRequest)请求,就会产生跨域

    2024年04月26日
    浏览(28)
  • IC设计的前端和后端是如何区分的?

    **1、IC前端:**根据芯片规格书完成SOC的设计和集成, 使用仿真验证工具完成SOC的设计验证。 **2、IC后端:**将前端设计产生的门级网表通过EDA设计工具进行布局布线和进行物理验证并最终产生供制造用的GDSII数据 **1、IC前端:**熟悉处理器/DMA/AXI/AHB总线。 **2、IC后端:**芯片物

    2024年01月24日
    浏览(33)
  • uniapp 小程序实现微信授权登录(前端和后端)

    1.主要流程:先通过 uni.getUserProfile授权获取用户名称和头像等信息 在调用 uni.login 获取微信登录需要的临时code 2. 前端代码: 1.主要流程:在前端调用接口成功的将临时code 传递给后端时 ,后端通过调用微信的第三方接口拿到 openid, session_key 这两个参数,查询数据库是否有

    2024年02月16日
    浏览(28)
  • 前端和后端之间的CORS 跨域和解决办法

            跨源资源共享 (CORS,或通俗地译为跨域资源共享)是一种基于 HTTP 头的机制,该机制通过允许服务器标示除了它自己以外的其他源(域、协议或端口),使得浏览器允许这些源访问加载自己的资源。跨源资源共享还通过一种机制来检查服务器是否会允许要发送

    2024年01月23日
    浏览(43)
  • 前端uni微信小程序和后端nodejs使用websoket

    需求 前端向后台服务器发请求获取验证码,然后端游输入验证码,向我的后端发请求获取验证信息。后台给游戏端返回信息的时候同时给微信小程序端返回验证结果。意思是不要微信小程序端主动触发,验证是否绑定的请求。 思路 后端生成验证码时存入用户的唯一Id和ip,前

    2024年02月03日
    浏览(36)
  • 史上最全的前端axios和后端跨域配置处理-许锅锅啊

    本小节内容需要对vue前端框架以及对后端的基础框架所有掌握哦!前后端项目分离中经常会涉及到请求跨域的问题,今天让我们一起来掌握它吧!!! 安装axios【https://www.axios-http.cn/】 封装一个基本的请求js 创建remote.ts或者其他文件名 使用 Vite 解决跨域问题 Access-Control-Allo

    2024年01月19日
    浏览(40)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包