我在sae上搭建了一个个人简历的页面： 有兴趣的可以访问  http://671coder.sinaapp.com/

在做下面一个简单的留言板的时候，卡了我很久，虽然完全没用过php。。但是还是最后勉强写出来了。。。

主页面html是这样写的：

    <div class="row row-contact" id="contact_row" style="display: block">

      <article>

        <h2 class="section-title">Contact Me</h2>

        <p>This block can be hidden and only shown in <a class="zoom-html">a popup</a>.</p>

        <div class="wrap-contact-form">

          <form id="contacts" class="contact-form" action="/db/submitform.php" method="post">

            <table class="info">

              <tr>

                <th><label for="contact_name">Name</label></th>

                <td><input type="text" class="input-text" name="contact_name" id="contact_name" value="" maxlength="10"></td>

              </tr>

              <!-- start spam protection

              <tr class="spam-protection">

                <th><label>E-mail</label></th>

                <td><input type="text" name="email" value=""></td>

              </tr>

               end -->

              <tr>

                <th><label for="contact_code">Security code</label></th>

                <td><input type="text" class="input-text" name="contact_code" id="contact_code" maxlength="4"></td>

              </tr>

              <tr>

                <th><label for="contact_message">Your Message</label></th>

                <td><textarea id="contact_message" name="contact_message" maxlength="200"></textarea></td>

              </tr>

              <tr>

                <th></th>

                <td>

                  <input type="submit" class="input-submit" name="contact_send" value="Send">

                  <div class="on-success">

                    Thank You. The message was sent.

                  </div>

				  <!--

                  <div class="on-error">

                    A technical error occured. Message was not delivered. Please contact me over e-mail.

                  </div>

				  -->

                </td>

              </tr>

            </table>

          </form>

        </div>

      </article>

    </div>

验证码功能暂时还没有实现。。。

后台的php是这样写的：

<?php

	$name = $_POST['contact_name'];

	$message = $_POST['contact_message'];

	if (strlen($name) == 0 || strlen($message) == 0) {

		?><script>

			alert("Sorry, your name and your message can not be empty.");

			window.history.back(-1);

		</script><?

	}

	$m_notchar="$#@!%&*?<>";	

	$mysql = new SaeMysql();

	$judge = true;

	for ($i=0; $i<10; $i++) {

		if (strpos($name, substr($m_notchar, $i, 1)) || strpos($message, substr($m_notchar, $i, 1)))

			$judge = false;

	}

	if( $mysql->errno() != 0 ) {

		die( "Error:" . $mysql->errmsg() );

	} else if (!$judge) {

		?><script>alert("Sorry, your message has illegal characters, please re-enter checked.");</script><?

	} else {

		$sql = "INSERT INTO Message (MName, MText) VALUES ('$name', '$message')";

		$mysql->runSql( $sql );

		?><script>alert("Thank you for your message!");</script><?

	}

	$mysql->closeDb();

?>

<script>window.history.back(-1);</script>

然后最后显示留言板是这么写的：

<html>

	<head>

		<meta charset="utf-8">

		<title>My messages</title>

		<link href=”http://fonts.googleapis.com/css?family=Reenie+Beanie:regular” rel=”stylesheet” type=”text/css”>

		<style type="text/css">

			*{

			margin:0;

			padding:0;

			}

			body{

			font-family: arial,sans-serif;

			font-size:100%;

			margin:3em;

			background:#666;

			color:#fff;

			}

			h2,p{

			font-size:100%；

			font-weight:normal;

			}

			ul,li{

			list-style:none;

			}

			ul{

			overflow: hidden;

			padding:3em;

			}

			ul li a{

			text-decoration:none;

			color:#000;

			background:#ffc;

			display:block;

			height:10em;

			width:10em;

			padding:1em;

			-moz-box-shadow:5px 5px 7px rgba(33,33,33,1);

			-webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);

			box-shadow: 5px 5px 7px rgba(33,33,33,.7);

			/*倾斜正方形*/

			-webit-transform: rotate(-6deg);

			-o-transform: rotate(-6deg);

			-moz-transform: rotate(-6deg);

			/*添加鼠标放上时的平滑过渡*/

			-moz-transition:-moz-transform .15s linear;

			-o-transition:-o-transform .15s linear;

			-webkit-transition:-webkit-transform .15s linear;  

			}

			ul li{

			margin:1em;

			float:left;

			}

			ul li h2{

			font-size:140%;

			font-weight:bold;

			padding-bottom:10px;

			}

			ul li p{

			font-family:"Reenie Beanie",arial,sans-serif,微软雅黑;

			font-size:110%;

			}

			ul li:nth-child(even) a{

			-o-transform: rotate(4deg);

			-webkit-transform: rotate(4deg);

			-moz-transform: rotate(4deg);

			position:relative;

			top:5px;

			background:#cfc  ;

			}

			ul li:nth-child(3n) a{

			-o-transform: rotate(-3deg);

			-webkit-transform: rotate(-3deg);

			-moz-transform: rotate(-3deg);

			position:relative;

			top:-5px;

			background:#ccf  ;

			}

			ul li:nth-child(5n) a{

			-o-transform: rotate(5deg);

			-webkit-transform: rotate(5deg);

			-moz-transform: rotate(5deg);

			position:relative;

			top:-10px;

			}

			ul li a:hover, ul li a:focus{

			-moz-box-shadow:10px 10px 7px rgba(0,0,0,.7);

			-webkit-box-shadow:10px 10px 7px rgba(0,0,0,.7);

			-box-shadow:10px 10px 7px rgba(0,0,0,.7);

			-webkit-transform:scale(1.25);

			-moz-transform:scale(1.25);

			-o-transform:scale(1.25);

			position:relative;

			z-index:5;

			}

		</style>

	</head>

	<body> 

<?php

	$link=mysql_connect(SAE_MYSQL_HOST_M.':'.SAE_MYSQL_PORT,SAE_MYSQL_USER,SAE_MYSQL_PASS);

	if(!$link)die('could not connect'.mysql_error());

	mysql_select_db(SAE_MYSQL_DB,$link);

	$query = "select * from app_671coder.Message";

	$result = mysql_query( $query );

	if ($result) {

?>

		<ul>

<?

		echo "<p><font size=7>671coder's message:</font></p><br><p></p>";

		while ($r = mysql_fetch_array($result)) {

			$idx = $r["MId"];

			$user = $r["MName"];

			$text = $r["MText"];

?>

			<li>

			<a href ="#">

			<h2><?=$user?>:</h2>

			<p><?=$text?></p>

			</a>

			</li>

<?php

		}

?>

		</ul>

<?

	} else {

		echo "No data.";

	}

	//mysql_free_result($result);

	//$mysql->closeDb();

?>

	</body> 

</html>

怎么样！感觉上很炫吧！

数据库的话想必大家都知道是怎么设计的了吧？！

一个很简单的php留言板。。。。搭建在sae上的。。。的更多相关文章

  1. 一个超级简单php的留言板

    第一步:配置好测试环境:(详细略了) 第二部:新建一个数据库,命名为guestbook(名字可以随便改),可以直接在phpmyadmin里面操作,在数据库里面新建一张表‘content’,表里面有4个 ...

  2. 写一个简单的HTML留言板

    最近有点懒,没码什么字,防止遗忘,从头开始码,写一个简单的HTML留言板.包含两个文件,book.html还有style.css,放在同一目录下. book.html 1 <!DOCTYPE h ...

  3. [.NET] 打造一个很简单的文档转换器 - 使用组件 Spire.Office

    打造一个很简单的文档转换器 - 使用组件 Spire.Office [博主]反骨仔 [原文]http://www.cnblogs.com/liqingwen/p/6024827.html 序 之前,& ...

  4. 问题：关于一个贴友的js留言板的实现

    需求:用js做一个简单的留言板效果 html部分: 1: <!DOCTYPE> 2: <html lang="zh-en"> 3: <head> ...

  5. java(itext) 一个很简单的PDF表格生成工具

    先上个效果图 因为做的项目涉及到数据预测,其中有大量打印业务来支撑实体店的运营,因为注重的是数据,要求简洁,清晰,所以写了个很简单也很实用的工具类. 如果需要编写样式或者插入背景,都可以查阅itex官 ...

  6. 一个很简单的jQuery插件实例教程(菜鸟级)

    很多公司的前端设计开发人员都是女孩子,而这些女孩子很多JavaScript技能都不是很好.而前端开发过程中,JavaScript技能又是必不可少的.所以,如果前端小MM正在为某个JavaScript效 ...

  7. 个人网页的留言板实现与sae的数据库账户配置

    个人网页(github)的留言板终于搞定了.总之后端的东西不会写,只有修改以前教程里面的文件.记录一下重要的过程. 使用了留言保存的send()函数,模版有注册登录功能.根据需求修改了一下,去掉了登录 ...

  8. 一个很简单的SqlServer生成常用C#语句工具的诞生

    前言: 这个文章只要是记录一下,这个工具的诞生过程.作用.其中的技术实在是太简单可以说没有什么技术~主要是锻炼一下写文章的能力! 正文: 在开发项目的时,常常会要维护或变更一些老项目,涉及到简单的几张 ...

  9. 『NYIST』第八届河南省ACM竞赛训练赛[正式赛一]-CodeForces 236A，虽然很水，但有一个很简单的函数用起来方便

    A. Boy or Girl time limit per test 1 second memory limit per test 256 megabytes input standard input ...

随机推荐

  1. redis缓存工具Jedis进行跨jvm加锁（分布式应用）--不幸暂弃用--能够做第三方锁使用

    近期使用redis碰到了多个并发处理同一个缓存的情况.在这样的情况下须要进行加锁机制. 本来想使用java自带的ReadWriteLock进行设置读写锁,这也是上家公司使用的方法. 后来经过商讨,给予 ...

  2. Android事件机制全然解析

    android事件是一级一级传递的,假设父控件不拦截.就传给子控件,假设父控件想要消费事件也就是拦截事件的话,须要重写这种方法 public boolean onInterceptTouchEvent ...

  3. Identifiers

    Identifier An identifier is an arbitrarily long sequence of digits, underscores, lowercase and upper ...

  4. 数据库迁移（SQL SERVER导入数据到MySql）

    地址:http://blog.csdn.net/jiaohougenyang/article/details/44937801 背景:项目最开始时使用的是SQL Server数据库,业务需求现要将数据 ...

  5. Eclipse使用技巧总结（一）

    一.建立工作空间 如上图所示,可以建立新的工作空间,或者切换工作空间. 二.导入导出工作空间配置 三.设置行号 如图,用鼠标在坐变阴影部分右击弹出菜单,选中Show Line Numbers一项. 四 ...

  6. Android的回调

    学了两三周的安卓了,最先开始是看mars老师的视频,看了一两天结合慕课网上的一些安卓视频,到现在算是有点入门了. 安卓立用得比较多的回调函数有点不明是怎么实现的,网上找了一些资料,结合自己的实践,总算 ...

  7. 触发器应用 trigger

    首先有一张表: create table T_SALARY ( name VARCHAR2(20), age NUMBER(2), salary NUMBER(5) ); insert into t_ ...

  8. JavaScript 、ECMAScript、commonJS 发展历史 与标准化发展

    本文介绍下JavaScript和 ECMAScript的诞生及发展历史,以及标准化过程. 一.JavaScript诞生 1994年,网景公司(Netscape)发布了Navigator浏览器0.9版. ...

  9. 一步一步重写 CodeIgniter 框架 (7) —— Controller执行时将 Model获得的数据传入View中，实现MVC

    1. 实现过程 1) 上一节讲述了 View 视图的加载过程,它是在 Loader 类中加载的,并通过 Include 语句进行包含.那么为了在 View 中传递变量,只需要在 include 语句所 ...

  10. opencv保存视频

    利用opencv提供的方法,从摄像头获取视频,并保存为.avi格式文件. win8.1,opencv248,vs2013下测试 #include<opencv\cv.h> #include ...