mysql+phpstrom10.04写一个简单登录注册界面

因为用的phpstrom10的版本,所以接收的时候都是用get,试了一些百度的方法换成post但是没有成功,可能还不是太熟悉这个编辑器

大家如果有啥看法换用提出来,毕竟我也是初学者。。只是来探测一些php的神秘,下面是干货


这是phpstrom主要的界面



这是native sql的界面


create_table.php的代码如下
<?php
$servername ="localhost";
$username="root";
$password="";
$dbname="test";
$con =new mysqli($servername,$username,$password,$dbname);
    if($con){
        $sql="create table user_data
(
            id int(5) not null auto_increment PRIMARY KEY  ,
            name char(10) not NULL DEFAULT ' ',
            password CHAR (12) NOT NULL default '',
            age INT(3) NOT NULL ,
            sex VARCHAR(30)NOT NULL default '',
            mail VARCHAR(30) NOT NULL default ''  ,
            qq VARCHAR(30)NOT NULL default '' ,
            degree VARCHAR(30) NOT NULL default '' ,
            fav VARCHAR(50)NOT NULL default ''
) ENGINE=InnoDB DEFAULT CHARSET=utf8 ";
        if ($con->query($sql) === TRUE) {
            echo "Table MyGuests created successfully";
        } else {
            echo "创建数据表错误: " . $con->error;
        }
    }
else
{
    echo "连接服务器时出现错误";
}


deal.php的代码
<?php
error_reporting(0);
header("Content-type: text/html;charset=utf-8");

if($_GET){
        $user =$_GET["user"];
        $pass=$_GET[pass];
        $age =$_GET[age];
        $sex=$_GET[sex];
        $mail=$_GET[mail];
        $qq=$_GET["qq"];
        $degree=$_GET["degree"];
        $fav = $_GET["fav"];
        $len = count($fav);
        $fav_z="";
        for($i = 0;$i<$len;$i++){
            $fav_z=$fav_z.$fav[$i];                   /*获取所有业余爱好*/
            if($i<len-1) $fav_z=$fav_z.+" ";
        }
$con =new mysqli("localhost","root","","test");
    if($con->connect_error){
        die("连接失败:".$con->connect_error);
    }
    $sql="insert into user_data(name,password,age,sex,mail,qq,degree,fav)
value('$user','$pass','$age','$sex','$mail','$qq','$degree','$fav_z')";
    $re=mysqli_query($con, $sql);
    if($re) echo"成功插入记录";
    else  echo "Error: " . $sql . "<br>" . mysqli_error($con);
    echo "<p>";
}
}
else
{
   echo "没有任何提交内容!<br>";
}
echo "<br>点<a href='reg.html'>这里</a>返回 "
?>;


go.php的代码如下

<?php
error_reporting(0);
header("Content-type: text/html;charset=utf-8");
if($_GET){
        $user = $_GET["user"];
        $pass=$_GET["pass"];
    $con =new mysqli("localhost","root","","test");
    if($con->connect_error){
        die("连接失败:".$con->connect_error);
    }
    $sql = "select id from user_data where name ='$user' and password ='$pass'";
    $resule = mysqli_query($con,$sql);
    $num=mysqli_num_rows($resule);
    if($num>0){
        echo"成功登陆".$user."<p>";
        echo "点这里进入主界面";
    }

    else{
        echo"你输入的用户或者密码有误";
        echo "<p>";
        echo"点<a href='login.html'>这里</a>重新登录";
        echo "<p>";
        echo "如果没有注册,点<a href='reg.html'>这里 </a>进行注册";
    }
}
else{
    echo"没有提交任何内容";
}


login.html的代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <script language="javascript">
        function  check(f){
            if(f.user.value==" "){
                alert("请输入用户名称");
                f.user.focus();
                return (flase);
            }
            if(f.pass.value==""){
                alert("请输入用户密码");
                f.pass.focus();
                return (flase);
            }

        }
    </script>
<h3>用户登录</h3>
    <table border="1" cellspacing="0" cellpadding="1" width="280">
    <form method="get" action="go.php" onsubmit="return check(this)">
    <tr>
        <td colspan="2" align="center" bgcolor="#9999ff">输入登陆内容 </td>
    </tr>
     <tr>
        <td align="right" width="30%">用户名: </td>
        <td width="70%"><input type="text" name ="user"></td>
     </tr>
        <tr>
            <td align="center" >  密  码:</td>
            <td><input type="password" name = "pass" size="21"></td>
        </tr>
        <tr>
            <td colspan="2" align="center">
             <input type="submit" value="登录">
                <input type="reset" value="重填">
            </td>
        </tr>
    </form>
    </table>
</body>
</html>

reg.html的代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content=”text/html; charset=utf-8″>
    <meta charset="UTF-8">
    <title>用户注册</title>
</head>
<body>
     <script language="JavaScript">
         function  check(f)
         {
             if(f.user.value==null)
             {
                 alert("请输入用户名称");
                 f.user.focus();
                 return (false);
             }
             if(f.pass.value=="")
             {
                 alert("请输入用户密码");
                 f.pass.focus();
                 return (false);
             }
             if(f.pass.value!= f.pass2.value)
             {
                 alert("重复密码与密码不一致");
                 f.pass2.focus();
                 return (false);
             }
             if(f.age.value=="")
             {
                 alert("请输入年龄");
                 f.age.focus();
                 return (false);
             }
             if(f.mail.value=="")
             {
                 alert("请输入电子邮箱");
                 f.mail.focus();
                 return (false);
             }


         }
     </script>
  <!-- <style type="text/css">
    </style>-->
        <h3>用户注册</h3>
            <table border="1" cellspacing="0" cellpadding="1" width="400" >
                <form method="get" action="deal.php" onsubmit="return check(this)">
                    <tr>
                        <td colspan="2" align="center" bgcolor="#ff00ff">输入相应的内容</td>
                    </tr>
                    <tr>
                        <td align="right" width="30%">用户名:</td>
                        <td width="70%"><input type="text" name="user" size="23"></td>
                    </tr>
                    <tr>
                        <td align="right">密码: </td>
                        <td><input type="password" name="pass"></td>
                    </tr>
                    <tr>
                        <td align="right">重复密码:</td>
                        <td ><input type="password" name="pass2"></td>
                    </tr>
                    <tr>
                        <td align="right">年龄:</td>
                        <td ><input type="text" name="age"></td>
                    </tr>
                    <tr>
                        <td align="right">性别:</td>
                        <td ><input type="radio"  value="男" name="sex" checked>男
                        <input type="radio"  value="女" name="sex">女</td>
                    </tr>
                    <tr>
                        <td align="right">电子邮箱:</td>
                        <td ><input type="text" name="mail" size="23"></td>
                    </tr>
                    <tr>
                        <td align="right">QQ号码:</td>
                        <td ><input type="text" name="qq"></td>
                    </tr>
                    <tr>
                        <td align="right">学历:</td>
                        <td>
                            <select name="degree" size="1">
                                <option value="研究生">研究生</option>
                                <option value="大学">大学</option>
                                <option value="中学">中学</option>
                                <option value="小学">小学</option>
                                <option value="幼儿园">幼儿园</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td align="right">业余爱好:</td>
                        <td>
                            <input type="checkbox" value="游戏" name="fav[]">游戏
                            <input type="checkbox" value="音乐" name="fav[]">音乐
                            <input type="checkbox" value="电影" name="fav[]">电影
                            <input type="checkbox" value="吃饭" name="fav[]">吃饭<br>
                            <input type="checkbox" value="睡觉" name="fav[]">睡觉
                            <input type="checkbox" value="发呆" name="fav[]">发呆
                            <input type="checkbox" value="裸奔" name="fav[]">裸奔
                            <input type="checkbox" value="旅游" name="fav[]">旅游<br>
                            <input type="checkbox" value="赛车" name="fav[]">赛车
                            <input type="checkbox" value="游泳" name="fav[]">游泳
                            <input type="checkbox" value="长跑" name="fav[]">长跑
                            <input type="checkbox" value="跳伞" name="fav[]">跳伞
                        </td>
                    </tr>
                    <tr>
                       <td colspan="2" align="center">
                           <input type="submit" value="提交">
                           <input type="reset" value="重填">
                       </td>
                    </tr>
                </form>
            </table>
</body>
</html>

效果如下:









猜你喜欢

转载自blog.csdn.net/qq_20073741/article/details/53559905
今日推荐