第一步 标记 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+servlet+mysql实现简单的增删改查+分页非常适合刚开始学习的小伙伴
QQ:510876005
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), ...
JAVA调用 MYSQL存储过程 JSP实现分页
完整的 JSP+SERVLET+MYSQL实现的增删改查javaweb小例子
JSP+Servlet+MySQL或SQLServer实现增删改查,搜索,分页功能 使用的是JavaWeb工程,创建的项目,附带完整的数据库设计,和效果图展示 使用的开发工具:MyEclipse+TomCat+MySQL或SQLServer 发布项目后的访问网址:...
留言板要实现的功能是:浏览的人能留言并能分页的查看留言,管理员能对留言进行处理! 这个留言板由9个小程序组成,分别是:board.jsp;message.html;opendata.jsp;manager.jsp;password.jsp;check.jsp;delete.jsp;convert...
JDBC+Servlet+Jsp+Mysql 优化版学生表(实现分页功能)
员工模块使用分页技术实现展示员工信息,添加员工,删除员工,修改员工信息与查询员工等功能,部门管理使用分页技术实现显示部门信息,添加部门,删除部门,修改部门信息等功能,考勤模块使用分页技术显示员工考勤...
JSP+MYSQL+Java类优化分页的实例
jsp页面没有过多的修饰 只是添加了必要的信息 使用的是mvc思想 清晰明了 有代码注释
JSP +MYSQL分页 .....................................................................
本资源运用jsp+mysql+ajax技术实现了登录、注册、分页的功能。
基于jsp+js+servlet+jdbc+mysql开发产品后台管理系统,实现用户增删改查、分页,登录,注册,图片上传等功能。 包括以下5个功能: 1、登录 用户默认主页index.jsp,可选择【登录】功能,若登录成功,则进入产品管理中...
本留言板是基于JSP及数据库技术制作的简单留言板,整个留言板共三个jsp文件,即用户留言页面(message_...该留言板实现了分页、跳页、降序排列留言、控制留言字数等效果,对于有些许jsp及数据库基础的爱好者非常适用。
使用JSP,servlet,mysql进行的真分页操作。包括jsp,servlet,javabean,dao以及mysql代码。
这是一个用jsp实现博客分页功能封装的一个类,可以用来实现分页,很好用哦!
两种基于jsp+servlet+mysql的分页技术,分别是基于session的分页,一种是基于数据库的分页