我在校期间并非计算机专业出身，但有过接触Linux、Perl和C语言的经历。今年毕业后，我花了一些时间学习html和css。近期，我成功获得了一份PHP程序员的职位。在面试过程中，人力资源部要求我制作一个注册登录页面，我用了三天时间完成了这个简单的页面。现在，我将代码分享出来。

首先，我们来到注册页面。在注册过程中，需要关注几个关键点：首先，确保输入信息的合法性，这一目标可以通过技术手段实现；其次，需检查用户名、手机号等关键信息是否已存在于数据库中，这可以通过AJAX和PHP技术完成；最后，还需将这些信息进行存储，同样依赖AJAX和PHP技术。

在阿里大于提供的手机短信验证服务中，用户需先下载相应的SDK包。验证流程如下：首先，PHP脚本生成验证码并存储在数据库中；接着，通过阿里大于的短信接口将验证码发送给用户；然后，用户通过AJAX技术将输入的验证码值提交至后台的PHP脚本；最后，在后台PHP脚本中，系统将用户提交的验证码与数据库中存储的验证码进行比对。

接下来，我们关注的是登录页面。该页面主要负责核实信息是否与数据库存储的信息完全一致。

最后，待续……忘记密码的界面及功能实现。

一、注册界面成图如下：

Code1:  .html

  




  
欢迎注册
  
已有帐号，请登录



  

    
  
    

    

      
登录名称：
      

      

      

    
    

      
密码：
      

      

      

    
    

      
确认密码：
      

      

      

    
    

      
联系电话：
      

      

        
      

    
    

      
手机验证码
      

      

        
        
      
      

    
   
    

      
电子邮箱：
      

      

      

    
    
    
    

    

    

      
注册
      
重置
    
    
    
  


 

Code2   .css

body{
字体设置为Arial、Times New Roman或Serif系列。
font-style:normal;
font-weight:normal;
font-size:16px;}
.short-cut{
margin-left:50px;
width:1248px;
height:60px;
background-color:transparent;
display:table;
底部边框设置为5像素宽的浅灰色实线。
}
h1{
display:table-cell;
width:210px;
float:left;
vertical-align:middle;
font-size:24px;
}
h1:after{
visibility:hidden;
clear:both;
display:block;
height:0px;
content:".";}
.w{
position:relative;
top:0px;
left:90px;
width:1248px;
height:100%;
font-size:15px;}
}
#table1{
position:absolute;
width:50%;
margin-left:50px;
margin-top:50px;
}
#table1 td:nth-of-type(1){
width:90px;
height:55px;
border:0;
}
#table1 td:nth-of-type(2){
width:10px;
height:55px;
border:0;
}
#table1 td:nth-of-type(3){
width:300px;
height:54px;
border:1px;
}
针对表格中第1个表格的第3列的输入框，设定样式规则。
width:250px;
height:35px;}
在CSS选择器中，针对表格中第1行第3列的单元格，使用`:after`伪元素来添加特定样式。
content:"*";
font-size:18px;
color:red;}
#table1 td:nth-of-type(4){
font-size:12px;
color:red;}
#table2{
border:0;
width:300px;}
button{
width:120px;
height:40px;
color:white;
背景色设定为RGB值2, 114, 188。
border-radius:10%;
}

Code3 .php

"notValidate!");  
                }  
                else  
                {  
将列表定义为包含键“result”和值“validate!”的数组。
              }  
执行echo json_encode($list)语句，输出的结果将是一个包含双引号的最外层JSON字符串。
      
    ?>  

Code4 .php

"validate!");
              }  
                echo json_encode($list);//返回的是最外层加了双引号的json          
      
    ?> 

Code5 .php

  "notValidate!");  
                }  
                else  
                {  
                  $list=array("result"=>"validate!");
              }  
                echo json_encode($list);//返回的是最外层加了双引号的json          
      
    ?>  

Code6 .php

目的：生成随机验证码放在中，并利用阿里大于给用户发验证码

请确保你拥有一个appkey，这需要在阿里大于平台上创建一个应用（不限应用类型），通过这一步骤来获取你的appkey。
$c->setSecretKey(""); // 设置你的密钥为空字符串
创建了一个新的请求对象，该对象属于阿里巴巴的阿里云短信发送请求类，命名为 $req。
    $req->setSmsType("normal");
请求对象设定短信免费签名名称为“大盈若冲”。
调用函数setSmsParam，将参数设置为一个包含用户名和验证码的字符串，具体内容为：userName：$userName，vertificationCode：$vertiCode。
    $req->setRecNum("$phone");
    $req->setSmsTemplateCode("");
    $resp = $c->execute($req);
    echo $resp;
    var_dump($resp);
若($resp->result->success)成立，则输出“true”。
    //else{echo false;}
    }
执行发送短信操作，目标用户名为$_POST[username]，接收手机号为$_POST[phone]，验证码内容为$vertiCode。
?>

Code7 .php

//把用户输入的验证码和中存的验证码进行对比

"validate!");
    }
    else{
      $list=array("result"=>"notValidate!");
    }                 
     echo json_encode($list);
?>

Code8 .php

在完成表单的提交操作后，需将相关变量存入数据库，前提是已在数据库内创建了相应的表格，此过程已略去。

  弹出提示：“请核实信息的完整性。”，然后返回上一页面。";  
            }  
            else  
            {  
                if($psw == $psw_confirm)  
                {  
执行数据库连接操作，指定主机为"localhost"，用户名为"guest"，密码为"guest123"。
执行操作以选定名为"vt"的数据库。
执行命令mysql_query，以设置字符集为utf8。
构建的查询语句如下：，它旨在从“user”表中选取“username”字段，条件是“username”字段值等于用户提交的登录名称“$_POST[login_name]”。
执行SQL指令后，$result变量被赋予查询结果。
通过调用mysql_num_rows函数，我们能够获取到$result变量所代表的查询结果影响的行数，并将该数值赋值给$num变量。
                    if($num)    //如果已经存在该用户  
                    {  
                        echo "";  
                    }  
                    else    //不存在当前注册用户名称  
                    {  
构建的SQL语句为：向"user"表中插入数据，字段包括"username"、"password"、"phone"和"email"，具体值为从表单中获取的"login_name"、"password"、"phone"和"email"。
执行插入操作时，成功调用了mysql_query函数，并将查询语句$sql_insert作为参数传入。
                        if($res_insert)  
                        {  
                            echo "";  
                        }  
                        else  
                        {  
                            echo "";  
                        }  
                    }  
                }  
                else  
                {  
                    echo "";  
                }  
            }  
        }  
        else  
        {  
            echo "";  
        }  
    ?>