今天,分享的是asp.net中条件查询+分页的小案例。
如下图所示:
各个功能模块均已标注,先大致介绍一下业务。
\1. 点击左侧图书类别,根绝类别编号在右侧查询显示该类别中的所有图书列表(分页查询)
\2. 下拉排序方式,可以根据价格排序和出版日期排序。当下拉列表改变值时,图书列表按照排序方式改变。
\3. 右上角显示为分页信息,左箭头表示上一页,右箭头表示下一页。
数据访问层(DAL):
1.需要根据“类别编号”“当前页”“页大小”以及“排序方式”查询图书列表,代码如下:
// 1.当前页,页大小,类别,排序依据--》得到数据集合 public List<Books> GetPageBooks(int currPage, int pageSize, string orderBy, int cateId) { string sql = "select top " + pageSize + " * from Books where id not in (select top " + (currPage - 1) * pageSize + " id from Books where CategoryId = " + cateId + " order by " + orderBy + ") and CategoryId = " + cateId + " order by " + orderBy + ""; List<Books> bList = new List<Books>(); SqlDataReader dr = SqlHelper.ExecuteReader(sql, null); while (dr.Read()) { Books b = new Books(); b.Id = Convert.ToInt32(dr[0]); b.Title = dr[1].ToString(); b.Author = dr[2].ToString(); b.PublisherId = Convert.ToInt32(dr[3].ToString()); b.PublishDate = Convert.ToDateTime(dr[4].ToString()); b.ISBN = dr[5].ToString(); b.UnitPrice = Convert.ToDouble(dr[6].ToString()); b.ContentDescription = dr[5].ToString(); b.CategoryId = Convert.ToInt32(dr[0]); b.Clicks = Convert.ToInt32(dr[0]); bList.Add(b); } return bList; }
2.需要根据类别查询总记录数,从而在前台计算总页数,代码如下:
//总记录数 //类别 public int GetTotalNum(int cateId) { int rel = 0; string sql = "select count(*) from Books where CategoryId = @CategoryId"; SqlParameter[] param = { new SqlParameter("@CategoryId", cateId) }; rel = Convert.ToInt32(SqlHelper.ExecuteScalar(sql, param)); return rel; }
业务逻辑层(BLL):
将DAL的两个方法可以结合起来,将数据集合(图书列表)和总记录数(根据类别查询)带出去,在控制器中获取,代码如下:
public List<Books> GetPageList(int currPage, int pageSize, string orderBy, int cateId, out int totalNum) { totalNum = bs.GetTotalNum(cateId); return bs.GetPageBooks(currPage, pageSize, orderBy, cateId); }
前台业务分析:
点击类别,展示图书列表比较简单,这里一带而过,不细说,代码如下(利用了内联视图):
<% List<BookShop.Models.Categories> cateList = ViewData["cateList"] as List<BookShop.Models.Categories>; foreach(BookShop.Models.Categories cate in cateList){ %> <li><%=Html.ActionLink(cate.Name, "BooksList", "Books", new { id=cate.Id}, null)%></li> <% } %>
图书列表页:图书列表通过强类型视图遍历展示。
接下来,我们可以将当前页、排序方式放在form表单中往控制器中传值(不放也可以,利用jQuery直接获取值,稍微麻烦点),当改变下拉列表的值时,提交form表单,form表单的代码如下:
<form action="<%=Url.Action("BooksList", "Books", new {id=ViewData["cateid"]})%>" method="post" id="mainForm"> <input type="hidden" name="orderBy" value="<% =ViewData["orderBy"] %>"/> <input type="hidden" name="currPage" value="<% =ViewData["currPage"] %>"/> </form>
相关jquery代码如下:
<script type="text/javascript"> //jQuery代码 $(function () { var orderBy = $("input[name='orderBy']").val(); $("select[name='list_type']").val(orderBy); $("select[name='list_type']").change(function () { $("input[name='orderBy']").val($(this).val()); $("input[name='currPage']").val(1); $("#mainForm").submit(); }); }); </script>
上一页:
点击上一页时,获取表单中当前页的值,然后进行判断,如果当前页是第一页,则无序操作,否则当前也减1,最后提交表单。
//上一页 $("#turn_pre").click(function () { //当前页减1 var currPage = $("input[name='currPage']").val(); if (currPage > 1) { currPage = currPage-1; } $("input[name='currPage']").val(currPage); $("#mainForm").submit(); });
下一页:
点击下一页时,获取表单中当前页的值,还需要获取控制器往页面传递的总页数,然后进行判断,如果当前页等于总页数,则无序操作,否则当前页加1,最后提交表单。
//下一页 $("#turn_next").click(function () { //当前页减1 var currPage = $("input[name='currPage']").val(); var totalPage = <%=ViewData["totalPage"]%>; if(totalPage!=currPage){ currPage = parseInt(currPage) + 1; } $("input[name='currPage']").val(currPage); $("#mainForm").submit(); });
控制器(BooksController):
首先,根据前台页面的需求,我们可以知悉,控制器的动作方法中,最少需要【当前页】【页大小】【类别编号】【排序方式】几个值,【当前页】和【排序方式】我们可以直接从form表单中获取,【类别编号】可以从路由中获取,【页大小】直接写成死的就可以,代码如下:
public ActionResult BooksList() { //类别号 int cateid =Convert.ToInt32(RouteData.Values["id"]); //排序依据 string orderBy = Request.Form["orderBy"] == null ? "PublishDate" : Request.Form["orderBy"]; //当前页 int currPage = Request.Form["currPage"] == null ? 1 : Convert.ToInt32(Request.Form["currPage"]); //页大小 int pageSize = 5; int totalNum = 0; List<Books> bList = bm.GetPageList(currPage, pageSize, orderBy, cateid, out totalNum); ViewData["currPage"] = currPage; ViewData["orderBy"] = orderBy; ViewData["cateid"] = cateid; int totalPage = totalNum % pageSize == 0 ? totalNum / pageSize : (totalNum / pageSize) + 1; ViewData["totalPage"] = totalPage; return View(bList); }