html登录界面_php实现登录功能

原文：https://blog.csdn.net/ccy1995414/article/details/80638685

自然是从最简单的功能起步，我第一个任务选择了做一个登录操作，其实也没想象中那么简单。

1.首先自然是连接和创建数据库

这部分我写在model.php中

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

2.写前台页面，为了熟练前端框架，用了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>注册登录系统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 ";     }    else{         echo ";    };

4.文件目录

5.效果

6.小结

总体上不是特别困难，因为功能十分简单，下一步的任务是加入注册功能，以及验证码功能。

ENDPHP开源社区

扫描关注进入”PHP资料“

免费获取进阶

面试、文档、视频资源

html登录界面_php实现登录功能相关推荐

php mysql注册登录界面_php实现登录注册界面
php实现登录注册界面首先你要搭建一个自己的数据库我用wamp64创了一个people的数据库具体操作可以参考该搭建链接: 这里就讲下我实现的功能代码: 创建sql.func.php实现一些基本 ...
php的登录页面怎么弄,php登录界面_php简单登录页面
摘要腾兴网为您分享:php简单登录页面,一起成长,携程,小米社区,享家等软件知识,以及音频转文字,化学实验模拟软件,给力么,甘肃扶贫信息网,qq群成员提取工具,初中文言文全解,crossword英文 ...
基于pyqt5的登录界面及人脸识别功能界面相互跳转的设计（1）
基于pyqt5的登录界面及人脸识别功能界面相互跳转的设计(1) 这个是登录界面: 部分代码如下: // An highlighted block from 文件1 import * from PyQt ...
玩转Windows个性化登录界面 (更换Windows7登录界面图片/XP仿Win7登录界面)
玩转Windows个性化登录界面 (更换Windows7登录界面图片/XP仿Win7登录界面)
登录界面的验证登录以及session的使用
登录界面的验证登录以及session的使用一.实验要求 (1) 新建 login.jsp 页面,其中,包含登录所需用户名与密码字段. 以及提交(input)和重新填写按钮(reset):表单meth ...
php静态登录界面代码,JSP_JSP登录验证功能的实现，静态的登录界面的设计login.htm - phpStudy...
JSP登录验证功能的实现静态的登录界面的设计login.htm,代码如下: 系统登录系统登录用户名密码将登录用户输入的信息提交到login.js ...
php mysql ajax登录界面_PHP+jQuery+Ajax实现用户登录与退出
本文使用Ajax无刷新登录和退出,从而提升了用户体验. 若用户为登录状态,则显示用户相关登录信息,否则显示登录表单. 用户登录与退出功能应用在很多地方,而在有些项目中,我们需要使用Ajax方式进行登录 ...
linux登录界面说明,Linux登录界面以及简单使用入门
一.登录界面介绍安装完操作系统以后,就进入到linux登录界面,linux默认登录界面可以分为:字符界面和图形界面: 图形界面如下所示: 字符界面如下所示: 字符登录界面的含义: CentOS re ...
java图形用户登录界面_Java简单登录图形界面
一.登录界面 1.程序代码 1 import java.awt.*;//导入awt包 2 import javax.swing.*;//导入swing包 3 import java.awt.event ...

html登录界面_php实现登录功能

html登录界面_php实现登录功能相关推荐

最新文章

热门文章