每次写分页导航的时候都要在html页面写一堆标签和样式，太麻烦了，所以干脆自己动手封装一个自己喜欢的类直接生成。

一、PageHelper类:

 /// <summary>

        /// 分页导航

        /// </summary>

        /// <param name="pageNum">当前第几页</param>

        /// <param name="pageNumSum">总页数</param>

        /// <param name="url">显示的url</param>

        /// <param name="p">分页参数名</param>

        /// <param name="linCount">显示多少页</param>

        /// <returns></returns>

        public static string page(int pageNum, int pageNumSum, string url, string p, int linCount)

        {

            if (pageNum < ) pageNum = ;

            if (pageNum > pageNumSum) pageNum = pageNumSum;

            // a的样式

            string aStyle = "text-decoration:none;border:1px solid #075DB3;box-sizing:border-box;margin:0  2px;padding:2px 5px;font-size:12px;";

            StringBuilder sb = new StringBuilder();

            sb.AppendLine(string.Format("<div style='text-align:center;margin-bottom:30px;'>第<span style='color:#00ff21'>{0}</span>/{1} 页", pageNum, pageNumSum));

            sb.AppendLine(string.Format(" <a style='{0}' href='{1}?{2}={3}'>上一页</a>", aStyle, url, p, pageNum -  <  ?  : pageNum - ));

            //设开始页为1

            int beginPage = ;

            //中间页为 linCount/2

            int midPage = linCount / ;

            if (pageNum > midPage)

            {

                beginPage = pageNum - midPage;

            }

            for (int i = ; i < linCount; i++)

            {

                //当前页不加链接

                if (pageNum == beginPage + i)

                {

                    sb.AppendLine(string.Format("<span style='display: inline-block;width:10px;'></span>{0}<span style='display: inline-block;width:10px;'></span>", beginPage + i));

                }

                else

                {

                    sb.AppendLine(string.Format("<a style='{0}' href='{1}?{2}={3}'>{3}</a>", aStyle, url, p, beginPage + i));

                }

                //如果后面的页数大于总页数，退出循环

                if (beginPage + i >= pageNumSum)

                {

                    break;

                }

            }

            sb.AppendLine(string.Format(" <a style='{0}' href='{1}?{2}={3}'>下一页</a>", aStyle, url, p, pageNum +  >= pageNumSum ? pageNumSum : pageNum + ));

            sb.Append("</div>");

            return sb.ToString();

        }

二、演示

这是在一个mvc项目中做的演示

action :

 public ActionResult Index(string page)

        {

            //1.获得当前页数

            int pageNum = ;//默认第一页

            if(page!=null)

            pageNum = Convert.ToInt32(page);  //一些判断是否为int或者是否<0大于最大页数这里不做判断,主要演示分页效果

            //2.总页数-- 查询数据库得到总条数再计算得到总页数

            int pageNumSum = ;//假设计算得到结果为18页

            string url = "/Demo/Index"; //当前url

            //要显示多少页

            int pageList = ;//假设看到5页

            //mvc要 MvcHtmlString 进行生成html码，不然会是一个字符串

            ViewBag.page = new MvcHtmlString(PageHelper.page(pageNum, pageNumSum, url, "page", pageList));

            return View();

        }

view:

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>Index</title>

    <style type="text/css">

        p {

        text-align:center;

        color:#00ff21;

        }

    </style>

</head>

<body>

    <p>列表内容</p>

      <p>列表内容</p>

      <p>列表内容</p>

      <p>列表内容</p>

      <p>列表内容</p>

    <div>

        @ViewBag.page

    </div>

</body>

</html>

效果：

后言:当然这主要是说一个方法，如果觉得这个不好看，你可以自己写多几个自己喜欢的分页效果类,想用哪个就调用哪个的。

自己写一个分页PageHelper的更多相关文章

  1. 用vue.js的v-for，v-if，computed写一个分页样式

    在学Vue,总想写个分页,先写了一个样式. 主要看思路: 思路简单,得到总页数,判断总页数,循环. 先判断总页数是否需要分页,总页数==1页就不分了. 再判断总页数<11就不用--. 总页数&g ...

  2. [转]Mybatis极其(最)简(好)单(用)的一个分页插件

    原文地址:http://blog.csdn.net/isea533/article/details/23831273 分页插件示例:http://blog.csdn.net/isea533/artic ...

  3. 牛逼哄哄的PageHelper分页插件到底是怎么实现的？网友：给我10分钟，给你写一个~

    Hi,各位读者们 PageHelper是一款好用的开源免费的Mybatis第三方物理分页插件,其实我并不想加上好用两个字,但是为了表扬插件作者开源免费的崇高精神,我毫不犹豫的加上了好用一词作为赞美. ...

  4. 使用纯js写的一个分页

    上图晒效果: 网上确实有很多分页的插件以及开源代码,单本是一个后台开发猿,前台css等样式还驾驭不住,所以就开始自己去写了.其实这个分页原理很简单,就是用ajax往后台传值(当前页码),后台使用lim ...

  5. 自己动手用Javascript写一个无刷新分页控件

    .NET技术交流群:337901356 ,欢迎您的加入! 对 于一个用户体验好的网站来说,无刷新技术是很重要的,无刷新,顾名思义,就是局部刷新数据,有用过Asp.net Web Form技术开发网页的 ...

  6. yii下多条件多表组合查询以及自写ajax分页

    多条件组合查询主要用到yii的CDbCriteria,这个类很多oem框架都有,非常好用. 前台表单 前台查询表单效果是这样的,多个条件组,每个组里放多个input,name为数组.当任何一个复选框被 ...

  7. 基于vue2.0的一个分页组件

    分页组件在项目中经常要用到之前一直都是在网上找些jq的控件来用(逃..),最近几个项目用上vue了项目又刚好需要一个分页的功能.于是百度发现几篇文章介绍的实在方式有点复杂, 没耐心看自己动手造轮子写了 ...

  8. 手动的写一个structs

    为了更好的学习框架的运行机制,这里开始学习框架之前,介绍一个简单的自定义的框架. 需求: 登录:id:aaa,pwd:888登录成功之后,跳转到,index.jsp页面并显示,欢迎你,aaa 注册,页 ...

  9. 用weexplus从0到1写一个app

    说明 基于wexplus开发app是来新公司才接触的,之前只是用过weex体验过写demo,当时就被用vue技术栈来开发app的开发体验惊艳到了,这个开发体验比react native要好很多,对于我 ...

随机推荐

  1. Python 对服务器返回数据编码进行判断之chardet

    对服务器返回数据编码进行判断之chardet by:授客 QQ:1033553122   测试环境 Win764Bit   chardet-2.3.0 下载地址1:https://pypi.pytho ...

  2. <API自动化测试>Centos-Newman

    一.介绍: 在测试和开发中,有一款API测试工具一直占据着武林盟主的地位,那就是声名远播的Google公司的Postman. Postman原先是Chrome浏览器的一个插件,后面发展成了一个应用程序 ...

  3. STL之迭代器(iterator)

    1 头文件 所有容器有含有其各自的迭代器型别(iterator types),所以当你使用一般的容器迭代器时,并不需要含入专门的头文件.不过有几种特别的迭代器,例如逆向迭代器,被定义于<iter ...

  4. 洗礼灵魂，修炼python（87）-- 知识拾遗篇 —— 线程（1）

    线程(上) 1.线程含义:一段指令集,也就是一个执行某个程序的代码.不管你执行的是什么,代码量少与多,都会重新翻译为一段指令集.可以理解为轻量级进程 比如,ipconfig,或者, python   ...

  5. Apache kylin 入门

    本篇文章就概念.工作机制.数据备份.优势与不足4个方面详细介绍了Apache Kylin. Apache Kylin 简介 1. Apache kylin 是一个开源的海量数据分布式预处理引擎.它通过 ...

  6. Scrapy （网络爬虫框架）入门

    一.Scrapy 简介: Scrapy是用纯Python实现一个为了爬取网站数据.提取结构性数据而编写的应用框架,Scrapy 使用了 Twisted['twɪstɪd](其主要对手是Tornado) ...

  7. 修改linux 默认SHELL

    首先你得查看可以用的shell: 1.命令:chsh -l ,结果如下: /bin/sh/bin/bash/sbin/nologin/usr/bin/sh/usr/bin/bash/usr/sbin/ ...

  8. JavaScript -- 时光流逝（四）：js中的 Math 对象的属性和方法

    JavaScript -- 知识点回顾篇(四):js中的 Math 对象的属性和方法 1. Math 对象的属性 (1) E :返回算术常量 e,即自然对数的底数(约等于2.718). (2) LN2 ...

  9. 删除window10没用的服务

    最近学习了下resin,出了个问题,它默认端口是8080,跟Tomcat冲突了,我在使用的时候遇到了个奇怪的事情,resin4.0一直占用着我的8080端口,哪怕我用dos命令把它强制停止,不出五秒钟 ...

  10. [CQOI2017]老C的键盘

    [CQOI2017]老C的键盘 题目描述 额,网上题解好像都是用的一大堆组合数,然而我懒得推公式. 设\(f[i][j]\)表示以\(i\)为根,且\(i\)的权值为\(j\)的方案数. 转移: \[ ...