feature:

分页记录下来

web/index.html

@@ -29,7 +29,7 @@
 <div class="clear-backend">
     <div class="avatar">
         <div>
-            <a href="#" target="_blank">
+            <a href="javascript:void(0);" target="_blank">
                 <img src="img/admin.png" alt="">
             </a>
         </div>
@@ -105,7 +105,8 @@
                         <input type="text" class="form-group form-control" id="searchInput"
                                style="width: 300px;display: inline"/>
                         <button class="btn btn-danger form-inline" style="margin-bottom: 5px"
-                                onclick="searchKeyAction()">搜索</button>
+                                onclick="searchKeyAction()">搜索
+                        </button>
                     </div>
                 </div>
             </div>
@@ -186,6 +187,10 @@
     var page = 1
     var line = 10
     $(function () {
+        var page = GetUrlParam('page')
+        if (!page) {
+            page = 1
+        }
         let post_data = {
             'token': $.cookie('access_token'),
             'page': page,
@@ -215,9 +220,13 @@
         } else {
             orderByupdate = 1
         }
+        var page = GetUrlParam('page')
+        if(!page){
+            page = 1
+        }
         let post_data = {
             'token': $.cookie('access_token'),
-            'page': 1,
+            'page': page,
             'line': 10,
             'orderByupdate': orderByupdate
         };
@@ -265,7 +274,7 @@
             'token': $.cookie('access_token'),
             'page': page,
             'line': 10,
-            'orderByupdate':orderByupdate
+            'orderByupdate': orderByupdate
         };
         $.postJSON(
             http_ip_prot + 'langWord/query', JSON.stringify(post_data),
@@ -299,7 +308,7 @@
             search_tab += '&nbsp;&nbsp;&nbsp;<label><input type="radio" name="optionsRadios" value="' + obj['lang'] + '">' + obj['lang'] + '</label>'
         });
         // head_html += '<th>udpateTime &nbsp;<i class="fa fa-arrow-down" aria-hidden="true"></i></td><th width="180px"><a href="#" onclick="addRow()">add</a></th></tr>';
-        head_html += ('<th><a href="#" onclick="orderByUpdateTimeFunc(' + orderByupdate + ')">udpateTime &nbsp;<i class="fa ' + (orderByupdate == 1 ? 'fa-arrow-up' : 'fa-arrow-down') + '" aria-hidden="true"></i></a></td><th width="180px"><a href="#" onclick="addRow()">add</a></th></tr>');
+        head_html += ('<th><a href="javascript:void(0);" onclick="orderByUpdateTimeFunc(' + orderByupdate + ')">udpateTime &nbsp;<i class="fa ' + (orderByupdate == 1 ? 'fa-arrow-up' : 'fa-arrow-down') + '" aria-hidden="true"></i></a></td><th width="180px"><a href="javascript:void(0);" onclick="addRow()">add</a></th></tr>');
         // search_tab += '<td width="180px"><button class="btn-primary btn">搜索</button></td></tr>';
         $('#searchCheckBox').html(search_tab)
         let body_html = '';
@@ -308,8 +317,8 @@
         $.each(body_data, function (idx, obj) {
             // console.log(idx)
             console.log(obj)
-            let edit_btn = '<a href="#" title="Edit" onclick="editFunc(\'' + idx + '\')"><i class="fa fa-edit"></i></a>';
-            let del_btn = '<a href="#" title="Delete" onclick="deleteFunc(\'' + idx + '\')"><i class="fa fa-ban"></i></a>';
+            let edit_btn = '<a href="javascript:void(0);" title="Edit" onclick="editFunc(\'' + idx + '\')"><i class="fa fa-edit"></i></a>';
+            let del_btn = '<a href="javascript:void(0);" title="Delete" onclick="deleteFunc(\'' + idx + '\')"><i class="fa fa-ban"></i></a>';
             // let del_btn = '';
             body_html += '<tr>';
             body_html += ('<td>' + idx + '</td>');
@@ -340,8 +349,8 @@
                 '<input class="form-control" type="text" langID="' + obj['id'] + '" id="newRow_lang_' + obj['id'] + '">' +
                 '</td>')
         })
-        let save_btn = '<a href="" title="Save" class="save_row"><i class="fa fa-check-circle-o"></i></a>';
-        let del_btn = '<a href="" title="Delete" class="del_row"><i class="fa fa-ban"></i></a>';
+        let save_btn = '<a href="javascript:void(0);" title="Save" class="save_row"><i class="fa fa-check-circle-o"></i></a>';
+        let del_btn = '<a href="javascript:void(0);" title="Delete" class="del_row"><i class="fa fa-ban"></i></a>';
 
         newRow += '<td></td><td>' + save_btn + '&nbsp;&nbsp;&nbsp;' + del_btn + '</td></tr>'
         $('#langTableBody').prepend(newRow)
@@ -474,6 +483,17 @@
         // })
     }
 
+    function IndexTable() {
+        var page = GetUrlParam('page')
+        let post_data = {
+            'token': $.cookie('access_token'),
+            'page': page,
+            'line': 10,
+            'orderByupdate': orderByupdate
+        };
+        InitIndex(post_data)
+    }
+
     function searchKeyAction() {
         let searchKey = $('input[name="optionsRadios"]:checked').val();
         let searchVal = $('#searchInput').val()

web/js/jkcor.js

@@ -6,6 +6,27 @@ function setCookie(key, val, seconds) {
     console.log(val)
     $.cookie(key, val, {expires: date});
 }
+//获取url参数
+function GetUrlParam(paraName) {
+    let url = document.location.toString();
+    let arrObj = url.split("?");
+    if (arrObj.length > 1) {
+        var arrPara = arrObj[1].split("&");
+        var arr;
+        for (var i = 0; i < arrPara.length; i++) {
+            arr = arrPara[i].split("=");
+
+            if (arr != null && arr[0] == paraName) {
+                return arr[1];
+            }
+        }
+        return "";
+    }
+    else {
+        return "";
+    }
+}
+
 // 捕捉全局异常弹出
 function handleError(msg,url,l)
 {