cs:

  1. public IEnumerable<ArticleView> MyGetAll(int start, int limit, ref int count)
  2. {
  3. try
  4. {
  5. var query = _session.CreateCriteria<Article>();
  6. count = query.List<Article>().Count;
  7. var data = query.SetFirstResult((start - ) * limit)
  8. .SetMaxResults(limit)
  9. .AddOrder(new Order("CreateTime", false))
  10. .List<Article>();
  11. return ArticleMapper.GetArticleView(data);
  12. }
  13. catch (Exception)
  14. {
  15. throw;
  16. }
  17. }

js:

  1. $(function () {
  2. getAllArticle();
  3. getAllLable();
  4. $('#jumbotron').hide();
  5. showTip();
  6. scrollUp();
  7. setTimeout(showTip2, );
  8. });
  9. var myCurrentPage = , myTotalPages = ;
  10. function bootStrapPage() {
  11. var options = {
  12. currentPage: myCurrentPage,
  13. totalPages: myTotalPages,
  14. size: 'small',
  15. itemContainerClass: function (type, page, current) {
  16. return (page === current) ? "active" : "pointer-cursor";
  17. },
  18. itemTexts: function (type, page, current) {
  19. switch (type) {
  20. case "first":
  21. return "First";
  22. case "prev":
  23. return "上一页";
  24. case "next":
  25. return "下一页";
  26. case "last":
  27. return "Last";
  28. case "page":
  29. return page;
  30. default:
  31. return null;
  32. }
  33. },
  34. shouldShowPage: function (type, page, current) {
  35. switch (type) {
  36. case "first":
  37. case "last":
  38. return false;
  39. default:
  40. return true;
  41. }
  42. },
  43. onPageClicked: function (e, originalEvent, type, page) {
  44. myCurrentPage = page;
  45. zwobj.url = Resolve('/Home/GetAllArticle/?currentPage=' + myCurrentPage);
  46. ajaxData();
  47. }
  48. };
  49. $('#example').bootstrapPaginator(options);
  50. }
  51.  
  52. function showTip2() {
  53. if ($('#colspan').hasClass('glyphicon-chevron-up')) {
  54. $('#colspan').removeClass('glyphicon-chevron-up').addClass('glyphicon-chevron-down');
  55. } else {
  56. $('#colspan').removeClass('glyphicon-chevron-down').addClass('glyphicon-chevron-up');
  57. }
  58. $('#jumbotron').animate({ height: 'toggle' }, );
  59. }
  60.  
  61. function showTip() {
  62. $('#colspan').click(function () {
  63. if ($('#colspan').hasClass('glyphicon-chevron-up')) {
  64. $('#colspan').removeClass('glyphicon-chevron-up').addClass('glyphicon-chevron-down');
  65. } else {
  66. $('#colspan').removeClass('glyphicon-chevron-down').addClass('glyphicon-chevron-up');
  67. }
  68. $('#jumbotron').animate({
  69. height: 'toggle'
  70. }, );
  71. });
  72. }
  73.  
  74. function getAllArticle() {
  75. zwobj.url = Resolve('/Home/GetAllArticle/?currentPage=' + myCurrentPage);
  76. zwobj.data = {};
  77. ajaxData();
  78. }
  79.  
  80. function getAllLable() {
  81. zwobj.url = Resolve('/Home/GetAllLable');
  82. zwobj.data = {};
  83. ajaxData();
  84. }
  85.  
  86. function scrollUp() {
  87. $.scrollUp({
  88. scrollName: 'scrollUp', // Element ID
  89. topDistance: '', // Distance from top before showing element (px)
  90. topSpeed: , // Speed back to top (ms)
  91. animation: 'fade', // Fade, slide, none
  92. animationInSpeed: , // Animation in speed (ms)
  93. animationOutSpeed: , // Animation out speed (ms)
  94. scrollText: '', // Text for element
  95. activeOverlay: false // Set CSS color to display scrollUp active point, e.g '#00FFFF'
  96. });
  97. }
  98.  
  99. function ajax_GetAllArticle(data) {
  100. $(".content_list tbody").empty();
  101. var html = "";
  102. var len = data.Data.length;
  103. for (var i = ; i < len; i++) {
  104. html += '<tr><td scope="row"><div class="clearfix">发布于:&nbsp;' + eval("new " + data.Data[i].CreateTime.split('/')[]).Format("yyyy-MM-dd HH:mm") + '</div>'
  105. + '<div class="clearfix"><div class="clearfix-left">作者:</div><div class="clearfix-left">&nbsp;<img src="http://i3.asp.net/avatar/RicardoPeres.jpg?forceidenticon=True&amp;dt=635278383000000000&amp;cdn_id=2013-08-19-003"alt="author">&nbsp;</div><div class="common-a"><a href="#">' + data.Data[i].UserName + '</a></div></div>'
  106. + '<div class="clearfix">职称:&nbsp;' + data.Data[i].UserPostTitle + '</div>'
  107. + '<div class="clearfix"><div class="clearfix-left">联系:</div><div class="clearfix-left">&nbsp;<img src="../../Images/qq.png" />&nbsp;<img src="../../Images/sina.jpg" />&nbsp;<img src="../../Images/weibo.ico" /></div></div>'
  108. + '</td><td>'
  109. + '<h3><a href="#">' + data.Data[i].Title + '</a></h3>'
  110. + '<div class="td-content">' + data.Data[i].Contents.substr(, ) + '...</div>'
  111. + '<div class="common-a">Tags:';
  112. var len2 = data.Data[i].Lables.length;
  113. for (var j = ; j < len2; j++) {
  114. html += '<a href="#" rel="tag">' + data.Data[i].Lables[j].Name + '</a>&nbsp;&nbsp;';
  115. }
  116. html += '</div></td>';
  117. }
  118. $(".content_list tbody").append(html);
  119.  
  120. //总页数
  121. var total = parseInt(data.Other);
  122. myTotalPages = (total / 20) + 1;
  123. bootStrapPage();
  124. }
  125.  
  126. function ajax_GetAllLable(data) {
  127. $(".label-content").empty();
  128. var html = "";
  129. var len = data.Data.length;
  130. for (var i = ; i < len; i++) {
  131. html += '<span class="label label-primary">Primary</span> <span class="label label-success">Success</span>';
  132. }
  133. $(".label-content").append(html);
  134. }

html:

  1. <%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
  2.  
  3. <!DOCTYPE html>
  4. <html>
  5. <head>
  6. <meta charset="utf-8">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8. <meta name="viewport" content="width=device-width, initial-scale=1">
  9. <meta name="description" content="">
  10. <meta name="author" content="">
  11. <title>优尔博客</title>
  12. <!--Bootstrap css-->
  13. <link rel="shortcut icon" href="../../Scripts/bootstrap-3.1.0/dist/ico/favicon.ico" />
  14. <link href="../../Scripts/bootstrap-3.1.0/dist/css/bootstrap.css" rel="stylesheet"
  15. type="text/css" />
  16. <!--jquery page css-->
  17. <link href="../../Scripts/bootstrap-paginator-master/bootstrap-combined.min.css"
  18. rel="stylesheet" type="text/css" />
  19. <link href="../../Scripts/bootstrap-3.1.0/jumbotron/jumbotron.css" rel="stylesheet"
  20. type="text/css" />
  21. <!--本页面 css-->
  22. <link href="../../Scripts/Lib/Home/Home.css" rel="stylesheet" type="text/css" />
  23. <script src="../../Scripts/jquery/jquery-1.8.3.js" type="text/javascript"></script>
  24. <!--jquery-scrollUp js-->
  25. <script src="../../Scripts/jquery.scrollUp.min.js" type="text/javascript"></script>
  26. <!--bootstrap js-->
  27. <script src="../../Scripts/bootstrap-3.1.0/dist/js/bootstrap.js" type="text/javascript"></script>
  28. <!--jquery page js-->
  29. <script src="../../Scripts/bootstrap-paginator-master/bootstrap-paginator.js"
  30. type="text/javascript"></script>
  31. <script src="../../Scripts/HtmlHelper.js" type="text/javascript"></script>
  32. <script src="../../Scripts/zwjs.js" type="text/javascript"></script>
  33. <script src="../../Scripts/Lib/Home/Home.js" type="text/javascript"></script>
  34. </head>
  35. <body>
  36. <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  37. <div class="container">
  38. <div class="navbar-header">
  39. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  40. <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span><span
  41. class="icon-bar"></span><span class="icon-bar"></span>
  42. </button>
  43. <a class="navbar-brand" href="#">合肥优尔电子科技有限公司</a>
  44. <div id="colspan" class="glyphicon glyphicon-chevron-down">
  45. </div>
  46. </div>
  47. <div class="navbar-collapse collapse">
  48. <ul class="nav navbar-nav">
  49. <li class="active"><a href="#">主页</a></li>
  50. <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">博客园
  51. <b class="caret"></b></a>
  52. <ul class="dropdown-menu">
  53. <li><a href="#">推荐博客</a></li>
  54. <li><a href="#">新闻</a></li>
  55. <li><a href="#">专题</a></li>
  56. <li><a href="#">知识库</a></li>
  57. </ul>
  58. </li>
  59. <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">行业动态
  60. <b class="caret"></b></a>
  61. <ul class="dropdown-menu">
  62. <li><a href="#">华尔街日报</a></li>
  63. <li><a href="#">中文业界资讯站</a></li>
  64. <li><a href="#">软媒</a></li>
  65. </ul>
  66. </li>
  67. <li><a href="#">关于</a></li>
  68. <li><a href="#">联系我</a></li>
  69. </ul>
  70. <div class="navbar-form navbar-right">
  71. <button type="submit" class="btn btn-success">
  72. 登 入</button>
  73. </div>
  74. </div>
  75. <!--/.navbar-collapse -->
  76. </div>
  77. </div>
  78. <!-- Main jumbotron for a primary marketing message or call to action -->
  79. <div class="jumbotron" id="jumbotron">
  80. <div class="container" id="container">
  81. <h1>
  82. YouoBlog 1.0</h1>
  83. <p>
  84. 这是一个公司内部交流使用的博客系统,它服务于公司内部人员更好的进行团队协作和免除了face-to-face的交流机会, 它的诞生标志着我们迈向了一个新的阶段。</p>
  85. <p>
  86. <a class="btn btn-primary btn-lg" role="button">了解更多 &raquo;</a></p>
  87. </div>
  88. </div>
  89. <div class="container">
  90. <div id="container-left">
  91. <div class="alert alert-info">
  92. <span class="glyphicon glyphicon-info-sign"></span>&nbsp;欢迎提出您在使用中遇到的问题或宝贵建议,感谢您对优尔博客的支持。QQ:1576410833
  93. </div>
  94. <div class="container-blog">
  95. <table width="100%" border="0" cellspacing="0" cellpadding="2" class="content_list"
  96. summary="youo blog">
  97. <tbody>
  98. </tbody>
  99. </table>
  100. <div id="example"></div>
  101. <hr />
  102. <footer>
  103. <p>&copy; Company 2014</p>
  104. </footer>
  105. </div>
  106. </div>
  107. <div id="container-right">
  108. <div class="input-group">
  109. <input type="text" class="form-control">
  110. <span class="input-group-btn">
  111. <button class="btn btn-primary" type="button">
  112. 搜索</button>
  113. </span>
  114. </div>
  115. <div class="panel panel-join">
  116. <div class="panel-heading">
  117. <h3 class="panel-title">
  118. <span class="glyphicon glyphicon-bookmark">&nbsp;最新新闻</span>
  119. </h3>
  120. </div>
  121. <div class="panel-body">
  122. <ul>
  123. <li>为程序员的爱情点赞</li>
  124. <li>董明珠密会黄章是要干啥?</li>
  125. <li>硅谷风投大亨安德森:科技行业正走出衰退</li>
  126. <li>苹果可考虑的10个投资选项</li>
  127. <li>投资人为啥不投你?</li>
  128. <li>为什么很多互联网公司都在开曼群岛注册?</li>
  129. <li>“八叛逆”之摩尔:摩尔定律提出者</li>
  130. <li>Twitter们的未来是信息重构么?</li>
  131. <li>惠普今春发布Chromebox 外形效仿Mac Mini</li>
  132. <li>亚马逊将新招2500人 股票评级遭UBS下调</li>
  133. </ul>
  134. </div>
  135. </div>
  136. <div class="panel panel-learn">
  137. <div class="panel-heading">
  138. <h3 class="panel-title">
  139. <span class="glyphicon glyphicon-bookmark">&nbsp;常用资源</span></h3>
  140. </div>
  141. <div class="panel-body">
  142. <ul>
  143. <li>为程序员的爱情点赞</li>
  144. <li>董明珠密会黄章是要干啥?</li>
  145. <li>硅谷风投大亨安德森:科技行业正走出衰退</li>
  146. <li>苹果可考虑的10个投资选项</li>
  147. <li>投资人为啥不投你?</li>
  148. <li>为什么很多互联网公司都在开曼群岛注册?</li>
  149. <li>“八叛逆”之摩尔:摩尔定律提出者</li>
  150. <li>Twitter们的未来是信息重构么?</li>
  151. <li>惠普今春发布Chromebox 外形效仿Mac Mini</li>
  152. <li>亚马逊将新招2500人 股票评级遭UBS下调</li>
  153. </ul>
  154. </div>
  155. </div>
  156. <div class="panel panel-sign">
  157. <div class="panel-heading">
  158. <h3 class="panel-title">
  159. <span class="glyphicon glyphicon-bookmark">&nbsp;热门标签</span></h3>
  160. </div>
  161. <div class="panel-body label-content">
  162.  
  163. </div>
  164. </div>
  165. <div class="panel panel-code">
  166. <div class="panel-heading">
  167. <h3 class="panel-title">
  168. <span class="glyphicon glyphicon-bookmark">&nbsp;相关博客</span></h3>
  169. </div>
  170. <div class="panel-body">
  171. <ul>
  172. <li>为程序员的爱情点赞</li>
  173. <li>董明珠密会黄章是要干啥?</li>
  174. <li>硅谷风投大亨安德森:科技行业正走出衰退</li>
  175. <li>苹果可考虑的10个投资选项</li>
  176. <li>投资人为啥不投你?</li>
  177. <li>为什么很多互联网公司都在开曼群岛注册?</li>
  178. <li>“八叛逆”之摩尔:摩尔定律提出者</li>
  179. <li>Twitter们的未来是信息重构么?</li>
  180. <li>惠普今春发布Chromebox 外形效仿Mac Mini</li>
  181. <li>亚马逊将新招2500人 股票评级遭UBS下调</li>
  182. </ul>
  183. </div>
  184. </div>
  185. </div>
  186. </div>
  187. <!-- /container -->
  188. <a id="scrollUp" href="#top" title="" style="position: fixed; z-index: 2147483647;
  189. display: block;"></a>
  190. </body>
  191. </html>

Controller.cs

  1. [HttpPost]
  2. public JsonResult GetAllArticle(int currentPage)
  3. {
  4. const int totalPages = ;//每页多少数据
  5. ArticleDal articleDal = new ArticleDal(_session);
  6. var count = ;
  7. var data = articleDal.MyGetAll(currentPage, totalPages, ref count);
  8. var zwJson = new ZwJson
  9. {
  10. Data = data,
  11. Other = count.ToString(),
  12. IsSuccess = true,
  13. JsExecuteMethod = "ajax_GetAllArticle"
  14. };
  15. var json= Json(zwJson, JsonRequestBehavior.AllowGet);
  16. return json;
  17. }

Nhibernate 分页功能的更多相关文章

  1. Nhibernate分页测试续

    Nhibernate分页测试续(附源码) 接着上一篇Nhibernate分页测试,最近一直在接触Nhibernate,接触的越多.了解越深,越是感觉他的强大,很多功能都封装的很好,对数据操作是那么的简 ...

  2. 简单封装分页功能pageView.js

    分页是一个很简单,通用的功能.作为一个有经验的前端开发人员,有义务把代码中类似这样公共的基础性的东西抽象出来,一来是改善代码的整体质量,更重要的是为了将来做类似的功能或者类似的项目,能减少不必要的重复 ...

  3. php对文本文件进行分页功能简单实现

    php对文本文件进行分页功能简单实现 <!DOCTYPE> <html> <head> <meta http-equiv="Content-type ...

  4. Asp.net MVC3表格共用分页功能

    在建立的mvc3项目中,在Razor(CSHTML)视图引擎下,数据会在表格中自动的生成,但分页没有好的控件实现,这里我们开发了设计了一个分页的模板,适合于没有数据提交和有数据提交的分页的分页. 第一 ...

  5. WinForm DataGridView分页功能

    WinForm 里面的DataGridView不像WebForm里面的GridView那样有自带的分页功能,需要自己写代码来实现分页,效果如下图: 分页控件  .CS: 1 using System; ...

  6. Net 分页功能的实现

    首先写一个接口   1 2 3 4 5 6 public interface IPagedList     {         int CurrentPageIndex { get; set; }   ...

  7. 自己封装的JS分页功能[用于搭配后台使用]

    * 2016.7.03 修复bug,优化代码逻辑 * 2016.5.25 修复如果找不到目标对象的错误抛出. * 2016.5.11 修复当实际页数(pageNumber)小于生成的页码间隔数时的bu ...

  8. 一行代码调用实现带字段选取+条件判断+排序+分页功能的增强ORM框架

    问题:3行代码 PDF.NET是一个开源的数据开发框架,它的特点是简单.轻量.快速,易上手,而且是一个注释完善的国产开发框架,受到不少朋友的欢迎,也在我们公司的项目中多次使用.但是,PDF.NET比起 ...

  9. jPList – 实现灵活排序和分页功能的 jQuery 插件

    jPList 是一个灵活的 jQuery 插件,可以用于任何 HTML 结构的排序,分页和筛选.它支持的数据源包括:PHP + MySQL,ASP.NET + SQL Server,PHP + SQL ...

随机推荐

  1. ArcGIS Desktop 与 Excel(转)

    来自:http://blog.csdn.net/kikitamoon/article/details/19043161 微软 OFFICE 产品中,Excel是很强大,并且平民化的表格制作工具.Arc ...

  2. AndroidStudio中安装可自动生成json实体类的jar包

    第一步:安装gsonjar包, 这样gson包就下载好了.接下来安装能自动生成实体类的插件: 接下来不要忘了重启: 重启后,就可以通过自定义的快捷键 alt+shift+s来打开generate,从而 ...

  3. Android_sharePreference

    /** * Android的四中数据存储方式: * 1.SharePreferences * 2.SQLite * 3.Content Provider * 4.File * * SharePrefe ...

  4. oracle学习总结5(游标、触发器、过程、方法)

    1:捕获plsql抛出的异常 declarev_ename emp.ename%type;beginselect ename into v_ename from emp where empno=10; ...

  5. highcharts 24小时显示数据,显示00:00格式的数据

    Showing 24 hours on xAxis WITHOUT a date on 00:00 格式参考PHP手册中的: strftime

  6. 【Slickflow学习】.NET开源工作流环境搭建(三)

    第一次自己写博客文章,大家多多指教.写博客主要记录一下学习的过程,给初学者提供下参考,也留给自己做备忘. Slickflow .NET开源工作流-环境搭建 在VS2010中使用附加进程的方式调试IIS ...

  7. SQL 树结构统计数据

    create table #Tmp( ID int IDENTITY (1,1) not null, name varchar(50), sl int); DECLARE @ID VARCHAR(36 ...

  8. 复制pdf文字出来是乱码的一种可能的解决方案

    最近在处理一个pdf文件,是一个地图文件,上面带各种文字的标注,地图比较大,而且文字信息比较多而且分散.因为字体的问题,在我的windows电脑上虽然可以正常显示,但是复制出来的文字都是方块,而且对应 ...

  9. java多线程总结六:经典生产者消费者问题实现

    这是个线程同步的经典例子,源代码如下: <span style="font-size:16px;">package demo.thread; /** *经典生产者与消费 ...

  10. 怎样向IT行业的朋友说明《圣经》的重要性

    “世界的官方文档”——怎么样?