LayUI分页查询展示数据（SSH框架）

网页展示的效果图如下：

1、Service方法


public interface IStudentService {//查询学生列表public List stulist(int page,int limit);//总行数public long procount();}

2、Impl方法：

import com.ht.common.BaseDao;//继承一个BaseDao类实现一个IStudentService类
public class StudentServiceImpl extends BaseDao implements IStudentService {//查询学生列表public List stulist(int page,int limit) {// TODO Auto-generated method stubString sql="select * from student";return findSQLMapPage( sql, page,limit);}//总行数public long procount() {// TODO Auto-generated method stub   return obejctCount("select count(*) from Student");}}

3、BaseDao类

    //findSQLMapPage方法public List<?> findSQLMapPage(String sql, int currPage, int pageCount) {// SQL分页Session session = null;Transaction tran = null;List<?> list = null;try {session = getSessionFactory().openSession();tran = session.beginTransaction();SQLQuery sqlquery = session.createSQLQuery(sql);sqlquery.setFirstResult((currPage - 1) * pageCount);sqlquery.setMaxResults(pageCount);sqlquery.setResultTransformer(Criteria.ALIAS_TO_ENTITY_MAP);list = sqlquery.list();tran.commit();} catch (HibernateException e) {if (tran != null) {tran.rollback();}e.printStackTrace();} finally {if (session != null) {session.close();}}return list;}//总行数public Long obejctCount(String hql) {Session session = null;Transaction tran = null;Long i = 0L;try {// 获取sessionsession = getSessionFactory().openSession();tran = session.beginTransaction();Query query = session.createQuery(hql);i = (Long) query.uniqueResult();tran.commit();} catch (HibernateException e) {if (tran != null) {tran.rollback();}e.printStackTrace();} finally {if (session != null) {session.close();}}return i;}

4、Struts.xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN""http://struts.apache.org/dtds/struts-2.0.dtd">
<struts><constant name="struts.devMode" value="true"></constant><!-- json访问,另起一个包名,访问路径不能使用json，*为通配符 --><package name="zp" extends="json-default"><action name="zpjson*" class="com.ht.action.ZPJsonAction" method="{1}"><result type="json"><param name="root">data</param></result></action></package>
</struts>

5、Action方法：

import com.alibaba.fastjson.JSONObject;
import java.util.List;public class ZPJsonAction extends SpringBeans{IStudentservice is=new StudentServiceImpl();JSONObject data;
private int page;//当前页数
private int limit;//每页行数 //查询student表里面的信息
public String studentlist(){//查出所有课程list 注：查询方法一定要用SQL分页 不能使用hql分页List stulist=is.stulist(page, limit);data=new JSONObject(); // 使用JSONObject返回页面//需要返回的数据data.put("code", 0);//照着写data.put("msg", "");//照着写data.put("count", is.procount());//总条数 数据库查data.put("data", stulist);//你查出来的list这里put到前台去return "success"; }//给page,limit,data提供set和get方法public int getPage() {return page;}public void setPage(int page) {this.page = page;}public int getLimit() {return limit;}public void setLimit(int limit) {this.limit = limit;}public JSONObject getData() {return data;}public void setData(JSONObject data) {this.data = data;}}

6、jsp页面

<link rel="stylesheet" href="../lib/layui/css/layui.css"  media="all">
<link rel="stylesheet" href="../../static/css/weadmin.css">
<script src="../js/jquery-3.3.1.min.js"></script>
<script src="../lib/layui/layui.js" charset="utf-8"></script><table class="layui-hide" id="test" lay-filter="test"></table><script type="text/html" id="barDemo"><a class="layui-btn layui-btn-xs" lay-event="edit">修改</a><a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script><script>layui.use('table', function(){var load = layui.layer.load(0);// 加载时loading效果layui.layer.close(load); //加载效果var table = layui.table;table.render({elem: '#test'  //与table相对应,url:'jsonzplist.action'  //访问action的路径,title: '数据表',limits : [5,10,15,20]//定义分页参数,cols: [[//相当于th//  {type: 'checkbox', fixed: 'left'}, //最前面的复选框{field:'SSTUID', width:'8%', title: '学生ID', sort: true} ,{field:'SNAME', width:'8%', title: '学生名字'}//field：后台传过来的名称（大写）,{field:'SSCHOOL', width:'10%', title: '毕业学校'},{field:'SQQ', width:'10%', title: 'QQ'},{field:'SPHONE', width:'10%', title: '电话'},{field:'SWEIXIN', width:'10%', title: '微信'},{field:'SADDR', width:'10%', title: '地址'},{field:'SSTATU', width:'10%', title: '学生状态',templet : function(data) {// 替换数据           if(data.SSTATU==0){return "意向";}else if(data.SSTATU==1){return "预定报名";      }else if(data.SSTATU==2){return "正式入学";}}},{field:'STEACHERNAME', width:'10%', title: '招生老师'},{fixed: 'right', title:'操作', toolbar: '#barDemo', width:'10%'}]],page: true  //是否分页});});</script>

LayUI分页查询展示数据（SSH框架）相关推荐

使用forkjoin框架分页查询所有数据的例子
使用forkjoin框架分页查询所有数据的例子 import io.swagger.annotations.ApiOperation; import lombok.AllArgsConstructor ...
Bootstrap4+MySQL前后端综合实训-Day06-PM【MD5加码-生成32位md5码、ResultData.java、分页查询用户数据、添加用户按钮的实现】
[Bootstrap4前端框架+MySQL数据库]前后端综合实训[10天课程博客汇总表详细笔记][附:实训所有代码] 目录 MD5加码生成32位md5码 ResultData.java 分页查询 ...
SSM实现分页查询展示
SSM实现分页查询展示首先分页展示会联想到SQL语句 limit 的用法, 下面是MySql数据库实现分页查询的SQL语句写法! select * from table limit(curPage- ...
分页查询有数据无数据源问题
分页查询有数据无数据源问题使用前端查询有数据但无数据源问题问题详情具体问题演示代码演示解决办法使用前端查询有数据但无数据源问题问题详情表格有自带的分页功能,后台分页主要是通过传{lim ...
PHP+MySQL+LayUI分页查询显示
html构建前端样式,AJAX异步请求数据,再使用layui.table数据表格的方法渲染. html 文件 <div class="layui-card-body "> ...
es分页查询重复数据_ES优化 - 巨量数据如何提高查询性能
问题:如果数据量特别大,如何优化ES的查询性能? 可以从以下几个方面进行思考: File Cache可用的内存: ES的查询严重依赖OS的File Cache,所以说内存分配的内存肯定是越多越好.最理 ...
EasyNVR摄像机网页无插件直播方案H5前端构建之：使用BootstrapPagination以分页形式展示数据信息...
背景介绍 EasyNVR核心在于摄像机的音视频流的获取.转换.转码与高性能分发,同时同步完成对实时直播流的录像存储,在客户端(PC浏览器.Android.iOS.微信)进行录像文件的检索.回放和下载. ...
EasyNVR摄像机网页无插件直播方案H5前端构建之：使用BootstrapPagination以分页形式展示数据信息
背景介绍 EasyNVR核心在于摄像机的音视频流的获取.转换.转码与高性能分发,同时同步完成对实时直播流的录像存储,在客户端(PC浏览器.Android.iOS.微信)进行录像文件的检索.回放和下载. ...
list 分页_mybatis一对多分页查询
有的时候我们在处理一对多查询问题时,会遇到这种需求.需要分页查询主表,然后对应的从表的数据,以list集合的形式,插入到主表的返回实体对象中,以下图这种形式返回. 数据库表,对应关系如下图: 主表: ...
SB_5_瑞吉外卖_4_文件上传下载_菜品新增_菜品分页查询_菜品修改
瑞吉外卖-Day04 课程内容文件上传下载菜品新增菜品分页查询菜品修改 1. 文件上传下载 1.1 上传介绍 1.1.1 概述文件上传,也称为upload,是指将本地图片.视频.音频等文件上 ...

LayUI分页查询展示数据（SSH框架）

网页展示的效果图如下：

1、Service方法

2、Impl方法：

3、BaseDao类

4、Struts.xml

5、Action方法：

6、jsp页面

LayUI分页查询展示数据（SSH框架）相关推荐

最新文章

热门文章