Spring boot分页显示数据库中数据（不刷新页面）

最新推荐文章于 2024-08-14 20:18:15 发布

浮闲

最新推荐文章于 2024-08-14 20:18:15 发布

阅读量3.6k

点赞数

分类专栏： spring boot 文章标签：数据库 spring 分页数据

本文链接：https://blog.csdn.net/aslongasyoulike/article/details/78038150

版权

本文介绍如何使用Spring Boot结合Avalon.js实现数据库数据的无刷新分页展示。通过创建实体类、接口和Controller，配合fenye.html页面，利用Avalon.js的点击事件和Ajax技术动态获取并更新页面数据，达到不刷新页面的分页效果。示例代码及演示链接已提供。

摘要由CSDN通过智能技术生成

记录一下，以防忘记
具体使用：avalon.js jquery.js。知道avalon.js的人可能并不多，关于avalon.js的具体内容大家可以看司徒正美老师的博客
http://www.cnblogs.com/rubylouvre/p/3181291.html

之前写过spring boot分页显示数据库的博文，在那篇博文中，在进行页面切换的过程中是不断刷新页面的，这种方式显得不是很优雅，下面这个栗子是不需要页面刷新的，话不多说，上代码

实体类：Person.java

package com.example.demo.domain;

import javax.persistence.Entity;
import javax.persistence.GeneratedValue;
import javax.persistence.Id;
import javax.persistence.Table;

/**
 * Created by 18274 on 2017/9/18.
 */
@Entity
public class Person {
   
    @Id
    @GeneratedValue
    private Long id;
    private String name;
    public Person(){}

    public Long getId() {
        return id;
    }

    public String getName() {
        return name;
    }

    public void setId(Long id) {
        this.id = id;
    }

    public void setName(String name) {
        this.name = name;
    }
}

接口类：PersonRepository.java

package com.example.demo.dao;

import com.example.demo.domain.Person;
import org.springframework.data.jpa.repository.JpaRepository;

import java.util.List;

/**
 * Created by 18274 on 2017/9/18.
 */
public interface PersonRepository extends JpaRepository<Person,Long>{
   
        List<Person> findByIdBetween(long id1,long id2);

}

Control.java

package com.example.demo.control;

import com.example.demo.dao.PersonRepository;
import com.example.demo.domain.Person;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.*;

import java.util.ArrayList;
import java.util.List;

/**
 * Created by 18274 on 2017/9/18.
 */
@Controller
public class Control<