当前位置： 移动技术网 > IT编程>网页制作>CSS > jsp实现简单页面的方法

jsp实现简单页面的方法

2018年10月05日  | 移动技术网IT编程  | 我要评论

实现简单页面的 

1.1.1
基本说明:

1、 分页的分类:物理分页(每次分页都要请求) ;逻辑分页(将记录一次读取出来,可以采取缓存等机制，每次显示从缓存中读)
limit :物理分页，执行一次页面的分页访问，就向数据库发送一条请求;比较耗费服务器的资源;
在这里插入图片描述
逻辑分页: select 列 from 表

2、mysql中经典的分页查询语句(物理分页) select 列(多个列) from 表 limit start,pagesize
select 列(多个列) from 表 limit 0,5

1.1.1
数据库访问通用类使用:

3、数据库访问的通用的分页类:
basedao需要调用的方法:给他参数，page(1) ，pagesize(5)、
在这里插入图片描述

分页的方法返回的数据pagedata:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

1. list item
在这里插入图片描述

1. list item
2. list item
3. list item
1. list item
2. list item
3. list item
4. list item
（2）用jquery实现
在这里插入图片描述
上一页，下一页的实现

<script>
   $(function(){
      //如果当前页 已经是最后一页了
      if(${pd.page >= pd.totalpage})
          {
          //下一页 样式设置
          $("#nextpage").css("color","gray");
          //pointer-events 不能点击了 ,没有测试所有的浏览器
          $("#nextpage").css("pointer-events","none");
          }
    //如果当前页 已经是第一页了
      if(${pd.page

分页加模糊查询
在这里插入图片描述
1. list item

控制器:

else if (“querybypage”.equals(op)) {

        int page = 1;

        int pagesize = 5;



        string usernamelike = "";



        // 获取页面传递过来的page[页码]参数

        if (null != request.getparameter("page")) {

            page = integer.parseint(request.getparameter("page"));

            // 控制器的校验

            if (page < 1) {

                page = 1;

            }

            // page 的值 和 总页数 这里先遗留这个问题



        }

        // 获取页面传递过来的pagesize[每页显示的记录数]参数

        if (null != request.getparameter("pagesize")) {

            pagesize = integer.parseint(request.getparameter("pagesize"));

        }



        // 获取页面传递过来的usernamelike (模糊查询)参数

        if (null != request.getparameter("usernamelike")) {

            usernamelike = request.getparameter("usernamelike");

        }



        // 分页查询

        pagedata pd = us.getusersbypage(page, pagesize,usernamelike);



        // 存储信息

        request.setattribute("pd", pd);

        

        //将模糊出查询的字符串 也转发回来

        request.setattribute("usernamelike", usernamelike);



        // forward 转发

        request.getrequestdispatcher("mvc/showusers_page.jsp").forward(request, response);



    }

在这里插入图片描述
3. list item

扩展：分页插件

https://www.layui.com/demo/laypage.html

https://www.layui.com/doc/modules/laypage.html

在这里插入图片描述
下载layui:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网