Web開發從零單排之二：在自製電子請帖中添加留言板功能,SAE+PHP+MySql

標籤：des   style   blog   http   color   io   os   使用   ar   

在上一篇部落格中介紹怎樣在SAE平台搭建一個html5的電子請帖網站，收到很多反饋，也有很多人送上婚禮的祝福，十分感謝！

web開發從零學起，記錄自己學習過程，各種前端大神們可以繞道不要圍觀啦

大婚將至，各種事情很多，今天終於驅動自己把上次遺留的內容補充完

奉上在電子請帖中添加留言板的功能簡介，採用php指令碼語言和mysql資料庫，同樣在新浪的SAE平台下，可以節省很多部署和維護工作

在SAE的個人專案管理介面，從MySql頁面點擊"管理MySql"，進入SAE提供的mysql資料庫管理介面，

有一點資料庫知識的話，在可視化介面進行表的添加，欄位規劃，同樣是線上維護，十分簡單和方便

建立一張“tb_Message”的表，用來儲存留言記錄，欄位包含姓名，內容，留言時間，是否允許查看等

然後在“代碼管理”中使用SAE Editor在電子請帖的首頁中，添加留言板的介面

<article class="container box style3">                <header>                    <h1>祝福</h1>                    <p>您可以通過下面給我們留言</p>                </header>                <form method="post" action="add.php">                    <div class="row half">                        <div class="6u"><input type="text" class="text" name="name" placeholder="Name" /></div>                    </div>                    <div class="row half">                        <div class="12u">                            <textarea name="message" placeholder="Message"></textarea>                        </div>                    </div>                    <div class="row">                        <div class="12u">                            <ul class="actions">                                <li><input name="MySubmit" type="submit" value="捎句話" /></li>                            </ul>                        </div>                    </div>                </form>            </article>

 

這裡通過一個表單<form>來提交留言文字，服務端add.php指令碼用來處理帶留言的“請求”

add.php的原始碼如下，其中一部分為擷取請求的用戶端IP地址，用來記錄留言者IP

<?php   include("conn.php");    if($_POST[‘MySubmit‘]){            if (getenv("HTTP_CLIENT_IP"))     $ip = getenv("HTTP_CLIENT_IP");    else if(getenv("HTTP_X_FORWARDED_FOR"))     $ip = getenv("HTTP_X_FORWARDED_FOR");    else if(getenv("REMOTE_ADDR"))     $ip = getenv("REMOTE_ADDR");    else $ip = "Unknow";         $sql="insert into tb_Message (No,Name,MessageTime,Content,MessageIP,Memo,IsShow) ".          "values (‘‘,‘$_POST[name]‘,now(),‘$_POST[message]‘,‘$ip‘,‘‘,‘1‘)";       mysql_query($sql);       echo "留言成功!";       }else{        echo "error!";       }  ?>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

資料庫連接coon.php代碼如下，連接字串為SAE下MySql資料庫使用的固定寫法，app_lovewithlmj為資料庫名

<?php  $conn= @ mysql_connect(SAE_MYSQL_HOST_M.‘:‘.SAE_MYSQL_PORT,SAE_MYSQL_USER,SAE_MYSQL_PASS) or die ("串連出錯");  mysql_select_db("app_lovewithlmj",$conn);  mysql_query("set names ‘utf-8‘");?>  

記得指定utf-8編碼，否則中文會出現亂碼情況

這樣在電子請帖頁面留言後通過按鈕發送請求，得到“留言成功”的回複即留言成功

如果要在電子請帖中添加查看留言功能，

<article class="container box style3">                <header>                    <h1>您還可以</h1>                </header>                <form method="post" action="list.php">                    <div class="row">                        <div class="12u">                            <ul class="actions">                                <li><input type="submit" value="看看大家說什麼" /></li>                            </ul>                        </div>                    </div>                    </form> </article>

發送查看留言請求後，服務端“list.php”來處理此請求，由於時間原因，對於展示留言的頁面沒有用html語言進行裝飾，直接顯示的php查詢資料庫後的表單

<?php  include ("conn.php");  ?>  <table width=500 border="0" align="center" cellpadding="5" cellspacing="1" bgcolor="#cccccc">  <?php   $sql = "SELECT * FROM tb_Message where IsShow=‘1‘ ORDER BY MessageTime DESC";   $query=mysql_query($sql);      while($row=mysql_fetch_array($query)){         ?>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  <tr bgcolor="#eeeeee">    <td>留言時間: <?php echo $row[MessageTime];?></td> </tr>       <tr bgcolor="#eeeeee">        <td> <?php echo $row[Name];?> : <?php echo $row[Content];?> </td> </tr>     <?php       }     ?>  </table>  

這樣一個帶留言板功能的html5電子相簿就基本完成了，拋磚引玉，在初學web開發的道路上，大家一起交流更好的建議和想法

 

Web開發從零單排之二：在自製電子請帖中添加留言板功能,SAE+PHP+MySql