page contents

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
  • 阅读 ( 502 )
  • 分类:操作系统

0 条评论

请先 登录 后评论
Pack
Pack

1135 篇文章

作家榜 »

  1. 轩辕小不懂 2403 文章
  2. 小柒 1490 文章
  3. Pack 1135 文章
  4. Nen 576 文章
  5. 王昭君 209 文章
  6. 文双 71 文章
  7. 小威 64 文章
  8. Cara 36 文章