注册登录页面代码用js判断是否填入信息_php实现登录功能

d8f9b0bd414aa99726d52b30dffff515.png

原文: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.文件目录

6aa29a4a5f6f04ecc87ccec239b4bfa6.png

5.效果

efede57b1dda8620b0f8477d91815495.png

a520c6dd16aaad8ee5ff33aa0d1ca8cb.png

6.小结

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

d224367f92ccbf597844591da2b198ab.pngEND7cf5a4ae7d76906f1f7b364c3c7f9e5b.pngPHP开源社区

扫描关注  进入”PHP资料“

免费获取进阶

面试、文档、视频资源

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/428337.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

pagecontrol

PageControl组件位于组件板的Win32页中&#xff0c;该组件用于 实现窗体上多页面技术&#xff0c;每个页面上均能添加若干控件。程序运行时&#xff0c;单击页面标签就可以在多页之间切换。1&#xff0e;建立多页 用鼠标右键单击PageControl组件&#xff0c;在弹出式菜单中选择…

python网络通信框架_【python:flask-SocketIO】网络通信框架简单了解

Flask是一个用python开发的网络应用微框架。http://docs.jinkan.org/docs/flask/​docs.jinkan.org 而flask-SocketIO 为flask应用提供了一个客户端与服务器之间低延迟的双向通信。客户端应用可以用Javascript,C,Java,Swift或者其它任意的编程语言的socketio官方库的客户端去和…

如何交叉编译Python到ARM-Linux平台(转)

源&#xff1a; 如何交叉编译Python到ARM-Linux平台转载于:https://www.cnblogs.com/LittleTiger/p/8257720.html

Linux 4.15 rc7,Linux学习之十五(sed命令)-2017-4-23

sed命令&#xff1a;流编辑器1、sed基本用法&#xff1a;sed:Stream EDitor行编辑器(全屏编辑器&#xff1a;vi)2、sed&#xff1a;模式空间(默认不编辑原文件&#xff0c;仅对模式空间中的数据做处理&#xff0c;处理结束后&#xff0c;将模式空间打印至屏幕)3、sed [options…

CAS单点登陆的两个原理图

最近学习CAS单点登录&#xff0c;所以在网上找了两张比较清晰的原理图以供参考&#xff1a; 【CAS浏览器请求认证序列图】 其中&#xff1a;* ST&#xff1a;Service Ticket&#xff0c;用于客户端应用持有&#xff0c;每个ST对应一个用户在一个客户端上* TGT&#xff1a;Tick…

java api帮助文档_JAVA的Swagger界面丑、功能弱怎么破?

在做CRMEB-JAVA开源商城系统时&#xff0c;我们团队用到了uni-app&#xff0c;也是时下比较流行的移动端开发技术&#xff0c;这里边就牵扯到了前后端全部分离的问题&#xff0c;一般在使用java开发前后端分离项目的时候&#xff0c;都会用到Swagger&#xff0c;Swagger 是一个…

C语言作业不足之处,C语言和汇编语言的优缺点分析-控制器/处理器-与非网

本文主要是关于汇编和 C 语言的相关介绍&#xff0c;并着重对汇编和 C 语言的不同及其编程技巧进行了详尽的阐述。汇编和 C 语言C 语言和汇编语言的区别在于他们之间优缺点几乎是相反的。C 语言和汇编语言的优缺点&#xff1a;以 c 来举例优点&#xff1a;c 的运行效率高&#…

mysql5.6.8源码安装

mysql5.6.8源码安装 内核&#xff1a; [rootopop ~]# cat /etc/centos-release CentOS release 6.8 (Final)[rootopop ~]# uname -aLinux opop 2.6.32-642.el6.x86_64 #1 SMP Tue May 10 17:27:01 UTC 2016 x86_64 x86_64 x86_64 GNU/Linux mysql5.6.8的源码包下载地址&#xf…

python xlrd模块_python之xlrd模块

xlrd模块 一、xlrd模块 1、python操作excel主要用到xlrd和xlwt这两个库&#xff0c;即xlrd是读excel&#xff0c;xlwt是写excel的库&#xff0c;这两个适用于.xls格式有效 2、 xlrd模块安装 在cmd窗口 pip install xlrd 二、使用介绍 1、常用单元格中的数据类型 ♦ 0. empty&am…

c语言取反运算详细步骤,C语言取反运算~

问题&#xff1a; printf("%x,%d\n",~7,~7);解&#xff1a;十进制数字 7 的二进制码00000000 00000000 00000000 00000111按位取反运算 ~711111111 11111111 11111111 11111000所以 printf("%x\n",~7); //十六进制输出&#xff1a;fffffff811111111 111…

set集合判断集合中是否有无元素_一文了解 JavaScript 中的 Set(集合)- 对 Set 的扩展...

阅读全文需要 4 分钟。主要介绍对 ES6 中的 Set 集合方法的扩展。阅读本文后&#xff0c;你能创建出对 Set 方法扩展&#xff0c;并且结合下期内容&#xff0c;将其发布到 NPM 中。往期回顾一文了解 JavaScript 中的 Set(集合)一文了解 JavaScript 中的 Set(集合)- 多种去重技巧…

c语言大数的加减运算,求用C编个大数加减法运算程序

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼只写过加法的&#xff0c;杭电的A B Problem (II)(AC)&#xff1a;#include #include #include #define N 3000int main(void){int n, i, j, k, p, q, a, b, t, up;char s[N];scanf("%d ", &n);for (i 0; i < n…

从面试官角度告诉大家如何准备项目方面的描述

之前写了篇博文&#xff0c;你的简历能帮你争取到面试机会吗&#xff0c;反响不错&#xff0c;也承蒙管理员抬爱&#xff0c;放在首页&#xff0c;为了答谢大家&#xff0c;在这篇博文里&#xff0c;我来分享些如何准备和叙述项目经验的技巧。 本文的内容是根据java web轻量级开…

站怎么点都是一样_老鼠被卡在轮胎里,像是被点了穴道一样:这可怎么办才好?...

从小就被灌输了一个思想&#xff1a;猫和老鼠是天敌&#xff0c;也没有想过这样根深蒂固的思想有一天会发生变化。直到有天偶然看到猫咪被老鼠吓到四处乱窜才觉得这一定理并非是永恒不变的&#xff0c;毕竟生活总是充满着惊喜与惊吓。来看看下面这个小故事&#xff0c;感受一下…

-3.14c语言四舍五入,(4.14)向上取整、向下取整、四舍五入取整的实例

【四舍五入取整截取】select round(54.56,0) 【向下取整截取】SELECT FLOOR(54.56) 【向上取整截取】SELECT CEILING(13.15)以下转自&#xff1a;http://www.2cto.com/database/201209/156996.html--MSSQL取整函数的使用--两个整数相除将截断小数部分select 3/4,4/3,5/3--结果…

sql空字符串判断函数_access常用的内置函数

&#xfeff;&#xfeff;新朋友点“Office交流网“蓝字关注我们Access提供了几种类型的函数&#xff0c;可将这些函数分为以下几类&#xff1a;转换&#xff1a;把一个值转换为另一个。日期/时间&#xff1a;返回日期和/或时间值。判断检查&#xff1a;判断是否正确算术计算&a…

实验吧—Web——WP之 Guess Next Session

打开链接&#xff0c;他有给出查看原码的按钮&#xff0c;那么我们打开看看 在这个里面&#xff0c;如果GET的值等于session的就会给出flag 那么我们进行抓包改包 在输入框内随意输入一个值然后抓包 将password的值删去&#xff0c;并且将cookie后面的PHPsessid的值也删去&…

简易贪吃蛇c语言贴吧,熬书几个月,终于编出简易的贪吃蛇了,VS2013

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼#include#include#include#include#define X 30#define Y 15void guozi(int *x, int *y);int main(void){char map[X][Y];int x;int y;//横纵坐标int i;int j;//标记蛇头int p, q;//标记蛇尾int t, d;//寻找蛇尾int n 4;//蛇的长度…

linux命令行提示符居中,linux命令行学习(54):修改提示符

提示符由环境变量PS1决定&#xff0c;所以&#xff0c;修改提示符就是修PS1的值。一、保存PS1原来的值以及恢复原值为了防止麻烦&#xff0c;在修改PS1的值之前&#xff0c;可以先将PS1的值保存起来&#xff0c;以备以后恢复。我们建立一个环境变量ps1执行命令&#xff1a;ps1&…

flask(精讲)

Flask 一&#xff1a;web框架Django和Flask本质 socket服务端 ?123wsgi&#xff1a; Web服务网关接口- wsgiref # Django内部内置模块- werkzeug # Flask安装完成后&#xff0c;内部默认已经安装好werkzeugfrom werkzeug.wrappers import Request, Respons…