Web开发从零单排之二：在自制电子请帖中添加留言板功能,SAE+PHP+MySql

在上一篇博客中介绍怎样在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开发的道路上，大家一起交流更好的建议和想法