精华内容
下载资源
问答
  • 1、使用layui前端框架,在根目录下新建一个文件夹命名为static文件,把下载的layui的demo放在文件夹下 2、在视图页面中的head中加入链接和脚本:     --------------------------------------  layui....
    分页步骤:
    第一大步;先处理视图界面:
    1、使用layui前端框架,在根目录下新建一个文件夹命名为static文件,把下载的layui的demo放在文件夹下
    2、在视图页面中的head中加入链接和脚本:
          <link rel="stylesheet" href="/static/layui/css/layui.css">
          <script src="/static/layui/layui.js"></script>
    --------------------------------------
    <script type="text/javascript">


        layui.use(['layer', 'laypage', 'element'], function(){
            var layer = layui.layer
                ,laypage = layui.laypage
                ,element = layui.element();


            //分页
            laypage({
                cont: 'pageDemo' //分页容器的id
                ,pages: <?=$pageCount?> //总页数:需要从控制端传出数据
                ,skin: '#5FB878' //自定义选中色值
                ,skip: true //开启跳页
                ,curr:<?=$page?>//当前显示的页数,也需要从控制端传参
                ,groups :3
                ,jump: function(obj, first){
                    if(!first){
                        // layer.msg('第'+ obj.curr +'页');
                        window.location.href="/Resource_Home/index/"+obj.curr;//向URL中传递页数并显示


                    }
                }
            });
        });
    </script>


    ---------------------------------------------
    3、完成以上步骤后:把分页容器放在自己想要放的位置
                       分页容器放在分页所在的位置:


                          <!--
                                   分页容器
                                   -->
                            <div id="pageDemo"></div>


    第二大步:处理控制器部分


     1、  首先在libraries中创建类库:命名为MyPage.php
    如下:基本是固定的,目的:是为了返回分页的位移量和每页的数据,处理非正常参数
    //------------------------------------------------
    <?php


    defined('BASEPATH') OR exit('No direct script access allowed');


    /**
     * Created by PhpStorm.
     * User: Administrator
     * Date: 2017/2/23
     * Time: 15:33
     */
    class MyPage
    {


        public function __construct()
        {
            // Do something with $params
        }


        // 默认第几页
        public  $page=1;
        // 默认一页10条
        public $pageSize = 10;




        /**
        获取分页的位移量
         **/
        public function getOffset(){


            $pageSQL = $this->page -1;


            if($pageSQL<0){
                $pageSQL = 0;
            }
            return $pageSQL * $this->getPageSize();
        }




        /**
         *  返回每页多少条数据
         * 注:处理非正常参数
         **/
        public function getPageSize()
        {
            if($this->pageSize <1){
                $this->pageSize = 10;
            }
            return $this->pageSize;
        }


    }
    //------------------------------------------------
    2、需要在Model中获得分页查询的数据,和查询数据总的条数通过num_rows()方法
        在controller中首次加载index时 要默认page=1;
       需要引入类库,给page,pageSize传值


     function index($page=1){


       ///     echo 'page:',$page,'<br>';




            $this->load->library('MyPage');
            $myPage = new MyPage();//实例化类库
            $myPage->page = $page;//传值
            $myPage->pageSize = 4;






            //获取同步资源
            $data['syn_resources'] = $this->Resource_Model->getSynResource($myPage);//从数据库中获取数据通过limit()


            $rowCount=$this->Resource_Model->getSynResourceCount();//获取数据总共的数量通过: $num_rows = $query->num_rows();
            $pageCount= $rowCount /$myPage->pageSize;//得到总共的页数


            if(($rowCount %    $myPage->pageSize)>0){//取余数不为零+1
                $pageCount = $pageCount + 1;
            }
    //-----------------------------------
    //把数据传送到界面上
            $data['page'] = $page;
            $data['pageCount'] = $pageCount;
            $this->load->view('resource/resource_home_page',$data);
    *******************************************


    1、PHP如何通过URL传参:


    http://localhost/Resource_Home/index?page=5&&pageSize=2


       方法一:
            $page=$_GET['page'];
            $pageSize=$_GET['pageSize'];
       
       方法二:CodeIgniter框架自带的方法
    http://localhost/Resource_Home/index/2
          function index($page=1){}


    在方法里直接传参,如果没有通过URL传参,则默认为page=1













    展开全文
  • 匿名用户1级2017-10-13 回答在table标签的上方,加入这样一组html搜索商户: 搜索在js加入初始化代码和定义加载方法layui....//方法级渲染table.render({elem: '#LAY_table_user',url: 'UVServlet',cols: [[{checkb...

    匿名用户

    1级

    2017-10-13 回答

    在table标签的上方,加入这样一组html

    搜索商户:

    搜索

    在js加入初始化代码和定义加载方法

    layui.use('table', function(){

    var table = layui.table;

    //方法级渲染

    table.render({

    elem: '#LAY_table_user'

    ,url: 'UVServlet'

    ,cols: [[

    {checkbox: true, fixed: true}

    ,{field:'id', title: 'ID', width:80, sort: true, fixed: true}

    ,{field:'aid', title: '商户', width:80, sort: true}

    ,{field:'uv', title: '访问量', width:80, sort: true,edit:true}

    ,{field:'date', title: '日期', width:180}

    ,{field:'datatype', title: '日期类型', width:100}

    ]]

    ,id: 'testReload'

    ,page: true

    ,height: 600

    });

    var $ = layui.$, active = {

    reload: function(){

    var demoReload = $('#demoReload');

    table.reload('testReload', {

    where: {

    keyword: demoReload.val()

    }

    });

    }

    };

    )};

    绑定click点击事件

    $('.demoTable .layui-btn').on('click', function(){ var type = $(this).data('type');

    active[type] ? active[type].call(this) : '';

    });

    此时点击查询按钮,会将keyword这个关键字传到后端,接下来就是自己处理查询关键字业务了。

    到目前为止,搜索也有了,分页也有了,对了,分页会自动传到后端page,limit2个值到后台,相当于(pageindex,pagesize)

    展开全文
  • layui数据表格怎么传参过去

    千次阅读 2020-05-23 16:56:53
    layui动态数据表格获取数据有时需要传递参数过去,这时候就用到了where: table.render({ elem: '#category', url: '../../category/getCategoryList', where: { type: 2, }, cols: [[{} ]], page

    layui动态数据表格获取数据有时需要传递参数过去,这时候就用到了where:

     		table.render({
                elem: '#category',
                url: '../../category/getCategoryList',
                where: {
                    type: 2,
                },
                cols: [[{}
                ]],
                page: true
            });
    

    分页的参数不用自己写,table在发ajax的时候会加上,默认是page,limit如果需要修改,设置request官方文档在这里:http://www.layui.com/doc/modules/table.html#async

    展开全文
  • layui 表格 怎样进行传参 传参就用到了 where 字段 进行传参 table.render({ elem: '#abc', url: 'baidu.ciom', where: { type: 2, }, page: true });

    layui 表格 怎样进行传参
    传参就用到了 where 字段 进行传参

    table.render({
         elem: '#abc',
         url: 'baidu.ciom',
         where: {
             type: 2,
         },
         page: true
     });
    
    展开全文
  • 1.1查询layui.use('table', function() {var table = layui.table;table.render({elem : '#demo',url : 'controller路径',{ field: 'id',title: 'id'},{ field: 'username',title: '用户名'},{ field: 'sex',title: ...
  • jsp或htmljs//用户列表var tableIns = table.render({elem: '#userList',url : 'userAction_findAll.action',cellMinWidth : 95,page : true,height : "full-125",limits : [10,15,20,25],limit : 10,id : ...
  • 使用layui的router来进行传参

    万次阅读 2018-09-09 16:27:44
    如果我们需要通过链接传参的话,我们需要使用使用url+/#/参数 如下面代码我要传参id,edit/#/id=1就可以传参成功了 $(document).on('click', '#edit', function(data) { var id = $(this).attr('data-id'); var...
  • js写法 able.render({ elem: '#stuscore', url:'${pageContext.request.contextPath }/getStudentScoreAndPeosonInfoAndCourseInfoController/getStudentScoreAndPeosonInfoAndCourse...
  • layui中upload上传文件并传递参数

    千次阅读 2019-11-19 15:26:18
    layui中upload传参方式: 使用layui写文件上传功能,需要传入id和tablename两个参数 layui.upload.render({ elem:'#id', url:'接口路径', accept:'file', size:'传入文件的大小', before: function (){ this....
  • Layui 后台加载菜单栏名称以及url

    千次阅读 2018-06-05 22:59:25
    一个小小的demo,演示从Controller层传参到视图,有使用到SpringMvc、jstl标签效果图:1、testdemo.jsp&lt;%@ page language="java" import="java.util.*" contentType="text/html; ...
  • 1.layui怎么把视频类型传参到后台 先做个上传按钮 ,然后在js引入upload元素 请先参考layui文档做好配置:https://www.layui.com/doc/ url:指向你的接口,我用c# mvc,所以这里是→/控制器/方法,的意思 ...
  • 最近在做springboot的项目,前端用到了layui,在使用layui的table进行数据请求时,前端往后台传参时,遇到了点问题,由于自己是新手,所以记录一下 问题描述 当前端的table使用reload方法重载时,设置的各个参数的...
  • 第一种方式 函数传参方式 //一进入页面要先拿到数据, $('document').ready(function() { getData(); }) //把Ajax请求封装成一个函数 function getData() { $.ajax({ url: //服务端的请求地址 type: //...
  • 如图,在第一页的时候,...//查询页面信息,传参:页码function getInfo(page) {$.ajax({type: 'post',url: '/web/managers/selectAllManagers.do',dataType: 'json',data: {'page': page},async: false,success: ...
  • 这样一个需求:在一个layui的表格里的操作栏按钮,点击跳转按钮跳转到一个带有搜索按钮的页面,...首先,url传参: <a class="layui-btn layui-btn-green layui-btn-xs" href="/pages/create.html?id={{uid}}">...
  • form class="layui-form" action="{:url('adminuser/adduser')}" id="jwForm"> url使用js变量传参方法: content: '{:url('main/editschool')}?id='+data.id, window.location.href="{:url('Index/index')}>...
  • TP5伪静态路径写法

    2020-10-31 10:56:43
    form class="layui-form" action="{:url('adminuser/adduser')}" id="jwForm"> url使用js变量传参方法: content: '{:url('main/editschool')}?id='+data.id, window.location.href="{:url('Index/index')}&...
  • 需求描述 公司前端框架使用easyui + ...此处传参只能传url的字符串,因此参数必须类似于https://blog.csdn.net/xuexiiphone?xx1=xx1&xx2=xx2 此时,我们需要通过不同组件的getValue方法或者val()的方式,获取...

空空如也

空空如也

1 2
收藏数 25
精华内容 10
热门标签
关键字:

layuiurl传参