Maison > Article > développement back-end > Comment implémenter la page de connexion en php

Comment implémenter la page de connexion en php

爱喝马黛茶的安东尼original: 2019-09-29 15:14:427639parcourir

Naturellement, j'ai commencé avec les fonctions les plus simples. Ma première tâche a été d'effectuer une opération de connexion, ce qui n'était en fait pas aussi simple que je l'imaginais.

1. La première étape consiste à se connecter et à créer la base de données

J'ai écrit cette partie dans model.php

$userName=&#39;root&#39;;
$passWord=&#39;&#39;;
$host=&#39;localhost&#39;;
$dataBase=&#39;login&#39;;
//创建连接
$conn=mysqli_connect($host,$userName,$passWord,$dataBase);

Recommandations associées : "configuration de l'environnement php 》

2. Écrivez la page d'accueil Afin de maîtriser le framework front-end, utilisez l'interface du framework layui. Il y a un code js devant pour déterminer si la saisie du nom d'utilisateur et du mot de passe est effectuée. vide.

<!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 est utilisé pour déterminer l'exactitude du nom d'utilisateur et du mot de passe. À ce sujet, j'ai lu de nombreuses méthodes sur Internet, et il existe toutes sortes de méthodes. Avant de rencontrer des obstacles, j'ai lu de nombreuses méthodes. a décidé d'utiliser d'abord un formulaire simple, qui consiste à utiliser des instructions SQL pour interroger l'ensemble de résultats du nom d'utilisateur et du mot de passe. Si l'ensemble de résultats est vide, l'utilisateur n'existe pas.

<?php
//数据库连接
require_once &#39;model.php&#39;;
//从登录页接受来的数据
$name=$_POST[&#39;username&#39;];
$pwd=$_POST[&#39;password&#39;];
$sql="select id,username,password from user where username=&#39;$name&#39; AND password=&#39;$pwd&#39;;";
$result=mysqli_query($conn,$sql);
$row=mysqli_num_rows($result);
 
if(!$row){
 
        echo "<script>alert(&#39;密码错误，请重新输入&#39;);location=&#39;login.html&#39;</script>";
 
    }
    else{
 
        echo "<script>alert(&#39;登录成功&#39;);location=&#39;123&#39;</script>";
    };

4. Répertoire de fichiers

Comment implémenter la page de connexion en php

5. L'effet est le suivant :

Comment implémenter la page de connexion en php

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

php sql layui 前端框架 JS 数据库

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment implémenter la fonction de code de vérification en phpArticle suivant：Comment implémenter la fonction de code de vérification en php

Articles Liés

Voir plus