首页 > 后端开发 > 正文

php框架layui课程 php如何实现登录的操作功能

2023-09-13 11:49:42 | 我爱编程网

最近经常有小伙伴私信询问php框架layui课程 php如何实现登录的操作功能相关的问题,今天,我爱编程网小编整理了以下内容,希望可以对大家有所帮助。

php框架layui课程 php如何实现登录的操作功能

php如何实现登录的操作功能


php实现登录操作的方法:首先连接和创建数据库;然后使用layui框架创建前台页面;接着创建“login.php”文件,用来判断用户名密码的正确性;最后访问文件目录查看登录界面效果即可。
推荐:《PHP视频教程》
开始自然是从最简单的功能起步,我第一个任务选择了做一个登录操作,其实也没想象中那么简单。
1.首先自然是连接和创建数据库
这部分我写在model.php中
$userName='root';
$passWord='';
$host='localhost';
$dataBase='login';
//创建连接
$conn=mysqli_connect($host,$userName,$passWord,$dataBase);2.写前台页面,为了熟练前端框架,用了layui框架使界面,前面有一段js代码,来判断用户名密码输入是否为空
<!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 >
<p >
<p >
<p class="layui-form">
<form action="login.php" method="post" name="Login" οnsubmit="return InputCheck()">
<p class="layui-form-item" >
<h3>注册登录系统</h3>
</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>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 "<script>alert('密码错误,请重新输入');location='login.html'</script>";
}
else{
echo "<script>alert('登录成功');location='123'</script>";
};4.文件目录
5.效果




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

php框架layui课程 php如何实现登录的操作功能

Layui框架:layui的常用组件[表单]

layui的所有图标全部采用字体形式(单一色彩),取材于阿里巴巴的矢量图标库。

通过对一个内联元素(一般使用的是i标签),设定 class=="layui-icon" ,来定义一个图标,然后对元素加上图标对应的 font-class ,即可显示出对应的图标。

向任意HTML元素设定 class="layui-btn" ,建立一个基础按钮,通过追加格式为 layui-btn-{type} 的class来定义其他按钮风格,内置的按钮class可以进行任意组合,从而形成更多风格的按钮,所有的按钮统一使用 button 标签来实现。不要使用input下的 type="button" 。

新建button元素,然后在元素上加上 layui-btn 的类名

select内option的第一项主要是占个坑,让form模块预留“请选择”的提示空间,否则将会把第一项(存在value值)作为默认的选中项。
原生的select option元素无法装饰,因此所有UI框架都是采用的元素模拟的方式来实现,即将原生的select元素隐藏,用js生成其他并设置样式,所以需要在网页上激活UI框架的渲染功能。

optgroup标签给select分组,每个分组的提示信息由optgroup元素的label属性的值决定的。

layui的复选框组件中,title是设定元素的名称,一般用于checkbox、radio框, lay-skin: 定义checkbox元素的风格,不设置为默认风格,primary为原始风格。

当 lay-skin 的值为switch时,title的文字失效,开关前后的状态显示的文字由 lay-text 内决定,格式为:选中提示文字|未选中提示文字。

title:设定的元素名称,一般用于checkbox、radio框。
layui框架使用js生成了一个div结构用来展示title标签的文字和模拟选中时的logo效果,而原生的input元素则被隐藏掉,disabled开启禁用,设置value来实现自定义的值,否则选中时返回的就是默认的on.

php框架layui课程 php如何实现登录的操作功能

layui属于什么



layui属于什么
layui(谐音:类UI) 属于一款采用自身模块规范编写的前端UI框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。
layui的元素由以下组成:
布局(栅格、后台布局)、颜色、字体图标、动画、按钮、表单、导航条、面包屑、选项卡、进度条、面板、静态表格、徽章、时间线、辅助元素等。
模块
layui 提供了丰富的内置模块,他们皆可通过模块化的方式按需加载,其中包括:layer、layDate、layPage、laytpl、table、form、upload、element、tree、layeditor、rate、carousel、flow、util、code等。
兼容性
Chrome / Firefox / Safari /Internet Explorer 8.0+
使用场景
layui可作为 PC网页端后台系统与前台界面的速成开发方案
更多Layui相关技术文章,请访问Layui框架教程栏目进行学习! 我爱编程网

以上就是我爱编程网小编整理的内容,想要了解更多相关资讯内容敬请关注我爱编程网。
与“php框架layui课程 php如何实现登录的操作功能”相关推荐
layui属于php框架吗 php如何实现登录的操作功能
layui属于php框架吗 php如何实现登录的操作功能

layui属于什么layui属于什么layui(谐音:类UI)属于一款采用自身模块规范编写的前端UI框架,遵循原生HTML/CSS/JS的书写与组织形式,门槛极低,拿来即用。layui的元素由以下组成:布局(栅格、后台布局)、颜色、字体图标、动画、按钮、表单、导航条、面包屑、选项卡、进度条、面板、静态表格、徽章、时间线、辅助元素等。模块layui提供了丰富的内置模块,

2023-09-24 06:22:17
php框架登录页 php如何实现登录的操作功能
php框架登录页 php如何实现登录的操作功能

php如何实现登录的操作功能php实现登录操作的方法:首先连接和创建数据库;然后使用layui框架创建前台页面;接着创建“login.php”文件,用来判断用户名密码的正确性;最后访问文件目录查看登录界面效果即可。推荐:《PHP视频教程》开始自然是从最简单的功能起步,我第一个任务选择了做一个登录操作,其实也没想象中那么简单。1.首先自然是连接和创建数据库这部分我写在mode

2023-09-10 03:57:54
php框架laravel登录 php如何实现登录的操作功能
php框架laravel登录 php如何实现登录的操作功能

php如何实现登录的操作功能php实现登录操作的方法:首先连接和创建数据库;然后使用layui框架创建前台页面;接着创建“login.php”文件,用来判断用户名密码的正确性;最后访问文件目录查看登录界面效果即可。推荐:《PHP视频教程》开始自然是从最简单的功能起步,我第一个任务选择了做一个登录操作,其实也没想象中那么简单。1.首先自然是连接和创建数据库这部分我写在mode

2023-09-10 06:08:51
php模拟登录框架 php如何实现登录的操作功能
php模拟登录框架 php如何实现登录的操作功能

如何用php做个登陆界面?你可以做一个简单的例如你只有用户名和密码即可那么你先在数据库(以mysql为例)中建表例如叫做user字段为idnamepass分别是编号、用户名、密码长度分别是int(8)a_t(自动编号)主键,varchar(50),varchar(50)你可以添加一个测试数据例如1,admin,admin//说明密码这里不说加密的问题,用明文实现登录页面的代码:login.p

2023-09-09 19:34:20
php登录模块框架 php如何实现登录的操作功能
php登录模块框架 php如何实现登录的操作功能

用php的CI框架怎么写登录和注册第一步:login.php//登陆方法publicfunctionlogin(){//如果用户名和密码为空,则返回登陆页面if(empty($_POST['username'])||empty($_POST['password'])){$data['verifycode']=rand(1000,9999);//生成一个四位数字的验证码

2023-09-14 04:41:46
PHP登录与注册框架 php如何实现登录的操作功能
PHP登录与注册框架 php如何实现登录的操作功能

怎么样使用php的laravel框架快速集成微信登录1.安装php_weixin_provider在项目下运行composerrequirethirdproviders/weixin,即可完成安装。安装成功后,在项目的vendor目录下应该能看到php_weixin_provider的库文件:image2.配置微信登录的参数一共有7个参数可以配置,分别是:client_i

2023-09-21 12:34:19
php框架登录与注册 php如何实现登录的操作功能
php框架登录与注册 php如何实现登录的操作功能

php如何实现登录的操作功能php实现登录操作的方法:首先连接和创建数据库;然后使用layui框架创建前台页面;接着创建“login.php”文件,用来判断用户名密码的正确性;最后访问文件目录查看登录界面效果即可。推荐:《PHP视频教程》开始自然是从最简单的功能起步,我第一个任务选择了做一个登录操作,其实也没想象中那么简单。1.首先自然是连接和创建数据库这部分我写在mode

2023-09-24 08:37:38
php安全登陆框架 php如何实现登录的操作功能
php安全登陆框架 php如何实现登录的操作功能

PHP有哪些流行的框架PHP有哪些流行的框架?PHP有哪些流行的框架?PHP作为一种十分流行的编程语言,拥有大量的应用领域和开源程序库。其中,PHP框架可以有效提高对PHP语言的理解和运用水平。框架作为一种用于开发网络应用程序的基础架构,可以让开发者在不同项目的开发中提高效率。在PHP框架领域中,有许多众所周知、使用广泛的优秀框架,其中一些常见的PHP框架如下:1.Lara

2023-09-22 03:13:57