注册登录页面代码用js判断是否填入信息_php实现登录功能
生活随笔
收集整理的這篇文章主要介紹了
注册登录页面代码用js判断是否填入信息_php实现登录功能
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
原文：https://blog.csdn.net/ccy1995414/article/details/80638685
自然是從最簡單的功能起步，我第一個(gè)任務(wù)選擇了做一個(gè)登錄操作，其實(shí)也沒想象中那么簡單。
1.首先自然是連接和創(chuàng)建數(shù)據(jù)庫
?這部分我寫在model.php中
$userName='root';$passWord='';$host='localhost';$dataBase='login';//創(chuàng)建連接$conn=mysqli_connect($host,$userName,$passWord,$dataBase);2.寫前臺(tái)頁面，為了熟練前端框架，用了layui框架使界面，前面有一段js代碼，來判斷用戶名密碼輸入是否為空
<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>注冊登錄系統(tǒng)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 用來判斷用戶名密碼的正確性，關(guān)于這一點(diǎn)我看了網(wǎng)上的很多方法，五花八門，在我沒遇到障礙之前，我決定先用簡單的形式，就是用sql語句查詢用戶名配上密碼的結(jié)果集，結(jié)果集為空，則不存在該用戶。?
<?php //數(shù)據(jù)庫連接require_once 'model.php';//從登錄頁接受來的數(shù)據(jù)$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 "; } else{ echo "; };4.文件目錄
5.效果
6.小結(jié)
總體上不是特別困難，因?yàn)楣δ苁趾唵?#xff0c;下一步的任務(wù)是加入注冊功能，以及驗(yàn)證碼功能。
ENDPHP開源社區(qū)掃描關(guān)注? 進(jìn)入”PHP資料“
免費(fèi)獲取進(jìn)階
面試、文檔、視頻資源
總結(jié)
以上是生活随笔為你收集整理的注册登录页面代码用js判断是否填入信息_php实现登录功能的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Sencha ID的注册
- 下一篇： php htts cookies,Htt