ssm的Ajax异步分页

最新推荐文章于 2022-12-10 00:29:17 发布
最新推荐文章于 2022-12-10 00:29:17 发布
阅读量945 收藏 4
点赞数 2
分类专栏： SSM+Ajax 文章标签： SSM+Ajax
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37000286/article/details/84974786
版权

首先是分页实体类Pageinfo

package dk.entity;

import java.util.List;

/**
 * 分页 
 */
public class PageInfo<T> {
	private Integer currentPage;//当前页
	private Integer pageSize;//每页显示记录数
	private Integer totalPage;//总页数
	private Integer totalRecord;//总记录数
	private List<T> tlist;//存储对象
	private Integer form;//起始页
	
	public void setTotalPage(Integer totalPage) {
		this.totalPage = totalPage;
	}
	public void setForm(Integer form) {
		this.form = form;
	}
	public Integer getCurrentPage() {
		return currentPage;
	}
	public void setCurrentPage(Integer currentPage) {
		this.currentPage = currentPage;
	}
	public Integer getPageSize() {
		return pageSize;
	}
	public void setPageSize(Integer pageSize) {
		this.pageSize = pageSize;
	}
	public Integer getTotalRecord() {
		return totalRecord;
	}
	public void setTotalRecord(Integer totalRecord) {
		this.totalRecord = totalRecord;
	}
	public List<T> getTlist() {
		return tlist;
	}
	public void setTlist(List<T> tlist) {
		this.tlist = tlist;
	}
	public Integer getTotalPage() {
		this.totalPage=this.totalRecord/this.pageSize;
		if(this.totalRecord%this.pageSize!=0){
			this.totalPage++;
		}
		return totalPage;
	}
	public Integer getForm() {
		return (this.currentPage-1)*this.pageSize;
	}
}

业务的实体类Information

package dk.entity;
import java.sql.Timestamp;
/**
 * 资讯
 */
import java.util.Date;

public class Information {
	private Integer inforid;	//编号
	private Integer userid;		//用户编号
	private Integer typeid;		//资讯类型编号
	private Timestamp infortime;		//时间
	private String backpic;		//图片路径
	private String context;		//内容
	private String title;		//标题
	private String name;		//用户姓名
	private User user;		
	private Infortype infortype;
	
	
	
	public User getUser() {
		return user;
	}
	public void setUser(User user) {
		this.user = user;
	}
	public Infortype getInfortype() {
		return infortype;
	}
	public void setInfortype(Infortype infortype) {
		this.infortype = infortype;
	}
	public Integer getTypeid() {
		return typeid;
	}
	public void setTypeid(Integer typeid) {
		this.typeid = typeid;
	}
	public String getContext() {
		return context;
	}
	public void setContext(String context) {
		this.context = context;
	}
	public String getTitle() {
		return title;
	}
	public void setTitle(String title) {
		this.title = title;
	}
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
	public Integer getInforid() {
		return inforid;
	}
	public void setInforid(Integer inforid) {
		this.inforid = inforid;
	}
	public Integer getUserid() {
		return userid;
	}
	public void setUserid(Integer userid) {
		this.userid = userid;
	}
	public Timestamp getInfortime() {
		return infortime;
	}
	public void setInfortime(Timestamp infortime) {
		this.infortime = infortime;
	}
	public String getBackpic() {
		return backpic;
	}
	public void setBackpic(String backpic) {
		this.backpic = backpic;
	}	
}

Dao 数据访问层InformationDao

package dk.dao;

import java.util.List;

import org.apache.ibatis.annotations.Param;

import dk.entity.Information;
import dk.entity.PageInfo;

public interface InformationDao {
	
	
	/**
 * 根据类型查询所有信息
 */
List<Information> selectInformationAll(@Param("from") Integer from, @Param("pageSize") Integer pageSize,
		@Param("typeid") String typeid)throws Exception;

	/**
 * 根据类型查所有信息数量
 */
Integer informationCount(@Param("typeid") String typeid)throws Exception;

}

InformationDao.xml

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
"http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="dk.dao.InformationDao">

<resultMap type="dk.entity.Information" id="inforid">
		<id property="id" column="inforid"/>
		<result property="userid" column="userid"/>
		<result property="infortime" column="infortime"/>
		<result property="backpic" column="backpic"/>
		<result property="typeid" column="typeid"/>
		<result property="context" column="context"/>
		<result property="title" column="title"/>
		
		<association property="User" javaType="dk.entity.User">
			<id property="id" column="userid"/>
			<result property="account" column="account"/>
			<result property="password" column="password"/>
			<result property="name" column="name"/>
			<result property="sex" column="sex"/>
			<result property="occupation" column="occupation"/>
			<result property="workunit" column="workunit"/>
			<result property="phone" column="phone"/>
		</association>
	</resultMap>

<resultMap type="dk.entity.Information" id="information">
		<id property="inforid" column="inforid"/>
		<result property="userid" column="userid"/>
		<result property="infortime" column="infortime"/>
		<result property="backpic" column="backpic"/>
		<result property="typeid" column="typeid"/>
		<result property="context" column="context"/>
		<result property="title" column="title"/>
		<association property="infortype" column="typeid"
			select="dk.dao.InfortypeDao.selectById"></association>
		<association property="user" column="userid"
			select="dk.dao.UserDao.selectUserById"></association>
	</resultMap>
	
<select id="selectInformationAll" resultMap="information">
		SELECT * FROM information i,USER u WHERE i.userid=u.userid
		<if  test="typeid!=null and typeid!=''">
			and typeid  LIKE concat('%',#{typeid},'%') 
		</if>
		 GROUP BY i.inforid ORDER BY i.infortime DESC LIMIT #{from},#{pageSize};
	</select>

	
	<select id="informationCount" resultType="Integer">
	SELECT COUNT(*) FROM information i,USER u WHERE i.userid=u.userid 
	<if  test="typeid!=null and typeid!=''">
			and typeid  LIKE concat('%',#{typeid},'%') 
		</if>
	</select>
</mapper>

BIz业务逻辑层InformationBiz

package dk.biz;

import java.util.List;

import org.apache.ibatis.annotations.Param;

import dk.entity.Information;

public interface InformationBiz {

	
	/**
	 * 根据类型查询所有信息
	 */
	List<Information> findInformationAll(@Param("from") Integer from, @Param("pageSize") Integer pageSize,
			@Param("typeid") String typeid)throws Exception;   	
	
	
	/**
	 * 根据类型查询所有信息数量
	 */
	Integer informationCount(@Param("typeid") String typeid)throws Exception;

}

Service服务层InformationBizImpl

package dk.biz.impl;

import java.util.List;

import javax.annotation.Resource;

import org.springframework.stereotype.Service;

import dk.biz.InformationBiz;
import dk.dao.InformationDao;
import dk.entity.Information;
@Service
public class InformationBizImpl implements InformationBiz {
@Resource
private InformationDao informationDao;
	
	@Override
	public List<Information> findInformationAll(Integer from, Integer pageSize, String typeid) throws Exception {
		// TODO Auto-generated method stub
		return this.informationDao.selectInformationAll(from, pageSize, typeid);
	}

	@Override
	public Integer informationCount(String typeid) throws Exception {
		// TODO Auto-generated method stub
		return this.informationDao.informationCount(typeid);
	}



}

Controler层InformationController

         package dk.web;
            
            import java.io.File;
            import java.

sql.Timestamp;
        import java.util.Date;
        import java.util.List;
        
        import javax.annotation.Resource;
        import javax.servlet.http.HttpServletRequest;
        import javax.servlet.http.HttpSession;
        
        import org.springframework.stereotype.Controller;
        import org.springframework.ui.Model;
        import org.springframework.web.bind.annotation.RequestMapping;
        import org.springframework.web.bind.annotation.RequestParam;
        import org.springframework.web.bind.annotation.ResponseBody;
        import org.springframework.web.multipart.MultipartFile;
        
        import com.alibaba.fastjson.JSON;

    	 import dk.biz.InformationBiz;
    	import dk.biz.InfortypeBiz;
        import dk.entity.*;
        
    @Controller
    public class InformationController {
    	@Resource
    	private InformationBiz informationBiz;
	@Resource
	private InfortypeBiz infortypeBiz;
    	
    	
    	/**
    	 * 去健康主题页 分页
    	 */
    	@RequestMapping("/toHealthItem")
    	public String toInformationRelease(Model model,
    			@RequestParam(value = "currentPage", required = false) Integer currentPage,
    			@RequestParam(value = "typeid", required = false) String typeid) throws Exception {
    		if (currentPage == null) {
    			currentPage = 1;
    		}
    		PageInfo<Information> pageInfo = new PageInfo<Information>();
    		pageInfo.setPageSize(6);
    		pageInfo.setCurrentPage(currentPage);
    		List<Information> informationList=this.informationBiz.findInformationAll(pageInfo.getForm(), pageInfo.getPageSize(), typeid);
    		Integer totalRecord = this.informationBiz.informationCount(typeid);
    		List<Infortype> inforTypeList=this.infortypeBiz.findAll();
    		pageInfo.setTotalRecord(totalRecord);
    		pageInfo.setTlist(informationList);
    		model.addAttribute("pageInfo", pageInfo);
    		model.addAttribute("inforTypeList", inforTypeList);
    		model.addAttribute("informationList", informationList);
    		return "fore-end/healthItem";
    	}
    
    //无刷新分页
    	@ResponseBody
    	@RequestMapping("/wushuaxinfenye")
    	public String wushuaxinfenye(HttpServletRequest request,@RequestParam(value = "currentPage", required = false) Integer currentPage,@RequestParam(value = "typeid", required = false) String typeid,Model model) throws Exception{
    		if (currentPage == null || currentPage == 0) {
    			currentPage = 1;
    		}
    		PageInfo<Information> pageInfo = new PageInfo<Information>();
    		pageInfo.setPageSize(6);
    		pageInfo.setCurrentPage(currentPage);
    		List<Information> informationList=this.informationBiz.findInformationAll(pageInfo.getForm(), pageInfo.getPageSize(), typeid);
    		Integer totalRecord = this.informationBiz.informationCount(typeid);
    		List<Infortype> inforTypeList=this.infortypeBiz.findAll();
    		pageInfo.setTotalRecord(totalRecord);
    		pageInfo.setTlist(informationList);
    		model.addAttribute("pageInfo", pageInfo);
    		model.addAttribute("inforTypeList", inforTypeList);
    		model.addAttribute("informationList", informationList);
    		return JSON.toJSONString(pageInfo);
    	}
    
    }

Jsp页面

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
    <%@ page import="dk.entity.PageInfo"%>
<%
	PageInfo pageInfo = (PageInfo) request.getAttribute("pageInfo");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<title></title>
		<style type="text/css">
			#tiaoPage{
				-web-kit-appearance:none;
  				-moz-appearance: none;
				font-size:1.4em;
				height:1.4em;
				width:3em;
				border-radius:4px;
				border:1px solid #c8cccf;
				color:#6a6f77;
				outline:0;
			}
		</style>	
	</head>
	<body>
	 <div class="insideList" >
			
		</div>
					

<script src="js/jquery.min.js"></script>
		<script>
			//分页		
			function tiaozhuan(xuHao,typeid){
				var currentPage=null;
				var getTotalPage=null;
			     currentPage=$('#cpage').text();
			     getTotalPage=$('#tpage').text();
			      switch(xuHao)  
			      {   
			      case 0: if(currentPage!=1){   
			    	  currentPage=1;
			    	  //      $('#cpage').text(currentPage);
			    	  }else{ 
			    		  alert("已是首页！");   
			    		  };   
			    		  break;   
			      case 1:if(currentPage>1){
			    	  currentPage--;
			    	  //  $('#cpage').text(currentPage);
			    	  }else{
			    		  alert("已是首页！");
			    		  };             
			    		  break;
			       case 2:if(parseInt(currentPage)<parseInt(getTotalPage)){
			    	   currentPage++;
			    	   // $('#cpage').text(currentPage);
			    	   }else{
			    		   alert("已是尾页！");
			    		   };
			    		   break;
			       case 3:if(currentPage!=getTotalPage){
			    	   currentPage=getTotalPage
			    	   // $('#cpage').text(currentPage);
			    	   }else{
			    		   alert("已是尾页！");
			    		   };
			    		   break;
			       case 4: if($('#tiaoPage').val()>getTotalPage){
			    	   	   alert("没有该页！！！");
			    	   	   }else{
			    	    currentPage=$('#tiaoPage').val();
			    	    $('#cpage').val(currentPage);};
			    	    break;
			    	}
			    var num=$('#num').val();
			    if(num==''){num=0;}
			    $.ajax({
			    url:"wushuaxinfenye",
			    type:"post",
			    datatype:"json",
			    data:{"typeid":typeid,
			          "currentPage":currentPage},
			    success:function(data){
			    if(data !=null){
			   $('#tpage').text(data.totalPage);
			   $('#cpage').text(data.currentPage);
			   var arr=data.tlist;
				       $('.insideList').html("");//清空数据
			       for(var i=0;i<data.tlist.length;i++){
						var time=new Date(arr[i].infortime).toLocaleString()
						 $('.insideList').append("<ul class='leftList'>"
									+"<li>"
								+"<div class='photo'>"+"<a href='selectInforDtl?inforid="+arr[i].inforid+"'>"+'查看详情'+"</a>"+"<img src='statics/uploadfiles/"+arr[i].backpic+"' alt='' width='240' height='140'/>"+"</div>"
								+"<dl>"
									+"<dt>"
										+"<a href='selectInforDtl?inforid="+arr[i].inforid+"' class='f-20 c-main'>"+arr[i].title+"</a>"
										+"<p class='f-18 c-999'>"+"<span class='c-999 mr-20'>"+arr[i].name+"</span>"+'|'+"<span class='c-999 ml-20'>"+time+"</span>"+"</p>"
									+"</dt>"
									+"<dd class='mt-10 f-14'>"
										+"<p class='c-999' style=' -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow : hidden;display: -webkit-box;text-overflow: ellipsis;'>"+arr[i].context+"</p>"
									+"</dd>"
								+"</dl>"
							+"</li>"
							+"</ul>"
						);
					}
			       
			       $('.insideList').append("<div class='pageBox'>"
							+"<ul class='page'>"
							+"<li id='shouye_id'  onClick=tiaozhuan(0,"+typeid+")>"+"首页"+"</li>"
							+"<li id='shangyiye_id'  onClick=tiaozhuan(1,"+typeid+")>"+"上一页"+"</li>"
							+"<li>"+"<lable id='cpage'>"+data.currentPage+"</lable>"+"/"+"<lable id='tpage'>"+data.totalPage+"</lable>"+"</li>"
							+"<li id='xiayiye_id'  onClick=tiaozhuan(2,"+typeid+")>"+"下一页"+"</li>"
							+"<li id='weiye_id'   onClick=tiaozhuan(3,"+typeid+") >"+"尾页"+"</li>"
							+"<li onClick=tiaozhuan(4,"+typeid+")>"+"跳转 &nbsp"+"<input type='text' id='tiaoPage' value='1'/>"+"</li>"
							+"</ul>"
							+"</div>");   			       
			       
			                         }else{alert("没有该页数据");
			                $('#cpage').val(1);
			              }
			              }
			           
			         });
			    }
					
		</script>
		</body>
</html>
没有五官的企鹅
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
分页( SSM+jquery封装的ajax实现前后台分页的异步刷新)
weixin_43648683的博客
11-22 3577
SSM+jquery封装的ajax实现前后台分页的异步刷新 目录 1.什么是分页 2.需求 3.思路分析，变量介绍 4.逻辑操作步骤 5.具体实例，代码分析 6.总结 什么是分页？ 分页，顾名思义就是将所有数据按页码分组分别显示在属于自己的当前页内，当数据很多的时候，只在一页里看比较杂乱，所以用到分页，使显示更清晰有条理。场景如下图（不是很美观，主要看功能❤）： 需求： 1、点击全部分类，将全部...
ssm框架异步分页
xinzaiz的博客
12-04 234
//返回json数据的通用返回类 public class ResultEntity { private Map<String,Object> map=new HashMap(); //设置成功之后的状态 存入map public static ResultEntity success(){ ResultEntity resultEntity=n...
用ssm框架和Ajax写的分页查询
07-01
分页查询
SSM(Spring+mybatis+Springmvc)+maven+Ajax实现分页功能
08-02
利用SSM框架实现分页
SSM异步请求分页+模糊查询
皮卡丘的博客
12-25 516
希望各位网友提出更好的建议，本人由于时间原因没有详细介绍，只提出了思路和实现方式，当然也可以用分页插件，我这里只讲述最原始的实现方式
ssm分页,springmvc js 分页
03-27
2. **Ajax**：前端通过Ajax异步发送请求，获取分页数据，避免页面刷新，提供流畅的用户交互体验。在JavaScript中，可以使用jQuery的$.ajax或fetch API来发送请求，携带当前页码和每页数量信息。 3. **Java后端处理*...
SSM框架分页.rar
05-06
这个"SSM框架分页.rar"压缩包包含了一个基于MyEclipse的项目示例，主要展示了如何在SSM环境中实现ajax分页功能，这在大数据量展示时是非常实用的。 首先，Spring框架作为核心容器，负责管理应用对象，通过依赖注入...
ajax实现分页
07-12
### 使用SSM框架中的Ajax实现自定义分页数据 在Web开发中，为了提升用户体验、减少服务器负担，分页功能的实现变得尤为重要。而在实际应用中，Ajax技术因其能够实现局部刷新、异步加载等功能而被广泛应用于动态加载...
ssm+ajax使用于学习ajax的新手案例
03-31
SSM（Spring、SpringMVC、MyBatis）框架与Ajax的结合是现代Web开发中常见的一种技术组合，尤其适合构建交互性强、响应快速的Web应用。本案例针对初次接触Ajax的学习者，提供了验证用户名是否已存在的实际操作，有助...
ssm ajax 分页,ssm实现分页查询的实例
weixin_33331063的博客
08-05 397
ssm整合实现分页查询一、通过limit查询语句实现分页，并展示1.mapper.xml配置SELECT * number from user limit #{page},10查询user表，从第page项开始，每次返回10条数据2.index.jsppagecss" href="css/index.css" rel="external nofollow" >usernamepassword...
SSH框架异步表格分页
02-21
使用SSH框架写的AJAX异步表格翻页的代码实现例子，样式使用了Bootstrap显示，根据返回的JSON自动创建表格显示，适合初学者学习使用。
ssm datagrid异步增删改查实现
12-08
这是我写的完整类，里面只要自己根据实体类创建一个实体类。和把mybatis配置文件改了 即可，我的是sqlserver数据库
SSM框架实现分页查询例子
06-27
SSM框架实现分页查询例子，对应博客地址https://blog.csdn.net/sinat_37001576
ssm和Ajax实现后端分页
adopy123456的博客
11-03 459
后台实现代码如下： @RequestMapping(value = { "/orderselect" })     public @ResponseBody Map&lt;String, Object&gt; queryorder(HttpServletRequest request, Model m) {                  Account aa=(Account) reques...
SSM项目（一）Day03分页查询（ajax技术）
程序彤的博客
01-11 208
后端控制层代码 思路： 服务器发送ajax请求给客户端（页面，安卓，ios） 为了提升系统的扩展性，与平台无关性 1.index页面直接发送ajax请求进行员工分页数据查询 2.服务器将向数据库查出的数据，以json字符串的形式返回给浏览器 3.浏览器收到json字符串，可以使用js对json进行解析，使用js通过dom增删改查改变页面 @RequestBody 将返回的对象自动转为json字符串 @Controller public class EmployeeController { @Aut
java SpringMVC 之 表现层与前端数据传输 SSM整合 异步处理&前后台处理联调 拦截器
m0_73859807的博客
12-10 846
}}=null?=null?"":"数据查询失败，请重试";}=null?=null?"":"数据查询失败，请重试";}}
SSM分页
Souwy的博客
04-05 2331
SSM（Spring+SpringMVC+MyBatis）分页 采用maven的方式 用了一些spring的拦截器的设置 整合mybatis 配置db.properties mysql.username=root mysql.password=root mysql.url=jdbc:mysql://localhost:3306/mysql mysql
SSM框架前后端分页功能，HTML，JavaScript，Ajax异步请求，Page工具类功能实现分页操作
遙夜人間
07-27 283
实现效果 HTML: <div class="panel admin-panel"> <tr> <td colspan="8"> <div id="pageContext" class="pagelist"> <!-- <a href='javascript:void(0)' href="">上一页</a>--&
利用SSM整合创建的一个异步的模糊查询
qq_41778382的博客
08-06 230
项目结构 pom.xml文件 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd"> <modelVersion>4.0.0<
ssm框架ajax分页查询
最新发布
07-11
你好！对于使用SSM框架进行Ajax分页查询，你可以按照以下步骤进行操作： 1. 在前端页面中，定义一个包含分页查询功能的表单，可以是一个普通表单或者是一个Ajax表单。 2. 在后端的Controller中，编写一个处理Ajax请求的方法，该方法接收前端传递的分页参数，如当前页码、每页显示数量等。 3. 在Controller中调用Service层的方法，将分页参数传递给Service层进行查询操作。 4. 在Service层中，编写对应的查询方法，使用MyBatis或其他ORM框架执行数据库查询操作，并返回查询结果。 5. 在前端页面中，使用JavaScript或其他前端框架处理Ajax响应结果，并将查询结果展示在页面上。 需要注意的是，在前端页面中需要编写相应的JavaScript代码来处理分页按钮点击事件，以及发送Ajax请求和接收响应结果。 希望以上步骤能够帮助到你！如果有任何进一步的问题，请随时提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值