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='root'; $passWord=''; $host='localhost'; $dataBase='login'; //创建连接 $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>
<?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>"; };
Explication du contenu lié à JavaScript
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!