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

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

news 2025/9/2 11:28:46

以下是一个简单的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

CVPR 2025 MIMO: 支持视觉指代和像素grounding 的医学视觉语言模型

CVPR 2025 | MIMO&#xff1a;支持视觉指代和像素对齐的医学视觉语言模型 论文信息 标题&#xff1a;MIMO: A medical vision language model with visual referring multimodal input and pixel grounding multimodal output作者&#xff1a;Yanyuan Chen, Dexuan Xu, Yu Hu…...

编程新知 2025/8/12 1:14:57

基于FPGA的PID算法学习———实现PID比例控制算法

基于FPGA的PID算法学习 前言一、PID算法分析二、PID仿真分析1. PID代码2.PI代码3.P代码4.顶层5.测试文件6.仿真波形 总结 前言 学习内容&#xff1a;参考网站&#xff1a; PID算法控制 PID即&#xff1a;Proportional&#xff08;比例&#xff09;、Integral&#xff08;积分&…...

编程新知 2025/8/5 7:03:44

逻辑回归：给不确定性划界的分类大师

想象你是一名医生。面对患者的检查报告&#xff08;肿瘤大小、血液指标&#xff09;&#xff0c;你需要做出一个**决定性判断**&#xff1a;恶性还是良性&#xff1f;这种“非黑即白”的抉择&#xff0c;正是**逻辑回归&#xff08;Logistic Regression&#xff09;** 的战场&a…...

编程新知 2025/8/18 10:21:48

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

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

编程新知 2025/8/27 7:01:39

什么是Ansible Jinja2

理解 Ansible Jinja2 模板 Ansible 是一款功能强大的开源自动化工具&#xff0c;可让您无缝地管理和配置系统。Ansible 的一大亮点是它使用 Jinja2 模板&#xff0c;允许您根据变量数据动态生成文件、配置设置和脚本。本文将向您介绍 Ansible 中的 Jinja2 模板&#xff0c;并通…...

编程新知 2025/8/24 10:37:32

使用LangGraph和LangSmith构建多智能体人工智能系统

现在&#xff0c;通过组合几个较小的子智能体来创建一个强大的人工智能智能体正成为一种趋势。但这也带来了一些挑战&#xff0c;比如减少幻觉、管理对话流程、在测试期间留意智能体的工作方式、允许人工介入以及评估其性能。你需要进行大量的反复试验。 在这篇博客〔原作者&a…...

编程新知 2025/8/29 21:33:12

uniapp 开发ios， xcode 提交app store connect 和 testflight内测

uniapp 中配置 配置manifest 文档&#xff1a;manifest.json 应用配置 | uni-app官网 hbuilderx中本地打包 下载IOS最新SDK 开发环境 | uni小程序SDK hbulderx 版本号&#xff1a;4.66 对应的sdk版本 4.66 两者必须一致 本地打包的资源导入到SDK 导入资源 | uni小程序SDK …...

编程新知 2025/8/31 21:41:47

NPOI操作EXCEL文件 ——CAD C# 二次开发

缺点:dll.版本容易加载错误。CAD加载插件时&#xff0c;没有加载所有类库。插件运行过程中用到某个类库&#xff0c;会从CAD的安装目录找&#xff0c;找不到就报错了。 【方案2】让CAD在加载过程中把类库加载到内存 【方案3】是发现缺少了哪个库&#xff0c;就用插件程序加载进…...

编程新知 2025/7/8 18:12:44

【Linux系统】Linux环境变量：系统配置的隐形指挥官

。# Linux系列 文章目录 前言一、环境变量的概念二、常见的环境变量三、环境变量特点及其相关指令3.1 环境变量的全局性3.2、环境变量的生命周期 四、环境变量的组织方式五、C语言对环境变量的操作5.1 设置环境变量&#xff1a;setenv5.2 删除环境变量:unsetenv5.3 遍历所有环境…...

编程新知 2025/8/22 5:07:21

如何应对敏捷转型中的团队阻力

应对敏捷转型中的团队阻力需要明确沟通敏捷转型目的、提升团队参与感、提供充分的培训与支持、逐步推进敏捷实践、建立清晰的奖励和反馈机制。其中&#xff0c;明确沟通敏捷转型目的尤为关键&#xff0c;团队成员只有清晰理解转型背后的原因和利益&#xff0c;才能降低对变化的…...

编程新知 2025/8/22 5:19:50