Maison > Article > développement back-end > Analyse de code pertinente pour php pour implémenter la fonction de connexion

Analyse de code pertinente pour php pour implémenter la fonction de connexion

jackloveoriginal: 2018-06-11 22:15:321473parcourir

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 chose est de se connecter et de 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);

2. . Afin de maîtriser le framework front-end, le framework layui est utilisé pour créer l'interface. Il y a un code js devant lui pour déterminer si la saisie du nom d'utilisateur et du mot de passe est vide

<!DOCTYPE html>
<html lang="en">
<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">
<p style="position: absolute; left: 50%; top: 50%;width: 500px; margin-left:-250px; margin-top: -200px">
    <p style="background: #FFFFFF; padding: 20px;border-radius: 4px;box-shadow: 5px 5px 20px #444444" >
        <p class="layui-form">
            <form action="login.php" method="post" name="Login" onsubmit="return InputCheck()">
                <p class="layui-form-item" style="color: gray">
                    <h2>注册登录系统</h2>
                </p>
                <hr>
                <p class="layui-form-item">
                    <label class="layui-form-label">用户名</label>
                    <p class="layui-input-block">
                        <input type="text" name="username" id="username" placeholder="用户名" autocomplete="off" class="layui-input">
                    </p>
                </p>
                <p class="layui-form-item">
                    <label class="layui-form-label">密    码</label>
                    <p class="layui-input-block">
                        <input type="password" name="password" id="password" placeholder="密码" autocomplete="off" class="layui-input">
                    </p>
                </p>
                <p class="layui-form-item">
                    <p class="layui-input-block";>
                        <input type="submit" value="登录" class="layui-btn">
                        <input type="button" value="注册" class="layui-btn">
                    </p>
                </p>
            </form>
        </p>
    </p>
</p>
</body>
</html>

3.login.php est utilisé pour déterminer l'exactitude du nom d'utilisateur et du mot de passe. Sur ce point, j'ai regardé de nombreuses méthodes sur Internet, et il y avait toutes sortes de méthodes avant de rencontrer des obstacles, j'ai décidé d'utiliser. d'abord une forme 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

5. Effet

6. Résumé

Dans l'ensemble, ce n'est pas particulièrement difficile car la fonction est très simple. La tâche suivante consiste à ajouter la fonction d'enregistrement et la fonction de code de vérification.

Cet article explique le code php pertinent pour implémenter la fonction de connexion. Pour plus de contenu connexe, veuillez faire attention au site Web chinois de php.

Recommandations associées :

Explication du contenu lié à JavaScript

Explication des bases du HTML

Le tutoriel pratique $.ajax+php charge automatiquement plus d'articles expliquant le principe lorsque vous le déroulez

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 JavaScript sql ajax layui html 前端框架 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：Tutoriel pratique $.ajax+php pour charger automatiquement plus d'articles lorsque vous déroulez l'explication principaleArticle suivant：Tutoriel pratique $.ajax+php pour charger automatiquement plus d'articles lorsque vous déroulez l'explication principale

Articles Liés

Voir plus