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 次下载]