說不清楚，直接上代碼。和展示效果：

前臺：

 !DOCTYPE html  html xmlns= http://www.w3.org/1999/xhtml xmlns:th= http://www.thymeleaf.org  xmlns:sec= http://www.thymeleaf.org/thymeleaf-extras-springsecurity3  head  title 陪米app后臺主頁 /title  meta http-equiv= Content-Type content= text/html; charset=utf-8 /  script type= text/javascript src= /js/jquery.js /script  script type= text/javascript src= /js/page_common.js /script  link href= /css/common_style_blue.css rel= stylesheet type= text/css /  link rel= stylesheet type= text/css href= /css/index_1.css /  script type= text/javascript  var pageNo = 1; var pageSize = 8; var pages = 0; // ![CDATA[  $(document).ready(function(){  var key = $( #keyword ).val(); loadData(key,pageNo,pageSize); });  function loadData(key,pageNo,pageSize){ $.ajax({ url: /web/getReport , type: post , data:{keyword:key,pageNo:pageNo,pageSize:pageSize}, success:function(data){  var json = eval( ( +data + )  console.log(data); var html= // var reportlisthtml=  var maojungang = json.data;// var message = json.message; var totalCount = json.total; pages = Math.ceil(totalCount/pageSize);// alert(message); for(var i in maojungang){  html=html+ tr + td +maojungang[i].byReportUser+ nbsp; +maojungang[i].byReportName+ nbsp; /td + td + textarea +maojungang[i].content+ /textarea + nbsp; /td + td +maojungang[i].timed+ nbsp; /td + td +maojungang[i].friendId+ nbsp; /td + td +maojungang[i].taskId+ nbsp; /td + td +maojungang[i].reportUser+ nbsp; +maojungang[i].reportName+ nbsp; /td + /tr 
 $( #TableData ).html(html);  var newText = 共 + totalCount + 條， + 第 + pageNo + 頁， + 共 + pages + 頁  $( #summary ).text(newText); });  function search(){// loadData($( #keyword ).val()); var key = $.trim($( #keyword ).val().trim()); loadData(key,pageNo,pageSize); function index(){  pageNo = 1;  var key = $.trim($( #keyword ).val().trim()); loadData(key,pageNo, pageSize); function last(){ var key = $.trim($( #keyword ).val().trim()); if(pageNo == 1){ return false; } else{ pageNo--; loadData(key,pageNo, pageSize); function next(){ var key = $.trim($( #keyword ).val().trim()); if(pageNo == pages){ return false; } else{ pageNo++; loadData(key,pageNo, pageSize); function zuihou(){ pageNo = pages; var key = $.trim($( #keyword ).val().trim()); loadData(key,pageNo, pageSize); function pageNumber(){ var pageNumber = $.trim($( #pageNumber ).val().trim()); var key = $.trim($( #keyword ).val().trim()); pageNo = pageNumber; loadData(key,pageNo, pageSize); //]]  /script 
 獨孤九賤(5)_ThinkPHP5視頻教程 
ThinkPHP是國內最流行的中文PHP開發框架,也是您Web項目的最佳選擇。《VeVb.com獨孤九賤(5)－ThinkPHP5視頻教程》課程以ThinkPHP5最新版本為例，從最基本的框架常識開始，將...
 
  Peter-Zhu 2017-05-16 12:03:57 

 獨孤九賤(4)_PHP視頻教程 
江湖傳言：PHP是世界上最好的編程語言。真的是這樣嗎？這個梗究竟是從哪來的？學會本課程，你就會明白了。PHP 出品的PHP入門系統教學視頻，完全從初學者的角度出發，絕不玩虛的，一切以實用、有用...
 
  Peter-Zhu 2017-03-20 22:47:17 

 獨孤九賤(1)_HTML5視頻教程 
《VeVb.com原創html5視頻教程》課程特色：php 原創幽默段子系列課程，以惡搞，段子為主題風格的php視頻教程！輕松的教學風格，簡短的教學模式，讓同學們在不知不覺中，學會了HTML知識。...
 
  Peter-Zhu 2017-03-13 10:15:11 

 ThinkPHP5實戰之[教學管理系統] 
本套教程,以一個真實的學校教學管理系統為案例,手把手教會您如何在一張白紙上,從零開始,一步一步的用ThinkPHP5框架快速開發出一個商業項目。
 
  Peter-Zhu 2017-07-24 16:48:56 

 PHP入門視頻教程之一周學會PHP 
所有計算機語言的學習都要從基礎開始，《PHP入門視頻教程之一周學會PHP》不僅是PHP的基礎部分更主要的是PHP語言的核心技術，是學習PHP必須掌握的內容，任何PHP項目的實現都離不開這部分的內容，通...
 
 html教程        
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。