用ssm写一个带页面的分页查询

时间: 2023-10-10 12:05:55 浏览: 109

ssm实现分页查询的实例

SSM实现分页查询的实例 SSM（Spring+SpringMVC+MyBatis）是一种常见的Java Web应用程序架构，通过将Spring、SpringMVC和MyBatis三个框架组合使用，可以实现更加灵活和高效的Web应用程序开发。下面将对SSM实现分页查询的实例进行详细的分析和讲解。一、分页查询的实现分页查询是指从数据库中查询数据时，只返回指定数量的数据，而不是所有数据。这可以减少数据库查询的负载，提高查询效率。在SSM框架中，可以使用MyBatis的Limit查询语句来实现分页查询。在mapper.xml配置文件中，可以使用以下语句来实现分页查询： ```xml <select id="selectUsersByPage" parameterType="int" resultMap="UserMap"> SELECT * from user limit #{page},10 </select> ``` 这条语句将从user表中查询数据，从第page项开始，每次返回10条数据。二、前端页面的实现在前端页面中，需要使用JSTL（JavaServer Pages Standard Tag Library）来循环展示查询结果。在index.jsp文件中，可以使用以下代码来展示查询结果： ```html <table> <tr style="background-color: #F5F5F5;"> <th>username</th> <th>password</th> <th>sex</th> <th>email</th> <th>createTime</th> <th>updateTime</th> </tr> <div id="show_data"> <c:choose> <c:when test="${ulist != null}"> <c:forEach items="${ulist}" var="u"> <tr> <td>${u.username}</td> <td>${u.password}</td> <td>${u.sex}</td> <td>${u.email}</td> <td><fmt:formatDate value="${u.create_time}" type="date"/></td> <td><fmt:formatDate value="${u.update_time}" type="date"/></td> </tr> </c:forEach> </c:when> <c:otherwise> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> </c:otherwise> </c:choose> </div> </table> ``` 这部分代码将展示查询结果，包括用户名、密码、性别、email、创建时间和更新时间等信息。三、分页导航的实现在分页查询中，需要提供分页导航功能，允许用户跳转到指定的页面。在index.jsp文件中，可以使用以下代码来实现分页导航： ```html <div class="page"> <div class="page_cell">首页</div> <div class="page_cell" onclick="up_page()">上一页</div> <div style="float: left;margin: 2px"><%=session.getAttribute("page")%>/${ulist[0].number}</div> <div class="page_cell" onclick="next_page(<%=session.getAttribute("page")%>)">下一页</div> <div class="page_cell">末页</div> </div> ``` 这部分代码将提供分页导航功能，允许用户跳转到指定的页面。四、CSS样式的实现在index.css文件中，可以使用以下代码来实现CSS样式： ```css body { width: 100%; margin: 0; } table { border: 1px solid red; text-align: center; margin: auto; border-collapse: collapse; } tr { border: 1px solid #ddd; } th { width: 150px; font-weight: 700; height: 36px; } td { height: 36px; } .page { margin: auto; width: 300px; text-align: center; margin-top: 10px; } ``` 这部分代码将实现CSS样式，美化页面的布局和样式。 SSM实现分页查询的实例可以通过使用MyBatis的Limit查询语句和JSTL来实现前端页面的展示，同时还需要实现分页导航和CSS样式的美化。

好的，以下是一个简单的使用SSM框架实现带页面的分页查询的示例代码： 1. 在Spring的配置文件中配置MyBatis的Mapper扫描、数据源等信息： ```  <bean id="dataSource" class="org.apache.commons.dbcp.BasicDataSource" destroy-method="close"> <property name="driverClassName" value="com.mysql.jdbc.Driver" /> <property name="url" value="jdbc:mysql://localhost:3306/test" /> <property name="username" value="root" /> <property name="password" value="root" /> </bean>  <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean"> <property name="dataSource" ref="dataSource" /> <property name="mapperLocations" value="classpath*:com/example/mapper/*.xml" /> </bean>  <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer"> <property name="basePackage" value="com.example.mapper" /> </bean> ``` 2. 定义数据表对应的实体类： ``` public class User { private Long id; private String name; private Integer age; // 省略getter和setter方法 } ``` 3. 定义Mapper接口和对应的XML配置文件： UserMapper.java： ``` public interface UserMapper { List<User> selectAll(); List<User> selectByPage(@Param("start") Integer start, @Param("size") Integer size); Integer selectCount(); } ``` UserMapper.xml： ``` <mapper namespace="com.example.mapper.UserMapper"> <resultMap id="userMap" type="com.example.entity.User"> <id property="id" column="id" /> <result property="name" column="name" /> <result property="age" column="age" /> </resultMap> <select id="selectAll" resultMap="userMap"> select * from user </select> <select id="selectByPage" resultMap="userMap"> select * from user limit #{start}, #{size} </select> <select id="selectCount" resultType="java.lang.Integer"> select count(*) from user </select> </mapper> ``` 4. 在Spring的配置文件中配置分页插件： ```  <bean id="pageHelper" class="com.github.pagehelper.PageHelper"> <property name="properties"> <value> dialect=mysql </value> </property> </bean> ``` 5. 定义Controller类： ``` @Controller public class UserController { @Autowired private UserMapper userMapper; @Autowired private PageHelper pageHelper; @RequestMapping("/user") public String list(Model model, @RequestParam(defaultValue = "1") Integer pageNum) { // 设置分页参数 pageHelper.startPage(pageNum, 10); // 查询数据 List<User> users = userMapper.selectByPage((pageNum - 1) * 10, 10); // 封装分页信息 PageInfo<User> pageInfo = new PageInfo<>(users); model.addAttribute("users", users); model.addAttribute("pageInfo", pageInfo); return "user/list"; } } ``` 6. 定义JSP页面： ``` <%@ page contentType="text/html;charset=UTF-8" language="java" %> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <html> <head> <title>用户列表</title> </head> <body> <h1>用户列表</h1> <table border="1"> <thead> <tr> <th>ID</th> <th>姓名</th> <th>年龄</th> </tr> </thead> <tbody> <c:forEach items="${users}" var="user"> <tr> <td>${user.id}</td> <td>${user.name}</td> <td>${user.age}</td> </tr> </c:forEach> </tbody> </table> <div> <c:if test="${pageInfo.hasPreviousPage}"> <a href="${pageContext.request.contextPath}/user?pageNum=${pageInfo.prePage}">上一页</a> </c:if> <c:if test="${pageInfo.hasNextPage}"> <a href="${pageContext.request.contextPath}/user?pageNum=${pageInfo.nextPage}">下一页</a> </c:if> </div> </body> </html> ``` 以上就是一个使用SSM框架实现带页面的分页查询的简单示例。

阅读全文

用ssm写一个带页面的分页查询

相关推荐

SSM框架下JavaScript实现页面分页功能详解

SSM框架实现分页查询示例

用ssm写一个分页查询带页面显示

有ssm写一个分页的查询功能带页面

用ssm写一个完整的模糊查询带分页的

用ssm框架和Ajax写的分页查询

ssm 三框架整合,进行分页查询,前端使用jsp进行分页

用ssm框架写一个分页查询，要有详细步骤

ssm框架中最简单的分页查询，详细代码以及jsp页面

帮我写一个ssm框架的分页查询，要完整步骤

ssm框架——分页查询

idea下ssm框架，带简单查询和分页

SSM框架实现分页查询例子

ssm框架下模糊查询分页

ssm实现分页查询的实例

使用ssm框架实现分页查询功能

ssm框架实现分页查询

ssm框架ajax分页查询

用ssm写一个简易后台

最新推荐

layui框架与SSM前后台交互的方法

基于Python和Opencv的车牌识别系统实现

管理建模和仿真的文件

网络隔离与防火墙策略：防御网络威胁的终极指南

在密码学中，对称加密和非对称加密有哪些关键区别，它们各自适用于哪些场景？

我的代码小部件库：统计、MySQL操作与树结构功能

"互动学习：行动中的多样性与论文攻读经历"

网络测试与性能评估：准确衡量网络效能的科学方法

在永磁同步电机中，如何利用有限元仿真技术模拟失磁故障对电机性能的影响？

React初学者入门指南：快速构建并部署你的第一个应用