search
HomeBackend DevelopmentPHP Tutorial 一个很简单的php留言板。筹建在sae上的。

一个很简单的php留言板。。。。搭建在sae上的。。。

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

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

主页面html是这样写的:

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

        <h2 id="Contact-Me">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; $ierrno() != 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>

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

	
		<meta charset="utf-8">
		<title>My messages</title>
	  
		<link href="%E2%80%9Dhttp://fonts.googleapis.com/css?family=Reenie+Beanie:regular%E2%80%9D" 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>
	
	


	 
	
<?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) {
?>
		
    echo "

    671coder's message:


    "; while ($r = mysql_fetch_array($result)) { $idx = $r["MId"]; $user = $r["MName"]; $text = $r["MText"]; ?>
  • =$user?>:

    =$text?>

} else { echo "No data."; } //mysql_free_result($result); //$mysql->closeDb(); ?>
怎么样!感觉上很炫吧!



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


Statement
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
华为GT3 Pro和GT4的差异是什么?华为GT3 Pro和GT4的差异是什么?Dec 29, 2023 pm 02:27 PM

许多用户在选择智能手表的时候都会选择的华为的品牌,其中华为GT3pro和GT4都是非常热门的选择,不少用户都很好奇华为GT3pro和GT4有什么区别,下面就就给大家介绍一下二者。华为GT3pro和GT4有什么区别一、外观GT4:46mm和41mm,材质是玻璃表镜+不锈钢机身+高分纤维后壳。GT3pro:46.6mm和42.9mm,材质是蓝宝石玻璃表镜+钛金属机身/陶瓷机身+陶瓷后壳二、健康GT4:采用最新的华为Truseen5.5+算法,结果会更加的精准。GT3pro:多了ECG心电图和血管及安

如何使用CSS实现元素的旋转背景图动画效果如何使用CSS实现元素的旋转背景图动画效果Nov 21, 2023 am 09:05 AM

如何使用CSS实现元素的旋转背景图动画效果背景图动画效果可以增加网页的视觉吸引力和用户体验。本文将介绍如何使用CSS实现元素的旋转背景图动画效果,并提供具体的代码示例。首先,我们需要准备一张背景图,可以是任何你喜欢的图片,例如一张太阳或者电风扇的图片。将该图片保存并命名为“bg.png”。接下来,创建一个HTML文件,并在文件中添加一个div元素,将其设置为

修复:截图工具在 Windows 11 中不起作用修复:截图工具在 Windows 11 中不起作用Aug 24, 2023 am 09:48 AM

为什么截图工具在Windows11上不起作用了解问题的根本原因有助于找到正确的解决方案。以下是截图工具可能无法正常工作的主要原因:对焦助手已打开:这可以防止截图工具打开。应用程序损坏:如果截图工具在启动时崩溃,则可能已损坏。过时的图形驱动程序:不兼容的驱动程序可能会干扰截图工具。来自其他应用程序的干扰:其他正在运行的应用程序可能与截图工具冲突。证书已过期:升级过程中的错误可能会导致此issu简单的解决方案这些适合大多数用户,不需要任何特殊的技术知识。1.更新窗口和Microsoft应用商店应用程

如何修复无法连接到iPhone上的App Store错误如何修复无法连接到iPhone上的App Store错误Jul 29, 2023 am 08:22 AM

第1部分:初始故障排除步骤检查苹果的系统状态:在深入研究复杂的解决方案之前,让我们从基础知识开始。问题可能不在于您的设备;苹果的服务器可能会关闭。访问Apple的系统状态页面,查看AppStore是否正常工作。如果有问题,您所能做的就是等待Apple修复它。检查您的互联网连接:确保您拥有稳定的互联网连接,因为“无法连接到AppStore”问题有时可归因于连接不良。尝试在Wi-Fi和移动数据之间切换或重置网络设置(“常规”>“重置”>“重置网络设置”>设置)。更新您的iOS版本:

Vue中如何对图片进行压缩和格式转换?Vue中如何对图片进行压缩和格式转换?Aug 25, 2023 pm 11:06 PM

Vue中如何对图片进行压缩和格式转换?在前端开发中,经常会遇到需要对图片进行压缩和格式转换的需求。特别是在移动端的开发中,为了提高页面加载速度和节省用户流量,对图片进行压缩和格式转换是很关键的。而在Vue框架中,我们可以通过一些工具库来实现对图片的压缩和格式转换。使用compressor.js库进行压缩compressor.js是一款用于压缩图片的JavaS

php提交表单通过后,弹出的对话框怎样在当前页弹出,该如何解决php提交表单通过后,弹出的对话框怎样在当前页弹出,该如何解决Jun 13, 2016 am 10:23 AM

php提交表单通过后,弹出的对话框怎样在当前页弹出php提交表单通过后,弹出的对话框怎样在当前页弹出而不是在空白页弹出?想实现这样的效果:而不是空白页弹出:------解决方案--------------------如果你的验证用PHP在后端,那么就用Ajax;仅供参考:HTML code<form name="myform"

CSS 3D 视图属性解读:transform 和 perspectiveCSS 3D 视图属性解读:transform 和 perspectiveOct 24, 2023 am 08:11 AM

CSS3D视图属性解读:transform和perspective,需要具体代码示例引言:在现代网页设计中,3D效果已经成为了一个非常流行的元素。通过CSS的transform和perspective属性,我们可以轻松地为网页添加3D视觉效果,使页面更加生动和吸引人。本文将对这两个属性进行解读,并提供具体的代码示例。一、transform属性:transf

Vue中如何实现图片的动画和渐变效果?Vue中如何实现图片的动画和渐变效果?Aug 18, 2023 pm 06:00 PM

Vue中如何实现图片的动画和渐变效果?Vue是一种用于构建用户界面的渐进式框架,它可以轻松地实现动画和渐变效果。在本文中,将介绍如何使用Vue来实现图片的动画和渐变效果,并提供一些代码示例。一、使用Vue的过渡效果实现图片动画Vue提供了过渡效果的内置指令,可以轻松地在HTML元素上添加动画效果。使用过渡效果时,可以包裹图片元素,并在元素上添加过渡指令。示例

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
Repo: How To Revive Teammates
1 months agoBy尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
4 weeks agoBy尊渡假赌尊渡假赌尊渡假赌

Hot Tools

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

mPDF

mPDF

mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files "on the fly" from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),

SublimeText3 Linux new version

SublimeText3 Linux new version

SublimeText3 Linux latest version

MantisBT

MantisBT

Mantis is an easy-to-deploy web-based defect tracking tool designed to aid in product defect tracking. It requires PHP, MySQL and a web server. Check out our demo and hosting services.

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Integrate Eclipse with SAP NetWeaver application server.