服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - PHP教程 - 基于PHP的登录和注册的功能的实现

基于PHP的登录和注册的功能的实现

2021-10-21 12:50qq_29656961 PHP教程

这篇文章主要介绍了基于PHP的登录和注册的功能的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

1.新建三个html文件,两个php文件和若干个css文件和若干个js文件

2.登录的html页面显示效果图

基于PHP的登录和注册的功能的实现

3.注册的页面的显示效果图

基于PHP的登录和注册的功能的实现

4.登录页面的form表单代码

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<div class="sign-con w1200">
            <img src="img/logn-tu.gif" class="sign-contu f-l"/>
            <form action="login.php" method="post">
                <div class="sign-ipt f-l">
                    <p>用户名:</p>
                    <input type="text" name="username" placeholder="手机号/邮箱" />
                    <p>密码:</p>
                    <input type="password" name="password" placeholder="密码可见" />
                    <br />
                    <button class="slig-btn">登录</button>
                    <p>
                        没有账号?请
                        <a href="regist.html" rel="external nofollow" >注册</a>
                        <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="wj">忘记密码?</a>
                    </p>
                    <div class="sign-qx">
                        <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="f-r">
                            <img src="img/sign-xinlan.gif" />
                        </a>
                        <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="qq f-r">
                            <img src="img/sign-qq.gif" />
                        </a>
                        <div style="clear: both;"></div>
                    </div>
                </div>
            </form>
            <div style="clear: both;"></div>
        </div>

5.注册页面的form表单代码

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<div class="password-con registered">
            <form action="regist.php" method="post">
                <div class="psw">
                    <p class="psw-p1">用户名</p>
                    <input type="text" name="username" placeholder="hr了" />
                    <span class="dui"></span>
                </div>
                <div class="psw">
                    <p class="psw-p1">输入密码</p>
                    <input type="password" name="password" placeholder="请输入密码" />
                    <span class="cuo">密码由6-16的字母、数字、符号组成</span>
                </div>
                <div class="psw">
                    <p class="psw-p1">确认密码</p>
                    <input type="password" name="repassword" placeholder="请再次输入密码" />
                    <span class="cuo">密码不一致,请重新输入</span>
                </div>
                <div class="psw psw2">
                    <p class="psw-p1">手机号/邮箱</p>
                    <input type="text" name="telphone" placeholder="请输入手机/邮箱验证码" />
                    <button>获取短信验证码</button>
                </div>
                <div class="psw psw3">
                    <p class="psw-p1">验证码</p>
                    <input type="text" placeholder="请输入验证码" />
                </div>
                <div class="yanzhentu">
                    <div class="yz-tu f-l">
                        <img src="img/psw-yanzhengtu.gif" />
                    </div>
                    <p class="f-l">
                        看不清楚?
                        <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >换张图</a>
                    </p>
                    <div style="clear: both;"></div>
                </div>
                <div class="agreement">
                    <input type="checkbox" name="hobby" />
                    <p>
                        我有阅读并同意
                        <span>《宅客微购网站服务协议》</span>
                    </p>
                </div>
                <button type="submit" value="注册" class="psw-btn">立即注册</button>
                <p class="sign-in">
                    已有账号?请
                    <a href="login.html" rel="external nofollow" >登录</a>
                </p>
            </form>
        </div><!-- 注册框结束 -->

6.login.php代码

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<?php
  header("content-type: text/html; charset=utf-8");
  $username = $_post['username'];
  $password = $_post['password'];
  $conn = new mysqli('localhost','root','root','shopping');
  if ($conn->connect_error){
    echo '数据库连接失败!';
    exit(0);
  }else{
    if ($username == ''){
      echo '<script>alert("请输入用户名!");history.go(-1);</script>';
      exit(0);
    }
    if ($password == ''){
      echo '<script>alert("请输入密码!");history.go(-1);</script>';
      exit(0);
    }
    $sql = "select username,password from userinfo where username = '$_post[username]' and password = '$_post[password]'";
    $result = $conn->query($sql);
    $number = mysqli_num_rows($result);
    if ($number) {
      echo '<script>window.location="index.html";</script>';
    } else {
      echo '<script>alert("用户名或密码错误!");history.go(-1);</script>';
    }
  }
?>

7.regist.php代码

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<?php
  header("content-type: text/html; charset=utf-8");
    $username = $_post['username'];
    $password = $_post['password'];
    $repassword = $_post['repassword'];
    $telphone = $_post['telphone'];
    if ($username == ''){
      echo '<script>alert("请输入用户名!");history.go(-1);</script>';
      exit(0);
    }
    if ($password == ''){
      echo '<script>alert("请输入密码");history.go(-1);</script>';
      exit(0);
    }
    if ($password != $repassword){
      echo '<script>alert("密码与确认密码应该一致");history.go(-1);</script>';
      exit(0);
    }
    if($password == $repassword){
      $conn = new mysqli('localhost','root','root','shopping');
      if ($conn->connect_error){
        echo '数据库连接失败!';
        exit(0);
      }else {
        $sql = "select username from userinfo where username = '$_post[username]'";
        $result = $conn->query($sql);
        $number = mysqli_num_rows($result);
        if ($number) {
          echo '<script>alert("用户名已经存在");history.go(-1);</script>';
        } else {
          $sql_insert = "insert into userinfo (username,password,telphone) values('$_post[username]','$_post[password]','$_post[telphone]')";
          $res_insert = $conn->query($sql_insert);
          if ($res_insert) {
            echo '<script>window.location="index.html";</script>';
          } else {
            echo "<script>alert('系统繁忙,请稍候!');</script>";
          }
        }
      }
    }else{
      echo "<script>alert('提交未成功!'); history.go(-1);</script>";
    }
?>

8.进入首页后的图片

基于PHP的登录和注册的功能的实现

9.数据库的图片

基于PHP的登录和注册的功能的实现

到此这篇关于基于php的登录和注册的功能的实现的文章就介绍到这了,更多相关php实现登录和注册的功能内容请搜索服务器之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持服务器之家!

原文链接:https://blog.csdn.net/qq_29656961/article/details/78924085

延伸 · 阅读

精彩推荐