Java分页 Element—UI

前端代码

html 复制代码
<div class="block">
  <span class="demonstration">页数较少时的效果</span>
  <el-pagination
    layout="prev, pager, next"
    :total="50">
  </el-pagination>
</div>

参考Element-UI

js 复制代码
total:0,
form: {
	title: '',
	pageNo: 1,
	pageSize: 4
}

后端代码示例

web层

java 复制代码
@RequestMapping("/news")
public Result getNews(@RequestBody News news) {
    PageInfo<News> pageInfo = newsService.findNewsList(news);
    return new Result(200, "查询成功", pageInfo);
}

Service层

java 复制代码
PageHelper.startPage(news.getPageNo(), news.getPageSize());List<News> newsList = newsDao.findNewsList(news);
PageInfo<News> pageInfo = new PageInfo<>(newsList);
return pageInfo;

依赖

xml 复制代码
<dependency>
            <groupId>com.github.pagehelper</groupId>
            <artifactId>pagehelper-spring-boot-starter</artifactId>
            <version>1.4.5</version>
</dependency>
相关推荐
vx_dmxq2111 分钟前
免费领源码-Spring boot的物流管理系统 |可做计算机毕设Java、Python、PHP、小程序APP、C#、爬虫大数据、单片机、文案
java·大数据·python·jupyter·课程设计
Rain_is_bad2 分钟前
初识c语言————常规运算符及其规则
c语言·开发语言
promising-w14 分钟前
TYPE-C接口,其实有4种
linux·c语言·开发语言
2501_9160088933 分钟前
JavaScript调试工具有哪些?常见问题与常用调试工具推荐
android·开发语言·javascript·小程序·uni-app·ecmascript·iphone
zero13_小葵司37 分钟前
在不同开发语言与场景下设计模式的使用
java·开发语言·javascript·设计模式·策略模式
烦躁的大鼻嘎40 分钟前
【Linux】深入探索多线程编程:从互斥锁到高性能线程池实战
linux·运维·服务器·开发语言·c++·算法·ubuntu
梁萌43 分钟前
java实现移动云mas短信发送
java·短信·移动·mas
PH = 71 小时前
Spring AI整合聊天模型DeepSeek
java·spring boot·后端
珹洺1 小时前
Java-Spring入门指南(十三)SpringMVC基本概念与核心流程详解
java·开发语言·spring
ccccczy_1 小时前
SpringCloudGateway:像城市交通指挥系统一样的微服务网关
java·springcloud·微服务网关·api网关·springcloudgateway