php实现登录功能

自然是从最简单的功能起步,我第一个任务选择了做一个登录操作,其实也没想象中那么简单。

attachments-2020-09-XIfiafJq5f6c5a643349f.png

自然是从最简单的功能起步,我第一个任务选择了做一个登录操作,其实也没想象中那么简单。

 

1.首先自然是连接和创建数据库

 这部分我写在model.php中

$userName='root';

$passWord='';

$host='localhost';

$dataBase='login';

//创建连接

$conn=mysqli_connect($host,$userName,$passWord,$dataBase);

2.写前台页面,为了熟练前端框架,用了layui框架使界面,前面有一段js代码,来判断用户名密码输入是否为空



<!DOCTYPE html>

<html>

<script src="layui.js";></script>

<link rel="stylesheet" href="layui.css" ;>

<head>

    <meta charset="UTF-8">

    <title>注册登录</title>

</head>

<script language=JavaScript>

    function InputCheck()

{

        if (Login.username.value == "")

            {

             alert("请输入用户名!");

             Login.username.focus();

             return (false);

             }

        if (Login.password.value == "")

             {

               alert("请输入密码!");

               Login.password.focus();

            return (false);

             }

         }

</script>

<body style="background: #1E9FFF">

<div style="position: absolute; left: 50%; top: 50%;width: 500px; margin-left:-250px; margin-top: -200px">

    <div style="background: #FFFFFF; padding: 20px;border-radius: 4px;box-shadow: 5px 5px 20px #444444" >

        <div>

            <form action="login.php" method="post" name="Login" οnsubmit="return InputCheck()">

                <div style="color: gray">

                    <h2>注册登录系统</h2>

                </div>

                <hr>

                <div>

                    <label>用户名</label>

                    <div>

                        <input type="text" name="username" id="username" placeholder="用户名" autocomplete="off">

                    </div>

                </div>

                <div>

                    <label>密    码</label>

                    <div>

                        <input type="password" name="password" id="password" placeholder="密码" autocomplete="off">

                    </div>

                </div>

                <div>

                    <div;>

                        <input type="submit" value="登录">

                        <input type="button" value="注册">

                    </div>

                </div>

            </form>

        </div>

    </div>

</div>

</body>

</html>


3.login.php 用来判断用户名密码的正确性,关于这一点我看了网上的很多方法,五花八门,在我没遇到障碍之前,我决定先用简单的形式,就是用sql语句查询用户名配上密码的结果集,结果集为空,则不存在该用户。 



<?php

 

//数据库连接

require_once 'model.php';

//从登录页接受来的数据

$name=$_POST['username'];

$pwd=$_POST['password'];

$sql="select id,username,password from user where username='$name' AND password='$pwd';";

$result=mysqli_query($conn,$sql);

$row=mysqli_num_rows($result);

 

if(!$row){

 

        echo "<script>alert('密码错误,请重新输入');location='login.html'</script>";

 

    }

    else{

 

        echo "<script>alert('登录成功');location='123'</script>";

    };


4.文件目录

attachments-2020-09-lNn0INDV5f6c5ac0c6a75.png

 

5.效果

attachments-2020-09-pjt8bWH75f6c5aa183cfb.pngattachments-2020-09-d6yDXvmg5f6c5aab31c69.png


6.小结

总体上不是特别困难,因为功能十分简单,下一步的任务是加入注册功能,以及验证码功能。


attachments-2020-09-Jy8YL6kv5f6c5a76431c0.jpg

原文:https://blog.csdn.net/ccy1995414/article/details/80638685

  • 发表于 2020-09-24 16:37
  • 阅读 ( 53 )
  • 分类:操作系统

0 条评论

请先 登录 后评论

作家榜 »

  1. 六星官方社区工作人员 1094 文章
  2. 吉洪叶 19 文章
  3. 天晓冥 2 文章
  4. muEasy 2 文章
  5. 百日慕晴 2 文章
  6. baiyang 2 文章
  7. plum 1 文章
  8. 周前 1 文章