注册登录页面代码用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,一经查实,立即删除!

相关文章

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 的运行效率高&#…

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…

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

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

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

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

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的值也删去&…

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…

c++builder 运行网站的api_04 将您的API Builder Docker映像发布到AMPLIFY运行时服务(ARS)...

「注&#xff1a;转载请注明出处&#xff0c;谢谢&#xff01;」注意&#xff1a;请参考在线文档以获取最新信息。将APIBuilder应用程序部署到AMPLIFY Runtime Services在先前文章中&#xff0c;我们描述了如何轻松地使用API Builder Standalone创建微服务并将其打包为可在任何…

Android数据库 分页查询,Android之怎么使用SQLite数据库(增、删、改、查、分页等)以及ListView显示数据(转)...

由于刚接触android开发&#xff0c;故此想把学到的基础知识记录一下&#xff0c;以备查询&#xff0c;故此写的比较啰嗦&#xff1a;步骤如下&#xff1a;一、介绍&#xff1a;此文主要是介绍怎么使用android自带的数据库SQLite&#xff0c;以及把后台的数据用ListView控件显示…

go int64转string_go常见问题收录

本条文章记录本人在实际项目中遇到的实际问题&#xff0c;如有错误&#xff0c;欢迎指正&#xff0c;仅供参考&#xff01;欢迎点赞收藏转发&#xff0c;转载请添加原链接声明哦&#xff01;感谢您的支持。变量各种类型转换string转成intintstring转成int64int64, err : strcon…

mysql部门人员排序设计_MySQL数据库访问性能优化

MYSQL应该是最流行的WEB后端数据库。大量应用于PHP&#xff0c;Ruby&#xff0c;Python&#xff0c;Java 等Web语言开发项目中&#xff0c;无论NOSQL发展多么快&#xff0c;都不影响大部分架构师选择MYSQL作为数据存储。MYSQL如此方便和稳定&#xff0c;以至于我们在开发 WEB 程…

android如何删除项目,AndroidStudio中怎样删除项目

最近决定从Eclipse转到AndroidStudio了。虽然之前有接触过AndroidStudio&#xff0c;但都是为了体验一下AndroidStudio炫酷的界面&#xff0c;并没有深入的了解过&#xff0c;所以这次准备好好学习一番AndroidStudio。。。刚开始转到AndroidStudio的时候确实有很多不适应的地方…

vue点击切换类名_vue 新用户引导(vue-dirver)

最近公司经理让我在项目上做一个新用户引导&#xff0c;讲真这玩意我只在APP上看见过&#xff0c;网页上没啥功能啊&#xff0c;还需要引导&#xff01; 没办法&#xff0c;刚它&#xff01;&#xff01;&#xff01;在网上查了点资料 Vue 基本上都是 intro.js 和 driver.js 两…

c# html转为图片,C# 使用 WebBrowser 实现 HTML 转图片功能的示例代码

在 .NET 平台上&#xff0c;我们有多种方式可以将一段 HTML 文本转换为一张图片&#xff1a;HTML Renderer、SelectPdf 、Aspose.Html等。在 WinForm 程序中&#xff0c;每一个 System.Windows.Forms.Control 的派生类型均包含一个名为 DrawToBitmap 的方法&#xff0c;该方法可…

android平板 深度学习,这款叫Remix的设备,或许可以拯救安卓平板

(图片来自于魏布斯评测视频“Remix平板上手使用体验”)现今平板市场&#xff0c;已呈现出苹果谷歌微软三分天下之势。然而&#xff0c;相较于其他两者&#xff0c;安卓平板却并面临着严重的危机&#xff0c;即便自2013年第三季度&#xff0c;安卓平板便已超越iPad成为市场份额的…

IE8下强制浏览器用哪个IE版本渲染页面

在head中加入<meta http-equiv"X-UA-Compatible" content"IEEmulateIE10"/> 转载于:https://www.cnblogs.com/lansetuerqi/p/8288900.html

华为swot分析2020_科技口译现场:华为2020全球分析师大会

华为第17届全球分析师大会2020年5月18-20日在中国深圳举办&#xff0c;本次大会期间&#xff0c;将分享华为对于全球化合作的思考&#xff0c;如何发挥ICT技术价值应对未来世界的不确定性&#xff1b;如何持续创新为人类社会进步做贡献&#xff1b;如何推动产业发展和生态建设&…