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

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

news 2026/2/11 4:21:34

以下是一个简单的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许愿墙代码示例&#xff0c;包括前端和后端部分&#xff1a; 前端HTML代码&#xff08;index.html&#xff09;&#xff1a; <!DOCTYPE html> <html> <head><title>许愿墙</title> </head> <body><h1>许…...

编程日记 2023/11/30 17:28:18

PHP 刷新缓存区的问题！

PHP流式输出&#xff0c;在Nginx下可以正常刷新缓存区 &#xff0c; 但是在Apache下会等待循环全部执行完&#xff0c;才会刷新&#xff01;有怎么解决&#xff1f; header(X-Accel-Buffering: no); // Nginx情况下必须加这一行header(Content-type: text/event-stream);header…...

编程日记 2023/11/30 17:27:17

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

准备工作&#xff1a; android studio下载地址&#xff1a;https://developer.android.google.cn/studio/releases?hlzh-cn gradle下载地址&#xff1a;https://services.gradle.org/distributions/ 比较稳定的网络环境&#xff08;比较android studio相关的依赖需要从谷歌那边…...

编程日记 2023/11/30 17:26:16

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

目录 说明&#xff1a; 1. 参数模型&#xff08;全局字典&#xff09; 2. 实现过程&#xff08;C&#xff09; 创建功能包 参数命令行的使用 YAML参数文件 rosparam命令 使用示例 编程方法&#xff08;C&#xff09; 配置代码编译规则 编译并运行 编译 运行 3. 实…...

编程日记 2023/11/30 17:25:15

Webpack 懒加载

文章目录 前言懒加载示例后言 前言 hello world欢迎来到前端的新世界 &#x1f61c;当前文章系列专栏&#xff1a;webpack &#x1f431;‍&#x1f453;博主在前端领域还有很多知识和技术需要掌握&#xff0c;正在不断努力填补技术短板。(如果出现错误&#xff0c;感谢大家指出…...

编程日记 2023/11/30 17:23:13

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

正整数 n 代表生成括号的对数&#xff0c;请设计一个函数&#xff0c;用于能够生成所有可能的并且 有效的 括号组合。 示例 1&#xff1a; 输入&#xff1a;n 3 输出&#xff1a;["((()))","(()())","(())()","()(())","()()(…...

编程日记 2023/11/30 17:20:10

Rational Arithmetic

&#x1f4d1;打牌 &#xff1a; da pai ge的个人主页 &#x1f324;️个人专栏 &#xff1a; da pai ge的博客专栏 ☁️宝剑锋从磨砺出&#xff0c;梅花香自苦寒来 ☁️有理数运算 实现对两个有理数的…...

编程日记 2023/11/30 17:19:09

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

10月17日过后&#xff0c;估计很多人会看到类似的新闻&#xff0c;如图&#xff1a; 我看到这则新闻也是觉得非常感兴趣&#xff0c;于是本着“百闻不如一见”的实事求是的态度检索如何申请&#xff0c;没想到还真找到了ERNIE-Bot-4&#xff08;俗称&#xff1a;文心一言4.0&a…...

编程日记 2023/11/30 17:17:06

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

大家是不是都没听说过好价节&#xff1f;直截了当地说&#xff0c;这其实就是原先的双十二购物狂欢节&#xff0c;只不过给它起了个新名字。不过&#xff0c;今年毕竟是首次改名&#xff0c;因此淘宝年终好价节的各种优惠&#xff0c;仍然是我们值得期待的&#xff01;作为年前…...

编程日记 2023/11/30 17:15:04

webpack对项目进行优化

对项目进行优化是提高性能和效率的关键&#xff0c;以下是一些实用的Webpack优化技巧&#xff1a; 代码拆分&#xff08;Code Splitting&#xff09;&#xff1a;将代码拆分为多个小块&#xff0c;按需加载。通过配置splitChunks插件&#xff0c;可以将公共代码提取到单独的文件…...

编程日记 2023/11/30 17:14:03

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

下面是edge-tts的声音模型&#xff0c;zh-CN为中文语音模型 Name: af-ZA-AdriNeural Gender: Female Name: af-ZA-WillemNeural Gender: Male Name: am-ET-AmehaNeural Gender: Male Name: am-ET-MekdesNeural Gender: Female Name: ar-AE-FatimaNeural Gender: Female N…...

编程日记 2023/11/30 17:12:01

网络编程相关面试题

目录 1.请解释一下什么是TCP协议的三次握手&#xff1f;2.TCP协议使用什么机制确保数据包的顺序和完整性&#xff1f;3.什么是UDP协议&#xff1f;它与TCP协议有什么不同&#xff1f;4.请解释一下什么是IP地址&#xff1f;为什么需要它&#xff1f;5.请解释一下什么是端口&…...

编程日记 2023/11/30 17:11:00

TCP_NODELAY与TCP通信效率

最近做tcp通信速度测试&#xff1a;主要流程如下所示&#xff1a; //client: while() { send data... recv data... //阻塞 }//server: while() { recv data... send data... } 当每次send数据量较小时&#xff0c;速度极慢&#xff01;而send数据量较大时速度尚可。两者速度…...

编程日记 2023/11/30 17:09:59

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

本系列是zookeeper相关的实操课程&#xff0c;课程测试环环相扣&#xff0c;请按照顺序阅读测试来学习zookeeper。阅读本文之前&#xff0c;请先阅读----​​​​​​zookeeper 单机伪集群搭建简单记录&#xff08;实操课程系列&#xff09;。 阅读本文之前&#xff0c;请先阅读…...

编程日记 2023/11/30 17:07:57

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

在数字化革命的大潮中&#xff0c;工业4.0的到来标志着制造业将迎来全新的智能化时代。其中&#xff0c;图像识别技术作为一项核心技术&#xff0c;正引领着制造业实现了前所未有的智能生产。本文将深入探讨工业4.0时代下&#xff0c;图像识别是如何驱动制造业实现智能生产&…...

编程日记 2023/11/30 17:05:55

ROS vscode使用基本配置

1、创建ros工作空间 2、启动 vscode 3、vscode 中编译 ros ctrl shift B 调用编译&#xff0c;选择:catkin_make:build 修改.vscode/tasks.json 文件 4、 创建 ROS 功能包 选定 src ---> create catkin package 依次设置包名、添加依赖 5、C 实现 在功能包的 src 下…...

编程日记 2023/11/30 17:02:50

Android、ESP32、ESP8266的mqtt通信

Android activity_main <?xml version"1.0" encoding"utf-8"?> <LinearLayout xmlns:android"http://schemas.android.com/apk/res/android"xmlns:app"http://schemas.android.com/apk/res-auto"xmlns:tools"http:/…...

编程日记 2023/11/30 17:01:49

Hive安装与配置

你需要掌握&#xff1a; 1.Hive的基本安装&#xff1b; 2.Mysql的安装与设置&#xff1b; 3.Hive 的配置。 注意&#xff1a;Hive的安装与配置建立在Hadoop已安装配置好的情况下。 hadopp安装与配置 Hive 的基本安装 从 官网 下载Hive二进制包&#xff0c;下载好放在/op…...

编程日记 2023/11/30 17:00:48

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

setInterval定时器是基于当前页面的&#xff0c;如果切换到其他页面&#xff0c;定时器会被暂停。这是浏览器的一种优化措施&#xff0c;以减少不必要的性能消耗。 如果需要在切换页面后继续执行定时器&#xff0c;可以使用Web Worker&#xff0c;它是在后台运行的程序&#xf…...

编程日记 2023/11/30 16:59:47

基于Web邮箱的邮件系统

题目: 基于web的邮件收发系统设计与实现 摘 要 计算机的应用已经越来越广泛&#xff0c;它从产生到完善已经差不多有50年左右的历史&#xff0c;更新换代速度非常快&#xff0c;在人们生活、工作中都发挥了不可替代的作用&#xff0c;几乎所有行业都离不开它&#xff0c;已经成…...

编程日记 2023/11/30 16:58:46

业务系统对接大模型的基础方案：架构设计与关键步骤

业务系统对接大模型&#xff1a;架构设计与关键步骤 在当今数字化转型的浪潮中&#xff0c;大语言模型&#xff08;LLM&#xff09;已成为企业提升业务效率和创新能力的关键技术之一。将大模型集成到业务系统中&#xff0c;不仅可以优化用户体验&#xff0c;还能为业务决策提供…...

编程新知 2026/2/10 19:58:46

遍历 Map 类型集合的方法汇总

1 方法一 先用方法 keySet() 获取集合中的所有键。再通过 gey(key) 方法用对应键获取值 import java.util.HashMap; import java.util.Set;public class Test {public static void main(String[] args) {HashMap hashMap new HashMap();hashMap.put("语文",99);has…...

编程新知 2026/1/24 15:08:45

从深圳崛起的“机器之眼”：赴港乐动机器人的万亿赛道赶考路

进入2025年以来&#xff0c;尽管围绕人形机器人、具身智能等机器人赛道的质疑声不断&#xff0c;但全球市场热度依然高涨&#xff0c;入局者持续增加。 以国内市场为例&#xff0c;天眼查专业版数据显示&#xff0c;截至5月底&#xff0c;我国现存在业、存续状态的机器人相关企…...

编程新知 2026/2/8 7:23:45

多模态商品数据接口：融合图像、语音与文字的下一代商品详情体验

一、多模态商品数据接口的技术架构 &#xff08;一&#xff09;多模态数据融合引擎 跨模态语义对齐 通过Transformer架构实现图像、语音、文字的语义关联。例如&#xff0c;当用户上传一张“蓝色连衣裙”的图片时&#xff0c;接口可自动提取图像中的颜色&#xff08;RGB值&…...

编程新知 2025/7/23 3:55:49

Frozen-Flask ：将 Flask 应用“冻结”为静态文件

Frozen-Flask 是一个用于将 Flask 应用“冻结”为静态文件的 Python 扩展。它的核心用途是&#xff1a;将一个 Flask Web 应用生成成纯静态 HTML 文件&#xff0c;从而可以部署到静态网站托管服务上&#xff0c;如 GitHub Pages、Netlify 或任何支持静态文件的网站服务器。 &am…...

编程新知 2025/12/5 20:57:13

如何将联系人从 iPhone 转移到 Android

从 iPhone 换到 Android 手机时&#xff0c;你可能需要保留重要的数据&#xff0c;例如通讯录。好在&#xff0c;将通讯录从 iPhone 转移到 Android 手机非常简单&#xff0c;你可以从本文中学习 6 种可靠的方法&#xff0c;确保随时保持连接&#xff0c;不错过任何信息。 第 1…...

编程新知 2026/1/31 5:09:27

DIY｜Mac 搭建 ESP-IDF 开发环境及编译小智 AI

前一阵子在百度 AI 开发者大会上&#xff0c;看到基于小智 AI DIY 玩具的演示&#xff0c;感觉有点意思&#xff0c;想着自己也来试试。 如果只是想烧录现成的固件&#xff0c;乐鑫官方除了提供了 Windows 版本的 Flash 下载工具 之外&#xff0c;还提供了基于网页版的 ESP LA…...

编程新知 2026/2/3 8:13:35

Module Federation 和 Native Federation 的比较

前言 Module Federation 是 Webpack 5 引入的微前端架构方案&#xff0c;允许不同独立构建的应用在运行时动态共享模块。 Native Federation 是 Angular 官方基于 Module Federation 理念实现的专为 Angular 优化的微前端方案。 概念解析 Module Federation (模块联邦) Modul…...

编程新知 2026/1/31 13:48:37

Hive 存储格式深度解析：从 TextFile 到 ORC，如何选对数据存储方案？

在大数据处理领域&#xff0c;Hive 作为 Hadoop 生态中重要的数据仓库工具&#xff0c;其存储格式的选择直接影响数据存储成本、查询效率和计算资源消耗。面对 TextFile、SequenceFile、Parquet、RCFile、ORC 等多种存储格式&#xff0c;很多开发者常常陷入选择困境。本文将从底…...

编程新知 2025/12/6 10:54:35

华为OD机考-机房布局

import java.util.*;public class DemoTest5 {public static void main(String[] args) {Scanner in new Scanner(System.in);// 注意 hasNext 和 hasNextLine 的区别while (in.hasNextLine()) { // 注意 while 处理多个 caseSystem.out.println(solve(in.nextLine()));}}priv…...

编程新知 2026/1/31 6:01:08