基于SSM的项目分页

SSM框架下项目的开发当中,对于多条记录的显示,通常会采用分页查询的方法,是页面看起来更方便。这里记录页面的分页查询方法。在IDEA环境下实现。
1.首先创建分页工具类:
public class Page implements Serializable {
private static final long serialVersionUID = -3198048449643774660L;

private int pageNow = 1; // 当前页数 

private int pageSize = 4; // 每页显示记录的条数 

private int totalCount; // 总的记录条数 

private int totalPageCount; // 总的页数 

@SuppressWarnings("unused") 
private int startPos; // 开始位置,从0开始 

   
/**
 * 通过构造函数 传入  总记录数  和  当前页
 * @param totalCount
 * @param pageNow
 */ 
public Page(int totalCount, int pageNow) { 
    this.totalCount = totalCount; 
    this.pageNow = pageNow; 
} 
   
/**
 * 取得总页数,总页数=总记录数/每页显示记录的条数  
 * @return
 */ 
public int getTotalPageCount() { 
    totalPageCount = getTotalCount() / getPageSize(); 
    return (totalCount % pageSize == 0) ? totalPageCount  //总页数
            : totalPageCount + 1; 
} 

public void setTotalPageCount(int totalPageCount) { 
    this.totalPageCount = totalPageCount; 
} 

public int getPageNow() { 
    return pageNow; 
} 

public void setPageNow(int pageNow) { 
    this.pageNow = pageNow; 
} 

public int getPageSize() { 
    return pageSize; 
} 

public void setPageSize(int pageSize) { 
    this.pageSize = pageSize; 
} 

public int getTotalCount() { 
    return totalCount; 
} 

public void setTotalCount(int totalCount) { 
    this.totalCount = totalCount; 
} 
/**
 * 取得选择记录的初始位置
 * @return
 */ 
public int getStartPos() { 
    return (pageNow - 1) * pageSize; 
} 

public void setStartPos(int startPos) { 
    this.startPos = startPos; 
}  

}
2.创建mapper。xml文件

<?xml version="1.0" encoding="UTF-8"?> select * from user limit #{startPos},#{pageSize} SELECT COUNT(*) FROM user 3.mapper接口: /** * 使用注解方式传入多个参数 * @param page * @return startPos},#{pageSize} */ public List selectUserByPage(@Param(value="startPos") Integer startPos, @Param(value="pageSize") Integer pageSize);

/**

  • 用户总数
    */
    public long getUserCount();
    4.service接口:
    private UserMapper userMapper;
    @Override
    public void showUserByPage(HttpServletRequest request, Model model) {
    // TODO Auto-generated method stub
    String pageNow = request.getParameter(“pageNow”);

     Page page = null; 
    
     List<User> user = new ArrayList<User>(); 
    

    //查询用户总数
    int totalCount = (int) userMapper.getUserCount();

     if (pageNow != null) { 
         page = new Page(totalCount, Integer.parseInt(pageNow)); 
         user = this.userMapper.selectUserByPage(page.getStartPos(), page.getPageSize()); 
     } else { 
         page = new Page(totalCount, 1); 
         user = this.userMapper.selectUserByPage(page.getStartPos(), page.getPageSize()); 
     } 
    
     model.addAttribute("user", user); 
     model.addAttribute("page", page); 
    

    }
    5.controller方法:
    public class UserController {
    @Autowired
    private UserService userService;
    @RequestMapping("/pagingUser.action")
    public String pagingUser(HttpServletRequest request,Model model){
    userService.showUserByPage(request, model);
    return “pagingUser”;

    }
    }
    之后我们需要完成自己的页面显示功能,基本上就完成了页面分页功能。

### 回答1: 这个问题可能是一个编码问题,但是我理解为:如何基于Spring Boot实现Vue+SSM分页。 实现Vue+SSM分页,可以按照以下步骤进行: 1. 配置MyBatis和PageHelper,用于MySQL数据库的分页查询; 2. 在Controller中编写接口,用于处理Vue前端请求的数据,并调用Service中的方法实现分页查询; 3. 在Vue前端中,使用Element UI的组件实现分页效果,并绑定相关事件,用于向后端发送分页请求,获取数据并渲染页面; 4. 在Vue前端中,使用Axios库实现向后端发送请求; 5. 在Vue前端中,使用Vue Router实现页面的前端路由跳转。 以上是基于Spring Boot实现Vue+SSM分页的一个简单实现思路,具体的实现细节需要根据具体的项目需求进行进一步的开发和调试。 ### 回答2: Spring Boot是一种基于Java的开发框架,它可以很方便地构建独立的、生产级别的应用程序。而Vue.js是一个用于构建Web界面的渐进式JavaScript框架,可用于构建单页应用程序(SPA)和移动应用程序。SSM框架由Spring、SpringMVC和MyBatis组成,可以用于开发Java Web应用程序。整合这些技术,可以实现一个分页的Web应用程序。 首先,在Spring Boot项目中,我们可以使用Spring Boot的starter来自动配置SpringMVC和MyBatis,使得开发过程更加简单。使用Vue.js可以实现前端页面的交互,通过Vue.js的组件化开发方式,可以将页面拆分为多个组件,提高代码的可读性和维护性。 在后端,我们可以使用SSM框架来实现数据的持久化、业务逻辑的处理和API的提供。使用MyBatis可以方便地进行数据库的访问,而Spring框架可以提供全面的依赖注入和AOP特性。SpringMVC可以帮助我们处理API请求,将数据传递给前端页面。 在分页方面,我们可以通过MyBatis提供的分页插件来实现分页功能。在API接口中,我们可以通过接收前端传递的页码和每页数据条数,使用MyBatis进行分页查询,将结果返回给Vue.js。在前端页面中,通过Vue.js进行分页组件的渲染和交互。 总之,Spring Boot项目基于Vue.js和SSM框架的分页实现可以提供一个良好的用户体验和高效的数据处理能力。此外,由于这些技术的流行性和稳定性,开发成本也比较低。 ### 回答3: SpringBoot项目基于Vue和SSM框架实现分页功能需要以下几个步骤: 1. 添加Vue.js和axios库到前端项目中,用于向后端请求数据和进行分页操作。 2. 在后端SSM项目中,设计一个接口用于处理分页请求,该接口应该包含当前页码、每页显示的记录数等参数,返回查询结果和总记录数。 3. 在后端Controller中实现该接口,并调用Service层中的查询方法获取分页数据,将结果封装成一个PageInfo对象,该对象包含当前页码、每页显示的记录数、总页数和查询结果。 4. 在前端Vue实例中,定义一个data对象用于存放分页相关数据,包括当前页码、每页显示的记录数、总页数和查询结果。 5. 在前端Vue实例中,定义一个方法用于向后端Controller发送分页请求,并将返回的分页结果保存到data对象中。 6. 在前端Vue模板中,使用v-for指令将分页结果渲染到页面上,并使用v-pagination组件实现分页导航。 7. 在前端Vue实例中,实现用户与分页导航的交互操作,例如点击页码、改变每页显示的记录数等操作。 通过以上步骤,就可以基于Vue和SSM框架实现一个高效的分页功能。使用Vue作为前端展示的框架,相比传统的JSP或Thymeleaf等技术,可以更加灵活和高效地处理页面渲染和交互操作;而SSM框架则提供了一个可靠的后端架构,可以保证数据的完整性和安全性。综合起来,基于Vue和SSM实现分页功能,不仅可以提高开发效率和用户体验,还可以提高系统的稳定性和可维护性。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值