首页 > 后端开发 > 正文

php项目结合layui框架 使用layui前端框架,进行分页,php怎样传递数据

2023-09-18 16:01:58 | 我爱编程网

今天我爱编程网小编整理了php项目结合layui框架 使用layui前端框架,进行分页,php怎样传递数据相关信息,希望在这方面能够更好的大家。

php项目结合layui框架 使用layui前端框架,进行分页,php怎样传递数据

使用layui前端框架,进行分页,php怎样传递数据

//以下将以jquery.ajax为例,演示一个异步分页
function demo(curr){
  $.getJSON('test/demo1.json', {
    page: curr || 1 //向服务端传的参数,此处只是演示
  }, function(res){
    //此处仅仅是为了演示变化的内容
    var demoContent = (new Date().getTime()/Math.random()/1000)|0;
    document.getElementById('view1').innerHTML = res.content + demoContent;
    //显示分页
    laypage({
      cont: 'page1', //容器。值支持id名、原生dom对象,jquery对象。【如该容器为】:<div id="page1"></div>
      pages: res.pages, //通过后台拿到的总页数
      curr: curr || 1, //当前页
      jump: function(obj, first){ //触发分页后的回调
        if(!first){ //点击跳页触发函数自身,并传递当前页:obj.curr
          demo(obj.curr);
        }
      }
    });
  });
};
//运行
demo();

php项目结合layui框架 使用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框架 使用layui前端框架,进行分页,php怎样传递数据

JrkAdmin(TP6.0.3)-- Layui版本

JrkAdmin_Tp6_Layui(完整版)是ThinkPHP6.0和layui的快速开发的后台管理系统。

后台采用RABC权限验证,不懂的同学可以查看相关文档

实现管理员管理,权限管理,角色管理,菜单管理,附件管理,日志管理
phpquerylist数据采集,phpword导出word文档,
OSS,COS等云端图片上传,jpush极光推送,queue队列定时任务

| 官网地址
| TP6开发手册
| 服务器

以上就是我爱编程网小编给大家带来的php项目结合layui框架 使用layui前端框架,进行分页,php怎样传递数据全部内容,希望对大家有所帮助!
与“php项目结合layui框架 使用layui前端框架,进行分页,php怎样传递数据”相关推荐
php框架layui 使用layui前端框架,进行分页,php怎样传递数据
php框架layui 使用layui前端框架,进行分页,php怎样传递数据

layui框架怎么使用layui(谐音:类UI)是一款采用自身模块规范编写的前端UI框架,遵循原生HTML/CSS/JS的书写与组织形式,门槛极低,拿来即用。但是想用它,必须要按照他的规矩老干事,毕竟那人的手短,骚操作可以有,那也是规矩里的。如果你想了解更多关于layui的知识,可以点击:layui教程附上layui官网:下载完后我们将其解压拿出layui文件夹。打开编辑器,

2023-09-02 02:21:54
php结合前端框架 使用layui前端框架,进行分页,php怎样传递数据
php结合前端框架 使用layui前端框架,进行分页,php怎样传递数据

使用layui前端框架,进行分页,php怎样传递数据//以下将以jquery.ajax为例,演示一个异步分页function demo(curr){  $.getJSON('test/demo1.json', {    page: curr || 1 //向服务端传的参数,此处只是演示  }, function(res){    //此处仅仅是为了演示变化的内容    var demoCon

2023-09-12 02:38:18
php怎么使用layui框架 使用layui前端框架,进行分页,php怎样传递数据
php怎么使用layui框架 使用layui前端框架,进行分页,php怎样传递数据

使用layui前端框架,进行分页,php怎样传递数据//以下将以jquery.ajax为例,演示一个异步分页function demo(curr){  $.getJSON('test/demo1.json', {    page: curr || 1 //向服务端传的参数,此处只是演示  }, function(res){    //此处仅仅是为了演示变化的内容    var demoCon

2023-09-18 19:09:41
layui后台框架php 使用layui前端框架,进行分页,php怎样传递数据
layui后台框架php 使用layui前端框架,进行分页,php怎样传递数据

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

2023-09-10 23:43:24
php配合前端框架 使用layui前端框架,进行分页,php怎样传递数据
php配合前端框架 使用layui前端框架,进行分页,php怎样传递数据

后端thinkphp和前端vue怎么协调hinkphp作为服务端,为客户端提供数据。而Vue是客户端的一个JavaScript框架。便于我们对页面进行处理。一般情况下,vue通过异步请求来获取数据。由于实例化vue时已经将相关的变量、模板等定义好了。当获取到thinkphp回传的数据后,将会自动的把数据对应的呈现在网页上。使用layui前端框架,进行分页,php怎样传递数据//

2023-09-10 02:34:43
layui框架监听提交到php 使用layui前端框架,进行分页,php怎样传递数据
layui框架监听提交到php 使用layui前端框架,进行分页,php怎样传递数据

使用layui前端框架,进行分页,php怎样传递数据//以下将以jquery.ajax为例,演示一个异步分页function demo(curr){  $.getJSON('test/demo1.json', {    page: curr || 1 //向服务端传的参数,此处只是演示  }, function(res){    //此处仅仅是为了演示变化的内容    var demoCon

2023-09-28 11:43:40
php使用的ui框架 使用layui前端框架,进行分页,php怎样传递数据
php使用的ui框架 使用layui前端框架,进行分页,php怎样传递数据

使用layui前端框架,进行分页,php怎样传递数据//以下将以jquery.ajax为例,演示一个异步分页function demo(curr){  $.getJSON('test/demo1.json', {    page: curr || 1 //向服务端传的参数,此处只是演示  }, function(res){    //此处仅仅是为了演示变化的内容    var demoCon

2023-09-22 12:08:03
php怎么调用前端框架 使用layui前端框架,进行分页,php怎样传递数据
php怎么调用前端框架 使用layui前端框架,进行分页,php怎样传递数据

PHP新手该如何学习使用开发框架,有案例吗?关于PHP新手该如何学习使用开发框架,有案例吗,我有下面的观点。步骤1:PHP基础知识。如果你想在Web开发中建立一个未来,习得任何语言都需要一个坚实的语法基础,而HTML和CSS是基本技能。在PHP中:知识:容易掌握PHP的基本知识,了解PHP变量、变量类型、常量,如概念、PHP操作符理解和掌握PHP序列结构、结构条件、三种

2023-09-17 01:25:00