费劲心思完成了+ 点击查询之后实现页面不可操作，等待查询，几秒后返回结果页面

于 2015-11-14 16:16:40 发布
阅读量659 收藏
点赞数 1
CC 4.0 BY-SA版权
分类专栏： Web开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/hpugym/article/details/49836527
本文介绍了一个用于查询恒尚跆拳道证书真伪的简单网站系统，包括前端界面设计与后端PHP实现。该系统允许用户通过输入姓名和证件号来验证证书的有效性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

第一处：

   index.php

<html>
<head>
   <title>欢迎访问恒尚跆拳道</title>
   <meta http-equiv="Content-Type" content="text/html; charset=gbk" />
   <meta content="IE=edge" http-equiv="X-UA-Compatible">
   <meta name="keywords" content="恒尚、恒尚跆拳道" />
   <meta name="description" content="恒尚跆拳道，一个正在奋进的奔跑者" />
   <link href="style/style.css" rel="stylesheet">
</head>
<body>
   <div class="top">
       <img src="images/top.jpg">
   </div>
   <div class="center">
       <div class="center_left">
            <img src="http:../images/log.jpg">
       </div>
       <div class="center_right_top">
          <p><span style="font-weight: bold;font-size:17px; margin-left:50px;">您的当前位置：</span><span style="color:blue;"><a href="http:../">首页</a></span> / <span>证书查询</span></p>
       </div>
       <div class="center_right_bottom">
          <div align="center" class="sel_box">
              <form action="check.php" method="post" id="form1" name="form1">
                 <table border="1">
                    <tr>
                        <td colspan="2" align="center" bgcolor="#CCCCCC"><strong>请输入信息</strong></td>
                    </tr>
                    <tr>
                        <td width="121" align="right">姓名：</td>
                        <td width="320" align="left"><label><input type="text" name="name" /></label></td>
                    </tr>
                    <tr>
                        <td align="right">证件号：</td><td align="left"><label><input type="text" name="num" /></label></td>
                    </tr>
                    <tr>
                        <td align="right"> </td>
                        <td align="center" ><label><input style="background-color: #68dcfc; width:30%; height:17%;" type="submit" name="Submit" onclick="f1()" value="提交" /></label></td>
                    </tr>
                 </table>
              </form>
          </div>      
       </div>
   </div>
   <div>
        <?php 
           include_once 'bottom.php';
        ?>
   </div>
 </body>
</html>
css文件 

@CHARSET "gbk";
*{margin:0;padding:0;list-style-type:none;}
.top{border:1px solid silver; height:337px;width:1218px;margin:0 auto;}
.top img{width:100%;height:100%;}
.center{border:1px solid silver;height:797px;width:1219px;margin:0 auto;}
.center_left{border:0px; height:796px;width:200px;float:left; line-height:39px;text-align:center; background:url(../images/left.png) no-repeat top center;background-size:190px 280px;}
.center_left ul{margin-top:40px;font-size:24px;}
.center_left a{text-decoration:none;color:black;font-weight:bold;}
.center_left a:hover{text-decoration:none;color:#c0c0c0;font-weight:bold;}
.center_right_top{border:1px solid silver; height:50px;width:1016px;position:relative;line-height:50px; float:top;margin-left:200px;}
.center_right_top a{text-decoration:none;color:blue;}
.center_right_bottom{border:1px solid silver;background-color:white;overflow:hidden; height:744px;width:1016px;position:relative;float:top;margin-left:200px;}
.center_right_bottom .sel_box{border:1px solid silver;width:350px;height:130px;margin:0;}
.center_right_bottom table{width:350px;height:130px; cellspacing:0px ;cellpadding:5px; line-height:26px;position:absolute;}
.center_right_bottom input{height:98%;}

第二处；

 check.php

<?php
include 'conn.php';
if(isset($_POST['Submit'])){
  
  $name = $_POST['name'];
  $num = $_POST['num'];
  
  $sql="select IDnum from tb_certificate where name='$name'" ;
  $result=mysql_query($sql);
  $row= mysql_fetch_array($result);
  mysql_free_result($result);
  mysql_close();
  if($row){
      if($row['IDnum']==$num){
          $_SESSION['ok']=1;
          echo '<script>setTimeout(\'window.location.href="result.php";\',3000);</script>';
      }
      else{
          $_SESSION['ok']=2;
          echo '<script>setTimeout(\'window.location.href="index.php";\',3000);</script>';
      }
  }else{
      $_SESSION['ok']=3;
       echo '<script>setTimeout(\'window.location.href="index.php";\',3000);</script>';
  }
}
?>
<html>
<head>
   <title>欢迎访问恒尚跆拳道</title>
   <meta http-equiv="Content-Type" content="text/html; charset=gbk" />
   <meta content="IE=edge" http-equiv="X-UA-Compatible">
   <meta name="keywords" content="恒尚、恒尚跆拳道" />
   <meta name="description" content="恒尚跆拳道，一个正在奋进的奔跑者" />
   <link href="style/style.css" rel="stylesheet">
   <script> 
       window.onscroll = function(){
	     window.scrollTo(0,0);
	   }
       window.onload=function(){
           show(); 
       }
       function show()  //显示隐藏层和弹出层 
       { 
   	    var hideobj=document.getElementById("hidebg"); 
   	    hidebg.style.display="block";  //显示隐藏层 
   	    hidebg.style.height=document.body.clientHeight+"px";  //设置隐藏层的高度为当前页面高度   px是后缀
   	    document.getElementById("hidebox").style.display="block";  //显示弹出层 
   	    } 
       function hide()  //去除隐藏层和弹出层 
       { 
   	    document.getElementById("hidebg").style.display="none"; 
   	    document.getElementById("hidebox").style.display="none"; 
   	   } 
       function open_()
       {
    	   window.location.href="http://www.hpu.edu.cn";
   	    }
   </script> 
   <style> 
      body { margin:0px;padding:0px;text-align: center; scroll:no} 
      #hidebg { position:absolute;left:0px;top:0px;float:top;
                background-color:silver;
                width:100%;  /*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/
                filter:alpha(opacity=60);  /*设置透明度为60%*/ 
                opacity:0.6;  /*非IE浏览器下设置透明度为60%*/ 
                display:block; /* http://www.jb51.net */ 
                z-Index:2;} 
                #hidebox { position:absolute;border:0px;width:400px;height:150px;top:200px;left:30%;filter:alpha(opacity=94);
                           opacity:0.95;display:block;z-Index:3;} 
                #content { z-Index:1; } 
                #hidebox .p1{background-color:#336699;width:100%;border:1px solid silver;float:left;margin-top:0px;}
                #hidebox
    </style> 
</head> 
<body> 
    <div id="hidebg"></div>  
    <div id="hidebox">
       <div><img src="images/wait.gif" style="border:0px; width:20%;margin:2% 0;"><br/><span style="color: yellow;">正在查询...</span></div>
    </div> 
    <div id="content">
        <div class="top">
           <img src="images/top.jpg">
        </div>
        <div class="center">
           <div class="center_left">
              <img src="http:../images/log.jpg">
           </div>
           <div class="center_right_top">
              <p><span style="font-weight: bold;font-size:17px; margin-left:-750px;">您的当前位置：</span><span style="color:blue;"><a href="http:../">首页</a></span> / <span>证书查询</span></p>
           </div>
           <div class="center_right_bottom">
              <div align="center" class="sel_box">
               <form action="check.php" method="post" id="form1" name="form1">
                 <table border="1">
                    <tr>
                        <td colspan="2" align="center" bgcolor="#CCCCCC"><strong>请输入信息</strong></td>
                    </tr>
                    <tr>
                        <td width="121" align="right">姓名：</td>
                        <td width="320" align="left"><label><input type="text" name="name" /></label></td>
                    </tr>
                    <tr>
                        <td align="right">证件号：</td><td align="left"><label><input type="text" name="num" /></label></td>
                    </tr>
                    <tr>
                        <td align="right"> </td>
                        <td align="center" ><label><input style="background-color: #68dcfc; width:30%; height:17%;" type="submit" name="Submit" onclick="f1()" value="提交" /></label></td>
                    </tr>
                 </table>
               </form>
              </div> 
           </div>
        </div>
        <div>
        <?php 
           include_once 'bottom.php';
        ?>
       </div>
</div>
</body>
</html>

第三处

 result.php


结果页面就不说啦。。。。

为了它，费劲心思啊，还好，终于完成啦。。。。

评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值