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>

效果如下:









發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章