asp.net mvc4+mysql做一个简单分页组件(部分视图)
在开始做mysql分页功能组件前,便设定的是要有一定可复用性。先在项目里Views文件夹下右键新建名为_PaginationComponent.cshtml,这里html及css我采用的bootstrap分页组件,这可以参考http://v3.bootcss.com/components/。
先将生成项目效果截图呈上:

这里有需要预先知道的,是mysql分页查询与mssql分页查询实现不同点在于,mysql支持limit语句,limit格式为 limit pageIndex*pageSize,pageSize,pageIndex--为页数,pageSize--为页面包含数据量。limit具体用法可查询mysql手册。然后需要预先定义好pageSize,pageIndex,pageCount(分页总数)三个量。这里预设pageSize为30,即: int pageSize = 30。
首先来实现获取pageCount:思路是,先将要获取的所有数据集从数据库中取出,根据pageSize = 30得出总页数,这里会遇到数据集数量为30的倍数与否问题,解决是:
MySqlCommand comm_1 = new MySqlCommand(sqlSearch, connection);
MySqlDataAdapter da_1 = new MySqlDataAdapter(sqlSearch, connection);
da_1.SelectCommand = comm_1; //初始化da.fill的命令
DataSet set_1 = new DataSet();
da_1.Fill(set_1);
DataTable dt_1 = set_1.Tables[]; //使用datatable装所得多张表数据,并获取里面的第一张表
Count = (;//分页总页数
)
{
pageCount = (dt_1.Rows.Count) / + ;
}
)
{
pageCount = (dt_1.Rows.Count) / ;
}
)
{
pageCount = ;
}
这里用到判断,大于30的pageCount均往上加1,小于30的pageCount为1。
接下来要实现的是用pageIndex传页数获取对应的数据集,思路是利用limit语句特性:
public List<Model> GetDormitoryBottleRecycleListPagination(int pageIndex, int pageSize)
{
Get_Connection();
List<Model> list = ) * + "," + pageSize + ""; //填充分页后的数据
MySqlCommand comm_2 = new MySqlCommand(sqlPaginatioSearch, connection);
MySqlDataAdapter da_2 = new MySqlDataAdapter(sqlPaginatioSearch, connection);
da_2.SelectCommand = comm_2; //初始化da.fill的命令
DataSet set_2 = new DataSet();
da_2.Fill(set_2);
DataTable dt_2 = set_2.Tables[]; //使用datatable装所得多张表数据,并获取里面的第一张表
)
{
list = new List<Model>();
foreach (DataRow row in dt_2.Rows)
{
Model entity = sqlhelper.CreateItem(row);
list.Add(entity);
}
}
Close_Connection();
return list;
}
string sqlPaginatioSearch = "SELECT * FROM table ORDER BY file_1 ASC LIMIT " + (pageIndex - 1) * 30 + "," + pageSize + ""; //填充分页后的数据这是核心sql语句,通过pageIndex传入页面数,从(pageIndex - 1) * 30处开始取pageSize量的数据。在控制器的action中实现也是关键:
)
{
int pageIndex = id;//传递分页数
;
;
List<BottleRecycleModel> list_1;
list_1 = pbsAccess.GetDormitoryBottleRecycleListPagination(pageIndex, pageSize, pageCount);//获取分页列表
ViewBag.ListCount = list_1.Count;
BottleRecycleList viewBottleRecycleList = new BottleRecycleList();
viewBottleRecycleList.bottleRecycleList = new List<BottleRecycleModel>();//要实例化对象,相当重要 //这里是为显示分页数据的功能代码
if (list_1 != null)
{
foreach (var item in list_1)
{
BottleRecycleModel viewBottleRecycle = new BottleRecycleModel();
viewBottleRecycle.Id = item.Id;
viewBottleRecycle.DormitoryNumber = item.DormitoryNumber;
viewBottleRecycle.SmallBottleNumber = item.SmallBottleNumber;
viewBottleRecycle.BigBottleNumber = item.BigBottleNumber;
viewBottleRecycle.TotalBottleNumber = item.TotalBottleNumber;
viewBottleRecycle.PublishTime = item.PublishTime;
viewBottleRecycleList.bottleRecycleList.Add(viewBottleRecycle);
}
ViewBag.DormitoryBottleRecycleSort = viewBottleRecycleList.bottleRecycleList;
}
else
{
ViewBag.DormitoryBottleRecycleSort = null;
}
ViewBag.pageCount = pbsAccess.getDormitoryBottlePaginationPageCount();
ViewBag.pageIndex = pageIndex;
return View(ViewBag);
}
这里使用ViewBag进行传值,这里的getDormitoryBottlePaginationPageCount()就是上面pageCount得出的方法。这是后台的方法。
现在说一下_PaginationComponent.cshtml里该如何运用这些值。
@{
string Controllers = ViewContext.RouteData.Values["controller"].ToString();
string Actions = ViewContext.RouteData.Values["Action"].ToString();
}
<li><a href="#">«</a></li>
@for (; i < @ViewBag.pageCount + ; i++)
{
<li><a href="/@Controllers/@Actions/@i">@i</a></li>
}
<li><a href="#">»</a></li>
为了进行组件复用,采用ViewContext.RouteData.Values["controller"].ToString()方法,这样,在其他页面里引用组件时,可以轻易移植过去如:<a href="/@Controllers/@Actions/@i">@i</a>,当然,实用for循环是为了显示出更多的页数,诸如1、2、3、4等等,这里我的数据比较少,因此只显示一页,当然还有其他功能诸如省略过多页数为省略号和当前页禁用等等,需要js其他代码来实现,这里只为了实现一个简单的分页组件功能。
这个页面里的代码并非全部分页的源码,这里只提供我个人解决时思路,如果有错误,还请指正,必定虚心求教。转载请注明来源与出处,谢谢合作 By 点将台无将
asp.net mvc4+mysql做一个简单分页组件(部分视图)的更多相关文章
- 程序猿修仙之路--数据结构之你是否真的懂数组? c#socket TCP同步网络通信 用lambda表达式树替代反射 ASP.NET MVC如何做一个简单的非法登录拦截
程序猿修仙之路--数据结构之你是否真的懂数组? 数据结构 但凡IT江湖侠士,算法与数据结构为必修之课.早有前辈已经明确指出:程序=算法+数据结构 .要想在之后的江湖历练中通关,数据结构必不可少. ...
- ASP.NET MVC如何做一个简单的非法登录拦截
摘要:做网站的时候,经常碰到这种问题,一个没登录的用户,却可以通过localhost:23244/Main/Index的方式进入到网站的内部,查看网站的信息.我们知道,这是极不安全的,那么如何对这样的 ...
- Asp.NetMVC利用LigerUI搭建一个简单的后台管理详解(函登录验证)
上一篇 Asp.Net 中Grid详解两种方法使用LigerUI加载数据库数据填充数据分页 了解了LigerUI 中Grid的基本用法 现在结合上一篇的内容做一个简单的后台管理,当然也有前台的页面 ...
- 用EF DataBase First做一个简单的MVC3报名页面
使用EF DataBase First做一个简单的MVC3报名网站 ORM(Object Relational Mapping)是面向对象语言中的一种数据访问技术,在ASP.NET中,可以通过ADO. ...
- 第四章 .net core做一个简单的登录
项目目标部署环境:CentOS 7+ 项目技术点:.netcore2.0 + Autofac +webAPI + NHibernate5.1 + mysql5.6 + nginx 开源地址:https ...
- .Net Core 3.0后台使用httpclient请求网络网页和图片_使用Core3.0做一个简单的代理服务器
目标:使用.net core最新的3.0版本,借助httpclient和本机的host域名代理,实现网络请求转发和内容获取,最终显示到目标客户端! 背景:本人在core领域是个新手,对core的使用不 ...
- 【Bugly干货分享】一起用 HTML5 Canvas 做一个简单又骚气的粒子引擎
Bugly 技术干货系列内容主要涉及移动开发方向,是由Bugly邀请腾讯内部各位技术大咖,通过日常工作经验的总结以及感悟撰写而成,内容均属原创,转载请标明出处. 前言 好吧,说是“粒子引擎”还是大言不 ...
- 使用React并做一个简单的to-do-list
1. 前言 说到React,我从一年之前就开始试着了解并且看了相关的入门教程,而且还买过一本<React:引领未来的用户界面开发框架 >拜读.React的轻量组件化的思想及其virtual ...
- 【 D3.js 入门系列 --- 3 】 做一个简单的图表!
前面说了几节,都是对文字进行处理,这一节中将用 D3.js 做一个简单的柱形图. 做柱形图有很多种方法,比如用 HTML 的 div 标签,或用 svg . 推荐用 SVG 来做各种图形.SVG 意为 ...
随机推荐
- linux内存使用计算方式
Linux开机后,使用top命令查看,4G物理内存发现已使用的多大3.2G,占用率高达80%以上: Mem: 3889836k total, 3341868k used, 547968k free, ...
- AtomicInteger源码注释
AtomicInteger源码 在java.util.concurrent.atomic包下提供了大量的原子类,这里以AtomicInteger源码为例,添加了一些注释,个人理解,供参考: 其中比较重 ...
- .Net中使用SendGrid Web Api发送邮件(附源码)
SendGrid是一个第三方的解决邮件发送服务的提供商,在国外使用的比较普遍.国内类似的服务是SendCloud.SendGrid提供的发送邮件方式主要是两种, 一种是SMTP API, 一种是Web ...
- You must use the Role Management Tool to install or configure Microsoft .NET Framework 3.5 SP1
今天在Windows Server 2008 下安装SQL SERVER 2008时,碰到如下错误: You must use the Role Management Tool to install ...
- java中遍历map的两种方式
1.先将map对象转成set,然后再转为迭代器 Iterator iterator = map.entrySet().iterator(); while(iterator.hasNext()){ En ...
- Zabbix监控VMare Vcenter
1.参照Zabbix文档配置 依照官方文档配置,没什么说的. zabbix官方文档:https://www.zabbix.com/documentation/3.2/manual/vm_monitor ...
- Python实用环境pyenv搭建教程
实验系统:kubuntu-15.10-desktop-amd64 关于pyenv的介绍:一般在操作系统中我们会安装多个Python版本,在*nix系统中一般默认就自带了Python2与Python3两 ...
- Eclipse 安装 jBPM 插件
下载jbpm-installer安装包并解压,找到 jbpm-installer\build.properties搜索eclipse.home 修改 eclipse.home=./eclipse 成 ...
- linux vsftpd 配置
linux 使用vsftpd 实现ftp上传 安装 vsftpd yum install -y vsftpd 配置vsftpd 备份配置文件后 将/etc/vsftpd/vsftpd.conf内容替换 ...
- Ngnix下安装python2.7
1 mkdir data 创建data目录 2 cd data 切换到data目录下 3 mkdir python27 创建python27目录 4 将下载好的python压缩包放在python27目 ...