PHP原生項目之留言板 · 從基礎到運用-ThinkPHP6有哪些核心能力

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