PHP-簡單的留言薄功能
阿新 • • 發佈：2017-05-31
ddt location book turn bootstrap 總頁數 return 20px 找到
index.php
1 <?php 2 error_reporting(0); //關閉NOTICE提示 3 require_once "conn.php"; 4 $pagesize=5; //每頁顯示5條數據 5 $sql="select count(*) from guestlist "; //選擇數據庫,計算符合條件的行數並返回行數 6 $result= mysql_query($sql); //執行,如果成功則返回結果集(從數據庫中找到所有的數據,返回條數) 7 $row = mysql_fetch_row($result); //獲得數組 Array[0]="數據庫裏的總條數" 8 $infoCount =$row[0]; //獲得總條數：取得數組中的值$row[0]="數據庫裏的總條數"9 $pageCount = ceil($infoCount/$pagesize); //獲取總頁數(總個數/每頁的個數5) 10 $currpage=empty ($_GET["page"])?1:$_GET["page"]; //如果當前頁為空 則定義page=1即$currpage=1反之亦然 11 if($currpage>$pageCount) //如果輸入的頁數超過總頁數則默認跳轉到最後一頁 12 {13 $currpage=$pageCount; 14 } 15 ?> 16 <!DOCTYPE html> 17 <html> 18 <head> 19 <meta charset="utf-8" /> 20 <title></title>
<!--此處添加了bootstrip樣式--> 23 <link href="../dist/css/bootstrap.min.css" type="text/css" rel="stylesheet" /> 24 <link href="css/index.css" type="text/css" rel="stylesheet" /> 28 <script> 29 function test(){ 30 var sum; 31 if(document.frm.title.value==‘‘){ 32 alert(‘請填寫標題‘); 33 return false; 34 }else{ 35 sum =document.frm.title.value.length; 36 if(sum<5 || sum>20){ 37 alert(‘標題長度 5-20個字符‘); 38 return false; 39 } 40 } 41 42 if(document.frm.username.value==‘‘){ 43 alert(‘請填寫用戶網名‘); 44 return false; 45 } 46 47 if(document.frm.content.value==‘‘){ 48 alert("請填寫內容"); 49 return false; 50 } 51 return true; 52 } 53 </script> 54 </head> 55 <body> 56 <div class="content"> 57 <h5 style="color: red;"><?php echo $infoCount;?>條留言</h5><br/> 58 <ul class="bt"> 59 <li>留言標題</li> 60 <li>用戶網名</li> 61 <li>時間</li> 62 </ul> 63 <?php //從當前頁開始 向下取出5個 64 $re= mysql_query("select * from guestlist order by id desc limit ".($currpage-1)*$pagesize.",".$pagesize); 65 while($row= mysql_fetch_assoc($re)) //得到一行數據的數組，再執行則得到再下一行，如果得到是最後一行，那麽再執行則返回false 66 { 67 68 ?> 69 <ul class="nr"> 70 <li><?php echo $row["title"];?></li> 71 <li><?php echo $row["username"];?></li> 72 <li><?php echo $row["addtime"];?></li> 73 </ul> 74 <div class="lynr"> 75 <p><strong>留言內容:</strong></p><span><?php echo $row["content"];?></span> 76 </div> 77 <?php 78 } 79 ?> 80 <hr style="width:800px"/> 81 <ul class="pagination"> 82 <!--上一頁--> 83 <?php 84 for($i=1;$i<=$pageCount;$i++) 85 { 86 87 if($i==$currpage) 88 { 89 echo "<li><a href=?page=".($i-1).">«</a></li>"; 90 } 91 92 } 93 ?> 94 <!--數字頁--> 95 <?php 96 97 for($i=1;$i<=$pageCount;$i++) 98 { 99 100 if($i==$currpage) 101 { 102 echo "<li ><a style=‘background-color:#EEEEEE‘>$i</a></li>"; 103 }else{ 104 echo "<li><a href=‘?page=$i‘>$i</a></li>";} 105 106 } 107 ?> 108 <!--下一頁--> 109 <?php 110 111 for($i=1;$i<$pageCount;$i++) 112 { 113 114 if($i==$currpage) 115 { 116 echo "<li><a href=?page=".($i+1).">»</a></li>"; 117 } 118 119 } 120 ?> 121 </ul> 122 <br/> 123 <ul> 124 </ul> 125 <hr/> 126 <strong style="color:red">發表留言</strong> 127 <form action="result.php" method="post" name="frm" onsubmit="return test()"> 128 <table cellpadding="0" cellspacing="0" > 129 <tr> 130 <td >留言標題:</td> 131 <td><input type="text" name="title" autocomplete="off"/></td> 132 </tr> 133 <tr> 134 <td>網名:</td> 135 <td><input type="text" name="username" autocomplete="off"/></td> 136 </tr> 137 <tr> 138 <td>留言內容:</td> 139 <td><textarea name="content" cols="42" rows="5" autocomplete="off"/></textarea></td> 140 </tr> 141 <tr> 142 <td></td> 143 <td><input class="btn" type="submit" name="submit" value="提交"/></td> 144 </tr> 145 </table> 146 </form> 147 </div> 148 </body> 149 </html>
conn.php
1 <?php 2 $link = mysql_connect("localhost","root"," "); 3 mysql_select_db("guestbook"); 4 mysql_query("set names utf-8"); 5 if(!$link){ 6 die("Connection failed: " . mysqli_connect_error()); 7 } 8 //echo "鏈接成功"; 9 10 ?>
result.php
1 <?php 2 error_reporting(0); //關閉NOTICE提示 3 require_once "conn.php"; 4 $title = $_REQUEST[‘title‘]; 5 $username = $_REQUEST[‘username‘]; 6 $content = $_REQUEST[‘content‘]; 7 $content = str_replace("\n","<br>",str_replace(" "," ",$content)); //顯示‘空格‘和‘回車‘ 8 $isok =mysql_query("insert into guestlist(title,username,content,addtime)values(‘$title‘,‘$username‘,‘$content‘,‘".date("Y-m-d")."‘)"); 9 if($isok) 10 { 11 echo "<script> 12 alert(‘提交成功‘); 13 location.href=‘index.php‘; 14 </script>"; 15 }else { 16 echo "<script> 17 alert(‘提交失敗‘); 18 location.href=‘index.php‘; 19 </script>"; 20 } 21 ?>
css/index.css
1 body{margin:0;padding:0;} 2 ul,li{list-style: none;margin:0;padding:0;} 3 a{text-decoration: none;} 4 .content{ 5 width:800px; 6 7 margin:0 auto; 8 9 } 10 .bt{ 11 width:799px; 12 height:20px; 13 text-align: center; 14 background:#EB9316; 15 margin:0 0 5px 0; 16 } 17 .bt>li{ 18 float:left; 19 width:265px; 20 height:20px; 21 text-align: center; 22 line-height: 20px; 23 font-size:13px; 24 25 } 26 .nr{ 27 float:left; /*如果不浮動 後面的lynr會受影響*/ 28 width:799px; 29 height:20px; 30 text-align: center; 31 background:#B9DEF0; 32 } 33 .nr>li{ 34 float:left; 35 width:265px; 36 height:20px; 37 text-align: center; 38 line-height: 20px; 39 font-size:13px; 40 41 } 42 .lynr{ 43 float:left; /*如果不浮動會 布局會亂*/ 44 width:800px; 45 margin:1px 0 1px 0; 46 47 } 48 .content p{ 49 width:70px; 50 height:50px; 51 float:left; 52 53 54 } 55 .content span{ 56 display: block; 57 width:710px; 58 float:left; 59 60 61 } 62 63 td{ 64 width:80px; 65 padding:5px 0; 66 /*border: 1px solid #79ABFE;*/ 67 } 68 td input,textarea{ 69 border: 1px solid #79ABFE; 70 } 71 /*tr{ 72 display:block; /*將tr設置為塊體元素 顯示塊狀後 就將其包圍住了 不是一個矩形了 73 74 }*/
dist/css/bootstrap.min.css(自己下載)
效果圖
PHP-簡單的留言薄功能