springboot分页展示功能_springboot+vue实现分页功能

[java]代码库package com.wyl.vue.controller;

import java.util.HashMap;

import java.util.List;

import java.util.Map;

import org.springframework.beans.factory.annotation.Autowired;

import org.springframework.data.domain.Page;

import org.springframework.data.domain.PageRequest;

import org.springframework.data.domain.Pageable;

import org.springframework.data.domain.Sort;

import org.springframework.web.bind.annotation.GetMapping;

import org.springframework.web.bind.annotation.PutMapping;

import org.springframework.web.bind.annotation.RestController;

import com.wyl.vue.dao.AdminDao;

import com.wyl.vue.model.Admin;

@RestController

public class AdminController {

@Autowired

private AdminDao adminDao;

@GetMapping(value = "/find")

public Map find(int pageNumber,int pageSize) {

//封装分页对象

Pageable pageable = new PageRequest(pageNumber-1, pageSize, Sort.Direction.ASC, "id");

//调用jpa的sql

Page pageAdmin = adminDao.findAll(pageable);

//总数

Long size = pageAdmin.getTotalElements();

//列表

List content = pageAdmin.getContent();

Map map = new HashMap<>();

map.put("size", size);

map.put("list", content);

return map;

}

@PutMapping(value = "/save")

public void saveAdmin(Long id) {

}

ps：(自己可以把代码放到nginx里面跑，就行了，配个代理)

[代码运行效果截图]

[源代码打包下载]

dist.rar(50积分)[16 次下载]

vue-test.rar(50积分)[13 次下载]

springboot分页展示功能_springboot+vue实现分页功能相关推荐

【vue分页功能】vue element 分页组件简简单单实现分页功能详细教学
文章目录 vue分页功能实现一.直接上代码二.需要注意的事项 vue分页功能实现一.直接上代码 // 列表结构 // 重点:data="pageList" <el-ta ...
springboot接收json参数_Springboot + Vue + shiro 实现前后端分离、权限控制
小Hub领读: 嘿嘿,之前我也发了一篇类似的项目,SpringBoot+Vue的项目,还有视频讲解,如果这篇文章看完不懂,不妨去看看我的视频讲解哈,超级详细! 太赞了,SpringBoot+Vue前后 ...
springboot分页展示功能_基于SpringBoot从零构建博客网站 - 分页显示文章列表功能...
显示文章列表一般都是采用分页显示,比如每页10篇文章显示.这样就不用每次就将所有的文章查询出来,而且当文章数量特别多的时候,如果一次性查询出来很容易出现OOM异常. 后台的分页插件采用的是mybati ...
前端Vue+ElementUI的Pagination分页组件实现分页展示后端Spring Boot +Mybatis Plus实现分页接口
前端Vue+ElementUI的Pagination分页组件实现分页展示 & 后端Spring Boot +Mybatis Plus实现分页接口很久没有更新博客了,主要原因是博主一直在补充自 ...
前端vue实现分页功能
前端Vue实现分页功能我们都知道在spring boot项目中安装pagehelper可以实现分页功能,但是在vue中也能在前端实现分页. 1. 首先,在data中定义以下变量: data() {r ...
黑马旅游网编写练习(6)--旅游线路分页展示功能
黑马旅游网编写练习(6)–旅游线路分页展示功能首页的目录展示功能已经完成,在进入主页后,页面会自动向服务器发送Ajax请求,从而获取目录数据,我们将其名称cname展示到页面中:接下来要实现的是分页 ...
vue+node多条件查询分页_SpringBoot+JPA框架分页、带条件查询等操作
前言最近研究JPA框架,初学SpringBoot时也简单学过,但是不是很深入,所以这次主要是说一些进阶且常用.实用的操作! 前置准备创建两张表或者让JPA自动建表,任意选择!学生表 package ...
Django+vue 分页展示
这里提供两种分页方法一种是手写分页,不常用,但是明白一下分页的逻辑实现第二种是用heyui提供的组件.很多功能都给封装好了,用起来也比较美观. 手写分页后端接口 class GoodList(A ...
vue php 分页组件,基于Vue.js的表格分页组件
有一段时间没更新文章了,主要是因为自己一直在忙着学习新的东西而忘记分享了,实在惭愧. 这不,大半夜发文更一篇文章,分享一个自己编写的一个Vue的小组件,名叫BootPage.不了解Vue.js的童鞋可 ...

springboot分页展示功能_springboot+vue实现分页功能

springboot分页展示功能_springboot+vue实现分页功能相关推荐

最新文章

热门文章