分页组件
<h4>1.分页组件相关代码</h4>
<p>文件上传除了基础的bootstrap、jq的相关js、css外，需要引入如下的相关文件</p>
<ul>
<li>js文件引入：
<pre><code class="language-java"><script type="text/javascript" src="/js/bootstrap-paginator.min.js"></script></code></pre></li>
</ul>
<p>html代码：</p>
<pre><code class="language-java"><div id="example"> <ul id="pageLimit"></ul> </div></code></pre>
<p>js代码：</p>
<pre><code class="language-java">$('#pageLimit').bootstrapPaginator({
currentPage: 1,//当前的请求页面。
totalPages: 20,//一共多少页。
size:"normal",//应该是页眉的大小。
bootstrapMajorVersion: 3,//bootstrap的版本要求。
alignment:"right",
numberOfPages:5,//一页列出多少数据。
itemTexts: function (type, page, current) {//如下的代码是将页眉显示的中文显示我们自定义的中文。
switch (type) {
case "first": return "首页";
case "prev": return "上一页";
case "next": return "下一页";
case "last": return "末页";
case "page": return page;
}
}
});</code></pre>