`
annan211
  • 浏览: 461336 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

jsp +mysql+分页

 
阅读更多


第一步 标记 html
 
<div class="resultTitle">
  			<ul class="Ttt">
  				<li>姓名</li>
  				<li>电话</li>
  				<li>公司</li>
  			</ul>
  		<div class="cont" id="box">
  			<div id="resultList">
  			</div>
  			<div id="paginationbar" class="paginationbar"></div>
				<!--分页导航-->
				<div id="displayNum" class="displayNum"></div>
				<!--每页显示数目导航-->
			<div class="clear"></div>
		</div>
  		</div>


第二步 js脚本

 	function searchHistory(page,disR){
  		var fn = arguments.callee;
  		var req = "member_name="+$('#member_name').val()+'&mobile='+$('#mobile').val()+'&company_name='+$('#company_name').val() + '&page='+(page||1)+'&displayRecord='+(disR=disR||10);
  		$.post('/member/search.do', req, function(json) {
  			if(json.success === true){
				var $tbody = $('#resultList'), $box = $('#box');
				var html = '';
				var count 	= json.object.count,
				list 		= json.object.lists,
				p 			= json.object.page,
				pCount 		= json.object.pageCount;
				$.each(list,function(i,n){
					var text = "<ul>"+
					'<li>'+n.member_name+'</li>'+
					'<li>'+n.mobile+'</li>'+
					'<li>'+n.company_name+'</li>'+
					'</ul>';
					if(null != text && text != ""){
						html += text;
					}
				});
				$tbody.html(html);
				overColor($("#resultList").children("ul"));

				//分页
				var $pag=$box.find('.paginationbar'),$dis=$box.find('.displayNum');
				$.sysop.pagination.init($pag,p,pCount,10,function(num){
					fn(num,disR);
				});
				//显示数目
				$.sysop.pagination.displayNum($dis,disR,function(){
					fn(1,this.innerHTML.slice(0,-1));
				});

			}else{
				var msg = json.message;
				$(".error").text(msg);
			}
  	  	});
	}

  	$('.searchBtn').bind('click',function(){
			searchHistory(1,10, true);
	});

脚本中 内置的一些函数 可以在附件中找到


第三步  写Java方法

@MethodResourceDesc(name = "[data]搜索会员")
	@RequestMapping(value = "/member/search.do")
	@ResponseBody
	public Result getConsumerCreditRecordByUserId(HttpServletRequest request,HttpServletResponse response, Member entity){
		Result result = new Result();
		int pageSize = RequestHelper.getPageSize(request);
		if(0 == pageSize){
			pageSize = 20;
		}


		Map<String,Object> map = new HashMap<String,Object>();
		map.put("page", (RequestHelper.getPageIndex(request) - 1) * pageSize);
		map.put("pageSize", pageSize);
		map.put("member_name", entity.getMember_name());
		map.put("mobile",entity.getMobile() );
		map.put("company_name", entity.getCompany_name() );
		map.put("member_type", entity.getMember_type() );

		List<Member> list = memberService.searchMember(map);

		int allCount = (int)memberService.allCount(entity);

		PagingVO pagingObject = new PagingVO();
		pagingObject.setPageCount((allCount + pageSize) / pageSize);
		pagingObject.setPage(RequestHelper.getPageIndex(request));
		pagingObject.setCount(allCount);
		pagingObject.setLists(list);
		result.setCode(ResultCode.SUCCESS);
		result.setObject(pagingObject);

		return result;
	}
其中内置的一些方法 可以在附件中找到


第四部 mybatis 文件编写

<select id="allCount" parameterType="Member" resultType="long">
		<![CDATA[
			select count(*) from member m where 1=1
		]]>
			<if test="member_type != null and member_type != ''" >
			         <![CDATA[ and member_type = #{member_type}]]>
			</if>
	</select>


	<select id="searchMember" resultType="Member" parameterType="int">
		<![CDATA[
			select * from member where 1=1
		]]>

			<if test="member_name != null and member_name != ''" >
			         <![CDATA[and member_name like CONCAT('%',#{member_name},'%')]]>
			</if>
			<if test="mobile != null and mobile != ''" >
			         <![CDATA[and mobile like CONCAT('%',#{mobile},'%')]]>
			</if>
			<if test="company_name != null and company_name != ''" >
			         <![CDATA[and company_name like CONCAT('%',#{company_name},'%')]]>
			</if>
			<if test="member_type != null and member_type != ''" >
			         <![CDATA[ and member_type = #{member_type}]]>
			</if>

			<![CDATA[  limit #{page} ,#{pageSize}]]>
	</select>


第五步  编写DAO  实现类

public List<Member> searchMember(Map<String,Object> map);

@Override
	public List<Member> searchMember(Map<String, Object> map) {
		// TODO Auto-generated method stub
		return  memberDao.searchMember(map);
	}


上传的 文件 分别是 附件 和 项目 效果图在桌面

  • 大小: 40.1 KB
分享到:
评论

相关推荐

    JSP+MySql分页组件

    【JSP+MySQL分页组件】是Web开发中常见的功能,用于处理大量数据时提高页面加载速度和用户体验。在Web应用程序中,一次性加载所有数据可能导致页面响应慢,尤其是在数据库存储的数据量庞大的情况下。分页技术可以...

    jsp+servlet+mysql实现简单的增删改查+分页

    在IT领域,尤其是在Web开发中,"jsp+servlet+mysql实现简单的增删改查+分页"是一个常见的学习主题,适合初学者理解基础的后端开发流程。这个组合提供了从客户端到服务器端再到数据库的数据交互能力,同时也包含了...

    登录servlet+jsp+mysql

    本项目标题“登录servlet+jsp+mysql”表明它使用了Servlet作为后端控制器,JSP(JavaServer Pages)作为视图层进行用户界面展示,并借助MySQL数据库来存储和管理用户信息。以下将详细介绍这个系统的关键组成部分及其...

    jsp+mysql的bbs论坛

    【标题】:“jsp+mysql的bbs论坛”是一种基于Java Server Pages(JSP)技术和MySQL数据库构建的在线讨论平台。这种论坛系统利用JSP作为服务器端脚本语言,处理用户请求,结合MySQL进行数据存储和检索,从而实现用户...

    jsp+mysql制作简单的留言板(1)

    ### jsp+mysql 制作简单的留言板知识点解析 #### 一、项目背景与目标功能 在本案例中,我们探讨如何使用JSP结合MySQL数据库来创建一个简单的留言板系统。留言板的主要功能包括允许访客留言及分页查看留言,并且提供...

    JSP+SERVLET+MYSQL实现的增删改查javaweb小例子

    在IT行业中,Web开发是一项核心技能,而JSP(JavaServer Pages)、Servlet和MySQL是构建动态网站时常用的技术栈。本项目"JSP+SERVLET+MYSQL实现的增删改查javaweb小例子"提供了一个基础的实战示例,帮助开发者了解...

    Jsp+Servlet+MyBatis完成分页查询

    在本文中,我们将深入探讨如何使用JSP、Servlet和MyBatis这三种技术来实现一个分页查询的功能。这是一个常见的需求,在许多Web应用程序中,为了提高用户体验,通常需要将大量数据分批次展示,而不是一次性加载所有...

    JSP+mysql的BBS系统

    - **页面分页**:为了提高用户体验,通常会采用分页显示帖子,JSP需要计算每页显示的数量并请求对应的数据。 **4. 源码分析** 源码通常包括JSP页面、Servlet、JavaBean以及配置文件(如web.xml)。JSP页面负责视图...

    JSP+Servlet+MySQL或SQLServer实现增删改查,搜索,分页功能

    JSP+Servlet+MySQL或SQLServer实现增删改查,搜索,分页功能 使用的是JavaWeb工程,创建的项目,附带完整的数据库设计,和效果图展示 使用的开发工具:MyEclipse+TomCat+MySQL或SQLServer 发布项目后的访问网址:...

    JAVA+JSP+MYSQL分页

    本主题主要关注使用JAVA、JSP以及MYSQL来实现分页功能,特别是通过调用MYSQL的存储过程来优化这一过程。 首先,JAVA作为后端开发语言,负责与数据库交互,处理业务逻辑。在JAVA中,我们可以使用JDBC(Java Database...

    jsp+mysql留言板

    **jsp+mysql留言板详解** **一、JSP技术** JSP(JavaServer Pages)是Java平台上的一种动态网页技术,它允许开发人员将HTML代码与Java代码混合在一起,以创建交互式的Web应用程序。JSP的核心原理是将静态内容...

    jsp+servlet+javabean+jdbc+mysql实现增删改查和分页功能

    5.Servlet + JSP +JavaBean + JDBC(DBUtils)+ mysql 6.数据库 create database day19; use day19; create table t_customer( id varchar(40) primary key, username varchar(20), gender varchar(10), ...

    jsp+mySql 真假分页

    【标题】"jsp+mySql 真假分页"涉及了Web开发中的两种常见分页技术:真分页和假分页。这两种方法在处理大量数据时特别有用,能够提高网页加载速度,优化用户体验。 **一、真分页** 真分页(Physical Pagination)是...

    JSP+MYSQL 用户管理系统

    【JSP+MYSQL 用户管理系统】是一个使用Java Server Pages(JSP)技术和MySQL数据库构建的Web应用程序,主要用于管理和处理用户的相关操作。在这个系统中,我们利用MVC(Model-View-Controller)架构模式来组织代码,...

    JSP+Servlet+MySQL的真分页代码,保证一清二楚

    本项目"JSP+Servlet+MySQL的真分页代码,保证一清二楚"正是一个实现真分页功能的实例,下面我们将深入探讨这个项目所涉及的关键技术。 首先,JSP(JavaServer Pages)是Java平台上的一种动态网页技术,它允许开发者...

    jsp人事工资管理系统(jsp+javabean+servlet+mysql).zip

    员工模块使用分页技术实现展示员工信息,添加员工,删除员工,修改员工信息与查询员工等功能,部门管理使用分页技术实现显示部门信息,添加部门,删除部门,修改部门信息等功能,考勤模块使用分页技术显示员工考勤...

    servlet+jsp+jdbc+mysql简单登录注册

    【标题】"servlet+jsp+jdbc+mysql简单登录注册" 涉及的技术栈是Web开发中的核心组件,主要用于构建动态网站应用。这个项目利用了以下四个关键技术和概念: 1. **Servlet**:Servlet是Java EE平台上的一个标准接口,...

Global site tag (gtag.js) - Google Analytics