【springboot+html实现分页效果】以图书列表为例

于 2025-03-21 08:47:38 发布
阅读量375 收藏 5
点赞数 6
分类专栏： springboot项目 文章标签： spring boot html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Anmory/article/details/146411510
版权

数据库

INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (1, '活着', '余华', 29, 22.00, '北京文艺出版社', 1, '2025-03-19 19:16:16', '2025-03-19 19:16:16');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (2, '平凡的世界', '路遥', 5, 98.56, '北京十月文艺出版社', 1, '2025-03-19 19:16:16', '2025-03-19 19:16:16');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (3, '三体', '刘慈欣', 9, 102.67, '重庆出版社', 1, '2025-03-19 19:16:16', '2025-03-19 19:16:16');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (4, '金字塔原理', '麦肯锡', 16, 178.00, '民主与建设出版社', 1, '2025-03-19 19:16:16', '2025-03-19 19:16:16');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (5, 'TIM', 'Mans', 1, 188.90, '瑞典王室出版社', 1, '2025-03-19 21:41:37', '2025-03-19 21:41:37');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (6, 'The Great Gatsby', 'F. Scott Fitzgerald', 5, 10.99, 'Scribner', 1, '2025-03-19 21:46:25', '2025-03-19 21:46:25');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (7, 'To Kill a Mockingbird', 'Harper Lee', 3, 8.99, 'J.B. Lippincott & Co.', 1, '2025-03-19 21:46:25', '2025-03-19 21:46:25');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (8, '1984', 'George Orwell', 7, 7.99, 'Secker & Warburg', 1, '2025-03-19 21:46:25', '2025-03-19 21:46:25');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (9, 'Pride and Prejudice', 'Jane Austen', 4, 6.99, 'T. Egerton, Whitehall', 1, '2025-03-19 21:46:25', '2025-03-19 21:46:25');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (10, 'The Catcher in the Rye', 'J.D. Salinger', 2, 9.99, 'Little, Brown and Company', 1, '2025-03-19 21:46:25', '2025-03-19 21:46:25');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (11, 'Brave New World', 'Aldous Huxley', 6, 12.99, 'Chatto & Windus', 1, '2025-03-19 21:46:25', '2025-03-19 21:46:25');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (12, 'Moby Dick', 'Herman Melville', 8, 11.99, 'Harper & Brothers', 1, '2025-03-19 21:46:25', '2025-03-19 21:46:25');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (13, 'War and Peace', 'Leo Tolstoy', 3, 15.99, 'The Russian Messenger', 1, '2025-03-19 21:46:25', '2025-03-19 21:46:25');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (14, 'Crime and Punishment', 'Fyodor Dostoevsky', 4, 13.99, 'The Russian Messenger', 1, '2025-03-19 21:46:25', '2025-03-19 21:46:25');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (15, 'The Hobbit', 'J.R.R. Tolkien', 5, 14.99, 'Allen & Unwin', 1, '2025-03-19 21:46:25', '2025-03-19 21:46:25');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (16, 'The Lord of the Rings', 'J.R.R. Tolkien', 5, 20.99, 'Allen & Unwin', 1, '2025-03-19 21:49:08', '2025-03-19 21:49:08');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (17, 'Animal Farm', 'George Orwell', 6, 7.49, 'Secker & Warburg', 1, '2025-03-19 21:49:08', '2025-03-19 21:49:08');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (18, 'Fahrenheit 451', 'Ray Bradbury', 4, 8.99, 'Ballantine Books', 1, '2025-03-19 21:49:08', '2025-03-19 21:49:08');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (19, 'The Catcher in the Rye', 'J.D. Salinger', 3, 9.99, 'Little, Brown and Company', 1, '2025-03-19 21:49:08', '2025-03-19 21:49:08');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (20, 'The Adventures of Sherlock Holmes', 'Arthur Conan Doyle', 7, 6.99, 'George Newnes Ltd.', 1, '2025-03-19 21:49:08', '2025-03-19 21:49:08');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (21, 'The Picture of Dorian Gray', 'Oscar Wilde', 2, 9.49, 'Ward, Lock and Company', 1, '2025-03-19 21:49:08', '2025-03-19 21:49:08');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (22, 'Jane Eyre', 'Charlotte Brontë', 4, 7.99, 'Smith, Elder & Co.', 1, '2025-03-19 21:49:08', '2025-03-19 21:49:08');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (23, 'Wuthering Heights', 'Emily Brontë', 3, 8.49, 'Thomas Cautley Newby', 1, '2025-03-19 21:49:08', '2025-03-19 21:49:08');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (24, 'Great Expectations', 'Charles Dickens', 5, 9.99, 'Chapman & Hall', 1, '2025-03-19 21:49:08', '2025-03-19 21:49:08');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (25, 'The Odyssey', 'Homer', 4, 12.99, 'Various', 1, '2025-03-19 21:49:08', '2025-03-19 21:49:08');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (26, 'The Divine Comedy', 'Dante Alighieri', 3, 14.99, 'Bonagiunta Urbicciani', 1, '2025-03-19 21:52:30', '2025-03-19 21:52:30');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (27, 'Les Misérables', 'Victor Hugo', 5, 16.99, 'Pagnerre', 1, '2025-03-19 21:52:30', '2025-03-19 21:52:30');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (28, 'The Brothers Karamazov', 'Fyodor Dostoevsky', 4, 13.99, 'The Russian Messenger', 1, '2025-03-19 21:52:30', '2025-03-19 21:52:30');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (29, 'One Hundred Years of Solitude', 'Gabriel García Márquez', 3, 12.99, 'Editorial Sudamericana', 1, '2025-03-19 21:52:30', '2025-03-19 21:52:30');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (30, 'The Grapes of Wrath', 'John Steinbeck', 6, 10.99, 'Viking Press', 1, '2025-03-19 21:52:30', '2025-03-19 21:52:30');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (31, 'The Road', 'Cormac McCarthy', 2, 9.99, 'Knopf', 1, '2025-03-19 21:52:30', '2025-03-19 21:52:30');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (32, 'Beloved', 'Toni Morrison', 4, 11.99, 'Alfred A. Knopf', 1, '2025-03-19 21:52:30', '2025-03-19 21:52:30');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (33, 'The Bell Jar', 'Sylvia Plath', 3, 8.99, 'Heinemann', 1, '2025-03-19 21:52:31', '2025-03-19 21:52:31');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (34, 'The Stranger', 'Albert Camus', 5, 7.99, 'Gallimard', 1, '2025-03-19 21:52:31', '2025-03-19 21:52:31');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (35, 'The Trial', 'Franz Kafka', 4, 10.99, 'Verlag Die Schmiede', 1, '2025-03-19 21:52:31', '2025-03-19 21:52:31');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (36, 'The Metamorphosis', 'Franz Kafka', 3, 8.49, 'Kurt Wolff Verlag', 1, '2025-03-19 21:52:31', '2025-03-19 21:52:31');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (37, 'Don Quixote', 'Miguel de Cervantes', 6, 12.99, 'Francisco de Robles', 1, '2025-03-19 21:52:31', '2025-03-19 21:52:31');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (38, 'War and Peace', 'Leo Tolstoy', 5, 15.99, 'The Russian Messenger', 1, '2025-03-19 21:52:31', '2025-03-19 21:52:31');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (39, 'Anna Karenina', 'Leo Tolstoy', 4, 14.99, 'The Russian Messenger', 1, '2025-03-19 21:52:31', '2025-03-19 21:52:31');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (40, 'Madame Bovary', 'Gustave Flaubert', 3, 11.99, 'Michel Lévy Frères', 1, '2025-03-19 21:52:31', '2025-03-19 21:52:31');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (41, 'The Idiot', 'Fyodor Dostoevsky', 4, 13.99, 'The Russian Messenger', 1, '2025-03-19 21:52:31', '2025-03-19 21:52:31');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (42, 'The Unbearable Lightness of Being', 'Milan Kundera', 2, 10.99, 'Éditions Gallimard', 1, '2025-03-19 21:52:31', '2025-03-19 21:52:31');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (43, 'The Name of the Rose', 'Umberto Eco', 5, 12.99, 'Bompiani', 1, '2025-03-19 21:52:31', '2025-03-19 21:52:31');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (44, 'In Search of Lost Time', 'Marcel Proust', 3, 19.99, 'Grasset', 1, '2025-03-19 21:52:31', '2025-03-19 21:52:31');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (45, 'The Magic Mountain', 'Thomas Mann', 4, 14.99, 'S. Fischer Verlag', 1, '2025-03-19 21:52:31', '2025-03-19 21:52:31');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (46, 'Lolita', 'Vladimir Nabokov', 3, 11.99, 'Olympia Press', 1, '2025-03-19 21:52:31', '2025-03-19 21:52:31');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (47, 'The Sound and the Fury', 'William Faulkner', 5, 10.99, 'Jonathan Cape and Harrison Smith', 1, '2025-03-19 21:52:31', '2025-03-19 21:52:31');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (48, 'To the Lighthouse', 'Virginia Woolf', 4, 9.99, 'Hogarth Press', 1, '2025-03-19 21:52:31', '2025-03-19 21:52:31');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (49, 'A Portrait of the Artist as a Young Man', 'James Joyce', 3, 8.99, 'B. W. Huebsch', 1, '2025-03-19 21:52:31', '2025-03-19 21:52:31');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (50, 'The Sun Also Rises', 'Ernest Hemingway', 6, 11.99, 'Scribner', 1, '2025-03-19 21:52:31', '2025-03-19 21:52:31');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (51, 'For Whom the Bell Tolls', 'Ernest Hemingway', 5, 12.99, 'Scribner', 1, '2025-03-19 21:52:31', '2025-03-19 21:52:31');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (52, 'The Old Man and the Sea', 'Ernest Hemingway', 4, 9.99, 'Charles Scribner\'s Sons', 1, '2025-03-19 21:52:31', '2025-03-19 21:52:31');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (53, 'The Catcher in the Rye', 'J.D. Salinger', 3, 9.99, 'Little, Brown and Company', 1, '2025-03-19 21:52:31', '2025-03-19 21:52:31');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (54, 'Brave New World', 'Aldous Huxley', 6, 12.99, 'Chatto & Windus', 1, '2025-03-19 21:52:31', '2025-03-19 21:52:31');
INSERT INTO `book_info` (`id`, `book_name`, `author`, `count`, `price`, `publish`, `status`, `create_time`, `update_time`) VALUES (55, 'The Great Gatsby', 'F. Scott Fitzgerald', 5, 10.99, 'Scribner', 1, '2025-03-19 21:52:31', '2025-03-19 21:52:31');

实体类定义

BookInfo

@Data
public class BookInfo {
    private Integer id;
    private String bookName;
    private String author;
    private Integer count;
    private BigDecimal price;
    private String publish;
    private Integer status;
    private String statusCN;
    private Date createTime;
    private Date updateTime;
}

PageRequest

@Data
public class PageRequest {
    private int currentPage = 1;
    private int pageSize = 10;
    private int offset;

    public int getOffset() {
        return (currentPage - 1) * pageSize;
    }

}

这个类是用来接收前端发来的参数，包含当前页的信息，每一页需要显示多少数据
offset是指偏移量，用于计算传给sql语句limit的第一个参数

PageResult类

@Data
public class PageResult<T> {
    private Integer total;
    private List<T> records;// 当前页的数据
    private PageRequest pageResult;

    public PageResult(Integer total, List<T> records,PageRequest pageRequest) {
        this.total = total;
        this.records = records;
        this.pageResult = pageRequest;
    }
}

这里的结果类包含了总共有多少条数据以及每一页数据的具体内容
这里还加了一个请求类是用于给前端分页代码传递当前是第几页

mapper类

BookMapper

@Mapper
public interface BookMapper {
    @Insert("insert into book_info (book_name, author, count, price, publish) VALUES (#{bookInfo.bookName},#{bookInfo.author},#{bookInfo.count},#{bookInfo.price},#{bookInfo.publish})")
    void addBook(@Param("bookInfo") BookInfo bookInfo);

    @Select("select count(1) from book_info where status != 0")
    Integer count();

    @Select("select * from book_info where status != 0 order by id asc limit #{pageRequest.offset},#{pageRequest.pageSize}")
    List<BookInfo> queryBookListByPage(@Param("pageRequest")PageRequest pageRequest);
}

服务类

BookService

@Service
public class BookService {
    @Autowired
    BookMapper bookMapper;
    public void addBook(BookInfo bookInfo) {
        bookMapper.addBook(bookInfo);
    }

    public PageResult<BookInfo> getBookListByPage(PageRequest pageRequest) throws JsonProcessingException {
        Integer count = bookMapper.count();
        List<BookInfo> books = bookMapper.queryBookListByPage(pageRequest);
        for(BookInfo book : books) {
            book.setStatusCN(BookStatus.getNameByCode(book.getStatus()).getName());
        }
        PageResult<BookInfo> ret = new PageResult<>(count,books,pageRequest);
        System.out.println("返回的数据为:" + ret);
        System.out.println(ret.getClass().getName());
        return ret;
    }
}

控制类

BookController

    @RequestMapping("/getListByPage")
    public PageResult<BookInfo> getListByPage(PageRequest pageRequest, HttpServletResponse response) throws JsonProcessingException {
        response.setContentType("application/json");
        System.out.println("[getListByPage]" + bookService.getBookListByPage(pageRequest));
        return bookService.getBookListByPage(pageRequest);
    }

前端分页组件

分页组件链接

$(document).ready(function () {
                // 解析URL中的查询参数
                var urlParams = new URLSearchParams(window.location.search);
                var currentPage = urlParams.get('currentPage');
                getBookList(currentPage); // 使用从URL获取的currentPage值
            });

            // getBookList();
            function getBookList(currentPage) {
                currentPage = currentPage || 1; // 如果未提供，则默认为第一页
                $.ajax({
                    type: 'post',
                    url: '/book/getListByPage?currentPage=' + currentPage,
                    success: function (ret) {
                        console.log(ret);
                        var finalHtml = "";
                        if (ret != null) {
                            for (var book of ret.records) {
                                console.log(book);
                                finalHtml += '<tr>';
                                finalHtml += '<td><input type="checkbox" name="selectBook" value="1" id="selectBook class="book-select"></td>';
                                finalHtml += '<td>' + book.id + '</td>';
                                finalHtml += '<td>' + book.bookName + '</td>';
                                finalHtml += '<td>' + book.author + '</td>';
                                finalHtml += '<td>' + book.count + '</td>';
                                finalHtml += '<td>' + book.price + '</td>';
                                finalHtml += '<td>' + book.publish + '</td>';
                                finalHtml += '<td>' + book.statusCN + '</td>';
                                finalHtml += '<td>';
                                finalHtml += '<div class="op">';
                                finalHtml += '<a href="book_update.html?bookId=' + book.id + '">修改</a>';
                                finalHtml += '<a href="javascript:void(0) onclick="deleteBook(' + book.id + ')">删除</a>';
                                finalHtml += '</div>';
                                finalHtml += '</td>';
                                finalHtml += '</tr>';
                            }
                        }
                        $("tbody").html(finalHtml);
                        // console.log(finalHtml);
                        //翻页信息
                        $("#pageContainer").jqPaginator({
                            totalCounts: ret.total, //总记录数
                            pageSize: 10,    //每页的个数
                            visiblePages: 5, //可视页数
                            currentPage: ret.pageResult.currentPage,  //当前页码
                            first: '<li class="page-item"><a class="page-link">首页</a></li>',
                            prev: '<li class="page-item"><a class="page-link" href="javascript:void(0);">上一页<\/a><\/li>',
                            next: '<li class="page-item"><a class="page-link" href="javascript:void(0);">下一页<\/a><\/li>',
                            last: '<li class="page-item"><a class="page-link" href="javascript:void(0);">最后一页<\/a><\/li>',
                            page: '<li class="page-item"><a class="page-link" href="javascript:void(0);">{{page}}<\/a><\/li>',
                            //页面初始化和页码点击时都会执行
                            onPageChange: function (page, type) {
                                console.log("第" + page + "页, 类型:" + type);
                                if (type != 'init') {
                                    location.href = "book_list.html?currentPage=" + page;
                                }
                            }
                        });
                    }
                });
            }
springboot整合jsp前端分页
夏呆毛的博客
09-20 806
springboot整合jsp前端分页 这里是要做一个图书馆的后台管理项目。然后本文主要说明一下，结合分页的多条件查询实现。 前端用的是jsp，主要是layui的框架，后台用的是springboot2.5. 一、后台代码 主要是用了mybatis的分页插件去处理的。 public PageInfo<Book> queryBooks(int pageNo, int pageSize, String bookname, String authorname, List<String&
css+html+js 分页列表 2020-12-12
XQ_corn的博客
12-12 680
分页显示1(css+html+js) 1.html代码 一个ul和盛放分页的盒子 <ul class="newslist"> </ul> <div class="btn-box"> </div> 2.css ul, li { padding: 0; margin: 0; list-style: none; } ul {...
SpringBoot+pagehelper零配置实现分页查询,Html页面分页导航条插件实现，分页导航条js+css
changingshow的专栏
11-14 1395
1、刚刚实现了SpringBoot+pagehelper零配置实现分页查询，并且和html页面导航条实现了联动，准备记录一下，方便其他有这个需求的小伙伴。 2、等下写。
【SpringBoot+Vue实现书籍管理系统--下篇】整合MyBatisPlus完成分页功能的开发并部署到docker容器中
Learning_xzj的博客
06-15 5445
本文所涉及的代码已经编译打包到我的云服务器中：http://47.106.176.37:8080/pages/books.html 欢迎大家测试访问。 主页面添加删除修改分页条件查询​ 希望通过这个案例，各位小伙伴能够完成基础开发的技能训练。整体开发过程采用做一层测一层的形式进行，过程完整。​ 页面数据模型定义 ​ 异步请求获取数据 ​ 这样在页面加载时就可以获取到数据，并且由VUE将数据展示到页面上了。​ 默认状态 ​ 切换为显示状态 ​ 定义清理数据操作 ​ 切换弹窗状态时清理数据 ​
SpringBoot 整合HTML
weixin_44175058的博客
04-06 6247
SpringBoot 整合HTML 解释： springBoot可以结合thymeleaf模版来整合HTML，使原生的的HTML作为视图 Thymeleaf模版是面向WEB和独立环境的java模版引擎，能够处理css, html,xml,javascript 等。 <P th:text="${message}"></P> //用Thymeleaf模版展示数据在页面的p标签内 1.pom.xml <?xml version="1.0" encoding="UTF-8"?&gt
html下拉列表分页,SelectPage
weixin_34471838的博客
06-03 952
多功能下拉选择插件 SelectPage简洁而强大的下拉分页选择器；支持远程数据(AJAX)、 autocomplete、键盘快速导航操作、分页展示、多选标签、i18n国际化支持等多功能的选择器插件入门指南、实例、文档更多实例、文档请访问：项目GitHub地址：插件效果多选模式效果图：默认单选模式效果图：纯下拉选择(不分页)模式：什么是SelectPage功能特点基于jQuery兼容Bootstr...
html显示列表分页的方法
dusea的博客
09-01 7167
经常在看网页，博客等地方，显示分页，上一页，下一页，首页，尾页等 170条数据 共4页 首页 上一页 1 2 3 4 170条数据 共4页 首页 上一页 1 2 3 4 下一页 尾页
Html列表分页算法
weixin_33739646的博客
03-21 283
public class PageHelper { /// <summary> /// 标签 /// </summary> public string Tag { get; set; } /// <summary> /// 选中的标签样...
分页列表实现CSS \HTML（类似百度分页）
lujiebin的博客
05-08 954
代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> /* 1.样式的重置 */ ul{ list-style: none; paddi...
基于SpringBoot+Vue实现增删改查和分页查询DEMO（源码+数据库)
04-17
springboot项目,基于SpringBoot+Vue实现增删改查分页DEMO（源码+数据库) 技术栈 数据库：MySQL 后端框架：SpringBoot+Spring Data JPA 前端框架：Vue-ElementUI
html前台分页,静态分页,使用及其简单,支持多个列表
05-24
html前台分页,静态分页,使用及其简单,支持多个列表
文章列表生成HTML静态分页页面
10-15
利用aspnetpager动态原理生成静态的列表分页html页面，自己做的测试，遇到此问题的朋友可以参考下
springboot+css+js+html Demo
01-20
springboot+css+js+html 入门例子，希望能对你提供帮助。
一个对html表格分页的类
04-16
可以将一个已经生成的html表格转化成可分页和查询的表格完全用js实现不涉及任何后台技术，不支持ajax。
html简单分页源码
07-16
简单好用的分页源码，简单方便易上手。只需要简单配置就可以用。
Springboot + Jpa +thymeleaf 使用 pageable实现分页
weixin_44025004的博客
06-14 927
本文参考 springboot使用JPA分页pageable分页；mybatis用pagehelper分页。分享两种分页方法 SpringBoot + thymeleaf 实现分页 说说自己踩过的坑吧 pageHelper 在看到参考文前，我使用的是pageHelper，看了不下5篇文章，也上过github查看pageHelper的官方页面，不论是 ------在启动项添加注解 ------在application.properties添加的说明 ------修改springboot的版本(pageHel
springboot+mybatis+thymeleaf开发的图书管理系统（包含数据库脚本文件）.zip
06-02
《基于SpringBoot、MyBatis和Thymeleaf的图书管理系统详解》 图书管理系统是软件开发中的一个经典案例，它涵盖了常见的CRUD操作以及权限控制、分页查询等功能。在这个项目中，我们采用SpringBoot、MyBatis和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

阿梦Anmory

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值