温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

实现PHP的登录和注册的上的功能

发布时间:2020-08-10 10:52:43 来源:亿速云 阅读:155 作者:小新 栏目:开发技术

这篇文章将为大家详细讲解有关实现PHP的登录和注册的上的功能,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

1.新建三个html文件,两个php文件和若干个CSS文件和若干个JS文件

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

实现PHP的登录和注册的上的功能

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

实现PHP的登录和注册的上的功能

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

<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 ></div>
					</div>
				</div>
			</form>
			<div ></div>
		</div>

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

<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 ></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代码

<&#63;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>';
    }
  }
&#63;>

7.regist.php代码

<&#63;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>";
    }
&#63;>

8.进入首页后的图片

实现PHP的登录和注册的上的功能

9.数据库的图片

实现PHP的登录和注册的上的功能

关于实现PHP的登录和注册的上的功能就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI