Javascript 主干js中的分页

我正在使用restapi和springboot处理主干js，在jsp页面中加载更多数据，或者进行分页，无论我是否必须使用主干js或简单javascript。我弄糊涂了。请给我一些建议，以避免这种混乱

会使分页变成这样1…3 4 5 6 7…12。 为此，我们需要分页视图（主干视图）和分页视图（模板）

下一步，我们需要知道，否则我们必须在每一边给出“…”。我们设置了两个变量，这将显示是否有必要：

var left_dots = true;
var right_dots = true;

所以，当我们需要“…”时，它开始超过2（左），而结束时少于1（右）。为此，写两个检查，分析一个特定案例。它包括这样一个事实：如果我们有两个活动的，分配单元还有一个元素

123456。。。十二,

就在最后

1。。。7 8 9 10 11 12

if (nav_begin <= 2) {
    nav_end = this.page_show;
    if (nav_begin == 2) {
         nav_end++;
    } 
    nav_begin = 1;
    left_dots = false;
}

if (nav_end >= this.page_count - 1 ) {
    nav_begin = this.page_count - this.page_show + 1;
    if (nav_end == this.page_count - 1) {
           nav_begin--;
    }
    nav_end = this.page_count;
    right_dots = false;
}

模板分页视图（我使用twitter引导）

1) { %>



将像这样进行分页1…3 4 5 6 7…12。
为此，我们需要分页视图（主干视图）和分页视图（模板）

接下来，我们需要知道，或者我们必须在每一边给出“…”。我们设置了两个变量，这将显示是否有必要：

var left_dots = true;
var right_dots = true;

所以，当我们需要“…”时，当它开始超过2（左）时，当它小于结束-1（右）。为此，写两个检查，分析一个特定的情况。事实上，如果我们有两个活动，分配单元有一个以上的元素

123456…12

就在最后

1…7 8 9 10 11 12

if (nav_begin <= 2) {
    nav_end = this.page_show;
    if (nav_begin == 2) {
         nav_end++;
    } 
    nav_begin = 1;
    left_dots = false;
}

if (nav_end >= this.page_count - 1 ) {
    nav_begin = this.page_count - this.page_show + 1;
    if (nav_end == this.page_count - 1) {
           nav_begin--;
    }
    nav_end = this.page_count;
    right_dots = false;
}

模板分页视图（我使用twitter引导）


1) { %>



这太宽，不适合堆栈溢出。请阅读上的常见问题解答。这太宽，不适合堆栈溢出。请阅读上的常见问题解答。
$(this.el).html( this.template({
    link: this.link,
    page_count: this.page_count,
    page_active: this.page_active,
    nav_begin: nav_begin,
    nav_end: nav_end,
    left_dots: left_dots,
    right_dots: right_dots
}) );

<ul>

  <% if (page_active > 1) { %>
     <li><a href="<%= link %><%= page_active-1 %>">«</a></li>
  <% } %>
  <% if (left_dots) {%>
     <li><a href="<%= link %>1">1</a></li>
     <li class="disabled"><a href="#">...</a></li>
  <% } %>

  <% for (var i = nav_begin; i <= nav_end; i++) { %> 
      <li <% if (page_active == i) print('class="active"') %> ><a href="<%=    link %><%= i %>"><%= i %></a></li> 
 <% } %>

 <% if (right_dots) {%>
     <li class="disabled"><a href="#">...</a></li>
     <li><a href="<%= link %><%= page_count %>"><%= page_count %></a></li>
 <% } %>

 <% if (page_active < page_count) { %>
    <li><a  href="<%= link %><%= page_active+1 %>">»</a></li>
 <% } %>
</ul>