设为首页 收藏本站
查看: 893|回复: 0

[经验分享] nodejs

[复制链接]

尚未签到

发表于 2017-2-24 11:12:29 | 显示全部楼层 |阅读模式
  懒得封装, 没有思路的将就看看吧
  引用js 、css



1    <link href="http://cdn.staticfile.org/twitter-bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
2     <script src="http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js" type="text/javascript"></script>
3     <script src="http://cdn.staticfile.org/twitter-bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script>




      
<!--分页-->
<ul class="pagination pagination-centered">
<!--处理数字显示个数-->
<% var prevNum = 10; var nextNum=10; %>
<%if(pager.pageCount-pager.pageCurrent > 5){%>
<% prevNum = 5 %>
<%} else {%>
<%prevNum = prevNum - (pager.pageCount-pager.pageCurrent)%>
<%}%>
<%if(pager.pageCurrent-5 > 0){%>
<% nextNum = 5 %>
<%} else {%>
<%nextNum = nextNum - (pager.pageCurrent) %>
<%}%>
<% if(pager.pageCount-pager.pageCurrent > 5 &&pager.pageCurrent-5 > 0 ){%>
<% prevNum=5%>
<% nextNum=4%>
<%}%>
<!--处理数字显示个数 end-->
<li class="disabled"><a href="javascript:void(0)"> 共<%=pager.maxNum%>条</a></li>
<li class="disabled"><a href="javascript:void(0)"> 总<%=pager.pageCount%> 页 </a></li>
<%if(pager.maxNum==0){%>
<li class="disabled"><a href="javascript:void(0)">首页</a></li>
<%}else{%>
<li><a href="<%=pager.pagePath%>current=1">首页</a></li>
<%}%>
<!--判断有没有前一页-->
<%if(pager.pageCurrent==1){%>
<li class="disabled"><a href="javascript:void(0)">上一页</a></li>
<%}else{%>
<%if(pager.maxNum==0){%>
<li class="disabled"><a href="javascript:void(0)">上一页</a></li>
<%}else{%>
<li><a href="<%=pager.pagePath%>current=<%=parseInt(pager.pageCurrent)-1%>">上一页</a></li>
<%}%>
<%}%>
<!--判断有没有前一页  end-->
<!--循环显示页码-->
<% for(var i = prevNum; i > 0; i--){ %>
<%  if( parseInt(pager.pageCurrent)-i > 0 ) { %>
<li><a href="<%=pager.pagePath%>current=<%=parseInt(pager.pageCurrent)-i%>"><%=(parseInt(pager.pageCurrent)-i)%></a></li>
<%}}%>
<li class="active"><a href="<%=pager.pagePath%>current=<%=pager.pageCurrent%>" ><%=pager.pageCurrent%></a></li>
<% for(var i = 1; i <=nextNum; i++){ %>
<%  if( parseInt(pager.pageCurrent)+i <= pager.pageCount ) { %>
<li><a href="<%=pager.pagePath%>current=<%=parseInt(pager.pageCurrent)+i%>"><%=parseInt(pager.pageCurrent)+i%></a></li>
<%}}%>
<!--循环显示页码  end-->
<!--判断有没有下一页-->
<%if(pager.pageCurrent==pager.pageCount){%>
<li class="disabled"><a href="javascript:void(0)">下一页</a></li>
<%}else{%>
<%if(pager.maxNum==0){%>
<li class="disabled"><a href="javascript:void(0)">下一页</a></li>
<%}else{%>
<li><a  href="<%=pager.pagePath%>current=<%=parseInt(pager.pageCurrent)+1%>">下一页</a></li>
<%}%>
<%}%>
<!--判断有没有下一页  end-->
<%if(pager.maxNum==0){%>
<li class="disabled"><a href="javascript:void(0)">尾页</a></li>
<%}else{%>
<li><a href="<%=pager.pagePath%>current=<%=pager.pageCount%>">尾页</a></li>
<%}%>
</ul>
<!--分页 end-->

<!--
路由使用:
//pageCurrent  当前页数
var pager = {
};
pager.pagePath = 'lostfound-manager?';
pager.pageSize = 10;
pager.pageCurrent = 1;
if (current == undefined) {
pager.pageCurrent = 1;
} else {
pager.pageCurrent = current;
}
pager.maxNum = retData.length;
pager.pageCount = parseInt(Math.ceil(parseFloat(pager.maxNum) / parseFloat(pager.pageSize)));  //计算总页数

返回 req.pager = pager;
-->

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表,该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有,请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意,请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息,一经发现立即删除。若您因此触犯法律,一切后果自负,我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责,亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏,不得用于商业或者其他用途,否则,一切后果均由您自己承担,我们对此不承担任何法律责任
7、如涉及侵犯版权等问题,请您及时通知我们,我们将立即采取措施予以解决
8、联系人Email:admin@iyunv.com 网址:www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址:https://www.yunweiku.com/thread-346577-1-1.html 上篇帖子: ActiveMQ 入门Nodejs版 下篇帖子: Nodejs高性能服务架构:cluster模式+Nginx多进程模式
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

扫码加入运维网微信交流群X

扫码加入运维网微信交流群

扫描二维码加入运维网微信交流群,最新一手资源尽在官方微信交流群!快快加入我们吧...

扫描微信二维码查看详情

客服E-mail:kefu@iyunv.com 客服QQ:1061981298


QQ群⑦:运维网交流群⑦ QQ群⑧:运维网交流群⑧ k8s群:运维网kubernetes交流群


提醒:禁止发布任何违反国家法律、法规的言论与图片等内容;本站内容均来自个人观点与网络等信息,非本站认同之观点.


本站大部分资源是网友从网上搜集分享而来,其版权均归原作者及其网站所有,我们尊重他人的合法权益,如有内容侵犯您的合法权益,请及时与我们联系进行核实删除!



合作伙伴: 青云cloud

快速回复 返回顶部 返回列表