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

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

news 2025/11/7 11:48:24

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

KubeSphere 容器平台高可用：环境搭建与可视化操作指南

Linux_k8s篇 欢迎来到Linux的世界&#xff0c;看笔记好好学多敲多打&#xff0c;每个人都是大神&#xff01; 题目&#xff1a;KubeSphere 容器平台高可用&#xff1a;环境搭建与可视化操作指南 版本号: 1.0,0 作者: 老王要学习 日期: 2025.06.05 适用环境: Ubuntu22 文档说…...

编程新知 2025/11/6 12:49:32

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/10/6 14:17:21

在HarmonyOS ArkTS ArkUI-X 5.0及以上版本中，手势开发全攻略：

在 HarmonyOS 应用开发中&#xff0c;手势交互是连接用户与设备的核心纽带。ArkTS 框架提供了丰富的手势处理能力&#xff0c;既支持点击、长按、拖拽等基础单一手势的精细控制&#xff0c;也能通过多种绑定策略解决父子组件的手势竞争问题。本文将结合官方开发文档&#xff0c…...

编程新知 2025/9/19 4:31:58

PPT|230页| 制造集团企业供应链端到端的数字化解决方案：从需求到结算的全链路业务闭环构建

制造业采购供应链管理是企业运营的核心环节&#xff0c;供应链协同管理在供应链上下游企业之间建立紧密的合作关系&#xff0c;通过信息共享、资源整合、业务协同等方式&#xff0c;实现供应链的全面管理和优化&#xff0c;提高供应链的效率和透明度&#xff0c;降低供应链的成…...

编程新知 2025/11/6 7:05:17

【大模型RAG】Docker 一键部署 Milvus 完整攻略

本文概要 Milvus 2.5 Stand-alone 版可通过 Docker 在几分钟内完成安装&#xff1b;只需暴露 19530&#xff08;gRPC&#xff09;与 9091&#xff08;HTTP/WebUI&#xff09;两个端口&#xff0c;即可让本地电脑通过 PyMilvus 或浏览器访问远程 Linux 服务器上的 Milvus。下面…...

编程新知 2025/11/3 20:05:00

镜像里切换为普通用户

如果你登录远程虚拟机默认就是 root 用户&#xff0c;但你不希望用 root 权限运行 ns-3&#xff08;这是对的&#xff0c;ns3 工具会拒绝 root&#xff09;&#xff0c;你可以按以下方法创建一个 非 root 用户账号 并切换到它运行 ns-3。 一次性解决方案&#xff1a;创建非 roo…...

编程新知 2025/9/11 11:00:29

【2025年】解决Burpsuite抓不到https包的问题

环境&#xff1a;windows11 burpsuite:2025.5 在抓取https网站时&#xff0c;burpsuite抓取不到https数据包&#xff0c;只显示&#xff1a; 解决该问题只需如下三个步骤&#xff1a; 1、浏览器中访问 http://burp 2、下载 CA certificate 证书 3、在设置--隐私与安全--…...

编程新知 2025/11/3 3:53:34

【android bluetooth 框架分析 04】【bt-framework 层详解 1】【BluetoothProperties介绍】

1. BluetoothProperties介绍 libsysprop/srcs/android/sysprop/BluetoothProperties.sysprop BluetoothProperties.sysprop 是 Android AOSP 中的一种 系统属性定义文件&#xff08;System Property Definition File&#xff09;&#xff0c;用于声明和管理 Bluetooth 模块相…...

编程新知 2025/10/30 4:02:31

pikachu靶场通关笔记22-1 SQL注入05-1-insert注入(报错法)

目录 一、SQL注入 二、insert注入 三、报错型注入 四、updatexml函数 五、源码审计 六、insert渗透实战 1、渗透准备 2、获取数据库名database 3、获取表名table 4、获取列名column 5、获取字段 本系列为通过《pikachu靶场通关笔记》的SQL注入关卡(共10关&#xff0…...

编程新知 2025/11/1 2:18:30

C# 求圆面积的程序（Program to find area of a circle）

给定半径r&#xff0c;求圆的面积。圆的面积应精确到小数点后5位。 例子&#xff1a; 输入&#xff1a;r 5 输出&#xff1a;78.53982 解释&#xff1a;由于面积 PI * r * r 3.14159265358979323846 * 5 * 5 78.53982&#xff0c;因为我们只保留小数点后 5 位数字。 输…...

编程新知 2025/11/2 23:49:54