🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
https://blog.csdn.net/hero_xsx/article/details/102637991 在学习完PHP的基础语法之后,尝试来写一个留言板的小demo,用原生语法写,不接触框架或者其他的什么的。 首先我们设计留言板,有两大板块,一个是添加留言,另一个就是显示留言。顺着这个思路,我们先将数据库设计好。在自己的数据库中新建表message,用来保存留言。数据表中,我们设计,id递增的函数,user用来存储用户名称字符长度25,title 用来存储的标题 字符长度50,content 内容输入文本,lastdate 时间用来存储留言发布的时间。 我们可以选择用命令行执行SQL语句来实现。 CREATE TABLE `message` ( `id` tinyint(1) NOT NULL auto_increment, `user` varchar(25) NOT NULL, `title` varchar(50) NOT NULL, `content` tinytext NOT NULL, `lastdate` timestamp NOT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8 AUTO_INCREMENT=1 ; 除此以外,我们还可以使用数据库远程客户端,比如Navicat来手动新建表,这个要看自己的意愿了。 数据表新建之后,我们就开始项目的构建。 首先,先连接数据库,使用mysql_connect方法连接数据库,然后选择数据库,设置编码格式,这里用的方法都是面向过程的,函数的具体使用可以查阅php开发手册,conn.php。 <?php $conn =mysql_connect("localhost", "用户名", "密码") or die("数据库链接错误"); mysql_select_db("数据库名", $conn); mysql_query("set names 'utf8'"); //使用utf-8中文编码; ?> 连接数据库并测试以后,再来设计添加留言的前端页面,add.html。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link href="css.css" rel="stylesheet" type="text/css"> <title>Title</title> <?php include ("add.php")?> </head><body> <b><a href="add.php">添加留言</a></b> <hr size=1> <form action="add.php" method="post" > 用户:<input type="text" size="10" name="user"/><br> 标题:<input type="text" name="title" /><br> 内容:<textarea name="content"> 接着添加css样式,css.csss。 td { line-height: 16pt; font-size: 10pt; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; } a:link { text-decoration: none; color: #000000; } body { font-size: 10pt; line-height: 13pt; background-color: #ECF5FF; } textarea { font-size: 8pt; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; border: 1px solid #999999; padding: 5px; } form { margin: 0px; padding: 0px; } .textdrow { color:#666666; filter: DropShadow(Color=white, OffX=1, OffY=1, Positive=1); } .p { text-indent: 24px; } 为了让添加的每条留言都更加符合规范,利用js对填写的内容进行限制。 <script> function CheckPost() { if(myform.user.value=="") { alert("请填写用户"); myform.user.focus(); return false; } if (myform.title.value.length<5) { alert("标题不能少于5个字符"); myform.title.focus(); return false; } if (myform.content.value=="") { alert("内容不能为空"); myform.content.focus(); return false; } } </script> 当设计完添加留言的前端页面之后,就需要设计后端代码了,add.php。后端接收前端传来的值,然后在利用SQL语句将数据插入数据表中,添加成功后返回添加页面。 <?php include ("conn.php"); $id=$_POST['id']; $user=$_POST['user']; $title=$_POST['title']; $content=$_POST['content']; if ($_POST['submit']){ $sql="insert into message(id,user,title,content,lastdate)values('','$user','$title','$content',now())"; mysql_query($sql); echo "<script>alert('提交成功!返回首页。');location.href='add.html';</script>"; } ?> 添加留言设计完之后,就需要设计展示留言的界面了。因为展示不需要前端传值,我们就用一个list.php就可以实现了。从数据库拿出数据,格式化输出展示就可以了。 <!DOCTYPE html> <html lang="utf-8"> <head> <?php include ("conn.php"); ?> <link href="css.css" rel="stylesheet" type="text/css"> </head> <table width=500 border="0" align="center" cellpadding="5" cellspacing="1" bgcolor="#add3ef" > <?php $sql="select * from message order by id desc"; $query=mysql_query($sql); while($row=mysql_fetch_array($query)){ ?> <tr bgcolor="#eff3ff"> <td>标题: <?php echo $row['title'];?> <font color="red">用户: <?php echo $row['user'];?> </td> </tr> <tr bgColor="#ffffff"> <td>发表内容:<?php echo $row['content'];?></td> </tr> <tr bgColor="#ffffff"> <td><div align="right">时间:<?php echo $row['lastdate'];?></td> </tr> <?php } ?> <tr bgcolor="#f0fff0"> <td><div align="right"><a href="add.html">返回留言</a> </td> </tr> </table> </html> 写到这里,留言板的功能基本是有了,可以在添加一个删除模块,前端删除你不想要的留言,后台获取到该留言的id,通过SQL语句来删除,del.php。 <?php include 'conn.php'; $id = $_GET['id']; $query="delete from message where id=".$id; mysql_query($query); ?> //引入conn文件,使用get方式获取id,使用sql语句来删除id <?php //页面跳转,实现方式为javascript $url = "list.php"; echo "<script>"; echo "window.location.href='$url'"; echo "</script>"; ?> //使用js页面跳转回list查看文件的页面 这样一来,一个基本的留言板就实现了,之后想要添加什么内容,比如登录,更新留言都是可以的,这要看你自己发挥了,希望这篇留言板的demo搭建介绍可以帮助到大家,谢谢。 附录完整代码。 conn.php <?php $conn = @ mysql_connect("localhost", "用户名", "密码") or die("数据库链接错误"); mysql_select_db("数据库名", $conn); mysql_query("set names 'utf8'"); //使用utf-8中文编码; ?> add.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link href="css.css" rel="stylesheet" type="text/css"> <title>Title</title> <?php include ("add.php")?> </head> <script> function CheckPost() { if(myform.user.value=="") { alert("请填写用户"); myform.user.focus(); return false; } if (myform.title.value.length<5) { alert("标题不能少于5个字符"); myform.title.focus(); return false; } if (myform.content.value=="") { alert("内容不能为空"); myform.content.focus(); return false; } } </script> <body> <b> <a href="list.php">浏览留言</a> </b> <hr size=1> <form action="add.php" method="post" name="myform" onsubmit="return CheckPost();"> 用户:<input type="text" size="10" name="user"/><br> 标题:<input type="text" name="title" /><br> 内容:<textarea name="content"></textarea><br> <input type="submit" name="submit" value="发布留言" /> </form> </body> </html> css.css td { line-height: 16pt; font-size: 10pt; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; } a:link { text-decoration: none; color: #000000; } body { font-size: 10pt; line-height: 13pt; background-color: #ECF5FF; } textarea { font-size: 8pt; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; border: 1px solid #999999; padding: 5px; } form { margin: 0px; padding: 0px; } .textdrow { color:#666666; filter: DropShadow(Color=white, OffX=1, OffY=1, Positive=1); } .p { text-indent: 24px; } add.php <?php include ("conn.php"); if ($_POST['submit']){ $sql="insert into message(id,user,title,content,lastdate) ". "values ('','$_POST[user]','$_POST[title]','$_POST[content]',now())"; mysql_query($sql); echo "<script>alert('添加成功');history.go(-1)</script>"; } ?> list.php <!DOCTYPE html> <html lang="utf-8"> <head> <link href="css.css" rel="stylesheet" type="text/css"> </head> <?php include ("conn.php"); ?> <table width=500 border="0" align="center" cellpadding="5" cellspacing="1" bgcolor="#add3ef" > <?php $sql="select * from message order by id desc"; $query=mysql_query($sql); while($row=mysql_fetch_array($query)){ ?> <tr bgcolor="#eff3ff"> <td><font color="red">标题:</font><?php echo $row['title'];?> <font color="red">用户:</font><?php echo $row['user'];?><div align="right"><a href="del.php?id=<?php echo $row['id'];?>">删除</a></div></td> </tr> <tr bgColor="#ffffff"> <td>发表内容:<?php echo $row['content'];?></td> </tr> <tr bgColor="#ffffff"> <td><div align="right">时间:<?php echo $row['lastdate'];?></td> </tr> <?php } ?> <tr bgcolor="#f0fff0"> <td><div align="right"><a href="add.html">返回留言</a> </td> </tr> </table> </html> del.php <?php include 'conn.php'; $id = $_GET['id']; $query="delete from message where id=".$id; mysql_query($query); ?> <?php //页面跳转,实现方式为javascript $url = "list.php"; echo "<script>"; echo "window.location.href='$url'"; echo "</script>"; ?> ———————————————— 版权声明:本文为CSDN博主「Jokey_12138」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。 原文链接:https://blog.csdn.net/hero_xsx/article/details/102637991