PHP毕业设计——许愿墙（有源码）

最新推荐文章于 2024-03-04 09:02:58 发布
最新推荐文章于 2024-03-04 09:02:58 发布
阅读量1.1w 收藏 172
点赞数 19
分类专栏： # 实战 文章标签： html php 毕业设计
感谢阅读到这里的你，总结会有不足之处，欢迎评论留言，讨论交流~
本文链接：https://blog.csdn.net/jankin6/article/details/114495007
版权

许愿

在这里插入图片描述

许愿成功

在这里插入图片描述

项目结构

│  add.php 
│  connect.php
│  delete.php
│  index.php
│  README.md
│  wish.php
│  wish.sql
├─Css 
├─Images
└─Js

添加记录

<?php
include_once("./connect.php");

//验证码后台校验
$code=$_POST["code"];
$recode=$_POST["recode"];

if ($code!=$recode) {
	  echo"<script>alert('验证码错误');history.go(-1);</script>";  
}
//获取必要的数据库文件
$name=$_POST["name"];
$name=htmlspecialchars($name);
$time=time();
$color=$_POST['idvalue'];
$content=$_POST["content"];
$content=htmlspecialchars($content);


//进行数据的插入
$sql = "INSERT INTO wall(name, time, color,content) VALUES ('".$name."',$time,'".$color."','".$content."')";
$result = mysqli_query($conn,$sql);

//echo mysqli_error($conn);

if ($result) {
	echo "Success";

	header("Location: ./index.php"); 


}


?>

连接数据库

<?php

//1、连接数据库
// $link = @mysql_connect('localhost','root','') or die('数据库连接失败！');
// //2、选择数据库
// mysql_select_db('wish') or die('选择的数据库不存在！');
// //3、设置字符集
// mysql_set_charset('utf8');
$conn = mysqli_connect('localhost','root','root','wall');
mysqli_query($conn,'set names utf8');

删除数据

<?php
include_once("./connect.php");

$id=$_GET['id'];

$sql = "DELETE FROM wall where id=$id";

$result = mysqli_query($conn,$sql);

if ($result) {
	echo "Success";

	header("Location: ./index.php"); 

}

?>

读取数据


<?php
include_once("./connect.php");
//获取所有数据
$sql = 'SELECT * FROM wall';
$result = mysqli_query($conn,$sql);
$data = mysqli_fetch_all($result,MYSQLI_ASSOC);




?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>许愿墙</title>
	<link rel="stylesheet" href="./Css/index.css" />
	<script type="text/javascript" src='./Js/jquery-1.7.2.min.js'></script>
	<script type="text/javascript" src='./Js/index.js'></script>
</head>
<body>
	<div id='top'>
		<span id='send'></span>
	</div>
	<div id='main'>
	<?php foreach ($data as $v) { ?>
		<dl class='paper <?php echo $v['color']?>'>
			<dt>
				<span class='username'>	<?php echo $v['name']?>;</span>
				<span class='num'>No.	<?php echo $v['id']?></span>
			</dt>
			<dd class='content'>	<?php echo $v['content']?></dd>
			<dd class='bottom'>
				<span class='time'>	<?php $date=date('Y-m-d H:i:s',$v['time']);  echo $date?></span>
				<a href="./delete.php?id=<?php echo $v['id'] ?>" class='close'></a>
			</dd>
		</dl>
		<?php } ?>






		
	
	</div>
	
<!--[if IE 6]>
    <script type="text/javascript" src="./Js/iepng.js"></script>
    <script type="text/javascript">
        DD_belatedPNG.fix('#send,#close,.close','background');
    </script>
<![endif]-->
</body>
</html>

添加数据页面

<?php
include_once("./connect.php");

$sql = 'SELECT id FROM wall order by id desc limit 1';

$result = mysqli_query($conn,$sql);

//获得数据目录条数

$num = mysqli_fetch_all($result,MYSQLI_ASSOC);


$id = array_column($num, 'id');

$n=$id['0']+1;

echo "$n";
?>


<!DOCTYPE  >
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>许愿墙</title>
	<link rel="stylesheet" href="./Css/index.css" />
	<script type="text/javascript" src='./Js/jquery-1.7.2.min.js'></script>
	<script type="text/javascript" src='./Js/index.js'></script>
	<style type="text/css">
		#content {
			width: 638px;
			height:650px;
			margin:0 auto;
			margin-top:100px;
			/*background-color:#F0FAFF;
			border:2px solid #C9F;*/
		}
		#content .c-top{
			width: 638px;
			height: 80px;
			background: url(./Images/content_top.jpg) no-repeat;
		}
		#content .c-bottom{
			width: 638px;
			height: 50px;
			background: url(./Images/content_bottom.jpg) no-repeat;
		}
		.c-content{
			width: 638px;
			height: 470px;
			background: url(./Images/content_bg.jpg) repeat;
		}
		.papercolor{
			width:588px;
			height: 60px;
			margin-left: 35px;
			padding-top:15px;
		}
		.p-left{
			float: left;
			width: 120px;
			line-height: 27px;
		}
		.p-right{
			float: left;			
		}
		.color330{
			float: left;
			margin-left: 20px;
			border-right: #404040 1px solid; 
			border-top: #404040 1px solid;  
			border-left:#404040 1px solid;
			width: 25px;
			cursor: pointer;
			border-bottom: #404040 1px solid;
			height: 25px;
		}
		.papercontent{
			width: 588px;
			height: 210px;
			margin-left: 35px;
		}
		.left{
			width: 294px;
			height:100px;
			float: left;
		}
		.right{
			width: 294px;
			height:100px;
			float: left;
		}
		.left-top{
			margin-bottom: 10px;
		}
		.left-bottom{

		}
		.right-top{
			margin-bottom: 10px;
		}
		.right-bottom{
			width:200px;
			height:150px;
			border: 1px solid orange;
			margin-left:20px;
			background-color:#E8DEFF;
		}
		.name{
			clear: both;
			width: 588px;
			height: 50px;
			margin-left: 35px;
			margin-top:10px;
		}
		.name-left{
			width:60px;
			height: 26px;
			line-height: 26px;
			float: left;
		}
		.name-right{
			float: left;
		}
		.name-right input{
			width: 200px;
			height: 26px;
		}
		.code{
			clear: both;
			width: 588px;
			height: 50px;
			margin-left: 35px;
			margin-top:10px;
		}
		.code-left{
			width:50px;
			height: 26px;
			line-height: 26px;
			float: left;
		}
		.code-content{
			width:100px;
			float: left;
		}
		.code-content input{
			width: 100px;
			height: 26px;
		}
		.code-right{
			float:left;
			margin-left: 10px;
		}
		.code-right input{
			width: 40px;
			height: 26px;
			background-color: pink;
		}
		.submit{
			width:174px;
			height:38px;
			background: url(./Images/pic_submit.gif) no-repeat;
			margin-left:217px;
		}
		.shuname{
			width:80px;
			height:25px;
			margin-left: 120px;
		}
		span{
			font-size: 13px;
			font-family: "微软雅黑";
		}
	</style>
	
</head>
<body>
	<div id='top'></div>
	<div id="content">
		<div class="c-top"></div>
		<form action="add.php" method="post" id="myfrom">
			<div class="c-content">
				<div class="papercolor">
					<div class="p-left">
						<span>请选择纸条颜色:</span>
					</div>
					<div class="p-right">
						<div class="color330" id="a1" style="background:#FFDFFF"></div>
	                  	<div class="color330" id="a2" style="background:#C3FEC0"></div>
	                  	<div class="color330" id="a3" style="background:#FFE3b8"></div>
	                  	<div class="color330" id="a4" style="background:#CEECFF"></div>
	                 	<div class="color330" id="a5" style="background:#E8DEFF"></div>
	                 	<input type="hidden" value="" name="idvalue" id="idvalue">	             	
					</div>
				</div>
				<div class="papercontent">
					<div class="left">
						<div class="left-top">
							<span>输入你的祝福纸条内容:</span>
						</div>
						<div class="left-bottom">
							<textarea cols="25" rows="8" name="content" id="textfont"></textarea>
						</div>
					</div>
					<div class="right">
						<div class="right-top">
							<span>纸条效果预览:</span>
						</div>
						<div class="right-bottom">
							<div style="height:15px"><span>第<?php echo $n ?>条</span><br/></div>
						 	<div style="height:100px;margin-top:10px"><span id="font"></span></div>
						 	<div class="shuname"><span id="name">署名:</span></div>			
						</div>
					</div>
				</div>
				<div class="name">
					<div class="name-left">
						<span>您的署名:</span>
					</div>
					<div class="name-right">
						<input id="nameright" type="text" name="name" value="">
					</div>
				</div>
				<div class="code">
					<div class="code-left">
						<span>验证码:</span>
					</div>
					<div class="code-content">
						<input id="codeone" type="text" name="recode" value=""><span></span>
					</div>
					<div class="code-right">
						<input id="codetwo" type="text" name="code" value="<?php echo mt_rand(1000,9999); ?>" readonly>
					</div>				
				</div>
				<!--<div class="submit"><button type="submit" style="width:174px;height:38px"></button></div>-->
				<input style="BORDER-RIGHT: #f33b78 1px outset; BORDER-TOP: #f33b78 1px outset; FONT-WEIGHT: bold; BORDER-LEFT: #f33b78 1px outset; COLOR: #ffffff; BORDER-BOTTOM: #f33b78 1px outset; BACKGROUND-COLOR: #70ae0b;margin-left: 225px" type="submit" value="→ 开始贴许愿小纸条 ←" name="submit">
				
	                <input class="input" type="button" name="Submit2" value="返回">	
			</div>
		</form>
		<hr/ style="color:orange;width:550">
		<div class="c-bottom"></div>
	</div>
<!--[if IE 6]>
    <script type="text/javascript" src="./Js/iepng.js"></script>
    <script type="text/javascript">
        DD_belatedPNG.fix('#send,#close,.close','background');
    </script>
<![endif]-->
	<script type="text/javascript">
		//改变颜色
		$(".color330").click(function(){			
			var value=$(this).css("background-color");
			var idvalue=$(this).attr("id");
			console.log(idvalue);
			$("#idvalue").attr("value",idvalue);
			$(".right-bottom").css("background-color",value);
		})

		//改变值触发的事件
		var textfont = document.getElementById('textfont');
		var font = document.getElementById('font');
		textfont.onchange=function(){
			font.innerHTML=textfont.value;			
		}

		//改变值触发的事件
		var nameright = document.getElementById('nameright');
		nameright.onchange=function(){
			document.getElementById("name").innerText="署名: "+nameright.value;	
		}
		
		//在填写完毕验证码之后验证是否一致
		var codeone = document.getElementById('codeone');
		var codetwo = document.getElementById('codetwo');
		//表单时区焦点事件
		codeone.onblur=function(){
			//验证两次验证码是否一致
			if(codeone.value != codetwo.value){
				this.nextSibling.innerHTML='验证码不一致!'
				this.nextSibling.style.color='red';
			}
		}

		$( '.input' ).click( function () {
			window.location.href="index.php"; 
		} );
			
	</script>
</body>
</html>

源码
https://github.com/hiszm/WishWall

GitHub 网络不好的话 关注公众号 （扫一扫下方二维码）孙中明；回复 6002 获取代码

更新版本如下

https://hiszm.blog.csdn.net/article/details/121856149

孙中明
关注
  • 19
    点赞
  • 踩
  • 172
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 21
    评论
专栏目录
PHP书上的许愿墙项目源码
12-12
PHP书上的许愿墙项目源码
php许愿墙mysql,许愿墙—许下你的愿望
weixin_39788740的博客
03-23 695
从网上找了一个很漂亮的许愿墙模板，早上就花了一段时间写了这个许愿墙程序，给大家分享下。首先我们遍历出所有的许愿列表：$query = mysql_query("select * from wishing_wall order by id desc limit 0, 50");while ($row = mysql_fetch_array($query)) {list($left, $top, $z...
许愿墙
lovegonghui的专栏
10-31 863
本项目采用mdb数据库,在随机生成不同位置的许愿墙,许愿墙可以用鼠标拖动.如下图: 关键代码: using System; using System.Data; using System.Data.OleDb; using System.Text; using System.Web.UI; public partial class _Default : Page {
【php毕业设计源码】PHP实验室安全系统设计与实现
最新发布
03-04 1017
文档开发技术文档、参考LW、答辩PPT,部分项目另有其他文档开发环境Phpstorm丨微信开发者工具丨navicat12丨mysql5.7配套工具涉及项目开发运行的全部软件均提供项目运行视频或截图提供运行电脑配置要求内存≥8G,CPUi3及以上...
php书上的许愿墙项目搭建以及代码分享
FJSAY
12-11 9137
php书上的许愿墙项目源码以及搭建方法
PHP毕业设计——许愿墙升级版（有源码）
孙中明
01-05 3448
文章目录说明成品展示首页许愿+密码保护分页安装一键搭建环境解压放置目录www新建数据库导入数据文件运行源码获取 说明 下图是运行后的截图； 订购此付费专栏，文章末尾可以免费获得源代码； 如果不想订购的话，可以从这里单次下载 成品展示 首页 许愿+密码保护 分页 安装 一键搭建环境 解压放置目录www 新建数据库 命名为php_wish 导入数据文件 字符集这里要设置utf-8 运行 浏览器输入http://localhost/wish/ 源码获取 扫描下面的二维码回复数字9215
PHP如何去制作一个许愿墙,php许愿墙开发视频教程，php许愿墙源码
weixin_42128988的博客
03-26 2943
1. 模版的制作栏目 , 背景图2.onclick 点击 获取发布留言的表单收信人 : 内容 :发信人 :function show() {var tab = document.getElementsByTagName(‘table’)[0];if(tab.style.display.indexOf(‘none’) > -1) {tab.style.display = ‘block’;} e...
PHP案例 许愿墙 PHP许愿墙
热门推荐
我的世界
05-22 3万+
目录 一、案例展示 1.首页 2.发表愿望单 3.修改愿望单 4.删除愿望单 二、需求分析 三、案例实现 1.准备工作 2.数据库设计 3.许愿墙展示 4.分页查询 5.发表愿望 6.修改愿望 7.删除愿望 教程完毕 一、...
php许愿墙代码包括前端和后端部分
专注java二开部署
11-29 2305
以上代码实现了一个简单的许愿墙功能。用户在前端页面填写姓名和愿望，点击提交后，后端PHP代码会将愿望以文本形式追加到一个名为 "wishes.txt" 的文件中，并在页面上重定向到许愿墙页面。你可以根据需要自行调整代码，例如添加数据库存储、显示已提交的愿望等。上述代码中，我们添加了创建数据库连接和将愿望插入到数据库中的代码。你可以根据需要自定义显示的样式和内容。替换为你自己的数据库连接信息。替换为你自己的数据库连接信息，并确保数据库中已经创建了相应的。在这个代码示例中，我们使用了一个简单的。
期末大作业——许愿墙
孙中明
12-11 6822
导入数据库文件
基于PHP的断桥残雪php爱墙(许愿墙)程序源码.zip
07-25
基于PHP的断桥残雪php爱墙(许愿墙)程序源码.zip
php许愿墙代码...很棒的哦!
10-29
php许愿墙代码...很棒的哦! php许愿墙代码...很棒的哦!
php原生许愿墙代码
09-22
php原生许愿墙代码，可以登录注册，只有登录以后才能许愿，可以删除自己的愿望等
许愿墙源代码（jsp）
03-10
这个是一个简单的jsp实现的许愿网站，可以简单的实现与数据库的交互，但是在交互的过程中要使用自己的数据库和Tomcat6.0版本的服务器
互联网免费许愿墙源代码
03-18
本程序有ASP开发完成。 后台地址admin.asp 后台管理用户 admin 密码：admin
旧许愿墙_许愿墙源码_
09-29
应用名称：LoveWall表白墙价格：免费作者：LoveWall Team--@猫腻@橘子@久念功能介绍：表白是最短的咒，抑或是最深的玛绊! 一个悄悄话平台，大家可以跟自己喜欢的人公开表白让大家不留遗憾!
WishingWall_PHP许愿墙源码.zip
06-07
PHP许愿墙源码，内包含js，php，html代码，解压后，将整个文件夹移动至网页编辑工具即可。源码使用的是xampp自带的数据库，若要使用本机数据库修改init.php代码
php许愿墙项目源码
12-07
用php写的许愿墙；许愿墙项目源码；内包含所有的图片，代码
许愿墙php代码展示
11-24
许愿墙是一个让人们可以在上面许下自己心愿的地方，也是一个可以分享和交流愿望的平台。在网页上展示许愿墙的php代码可以通过以下步骤实现： 1. 首先，需要创建一个数据库来存储用户的心愿。可以使用MySQL等数据库管理系统来创建一个名为“wishing_wall”的数据库，里面包含一个名为“wishes”的表来存储心愿信息，包括心愿内容、发布时间等字段。 2. 在php代码中，需要连接到数据库并查询出用户的心愿信息。使用mysqli_connect()函数来连接到MySQL数据库，然后使用mysqli_query()函数来执行查询语句，从“wishes”表中获取心愿信息。 3. 将查询到的心愿信息在网页上进行展示。使用php的循环语句来遍历查询结果，将每一个心愿以特定的格式展示在网页上，比如使用ul和li标签来列表展示每一个心愿。 4. 在页面上提供一个输入框和提交按钮以便用户可以输入自己的心愿。使用php来处理用户提交的信息，将用户输入的心愿存储到数据库中，并在页面上刷新出新的心愿列表。 5. 最后，为许愿墙的php页面添加一些样式和交互效果，比如使用CSS来美化页面样式，使用JavaScript来实现交互功能，比如点击按钮提交心愿等。 通过以上步骤，就可以实现一个简单的许愿墙php代码展示，让用户可以在网页上分享自己的心愿，也可以看到其他人的心愿，从而实现交流和分享的目的。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 21
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

孙中明

喝杯咖啡????

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值